1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link rel="shortcut icon" href="https://hatsoffdigital.com/assets/images/favicon.ico" type="image/x-icon"> 7 <title>Digital Marketing Services | Hats-Off Digital </title> 8 <meta name="description" content="Boost your online presence with our expert digital marketing services. Want to maximize your 9visibility and results? Drop us a line!"> 10 <meta name="robots" content="index, follow"> 11 12
12<script> 13 (function () { 14 15 const savedTheme = localStorage.getItem("theme") || "auto"; 16 17 const systemDark = window.matchMedia("(prefers-color-scheme: dark)").matches; 18 19 let actualTheme; 20 21 if (savedTheme === "auto") { 22 actualTheme = systemDark ? "dark" : "light"; 23 } else { 24 actualTheme = savedTheme; 25 } 26 27 document.documentElement.setAttribute("theme", actualTheme); 28 document.documentElement.setAttribute("data-theme-mode", savedTheme); 29 30 if (actualTheme === "dark") { 31 document.documentElement.classList.add("dark"); 32 } else { 33 document.documentElement.classList.remove("dark"); 34 } 35 36 })(); 37 </script>
37 38
38<script> 39 document.addEventListener("DOMContentLoaded", function () { 40 const toggle = document.getElementById("themeToggle"); 41 if (!toggle) return; 42 43 const html = document.documentElement; 44 const body = document.body; 45 46 const sunIcon = toggle.querySelector(".sun"); 47 const moonIcon = toggle.querySelector(".moon"); 48 const autoIcon = toggle.querySelector(".auto"); 49 50 // detect mobile 51 function isMobile() { 52 return window.innerWidth <= 768; 53 } 54 55 // get system theme 56 function getSystemTheme() { 57 return window.matchMedia("(prefers-color-scheme: dark)").matches 58 ? "dark" 59 : "light"; 60 } 61 62 // apply theme 63 function applyTheme(theme, animate = false) { 64 // remove all toggle classes 65 toggle.classList.remove( 66 "dark", 67 "auto", 68 "animate-sun", 69 "animate-moon", 70 "animate-auto", 71 ); 72 73 let actualTheme = theme; 74 75 // AUTO MODE 76 if (theme === "auto") { 77 html.setAttribute("data-theme-mode", "auto"); 78 79 actualTheme = getSystemTheme(); 80 81 html.setAttribute("theme", actualTheme); 82 83 body.classList.toggle("dark", actualTheme === "dark"); 84 85 toggle.classList.add("auto"); 86 87 if (animate) { 88 void toggle.offsetWidth; 89 toggle.classList.add("animate-auto"); 90 } 91 } 92 93 // DARK MODE 94 else if (theme === "dark") { 95 html.setAttribute("theme", "dark"); 96 html.setAttribute("data-theme-mode", "dark"); 97 98 body.classList.add("dark"); 99 100 toggle.classList.add("dark"); 101 102 if (animate) { 103 void toggle.offsetWidth; 104 toggle.classList.add("animate-moon"); 105 } 106 } 107 108 // LIGHT MODE 109 else { 110 html.setAttribute("theme", "light"); 111 html.setAttribute("data-theme-mode", "light"); 112 113 body.classList.remove("dark"); 114 115 if (animate) { 116 void toggle.offsetWidth; 117 toggle.classList.add("animate-sun"); 118 } 119 } 120 121 // save preference 122 localStorage.setItem("theme", theme); 123 } 124 125 // restore saved theme 126 const savedTheme = localStorage.getItem("theme") || "auto"; 127 applyTheme(savedTheme); 128 129 // Desktop click handlers 130 if (sunIcon) { 131 sunIcon.addEventListener("click", function (e) { 132 if (!isMobile()) { 133 e.stopPropagation(); 134 applyTheme("light", true); 135 } 136 }); 137 } 138 139 if (moonIcon) { 140 moonIcon.addEventListener("click", function (e) { 141 if (!isMobile()) { 142 e.stopPropagation(); 143 applyTheme("dark", true); 144 } 145 }); 146 } 147 148 if (autoIcon) { 149 autoIcon.addEventListener("click", function (e) { 150 if (!isMobile()) { 151 e.stopPropagation(); 152 applyTheme("auto", true); 153 } 154 }); 155 } 156 157 // Mobile cycle toggle 158 toggle.addEventListener("click", function () { 159 if (!isMobile()) return; 160 161 const currentTheme = localStorage.getItem("theme") || "auto"; 162 163 let newTheme; 164 165 if (currentTheme === "light") { 166 newTheme = "dark"; 167 } else if (currentTheme === "dark") { 168 newTheme = "auto"; 169 } else { 170 newTheme = "light"; 171 } 172 173 applyTheme(newTheme, true); 174 }); 175 176 // system theme change listener (only if auto mode) 177 window 178 .matchMedia("(prefers-color-scheme: dark)") 179 .addEventListener("change", function () { 180 if (localStorage.getItem("theme") === "auto") { 181 applyTheme("auto"); 182 } 183 }); 184 }); 185 </script>
185 186 <link href="https://hatsoffdigital.com/assets/css/style.css" rel="stylesheet"> 187 <link rel="canonical" href="https://www.hatsoffdigital.com"> 188 189 <link href="https://hatsoffdigital.com/assets/css/bootstrap.min.css" rel="stylesheet"> 190 <link href="https://hatsoffdigital.com/assets/css/fontawesome.css" rel="stylesheet"> 191 <meta name="theme-color" content="#fff"> 192 <!-- owl carousel cdn --> 193 <link rel="stylesheet" href="/assets/css/owl.carousel.min.css"/> 194 <link rel="stylesheet" href="/assets/css/owl.theme.default.min.css"/> 195 196
196<script src="https://hatsoffdigital.com/assets/js/jquery.min.js"></script>
196 197 <meta name="keywords" content=""> 198 199 200<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 200-201
200 201<script async src="https://www.googletagmanager.com/gtag/js?id=
201G-ENY28ZTDQY
vendor: 12 bytes, line 201
201"></script>
202<script> 203
vendor: 134 bytes, lines 203-207
203window.dataLayer = window.dataLayer || []; 204 function gtag(){dataLayer.push(arguments);} 205 gtag('js', new Date()); 206 207 gtag('config', '
207G-ENY28ZTDQY
vendor: 4 bytes, line 207
207');
208</script>
208 209 210<!--
210<script async src="https://shown.io/metrics/V40zQGWY9r" type="text/javascript"></script>
210 --> 211<!-- Google Tag Manager -->
212<script>
vendor: 335 bytes, lines 212-216
212(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 213 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 214 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 215 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 216 })(window,document,'script','dataLayer','
216GTM-TXL38ZL
vendor: 3 bytes, line 216
216');
216</script>
216 217 <!-- End Google Tag Manager --> 218 219
219<script type="text/javascript"> 220 (function(c,l,a,r,i,t,y){ 221 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 222 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 223 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 224 })(window, document, "clarity", "script", "vj5fs1i9ry"); 225 </script>
225 226</head> 227<body class="light" id="body"> 228<!--
228<script> 229 var dt = new Date(); 230 var currentNo = String(dt.getHours()).padStart(2, "0") + String(dt.getMinutes()).padStart(2, "0"); 231 232 if(currentNo >= '0500' && currentNo <= '1700'){ 233 $('#body').removeClass('dark'); 234 $('#body').addClass('light').attr('theme','light'); 235 }else{ 236 $('#body').removeClass('light'); 237 $('#body').addClass('dark').attr('theme','dark'); 238 } 239 </script>
239 --> 240 <style> 241 /* ===== Region contact dropdown ===== */ 242.ho-region { 243 position: relative; 244 display: inline-flex; 245 align-items: center; 246 margin-left: 12px; 247} 248 249.ho-region-btn { 250 display: inline-flex; 251 align-items: center; 252 gap: 8px; 253 height: 36px; 254 padding: 0 10px; 255 background: #ffff; 256 border: 1px solid var(--border-color, #c8cad0); 257 border-radius: 16px; 258 color: #0B0B0F; 259 cursor: pointer; 260 transition: border-color .2s ease, background .2s ease; 261} 262.ho-region-btn:hover, 263.ho-region-btn[aria-expanded="true"] { 264 border-color: var(--text-hover-color, #1514ff); 265 background: #fff; 266} 267 268.ho-flags { 269 display: flex; 270 align-items: center; 271 gap:12px 272} 273.ho-flags svg { 274 border-radius: 2px; 275 box-shadow: 0 0 0 1.5px #fff, 0 1px 3px rgba(0,0,0,.25); 276 margin-left: -6px; /* overlapping flags */ 277} 278.ho-flags svg:first-child { margin-left: 0; } 279 280.ho-caret { transition: transform .2s ease; flex-shrink: 0; } 281.ho-region-btn[aria-expanded="true"] .ho-caret { transform: rotate(180deg); } 282 283/* Dropdown */ 284.ho-menu { 285 position: absolute; 286 top: calc(100% + 10px); 287 right: 0; 288 width: 290px; 289 padding: 14px 6px; 290 background:var(--primary-bg); 291 border: 1px solid transparent; 292 border-radius: 12px; 293 box-shadow: 0 10px 25px rgba(0,0,0,.25); 294 z-index: 999999; 295 opacity: 0; 296 visibility: hidden; 297 transform: translateY(6px); 298 transition: opacity .2s ease, transform .2s ease, visibility .2s; 299} 300.ho-region.open .ho-menu { 301 opacity: 1; 302 visibility: visible; 303 transform: translateY(0); 304 border-color:var(--text-hover-color); 305} 306/* small arrow */ 307.ho-menu::before { 308 content: ""; 309 position: absolute; 310 top: -6px; 311 right: 16px; 312 border-left: 5px solid transparent; 313 border-right: 5px solid transparent; 314 border-bottom: 5px solid #ee2e59; 315} 316 317.ho-menu-label { 318 margin: 0 0 6px; 319 padding: 0 14px 8px; 320 font-size: 11px; 321 letter-spacing: .08em; 322 text-transform: uppercase; 323color:var(--primary-color); 324 border-bottom: 1px solid rgba(255,255,255,.12); 325} 326 327.ho-office { 328 display: flex; 329 align-items: flex-start; 330 gap: 12px; 331 padding: 10px 14px; 332 border-radius: 8px; 333 color:var(--primary-color); 334 transition: background .2s ease; 335} 336.ho-office:hover { background: rgba(255,255,255,.07); } 337 338.ho-office > svg { 339 flex-shrink: 0; 340 margin-top: 3px; 341 border-radius: 2px; 342 box-shadow: 0 0 0 1px rgba(255,255,255,.25); 343} 344 345.ho-office-info { 346 display: flex; 347 flex-direction: column; 348 gap: 2px; 349 min-width: 0; 350} 351.ho-office-name { 352 font-size: 14px; 353 font-weight: 600; 354 color:var(--primary-color); 355 356} 357.ho-hq { 358 font-weight: 400; 359 font-size: 11px; 360 color: blue; 361} 362.ho-office-info a { 363 font-size: 13px; 364 line-height: 1.4 !important; 365 color:var(--primary-color); 366 text-decoration: none !important; 367 word-break: break-all; 368 transition: color .2s ease; 369} 370.ho-office-info a:hover { color: var(--text-hover-color) !important; } 371.ho-office-info a.ho-mail { font-size: 12px; color: var(--text-hover-color) !important; } 372 373/* Mobile */ 374@media (max-width: 767px) { 375 .ho-region { margin-left: 0; } 376 .ho-region-btn { height: 30px; padding: 0 8px; } 377 .ho-flags svg { width: 16px; height: 11px; } 378 .ho-menu { 379 position: fixed; 380 top: 58px; 381 left: 12px; 382 right: 12px; 383 width: auto; 384 } 385 .ho-menu::before { display: none; } 386} 387header.main-header { 388 display: flex; 389 position: fixed; 390 align-items: center; 391 z-index: 9999999; 392 width: 100%; 393 justify-content: space-between; 394 top: 0; 395 left: 0; 396 max-width: 1920px; 397 background: var(--primary-bg) !important; 398 color: var(--primary-color) !important; 399 400 transform: translateY(0); 401 transition: transform 0.35s ease; 402} 403/* hide header */ 404header.main-header.header-hidden { 405 transform: translateY(-100%); 406} 407 408/* show header */ 409header.main-header.header-visible { 410 transform: translateY(0); 411} 412 413 .header-logo img { 414 height: 50px; 415 object-fit: contain; 416 width: 80px; 417 margin-right:20px; 418 } 419 .header-logo:focus-visible,.header-logo *:focus-visible { 420 outline: none !important; 421 } 422 .search-toggle { 423 color: var(--primary-color); 424 display: flex; 425 align-items: center; 426 width: fit-content; 427 } 428 429 .left-menu{ 430 border-left:2px solid #000; 431 } 432 433 span.submenu-indicator.dropdown-icon { 434 margin-left: 5px; 435 color: rgb(0, 0, 0); 436 transition:all 0.2s ease; 437 } 438 439 .toggle-menu { 440 margin-left: 40px; 441 } 442 443 .mega-menu-col { 444 width: calc(100% - 294px); 445 } 446 .custom-sticky-header .header_area{ 447 background-color: var(--primary-bg) !important; 448 border-bottom:1px solid rgb(245 245 245); 449 backdrop-filter: blur(10px); 450 } 451 452 /* body.dark header.main-header.custom-sticky-header .nav-menu>li>a { 453 color: var(--primary-color) !important; 454 } */ 455 456 .custom-main-header.custom-sticky-header:before { 457 transform: translateY(80px); 458 } 459 460 header.main-header div { 461 z-index: 99; 462 } 463 464 .navigation{ padding:30px;width:100vw;height:60px;display:flex;justify-content:space-between;position:relative;}.nav-toggle,.navigation-hidden .nav-header,.navigation-hidden .nav-search{display:none}.navigation-portrait,.navigation-portrait .nav-search-inner{height:48px}.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}.align-to-right{float:right}.nav-header{float:left}.nav-brand{line-height:70px;padding:0;color:#343a40;text-decoration:none!important}.nav-brand:focus,.nav-brand:hover{color:#343a40}.navigation-portrait .nav-brand{line-height:48px}.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}.nav-logo:focus>img{outline:initial}.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:15px;cursor:pointer}.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#343a40;border-radius:10px;box-shadow:0 .5em 0 0 #343a40,0 1em 0 0 #343a40}.megamenu-tabs-pane.active,.navigation-portrait .nav-menus-wrapper-close-button,.navigation-portrait .nav-toggle{display:block}.nav-menus-wrapper{display:flex; align-items:center;} .navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:var(--primary-bg);z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.2s;transition-timing-function:ease}.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}.nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px 7px;display:none;float:right;color:#343a40;cursor:pointer}.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;}.megamenu-panel [class*=container],.megamenu-panel-row,.megamenu-panel-row .col-12,.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter,.navigation-portrait .megamenu-tabs-nav,.n
464avigation-portrait .megamenu-tabs-pane,.navigation-portrait .nav-dropdown-horizontal>li,.navigation-portrait .nav-menu{width:100%}.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}.nav-menu>li{display:inline-block;text-align:left}.nav-overlay-panel,.nav-search>form{height:100%;display:none;top:0;width:100%}.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:1px solid #f0f0f0}.navigation-portrait .nav-menu>li:last-child{border-bottom:1px solid #f0f0f0}.nav-menu+.nav-menu>li:first-child,.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}.nav-menu>li>a{text-transform:capitalize;padding:10px 7px;display:inline-block;text-decoration:none;color:#000;transition:color .3s,background .3s}.error404 .nav-menu>li>a,.home .nav-menu>li>a{color:var(--secondary-color)}.nav-dropdown>li.focus>a,.nav-dropdown>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a,.nav-menu>li:hover>a,.nav-search-button:hover .nav-search-icon{color:#ff6b00}.nav-menu>li>a>[class*=ion-],.nav-menu>li>a>i{width:18px;height:16px;line-height:16px;transform:scale(1.4)}.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;transform:scale(1.8)}.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}.nav-overlay-panel{left:0;position:fixed;z-index:19999}.no-scroll{width:100%;height:100%;overflow:hidden}.nav-search{height:70px;float:right;z-index:19998}.navigation-portrait .nav-search{height:48px;padding:0 10px;margin-right:52px}.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:#fbfcfd}.navigation-portrait .nav-search-button{width:50px;height:48px;}.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color:#343a40;text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;transform:rotate(-45deg)}.nav-search-icon:after,.nav-search-icon:before{content:"";pointer-events:none}.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;transform:translateX(-50%)}.nav-search>form{padding:0 auto;position:absolute;left:0;background-color:var(--primary-bg);z-index:99}.nav-dropdown-horizontal>li>a,.nav-dropdown>li{position:relative}.nav-search-inner{width:70%;height:70px;margin:auto;display:table}.nav-search-inner input[type=search],.nav-search-inner input[type=text]{height:70px;width:100%;margin:0;padding:0 12px;text-align:center;color:#343a40;outline:0;line-height:70px;border:none;background-color:transparent;transition:.3s}.navigation-portrait .nav-search-inner input[type=search],.navigation-portrait .nav-search-inner input[type=text]{height:48px;line-height:48px}.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;color:#343a40;cursor:pointer;text-align:center}.nav-button,.nav-dropdown>li>a,.nav-text{display:inline-block}.nav-button,.nav-button:focus,.nav-button:hover{color:var(--secondary-color);text-decoration:none}.navigation-portrait .nav-search-close-button{top:10px;right:14px}.nav-button{margin:18px 15px 0;padding:8px 14px;text-align:center;border-radius:4px}.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}.nav-text{margin:25px 15px;color:#343a40;}.megamenu-panel,.nav-dropdown{display:none;z-index:98;position:absolute}.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}.navigation-portrait .nav-text+ul{margin-top:15px}.nav-dropdown{min-width:180px;margin:0;padding:0;list-style:none;white-space:nowrap}.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}.nav-dropdown .nav-dropdown{left:100%}.nav-menu>li>.nav-dropdown{padding:15px 0!important;background:#fff;border:1px solid transparent;border-radius:0 0 10px 10px;box-shadow: 0px 5px 10px 0px #00000040;}
464.nav-dropdown>li{width:100%;float:left;clear:both;text-align:left}.megamenu-list.plat-icons li a,.megamenu-lists>p{text-align:center}.nav-dropdown>li>a{width:100%;text-decoration:none;float:left;background-color:transparent}.nav-dropdown.nav-dropdown-left{right:0}.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:1px solid #f0f0f0}.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}.megamenu-tabs-nav>li>a,.megamenu-tabs-pane{border:1px solid #eff0f2;background-color:var(--primary-bg)}.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}.megamenu-panel [class*=container] [class*=col-]{padding:0}.megamenu-panel-half,.navigation-landscape .list-col-2{width:50%}.megamenu-panel-quarter{width:25%}.megamenu-panel-row:after,.megamenu-panel-row:before{content:"";display:table;line-height:0}.megamenu-panel-row:after{clear:both}.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}.megamenu-panel-row [class*=col-]:first-child{margin-left:0}.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}.megamenu-panel-row .col-1{width:5.583333333333%}.megamenu-panel-row .col-2{width:14.166666666666%}.megamenu-panel-row .col-3{width:22.75%}.megamenu-panel-row .col-4{width:31.333333333333%}.megamenu-panel-row .col-5{width:39.916666666667%}.megamenu-panel-row .col-6{width:48.5%}.megamenu-panel-row .col-7{width:57.083333333333%}.megamenu-panel-row .col-8{width:65.666666666667%}.megamenu-panel-row .col-9{width:74.25%}.megamenu-panel-row .col-10{width:82.833333333334%}.megamenu-panel-row .col-11{width:91.416666666667%}.megamenu-tabs{width:100%;float:left;display:block}.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;text-decoration:none;outline:0}.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}.megamenu-list>li.megamenu-list-title>a:hover,.megamenu-list>li>a:hover{background-color:transparent}.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none}.megamenu-lists{width:100%;display:table}.megamenu-list{width:100%;margin:0 0 15px; float: left;padding:0;display:inline-block;list-style:none}.megamenu-list:last-child{margin:0;border:none}.navigation-landscape .megamenu-list{margin:-15px 0;padding:5px 0;border-right:0px solid #f0f0f0}.navigation-landscape .megamenu-list:last-child{border:none}.megamenu-list>li>a{width:100%;padding:2px 0;display:inline-block;color:#fff !important;text-decoration:none;}.megamenu-list>li>a:hover{color: var(--text-hover-color)!important;}.megamenu-list>li.megamenu-list-title>a{text-transform:uppercase;color:#343a40}.navigation-landscape .list-col-3{width:33%}.navigation-landscape .list-col-4,.navigation-landscape .list-col-5{width:20%}.nav-dropdown>li>a{color:#000000 !important;padding:2px 20px;border-bottom:0 solid #f6f6f6;}
464.nav-dropdown>li>a:focus,.nav-dropdown>li>a:hover{color: var(--text-hover-color)!important;}.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:var(--primary-bg);z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,.1)}.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99}.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:10px 10px 10px 30px}.megamenu-lists>p{font-style:italic;margin-bottom: 25px;color: #fff;}.megamenu-lists>p a{color:var(--orange-color);}.megamenu-list>li>a:before,.nav-dropdown>li>a:before{content:'\f0da';font-family:'Font Awesome\ 5 Pro';color: var(--text-hover-color)!important;font-weight:900;padding-right:4px;}.megamenu-list.plat-icons svg{width:30px;height:30px}.megamenu-list.plat-icons .svg-icon{font-size:30px}.megamenu-list.plat-icons a:before{content:''}.megamenu-list.plat-icons li{padding:0 12px}.megamenu-list.plat-icons li a p{margin-bottom:0!important}.megamenu-list.plat-icons{display:flex;flex-direction: column; justify-content:center;margin-top:30px!important}.megamenu-list.plat-icons li a:hover svg path{fill: var(--text-hover-color)!important;} 465 /* .custom-main-header.custom-sticky-header .nav-menu>li>a, .custom-main-header.custom-sticky-header .search-toggle, .custom-main-header.custom-sticky-header .toggle-menu button { 466 color: #000 !important; 467 } */ 468 469 .custom-main-header.custom-sticky-header .nav-menu>li>a:hover .dropdown-icon{ 470 color:#000 !important; 471 } 472 473 /* .custom-main-header.custom-sticky-header .nav-menu>li>a.active .dropdown-icon{ 474 color:#000 !important; 475 } */ 476 477 .quote-btn{ 478 border: 1px solid #c8cad0; 479 border-radius: 5px; 480 margin: 0 5px; 481 background: #f3f3f5; 482 color: #707070; 483 height:35px; 484 } 485 .hquote-btn{ 486 border: 1px solid #c8cad0; 487 border-radius: 5px; 488 margin: 0; 489 background: #000; 490 color: #FFF; 491 height: 100%; 492 width: 100%; 493 } 494.hquote-btn-link{ 495 height: 35px; 496 padding:0 !important; 497} 498 499.active .quote-btn{ 500 border: 1px solid #c8cad0; 501 color:#FFF; 502 font-weight:500; 503} 504 505.hquote-btn:hover{ 506 background:var(--text-hover-color); 507 color:rgb(255, 255, 255); 508} 509.quote-btn:hover{ 510 background:#000; 511 color:rgb(255, 255, 255); 512} 513 514.megamenu-panel { 515 width: 1170px; 516 padding: 30px 20px!important; 517 text-align: left; 518 color: var(--secondary-color); 519 box-shadow: 0 10px 20px rgb(0 0 0 / 8%); 520 left: calc(50% - 585px); 521 background: linear-gradient(rgb(0 0 0 / 95%) 0 0) padding-box,linear-gradient(to right,#f3d52e,#ee215d) border-box; 522 border: 1px solid transparent; 523 border-radius: 15px; 524 position: fixed; 525} 526 527.nav-menu>li>a, .search-toggle, .toggle-menu button { 528 font-size: 14px !important; 529} 530 531div.header.header_area { 532 position: relative; 533 z-index: 999; 534 min-height: 50px; 535 width: 100%; 536} 537header.main-header .nav-menu>li>a.active { 538 color: var(--text-hover-color) !important; 539} 540 541.header_contact_dropdown { 542 position: relative; 543 display: inline-block; 544 padding-bottom: 10px; 545 top: 5px; 546 cursor: pointer; 547} 548 549.header_contact_dropdown .dropdown-content { 550 display: none; 551 position: absolute; 552 width: 275px; 553 padding: 15px 0!important; 554 background: linear-gradient(rgb(0 0 0 / 95%) 0 0) padding-box,linear-gradient(to right,#f3d52e,#ee215d) border-box; 555 border: 1px solid transparent; 556 border-radius: 10px; 557 margin-top: 10px; 558 right: -5px; 559} 560.header_contact_dropdown .dropdown-content a{ 561 text-decoration: none; 562 display: block; 563 color: #ffffff !important; 564 padding: 2px 20px; 565 border-bottom: 0 solid #f6f6f6; 566} 567.megamenu-lists li a { 568 text-decoration: none; 569 display: block; 570 color: #000000 !important; 571 padding: 2px 20px; 572 border-bottom: 0 solid #f6f6f6; 573} 574.megamenu-lists li a.menu_active { 575 color: var(--text-hover-color) !important;; 576} 577.header_contact_dropdown .dropdown-content a:hover { 578 color: var(--orange-color) !important; 579} 580.header_contact_dropdown .dropdown-content a:before { 581 content: '\f0da'; 582 font-family: 'Font Awesome\ 5 Pro'; 583 color: var(--orange-color); 584 font-weight: 900; 585 padding-right: 4px; 586} 587.header_contact_dropdown:hover .dropdown-content {display: block;} 588.header_contact_dropdown button.dropbtn { 589 background: transparent; 590 color: var(--orange-color); 591 height: 40px; 592 width: 40px; 593 margin-left: 15px; 594 display: flex; 595 align-items: center; 596 justify-content: center; 597} 598 599.dropbtn img{ 600 height:30px; 601} 602 603.header.main-header a { 604 line-height: 30px; 605} 606.header_contact_dropdown.email-cta .dropdown-content { 607 width: 275px; 608 609 &.nz{ 610 width:330px; 611 } 612} 613.megamenu-heading { 614 font-weight: 600; 615 color: #fff; 616 margin: 0px !important; 617 text-align: left; 618 font-style: unset; 619 text-decoration: none !important; 620} 621.megamenu-heading a{ 622 color:#FFF; 623 text-decoration: none !important; 624} 625.megamenu-heading:hover {
626 color: var(--orange-color); 627} 628.header_contact_dropdown .dropdown-content:after { 629 content: ""; 630 width: 0; 631 height: 0; 632 border-left: 5px solid transparent; 633 border-right: 5px solid transparent; 634 border-bottom: 5px solid #ee2e59; 635 position: absolute; 636 top: -6px; 637 right: 15px; 638} 639svg.mobiletoggle line { 640 color: var(--primary-color); 641} 642svg.mobiletoggle.mobiletoggle-sticky-header line { 643 color: var(--primary-color); 644} 645a.enquiry-btn-services { 646 position: fixed; 647 bottom: -1px; 648 width: 100%; 649 left: 0px; 650 height: 40px; 651 align-items: center; 652 justify-content: center; 653 background-image: linear-gradient(#f44336, #ffc806); 654 border-radius: 0; 655 color: #fff !important; 656 text-decoration: none !important; 657 z-index: 9999; 658 display: none; 659} 660 661.countries{ 662 display:flex; 663 gap:5px; 664 padding-left:15px; 665} 666 667 header.main-header .nav-menu>li>a { 668 color: var(--primary-color) !important; 669 transition:all 0.2s ease; 670 font-weight:400; 671 672 i{ 673 color: var(--primary-color) !important; 674 } 675 } 676:root{ 677 --text-hover-color:#1514ff; 678 --border-color:#c8cad0; 679} 680 header.main-header .nav-menu>li>a:hover { 681 color:var(--text-hover-color) !important; 682 i{ 683 color:var(--text-hover-color) !important; 684 } 685 } 686 687 header.main-header .nav-menu>li>a.active{ 688 i{ 689 color:var(--text-hover-color) !important; 690 } 691 } 692 693 header.main-header .nav-menu>li>a:hover .dropdown-icon { 694 color:var(--text-hover-color) !important 695 } 696 697 header.main-header .nav-menu>li>a.active .dropdown-icon{ 698 color:var(--text-hover-color) !important; 699 } 700/* amol css */ 701.nav-menu .nav-dropdown.nav-submenu{ 702 display: flex; 703 gap: 15px; 704 padding: 0px !important; 705 border: none !important; 706 overflow: hidden; 707} 708.nav-menu .service-text,.nav-menu .service-text a{ 709 color:#000; 710 margin: 0 !important; 711} 712.nav-menu .service-text a:hover{ 713 color:var(--text-hover-color); 714} 715.megamenu-lists{ 716 display: flex; 717 flex-direction: column; 718 padding: 30px; 719 justify-content: space-between; 720} 721.nav-dropdown.nav-submenu .megamenu-list a{ 722 padding:0 !important; 723} 724.nav-menu ul.megamenu-list{ 725 display: flex; 726 flex-direction: column; 727 gap:10px; 728 list-style: disc; 729} 730.nav-sub-submenu { 731 display: block !important; 732 position: static; 733} 734.nav-sub-submenu ul{ 735 display: block !important; 736 position: static; 737} 738.nav-menu .megamenu-list.plat-icons { 739 margin-top: 0 !important; 740 padding: 18px; 741 background: #f8f9fb; 742} 743.navigation-landscape .megamenu-list { 744 margin:0 !important; 745} 746.nav-menu .megamenu-list.plat-icons li { 747 padding: 2px 0; 748 gap:16px; 749 width: 100%; 750} 751.nav-menu .megamenu-list.plat-icons li a:hover :is(i,p,svg){ 752 color:var(--text-hover-color) !important; 753 fill:var(--text-hover-color) !important; 754} 755.megamenu-list>li>a:before{ 756 color:#000 !important; 757 display:none; 758} 759.nav-menu .megamenu-list>li>a:hover:before { 760 color: var(--text-hover-color)!important; 761} 762.nav-menu .megamenu-list>li>a:hover { 763 color: var(--text-hover-color)!important; 764} 765.nav-menu .megamenu-list.plat-icons li a::before{ 766 content: none !important; 767} 768.nav-menus-wrapper .fas { 769 font-weight: 400; 770} 771.nav-menu .megamenu-list.plat-icons a { 772 display: flex; 773 align-items: center; 774 gap: 5px; 775 justify-content: flex-start; 776 width: 100%; 777 flex: 1; 778} 779.megamenu-heading{ 780 color:#000 !important; 781} 782.nav-menu .megamenu-list.plat-icons a i,.nav-menu .megamenu-list.plat-icons a p,.nav-menu .megamenu-list.plat-icons a path{ 783 color: #000; 784 fill: #000; 785} 786.nav-menus-wrapper .service-text{ 787 margin-top: 20px !important; 788} 789@media screen and (max-width:1175px){ 790 .wikipedia-megamenu{ 791 right: 10px !important; 792 } 793 .itsubMenus_wrapper { 794 width: calc(100% - 30px) !important; 795 } 796 .nav-menu .megamenu-list.plat-icons ul{ 797 flex-wrap: wrap; 798 } 799 .nav-menu .megamenu-list.plat-icons li { 800 width: fit-content; 801 } 802 header.main-header .nav-menu>li>a { 803 font-size: 13px !important; 804} 805.countries { 806 gap: 4px; 807 padding-left: 4px; 808} 809.header-logo img { 810 height: 40px; 811 width: 60px; 812 margin-right: 20px; 813} 814.left-menu { 815 padding-left: 10px; 816} 817} 818@media screen and (max-width:1250px){ 819 .it-solution-megamenu{ 820 right: 10px !important; 821 } 822 .header-logo img { 823 margin-right: 10px; 824} 825} 826/* @media screen and (max-width:1050px){ 827 .creative-megamenu{ 828 right: 10px !important; 829 } 830} */ 831@media only screen and (min-width: 320px) and (max-width: 767px) { 832 .nav-dropdown > li > a, 833 .megamenu-list > li > a { 834 width: 65%; 835 } 836} 837body .main-menu li.focus > a { 838 color: var(--text-hover-color) !important; 839 i { 840 color: var(--text-hover-color) !important; 841 } 842 } 843.nav-menu>li>.nav-dropdown { 844 box-shadow: 0px 10px 10px 0px #00000040; 845} 846html[theme="dark"] { 847 848 .megamenu-lists li a.menu_active { 849 border-radius: 10px; 850 } 851 852 .main-menu > li > a.active, .main-menu > li > a:hover { 853 color: var(--text-hover-color)!important; 854 background: #fff; 855 border-radius: 50px; 856 } 857 .main-menu > li > a:hover { 858 border-radius: 10px 10px 0 0; 859 } 860 li.focus > a i { 861 color: var(--text-hover-color) !important; 862 } 863 .main-menu >
863 li:has(.nav-dropdown.nav-submenu:hover) > a, 864 .main-menu > li:hover > a { 865 color: var(--text-hover-color)!important; 866 background: #fff; 867 border-radius: 10px 10px 0 0; 868 } 869 a.full-radius { 870 border-radius: 50px !important; 871 } 872 .megamenu-list{ 873 width:100%; 874 } 875} 876@media (min-width:768px) { 877 svg.mobiletoggle, div.mobiletoggle-menu { 878 display: none; 879} 880} 881@media (max-width: 767px) { 882.toggle-menu { 883 display: none; 884} 885body.mobilemenu-open { 886 overflow: hidden; 887} 888.mobiletoggle { 889 width: 30px; 890 height: 30px; 891} 892.mobiletoggle div { 893 width: 100%; 894 height: 5px; 895 background: white; 896 margin: 4px auto; 897 transition: all 0.3s; 898 backface-visibility: hidden; 899} 900#mobilemenu { 901 background: #000; 902 width: 100%; 903 height: calc(100vh - 50px); 904 padding: 0px; 905 border-radius: 0; 906 text-align: center; 907 margin: auto; 908 display: none; 909 position: fixed; 910 top: 50px; 911 z-index: 999999; 912 overflow-y: auto; 913} 914svg.mobiletoggle { 915 position: fixed; 916 right: 15px; 917 top: 10px; 918 z-index: 99999; 919 transition: 0.5s; 920 backface-visibility: hidden; 921} 922.custom-main-header.custom-sticky-header:before { 923 transform: translateY(60px); 924} 925.custom-main-header:before { 926 height: 60px; 927} 928ul.navbar-nav { 929 width: 100%; 930 text-align: left; 931} 932.navbar-nav li.nav-item { 933 padding: 15px 0px; 934 border-bottom: 1px solid #fff; 935} 936a.nav-link { 937 padding: 0px 0px; 938 font-size: 20px !important; 939 font-weight: 600; 940 color: #fff !important; 941 outline: none !important; 942 box-shadow: none !important; 943} 944 945.dropdown-menu.show { 946 border: 0px; 947 border-radius: 0px; 948 background: transparent; 949} 950p.menu-heading { 951 font-weight: 600; 952 margin-bottom: 5px; 953 color: #fff; 954} 955a.dropdown-item { 956 padding: 5px; 957 color: #fff; 958} 959a.dropdown-item:hover { 960 color: var(--orange-color); 961 border-radius: 5px; 962 background: transparent; 963} 964p.menu-heading.services-megamenu { 965 margin-top: 20px; 966 margin-bottom: 10px; 967} 968.services-megamenu a{ 969 color:#fff; 970 text-decoration:none !important; 971} 972.dropdown-toggle::after { 973 content: '\f078'; 974 border: 0px; 975 font-family: 'Font Awesome 5 Pro'; 976 position: absolute; 977 right: 0px; 978} 979.extra-links { 980 margin: 20px 0px; 981} 982.extra-links a.menu-extra-links { 983 font-size: 15px; 984 color: #fff; 985 text-decoration: none; 986 width: 100%; 987 display: block; 988 text-align: center; 989 padding: 10px 0px; 990} 991.extra-links a.menu-extra-links:hover { 992 color: var(--orange-color); 993} 994nav.navbar { 995 padding: 0px; 996} 997nav.navbar .container-fluid { 998 padding: 0px 15px; 999} 1000.search-toggle { 1001 width: fit-content; 1002 margin-right: 45px; 1003} 1004svg#mobiletoggle.on line { 1005 color: var(--orange-color); 1006} 1007svg#mobiletoggle.on line.one { 1008 transform: rotate(45deg) translate(0px, -5px); 1009} 1010svg#mobiletoggle.on line.two { 1011 opacity: 0; 1012} 1013svg#mobiletoggle.on line.three { 1014 transform: rotate(-45deg) translate(-15px, 20px); 1015} 1016.header_contact_dropdown { 1017 display: block; 1018} 1019 1020li.nav-item.contactus a.nav-link i { 1021 width: 40px; 1022 height: 40px; 1023 border: 1px solid #fff; 1024 position: absolute; 1025 left: 0pc; 1026 display: flex; 1027 align-items: center; 1028 justify-content: center; 1029 border-radius: 50%; 1030 top: calc(50% - 20px); 1031} 1032 svg.mobiletoggle { 1033 z-index: 9999999; 1034 } 1035} 1036@media (max-width:767px) { 1037 body #mobileNav a.menu_active{ 1038 color: var(--text-hover-color) !important; 1039 border-radius: 10px; 1040 } 1041 body #mobileNav .menu-list a.menu_active{ 1042 color: var(--text-hover-color) !important; 1043 border-radius: 10px; 1044 } 1045 html[theme="dark"] { 1046 body #mobileNav .menu-list a.menu_active { 1047 /* padding-inline: 10px !important; */ 1048 color: var(--text-hover-color) !important; 1049 border-radius: 10px; 1050 background: #fff; 1051 } 1052 } 1053} 1054@media (max-width: 1100px) { 1055 .nav-menu>li>a { 1056 padding: 10px 5px; 1057 } 1058} 1059@media (max-width: 1200px) and (min-width: 990px) { 1060 .megamenu-panel { 1061 width: 950px; 1062 left: calc(50% - 475px); 1063} 1064} 1065 1066@media screen and (min-width: 0px) and (max-width: 550px) { 1067 header.main-header.side-space.custom-main-header { 1068 background-color: #fff !important; 1069} 1070.header-logo img { 1071 height: 50px; 1072 object-fit: contain; 1073 width: 70px; 1074} 1075 1076.header_contact_dropdown button.dropbtn { 1077 height: 30px; 1078 width: 30px; 1079 margin-left: 0px; 1080} 1081.header_contact_dropdown button.dropbtn i { 1082 font-size: 12px; 1083} 1084.mobiletoggle { 1085 width: 25px; 1086 height: 25px; 1087} 1088svg.mobiletoggle { 1089 top: 8px; 1090} 1091.search-toggle:after { 1092 position: absolute; 1093 content: ''; 1094 background-color: #ccc; 1095 height: 75%; 1096 width: 1px; 1097 top: 5px; 1098 right: -12px; 1099} 1100.search-toggle { 1101 margin-right: 50px; 1102 position: relative; 1103} 1104 .twelve_logo { 1105 display: none !important; 1106 } 1107} 1108 1109div#twelve_modal { 1110 /* backdrop-filter: blur(10px) !important; */ 1111 z-index: 99999; 1112 background-color: #f2f2f2 !important; 1113 } 1114 div#twelve_modal .modal-content { 1115 padding: 0; 1116 background:transparent; 1117 z-index: 9999999 !important; 1118 border: none; 1119 position: relative; 1120 } 1121 1122 div#twelve_modal button.modal-close { 1123 position: absolute; 1124 top: -11px; 1125 right: 125px; 1126 background: #fff !important; 1127 border: 0px; 1128 border-radius: 50%; 1129 height: 25px; 1130 width: 25px; 1131 cursor: pointer; 1132 z-index: 999999; 1133 display: flex; 1134 justify-content: center; 1135 align-items: center; 1136 } 1137 div#twelve_modal button.modal-close i { 1138 color: #000 !important; 1139 } 1140 1141 .twelve_logo svg{ 1142 height: 40px; 1143 } 1144 .twelve_logo{ 1145 animation: animatedImage 2.72s ease infinite; 1146 } 1147 .twelve_owl-card img { 1148 height: 100%; 1149 width: auto !important; 1150 margin: 0 auto; 1151} 1152
1153 @keyframes animatedImage { 1154 00% { transform:translate(0,0) } 1155 1.78571% { transform:translate(5px,0) } 1156 3.57143% { transform:translate(0,0) } 1157 5.35714% { transform:translate(5px,0) } 1158 7.14286% { transform:translate(0,0) } 1159 8.92857% { transform:translate(5px,0) } 1160 10.71429% { transform:translate(0,0) } 1161 100% { transform:translate(0,0) } 1162 } 1163 #twelve_owl { 1164 position: relative; 1165 } 1166 #twelve_owl .owl-nav{ 1167 position: absolute; 1168 top: 38%; 1169 width: 100%; 1170 } 1171 #twelve_owl .owl-nav .owl-prev{ 1172 float: left; 1173 color: #c44b1f; 1174 font-size: 45px; 1175 } 1176 #twelve_owl .owl-nav .owl-prev:hover{ 1177 background: transparent; 1178 } 1179 #twelve_owl .owl-nav .owl-next{ 1180 float: right; 1181 color: #c44b1f; 1182 font-size: 45px; 1183 } 1184 #twelve_owl .owl-nav .owl-next:hover{ 1185 background: transparent; 1186 } 1187 .header_coountry_block img { 1188 height: 28px; 1189 margin-left: 8px; 1190 } 1191 @media (max-width: 767px){ 1192 .header_contact_dropdown .dropdown-content { 1193 right: 0px; 1194 left: 0px; 1195 margin: 10px auto 0 !important; 1196 position: fixed; 1197 } 1198 1199 header #navigation1 { 1200 padding: 0 15px; 1201 } 1202 header #navigation1 .nav-menus-wrapper:first-child{ 1203 width: 82px; 1204 } 1205 header #navigation1 .nav-menus-wrapper:last-child{ 1206 width: 100%; 1207 display: flex; 1208 margin-right: 40px; 1209 justify-content: flex-end; 1210 } 1211 1212 header .nav-menus-wrapper { 1213 position: static !important; 1214 } 1215 header .nav-menus-wrapper { 1216 background: transparent !important; 1217 } 1218 header .nav-menus-wrapper :is(.nav-menus-wrapper-close-button, ul) { 1219 display:none; 1220 } 1221 header .navigation-portrait .nav-menus-wrapper{ 1222 overflow-y: inherit; 1223 } 1224 1225 li.nav-item.contactus a.nav-link { 1226 padding-left: 50px; 1227 position: relative; 1228 } 1229 header.main-header{ 1230 box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.125); 1231 } 1232 1233 .header_contact_dropdown button.dropbtn { 1234 background: transparent; 1235 color: #000; 1236 border: 2px solid #000; 1237 height: 30px; 1238 width: 30px; 1239 border-radius: 50%; 1240 padding-top: 3px; 1241 } 1242 1243 1244 .header_coountry_block img { 1245 height: 28px; 1246 margin-left: 8px; 1247 } 1248 .header_contact_dropdown .dropbtn { 1249 position: relative; 1250 } 1251 .header_contact_dropdown .dropbtn:after { 1252 display: none; 1253 content: ""; 1254 width: 0; 1255 height: 0; 1256 border-left: 5px solid transparent; 1257 border-right: 5px solid transparent; 1258 border-bottom: 5px solid #ee2e59; 1259 position: absolute; 1260 bottom: -18px; 1261 right: 10px; 1262 } 1263 .header_contact_dropdown .dropbtn:hover:after { 1264 display: block; 1265 } 1266 .header_contact_dropdown .dropdown-content:after { 1267 display: none; 1268 } 1269 header .header_contact_dropdown:is(:nth-last-child(1), :nth-last-child(2)) .dropbtn:after{ 1270 bottom: -11px; 1271 } 1272 } 1273 1274 @media only screen and (min-width: 380px) and (max-width: 552px) { 1275 .header_contact_dropdown .dropdown-content { 1276 right: -20px; 1277 left: inherit; 1278 position: absolute; 1279 } 1280 1281 } 1282 .header_contact_dropdown .dropdown-content p { 1283 padding-left: 15px; 1284 margin-bottom: 5px; 1285 color:#FFF 1286 } 1287 .head-more{ 1288 color:#FFF !important; 1289 text-decoration:none !important; 1290 font-style:italic; 1291 margin-left:5px; 1292 } 1293 .head-more:hover{ 1294 color: var(--orange-color) !important; 1295 } 1296.itsubMenus_wrapper{ 1297 flex-direction: column; 1298 right: 0px !important; 1299 width: min-content; 1300 left: 0; 1301 margin: auto; 1302} 1303.itsubMenus_wrapper .megamenu-list a { 1304 font-weight: 800 !important; 1305} 1306.itsubMenus_wrapper .megamenu-list .nav-sub-submenu a { 1307 font-weight: 400 !important; 1308} 1309.itsubMenus_wrapper .megamenu-list.plat-icons ul{ 1310 display: flex; 1311 gap: 16px; 1312 list-style: none; 1313} 1314.itsubMenus_wrapper .megamenu-list.plat-icons ul a{ 1315 text-decoration: none; 1316} 1317.itsubMenus_wrapper .megamenu-list.plat-icons .megamenu-heading{ 1318 margin-bottom: 6px !important; 1319} 1320.itsubMenus_wrapper .nav-sub-submenu .megamenu-lists { 1321 padding: 0 0 0 12px; 1322} 1323.itsubMenus_wrapper ul.megamenu-list.list-col-4.flex-row.w-100 { 1324 justify-content: space-between; 1325} 1326.itsubMenus_wrapper .megamenu-list.plat-icons img {
1327 width: 20px; 1328 height: 20px; 1329} 1330.itsubMenus_wrapper .megamenu-list.plat-icons li a p { 1331 font-size: 14px; 1332 padding-top: 2px; 1333} 1334.megamenu-tabcontent{ 1335 display:none; 1336} 1337.megamenu-tabcontent.active{ 1338 display:block; 1339} 1340ul#Company-MegaMenu li.active a { 1341 color: var(--text-hover-color)!important; 1342} 1343.tabs_with_megamenu { 1344 flex-direction: column; 1345 gap: 0; 1346} 1347.tabs_with_megamenu .menus-items:not(:first-child) { 1348 border-left: 1px solid #c8cad0; 1349 padding-left: 16px; 1350} 1351.tabs_with_megamenu .menus-items:has(> .no_subMenu.active) { 1352 border-left: none; 1353 padding-left: 0; 1354} 1355.tabs_with_megamenu ul li { 1356 cursor: pointer; 1357} 1358.tab_subMenu_icon{ 1359 transform: rotate(-90deg); 1360} 1361.megamenu-tabcontent{ 1362 display:none; 1363} 1364.megamenu-tabcontent.active{ 1365 display:block; 1366} 1367ul#Company-MegaMenu li.active a { 1368 color: var(--text-hover-color)!important; 1369} 1370.tabs_with_megamenu { 1371 flex-direction: column; 1372 gap: 0; 1373} 1374.tabs_with_megamenu .menus-items:not(:first-child) { 1375 border-left: 1px solid #c8cad0; 1376 padding-left: 16px; 1377} 1378.tabs_with_megamenu .menus-items:has(> .no_subMenu.active) { 1379 border-left: none; 1380 padding-left: 0; 1381} 1382 1383.tabs_with_megamenu ul li { 1384 cursor: pointer; 1385} 1386.tab_subMenu_icon{ 1387 transform: rotate(-90deg); 1388} 1389/* new mobile menu style */ 1390/* ===== Drawer Wrapper (opens from TOP) ===== */ 1391.mobiletoggle-menu{ 1392 position: fixed; 1393 top: 0; 1394 left: 0; 1395 width: 100%; 1396 height: 100%; 1397 background: #ffffff; 1398 transform: translateY(-100%); 1399 transition: transform .45s cubic-bezier(.4,0,.2,1); 1400 z-index: 99999; 1401 overflow: hidden; 1402} 1403.mobiletoggle-menu{ 1404 backface-visibility: hidden; 1405 perspective: 1000px; 1406 will-change: transform; 1407} 1408 1409.mobiletoggle-menu.open{ 1410 transform: translateY(0); 1411} 1412 1413/* ===== Nav container ===== */ 1414.m-nav{ 1415 height: 100%; 1416 position: relative; 1417 transform: translateZ(0); 1418 1419} 1420 1421/* ===== Panels (drill-down screens) ===== */ 1422.menu-panel{ 1423 position: absolute; 1424 inset: 0; 1425 background: #fff; 1426 padding: 20px; 1427 transform: translateX(100%); 1428 transition: transform .4s ease; 1429 overflow-y: auto; 1430 backface-visibility: hidden; 1431 will-change: transform; 1432 text-align: left !important; 1433 1434 .service-text { 1435 padding-bottom: 100px !important; 1436 a{ 1437 color:#000; 1438 1439 &:hover{ 1440 color:var(--text-hover-color); 1441 } 1442 } 1443 } 1444} 1445.no-anim .menu-panel{ 1446 transition: none !important; 1447} 1448.menu-panel.active{ 1449 transform: translateX(0); 1450} 1451.menu-panel.inner .menu-list > li > a { 1452 font-weight: 500; 1453} 1454 1455.menu-panel.shift-left{ 1456 transform: translateX(-100%); 1457} 1458 1459/* ===== Header inside sub panel ===== */ 1460.panel-header{ 1461 display: flex; 1462 align-items: flex-start; 1463 flex-direction: column; 1464 gap: 15px; 1465 border-bottom: 1px solid #e5e5e5; 1466 padding-bottom: 12px; 1467 margin-bottom: 5px; 1468 /* font-weight: 600; */ 1469 1470 h3{ 1471 font-size:15px; 1472 margin-bottom:0; 1473 } 1474} 1475 1476.backBtn{ 1477 cursor: pointer; 1478 1479 svg{ 1480 rotate:90deg; 1481 margin-left: -5px; 1482 margin-top: -3px; 1483 } 1484} 1485 1486/* ===== Menu list styling ===== */ 1487.menu-list{ 1488 list-style: none; 1489 padding: 0; 1490 margin: 0; 1491} 1492 1493.menu-list li{ 1494 padding: 8px 0; 1495 border-bottom: 1px solid #f1f1f1; 1496 1497 ul li{ 1498 padding: 5px 0; 1499 list-style:disc; 1500 a{ 1501 font-size: 14px; 1502 } 1503 } 1504} 1505.split-row{ 1506 display: flex; 1507 align-items: center; 1508 justify-content: space-between; 1509 padding: 14px 0; 1510 border-bottom: 1px solid #f1f1f1; 1511 1512 a.menu-title{ 1513 width: fit-content; 1514 max-width: fit-content; 1515 text-align: left; 1516 flex: 2; 1517 } 1518} 1519 1520.menu-title{ 1521 text-decoration: none; 1522 color: #000; 1523 flex: 1; 1524} 1525 1526.nav-arrow{ 1527 cursor: pointer; 1528 padding-left: 15px; 1529 svg{ 1530 rotate:-90deg; 1531 } 1532} 1533#mobilemenu * 1534{ 1535 -webkit-tap-highlight-color: transparent; 1536} 1537#mobilemenu a:hover{ 1538 color:var(--text-hover-color); 1539} 1540.menu-list li:last-child{ 1541 border-bottom: none; 1542} 1543 1544.menu-list a, 1545.open-panel{ 1546 text-decoration: none; 1547 color: #000; 1548 cursor: pointer; 1549} 1550span.open-panel.nav-arrow { 1551 flex: 1; 1552 display: flex; 1553 justify-content: flex-end; 1554} 1555.menu-panel, 1556.mobiletoggle-menu{ 1557 will-change: transform; 1558} 1559.plat-icons-row { 1560 --bs-gutter-x: 10px; 1561 --bs-gutter-y: 10px; 1562} 1563.plat-icons-row a{ 1564 display: flex; 1565 align-items: center; 1566 gap:10px; 1567 text-decoration: none; 1568 1569 &::before{ 1570 content:unset; 1571 display:none; 1572 } 1573 1574 p{ 1575 margin:0; 1576 font-weight: 800; 1577 color:#000; 1578 } 1579 &:hover{ 1580 color:var(--text-hover-color); 1581 1582 p{ 1583 color:var(--text-hover-color); 1584 } 1585 } 1586} 1587@media (min-width:768px) { 1588#mobilemenu{ 1589 display: none !important; 1590} 1591} 1592 1593@media (max-width:767px) { 1594 body #mobileNav a.menu_active{ 1595 color: var(--text-hover-color) !important; 1596 border-radius: 10px; 1597 } 1598 body #mobileNav .menu-list a.menu_active{ 1599 color: var(--text-hover-color) !important; 1600 border-radius: 10px; 1601 } 1602 .service-text{ 1603 color:#000 !important; 1604 } 1605} 1606/* new mobile menu style */ 1607</style> 1608<link href="https://hatsoffdigital.com/assets/css/fontawesome.css" rel="stylesheet"> 1609<!-- Google Tag Manager -->
1610<script>
vendor: 335 bytes, lines 1610-1614
1610(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1611 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1612 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1613 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1614 })(window,document,'script','dataLayer','
1614GTM-TXL38ZL
vendor: 3 bytes, line 1614
1614');
1614</script>
1614 1615<!-- End Google Tag Manager --> 1616 1617<!-- shortkey's functionality -->
1618<script> 1619 document.addEventListener("DOMContentLoaded", () => { 1620 const currentPageUrl = "https://www.hatsoffdigital.com"; // Current page URL 1621 const domainURL = "https://www.hatsoffdigital.com"; // Root domain URL 1622 1623 // Function to check if the focus is on an input field 1624 const isInputFocused = () => { 1625 const activeElement = document.activeElement; 1626 return activeElement && (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA'); 1627 }; 1628 1629 // Function to check if any input fields are filled in a form 1630 const hasFilledValue = () => { 1631 const inputs = document.querySelectorAll('form input[type="text"]'); 1632 return Array.from(inputs).some(input => input.value.trim() !== ''); 1633 }; 1634 1635 // Function to redirect to a given path 1636 const redirectTo = (path) => { 1637 if (!isInputFocused() && !hasFilledValue()) { // Only redirect if no input field is focused 1638 window.location.href = `${domainURL}/${path}`; 1639 } 1640 }; 1641 1642 // Single key shortcuts (including an external URL for 'p') 1643 const singleKeyShortcuts = { 1644 'a': 'about-hatsoff-marketing', 1645 'b': 'blogs', 1646 'c': 'contact-us', 1647 'h': ' ', 1648 's': 'services', 1649 'p': 'https://portfolio.hatsoffdigital.com/', // External link for 'p' 1650 'r': 'request-quote' 1651 }; 1652 1653 // Listen for keydown events 1654 document.addEventListener("keydown", (event) => { 1655 if (isInputFocused()) return; // Prevent all shortcuts when an input is focused 1656 const keyPressed = event.key.toLowerCase(); // Convert pressed key to lowercase 1657 1658 // Only handle key presses without any modifier keys (Ctrl, Shift, Alt, Meta) 1659 if (!event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey && singleKeyShortcuts[keyPressed]) { 1660 const path = singleKeyShortcuts[keyPressed]; 1661 1662 // If it's an external link (like for 'p'), go directly to it 1663 if (path.startsWith('http')) { 1664 window.location.href = path; 1665 } else { 1666 // Otherwise, perform the redirection to the internal path 1667 redirectTo(path); 1668 } 1669 } 1670 }); 1671 }); 1672</script>
1672 1673 1674 1675<header class="main-header custom-main-header"> 1676 <div class="header header_area"> 1677 <div class="main_header_area animated"> 1678 <nav id="navigation1" class="navigation navigation_cust"> 1679 <div class="nav-menus-wrapper"> 1680 <div class="header-logo black"> 1681 <a href="/"><img class="black-logo" src="/assets/images/logo.webp" alt="Hats-off-Logo" loading="lazy"></a> 1682 </div> 1683 <ul class="nav-menu left-menu align-to-right main-menu"> 1684 <li> 1685 <a href="/services/seo-and-content" class="">SEO & Content</a> 1686 <div class="nav-dropdown nav-submenu tabs_with_megamenu" style="display: none;"> 1687 <div class="d-flex gap-2"> 1688 <div class="menus-items"> 1689 <div class="megamenu-lists pb-0 d-block"> 1690 <ul id="Company-MegaMenu" class="megamenu-list"> 1691 <li data-href="SEO" class="active"> 1692 <div class="d-flex gap-2 justify-content-between"> 1693 <a href="/services/seo-and-content/search-engine-optimization/" 1694 class="" 1695 > 1696 Search Engine Optimization </a> 1697 <i class='fas fa-angle-down tab_subMenu_icon'></i> 1698 </div> 1699 </li> 1700 <li data-href="SEO_Consultation" class=""> 1701 <div class="d-flex gap-2 justify-content-between"> 1702 <a href="/services/seo-and-content/seo-consultation" 1703 class="" 1704 > 1705 SEO Consultation </a> 1706 </div> 1707 </li> 1708 <li data-href="Youtube_SEO" class=""> 1709 <div class="d-flex gap-2 justify-content-between"> 1710 <a href="/services/seo-and-content/youtube-seo" 1711 class="" 1712 > 1713 Youtube SEO </a> 1714 </div> 1715 </li> 1716 <li data-href="Amazon_SEO" class=""> 1717 <div class="d-flex gap-2 justify-content-between"> 1718 <a href="/services/seo-and-content/amazon-seo" 1719 class="" 1720 > 1721 Amazon SEO </a> 1722 </div> 1723 </li> 1724 <li data-href="GMB" class=""> 1725 <div class="d-flex gap-2 justify-content-between"> 1726 <a href="/services/seo-and-content/google-my-business" 1727 class="" 1728 > 1729 GMB </a> 1730 <i class='fas fa-angle-down tab_subMenu_icon'></i> 1731 </div> 1732 </li> 1733 <li data-href="GMCO" class=""> 1734 <div class="d-flex gap-2 justify-content-between"> 1735 <a href="/services/seo-and-content/google-merchant-center-optimization" 1736 class="" 1737 > 1738 Google Merchant Center Optimization </a> 1739 </div> 1740 </li> 1741 <li data-href="GTMS" class=""> 1742 <div class="d-flex gap-2 justify-content-between"> 1743 <a href="/services/seo-and-content/google-tag-manager-setup" 1744 class="" 1745 > 1746 Google Tag Manager Setup </a> 1747 </div> 1748 </li> 1749 <li data-href="OTWO" class=""> 1750 <div class="d-flex gap-2 justify-content-between"> 1751 <a href="/services/seo-and-content/one-time-website-optimization" 1752 class="" 1753 > 1754 One Time Website Optimization </a> 1755 </div> 1756 </li> 1757 <li data-href="ORMS" class=""> 1758 <div class="d-flex gap-2 justify-content-between"> 1759 <a href="/services/seo-and-content/orm-strategy" 1760 class="" 1761 > 1762 ORM Strategy </a> 1763 </div> 1764 </li> 1765 <li data-href="SCC" class=""> 1766 <div class="d-flex gap-2 justify-content-between"> 1767 <a href="/services/seo-and-content/content-creation" 1768 class="" 1769 > 1770 SEO Content Creation </a> 1771 <i class='fas fa-angle-down tab_subMenu_icon'></i> 1772 </div> 1773 </li> 1774 <li data-href="MSEO" class=""> 1775 <div class="d-flex gap-2 justify-content-between"> 1776 <a href="/services/seo-and-content/mobile-seo" 1777 class="" 1778 > 1779 Mobile SEO </a> 1780 <i class='fas fa-angle-down tab_subMenu_icon'></i> 1781 </div> 1782 </li> 1783 <li data-href="QSEO" class=""> 1784 <div class="d-flex gap-2 justify-content-between"> 1785 <a href="/services/seo-and-content/quora-seo" 1786 class="" 1787 > 1788 Quora SEO </a> 1789 </div> 1790 </li> 1791 <li data-href="RSEO" class=""> 1792 <div class="d-flex gap-2 justify-content-between"> 1793 <a href="/services/seo-and-content/reddit-seo" 1794 class="" 1795 > 1796 Reddit SEO </a> 1797 </div> 1798 </li> 1799 </ul> 1800 </div> 1801 </div> 1802 <div class="menus-items"> 1803 <div id="SEO" class="megamenu-tabcontent active "> 1804 <div class="megamenu-lists"> 1805 <ul class="megamenu-list"> 1806 <li> 1807 <a href="/services/seo-and-content/search-engine-optimization/on-page-seo" class=""> 1808 On Page SEO </a> 1809 </li> 1810 <li> 1811 <a href="/services/seo-and-content/search-engine-optimization/off-page-seo" class=""> 1812 Off Page SEO </a> 1813 </li> 1814 <li> 1815 <a href="/services/seo-and-content/search-engine-optimization/technical-seo" class=""> 1816 Technical SEO </a> 1817 </li> 1818 <li> 1819 <a href="/services/seo-and-content/search-engine-optimization/local-seo" class=""> 1820 Local SEO </a> 1821 </li> 1822 <li> 1823 <a href="/services/seo-and-content/search-engine-optimization/backl
1823ink-generation" class=""> 1824 Backlink Generation </a> 1825 </li> 1826 <li> 1827 <a href="/services/seo-and-content/search-engine-optimization/guest-posting" class=""> 1828 Guest Posting </a> 1829 </li> 1830 <li> 1831 <a href="/services/seo-and-content/search-engine-optimization/image-seo" class=""> 1832 Image SEO </a> 1833 </li> 1834 <li> 1835 <a href="/services/seo-and-content/search-engine-optimization/video-seo" class=""> 1836 Video SEO </a> 1837 </li> 1838 </ul> 1839 </div> 1840 </div> 1841 <div id="SEO_Consultation" class="megamenu-tabcontent no_subMenu"> 1842 <div class="megamenu-lists"> 1843 <ul class="megamenu-list"> 1844 </ul> 1845 </div> 1846 </div> 1847 <div id="Youtube_SEO" class="megamenu-tabcontent no_subMenu"> 1848 <div class="megamenu-lists"> 1849 <ul class="megamenu-list"> 1850 </ul> 1851 </div> 1852 </div> 1853 <div id="Amazon_SEO" class="megamenu-tabcontent no_subMenu"> 1854 <div class="megamenu-lists"> 1855 <ul class="megamenu-list"> 1856 </ul> 1857 </div> 1858 </div> 1859 <div id="GMB" class="megamenu-tabcontent "> 1860 <div class="megamenu-lists"> 1861 <ul class="megamenu-list"> 1862 <li> 1863 <a href="/services/seo-and-content/google-my-business/google-my-business-profile-creation/" class=""> 1864 Google My Business Optimization </a> 1865 </li> 1866 <li> 1867 <a href="/services/seo-and-content/google-my-business/google-my-business-listing-recovery/" class=""> 1868 Google My Business Recovery </a> 1869 </li> 1870 </ul> 1871 </div> 1872 </div> 1873 <div id="GMCO" class="megamenu-tabcontent no_subMenu"> 1874 <div class="megamenu-lists"> 1875 <ul class="megamenu-list"> 1876 </ul> 1877 </div> 1878 </div> 1879 <div id="GTMS" class="megamenu-tabcontent no_subMenu"> 1880 <div class="megamenu-lists"> 1881 <ul class="megamenu-list"> 1882 </ul> 1883 </div> 1884 </div> 1885 <div id="OTWO" class="megamenu-tabcontent no_subMenu"> 1886 <div class="megamenu-lists"> 1887 <ul class="megamenu-list"> 1888 </ul> 1889 </div> 1890 </div> 1891 <div id="ORMS" class="megamenu-tabcontent no_subMenu"> 1892 <div class="megamenu-lists"> 1893 <ul class="megamenu-list"> 1894 </ul> 1895 </div> 1896 </div> 1897 <div id="SCC" class="megamenu-tabcontent "> 1898 <div class="megamenu-lists"> 1899 <ul class="megamenu-list"> 1900 <li> 1901 <a href="/services/seo-and-content/content-creation/seo-content-creation" class=""> 1902 SEO Content Creation </a> 1903 </li> 1904 <li> 1905 <a href="/services/seo-and-content/content-creation/content-strategy" class=""> 1906 Content Strategy </a> 1907 </li> 1908 <li> 1909 <a href="/services/seo-and-content/content-creation/website-content-creation" class=""> 1910 Website Content Creation </a> 1911 </li> 1912 <li> 1913 <a href="/services/seo-and-content/content-creation/content-optmization" class=""> 1914 Content Optimization </a> 1915 </li> 1916 <li> 1917 <a href="/services/seo-and-content/content-creation/google-my-business-content"
1917class=""> 1918 Google My Business Content </a> 1919 </li> 1920 <li> 1921 <a href="/services/seo-and-content/content-creation/product-descriptions" class=""> 1922 Product Descriptions </a> 1923 </li> 1924 <li> 1925 <a href="/services/seo-and-content/content-creation/blog-curation" class=""> 1926 Blog Curation </a> 1927 </li> 1928 <li> 1929 <a href="/services/seo-and-content/content-creation/orm-content" class=""> 1930 ORM Content </a> 1931 </li> 1932 </ul> 1933 </div> 1934 </div> 1935 <div id="MSEO" class="megamenu-tabcontent "> 1936 <div class="megamenu-lists"> 1937 <ul class="megamenu-list"> 1938 <li> 1939 <a href="/services/seo-and-content/mobile-seo/play-store-seo" class=""> 1940 Play Store SEO </a> 1941 </li> 1942 <li> 1943 <a href="/services/seo-and-content/mobile-seo/app-store-seo" class=""> 1944 App Store SEO (ASO) </a> 1945 </li> 1946 </ul> 1947 </div> 1948 </div> 1949 <div id="QSEO" class="megamenu-tabcontent no_subMenu"> 1950 <div class="megamenu-lists"> 1951 <ul class="megamenu-list"> 1952 </ul> 1953 </div> 1954 </div> 1955 <div id="RSEO" class="megamenu-tabcontent no_subMenu"> 1956 <div class="megamenu-lists"> 1957 <ul class="megamenu-list"> 1958 </ul> 1959 </div> 1960 </div> 1961 </div> 1962 </div> 1963 <p class="service-text px-3 pb-3">360° digital services from brand to customer. <a href="/contact-us/">Know More</a></p> 1964 </div> 1965 </li> 1966 <li> 1967 <a href="/services/creative-and-advertising" class="">Creative & Advertising</a> 1968 <div class="nav-dropdown nav-submenu tabs_with_megamenu" style="display: none;"> 1969 <div class="d-flex gap-2"> 1970 <div class="menus-items"> 1971 <div class="megamenu-lists pb-0 d-block"> 1972 <ul id="Company-MegaMenu" class="megamenu-list"> 1973 <li data-href="SMM" class="active"> 1974 <div class="d-flex gap-2 justify-content-between"> 1975 <a href="/services/creative-and-advertising/social-media-marketing/" 1976 class="" 1977 > 1978 Social Media Management </a> 1979 </div> 1980 </li> 1981 <li data-href="VPP" class=""> 1982 <div class="d-flex gap-2 justify-content-between"> 1983 <a href="/services/creative-and-advertising/video-and-post-production/" 1984 class="" 1985 > 1986 Video & Post Production </a> 1987 <i class='fas fa-angle-down tab_subMenu_icon'></i> 1988 </div> 1989 </li> 1990 <li data-href="BS" class=""> 1991 <div class="d-flex gap-2 justify-content-between"> 1992 <a href="/services/creative/brand-building/" 1993 class="" 1994 > 1995 Branding Services </a> 1996 <i class='fas fa-angle-down tab_subMenu_icon'></i> 1997 </div> 1998 </li> 1999 <li data-href="PM" class=""> 2000 <div class="d-flex gap-2 justify-content-between"> 2001 <a href="/services/creative-and-advertising/performance-marketing/" 2002 class="" 2003 > 2004 Performance Marketing </a> 2005 <i class='fas fa-angle-down tab_subMenu_icon'></i> 2006 </div> 2007 </li> 2008 <li data-href="PRO" class=""> 2009 <div class="d-flex gap-2 justify-content-between"> 2010 <a href="/services/digital/public-relation/" 2011 class="" 2012 > 2013 PR & Outreach </a> 2014 <i class='fas fa-angle-down tab_subMenu_icon'></i> 2015 </div> 2016 </li> 2017 <li data-href="PV" class=""> 2018 <div class="d-flex gap-2 justify-content-between"> 2019 <a href="/services/creative-and-advertising/photography-and-video/" 2020 class="" 2021 > 2022 Photography & Videography </a> 2023 <i class='fas fa-angle-down tab_subMenu_icon'></i> 2024 </div> 2025 </li> 2026 </ul> 2027 </div> 2028 </div> 2029 <div class="menus-items"> 2030 <div id="SMM" class="megamenu-tabcontent active no_subMenu"> 2031 <div class="megamenu-lists"> 2032 <ul class="megamenu-list"> 2033 </ul> 2034 </div> 2035 </div> 2036 <div id="VPP" class="megamenu-tabcontent "> 2037 <div class="megamenu-lists"> 2038 <ul class="megamenu-list"> 2039 <li> 2040 <a href="/services/creative-and-advertising/video-and-post-production/video-editing/" class=""> 2041 Video Editing </a> 2042 </li> 2043 <li> 2044 <a href="/services/creative-and-advertising/video-and-post-production/motion-graphics" class=""> 2045 Motion Graphics </a> 2046 </li> 2047 <li> 2048 <a href="/services/creative-and-advertising/video-and-post-production/3d-animation/" class=""> 2049 3D Animation </a> 2050 </li> 2051 <li> 2052 <a href="/services/creative-and-advertising/video-and-post-production/visual-effects/" class=""> 2053 Visual Effects (VFX) </a> 2054 </li> 2055 <li> 2056 <a href="/services/creative-and-advertising/video-and-post-production/cgi/" class=""> 2057 CGI </a> 2058 </li> 2059 </ul> 2060 </div> 2061 </div> 2062 <div id="BS" class="megamenu-tabcontent "> 2063 <div class="megamenu-lists"> 2064 <ul class="megamenu-list"> 2065 <li> 2066 <a href="/services/creative-and-advertising/branding-services/branding/" class=""> 2067 Branding (Logo, Stationery, and Collateral) </a> 2068 </li> 2069 <li> 2070 <a href="#" class=""> 2071 Graphic Design Services </a> 2072 </li> 2073 <li> 2074 <a href="/services/creative-and-advertising/branding-services/print-media" class=""> 2075 Print Media (Brochures, Standees, Posters, etc.) </a> 2076 </li> 2077 <li> 2078 <a href="/services/creative-and-advertising/branding-services/package-design/" class=""> 2079 Package Design </a> 2080 </li> 2081 <li> 2082 <a href="/services/creative-and-advertising/branding-services/digital-and-social-media-creatives/" class=""> 2083 Digital & Social Media Creatives </a> 2084 </li> 2085 </ul> 2086 </div> 2087 </div> 2088 <div id="PM" class="megamenu-tabcontent "> 2089 <div class="megamenu-lists"> 2090 <ul class="megamenu-list"> 2091 <li> 2092 <a href="/services/creative-and-advertising/performance-marketing/meta-ads/" class=""> 2093 Meta Ads </a> 2094 </li> 2095 <li> 2096 <a href="/services/creative-and-advertising/performance-marketing/google-ads/" class=""> 2097 Google Ads </a> 2098 </li> 2099 <li> 2100 <a href="/services/creative-and-advertising/performance-marketing/youtube-ads/" class=""> 2101 YouTube Ads </a> 2102 </li> 2103 <li> 2104 <a href="/services/creative-and-advertising/performance-marketing/whatsapp-marketing/" class=""> 2105 WhatsApp Marketing </a> 2106 </li> 2107 <li> 2108 <a href="/services/creative-and-advertising/performance-marketing/email-marketing/" class=""> 2109 Email Marketing </a> 2110 </li> 2111 </ul> 2112 </div> 2113 </div> 2114 <div id="PRO" class="megamenu-tabcontent "> 2115 <div class="megamenu-lists"> 2116 <ul class="megamenu-list"> 2117 <li> 2118 <a href="/services/creative-and-advertising/pr-and-outreach/press-releases/" class=""> 2119 Press Releases </a> 2120 </li> 2121 <li> 2122 <a href="/services/creative-and-advertising/pr-and-outreach/influencer-marketing/" class=""> 2123 Influencer Marketing </a> 2124 </li> 2125 <li> 2126 <a href="/services/creative-and-advertising/pr-and-outreach/media-relations/" class=""> 2127 Media Relations </a> 2128 </li> 2129 </ul> 2130 </div> 2131 </div> 2132 <div id="PV" class="megamenu-tabcontent "> 2133 <div class="megamenu-lists"> 2134 <ul class="megamenu-list"> 2135 <li> 2136 <a href="/services/creative-and-advertising/photography-and-video/product-photography/" class=""> 2137 Product Photography </a> 2138 </li> 2139 <li> 2140 <a href="/services/creative-and-advertising/photography-and-video/corporate-shoots/" class=""> 2141 Corporate Shoots </a> 2142 </li> 2143
2143 <li> 2144 <a href="/services/creative-and-advertising/photography-and-video/event-coverage/" class=""> 2145 Event Coverage </a> 2146 </li> 2147 </ul> 2148 </div> 2149 </div> 2150 </div> 2151 </div> 2152 <p class="service-text px-3 pb-3">360° digital services from brand to customer. <a href="/contact-us/">Know More</a></p> 2153 </div> 2154 </li> 2155 <li> 2156 <a href="/services/it-solutions/">IT Solutions</a> 2157 <div class="nav-dropdown nav-submenu it-solution-megamenu itsubMenus_wrapper" style="display: none;"> 2158 <div class="megamenu-lists pb-0"> 2159 <ul class="megamenu-list list-col-4 flex-row w-100"> 2160 <li> 2161 <a href="/services/it-solutions/software-solutions/" class="">Software Solutions</a> 2162 2163 <div class="nav-sub-submenu" > 2164 <div class="megamenu-lists"> 2165 <ul class="megamenu-list list-col-4 pl-0"> 2166 <li><a href="/services/it-solutions/software-solutions/software-development/" class="">Software Development</a></li> 2167 <li><a href="/services/it-solutions/software-solutions/software-maintenance/" class="">Software Maintenance</a> 2168 </li> 2169 <li><a href="/services/it-solutions/software-solutions/software-ui-ux-designing" class="">Software UI/UX Designing</a></li> 2170 </ul> 2171 </div> 2172 </div> 2173 </li> 2174 <li> 2175 <a href="/services/it-solutions/web-development/" class="">Web Development</a> 2176 <div class="nav-sub-submenu" > 2177 <div class="megamenu-lists"> 2178 <ul class="megamenu-list list-col-4"> 2179 <li><a href="/services/it-solutions/web-development/website-development/" class="">Website Development</a></li> 2180 <li><a href="/services/it-solutions/web-development/website-maintenance/" class="">Website Maintenance</a> 2181 </li> 2182 <li><a href="/services/it-solutions/web-development/website-ui-ux-designing/" class="">Website UI/UX Designing</a></li> 2183 </ul> 2184 </div> 2185 </div> 2186 </li> 2187 2188 2189 <li> 2190 <a href="/services/it-solutions/mobile-app-development/" class="">Mobile App Development</a> 2191 <div class="nav-sub-submenu" > 2192 <div class="megamenu-lists"> 2193 <ul class="megamenu-list list-col-4"> 2194 <li><a href="/services/it-solutions/mobile-app-development/app-development/" class="">App Development</a></li> 2195 <li><a href="/services/it-solutions/mobile-app-development/app-maintenance/" class="">App Maintenance</a> 2196 </li> 2197 <li><a href="/services/it-solutions/mobile-app-development/ui-ux-designing/" class="">App UI/UX Designing</a></li> 2198 </ul> 2199 </div> 2200 </div> 2201 </li> 2202 <li> 2203 <a href="/services/it-solutions/testing-and-security/" class="">Testing & Security</a> 2204 <div class="nav-sub-submenu"> 2205 <div class="megamenu-lists"> 2206 <ul class="megamenu-list list-col-4"> 2207 <li><a href="/services/it-solutions/testing-and-security/vulnerability-assessment-and-penetration-testing/" class="">VAPT</a></li> 2208 <li><a href="/services/it-solutions/testing-and-security/sonarqube/" class="">SonarQube</a> 2209 <li><a href="/services/it-solutions/testing-and-security/website-security/" class="">Website Security</a> 2210 </li> 2211 </ul> 2212 </div> 2213 </div> 2214 </li> 2215 <li> 2216 <a href="#" class="">Others</a> 2217 <div class="nav-sub-submenu" > 2218 <div class="megamenu-lists"> 2219 <ul class="megamenu-list list-col-4"> 2220 <li>
2220<a href="/services/it-solutions/others/data-entry/">Data Entry</a></li> 2221 <li><a href="/services/it-solutions/others/whatsApp-business-integration">WhatsApp Business Integration</a> 2222 </li> 2223 </ul> 2224 </div> 2225 </div> 2226 </li> 2227 </ul> 2228 <p class="service-text">360° digital services from brand to customer. <a href="/contact-us/" class="">Know More</a></p> 2229 </div> 2230 <div class="megamenu-list plat-icons"> 2231 <p class="megamenu-heading">Platforms We Use</p> 2232 <ul class="pl-0"> 2233 <li> 2234 <a href="/services/it-solutions/web-development/website-development/wordpress/" class=""> 2235 <img src="/assets/images/platforms/Wordpress.svg" alt="wordpress" height="30" width="30" /> 2236 <p>Wordpress</p> 2237 </a> 2238 </li> 2239 <li> 2240 <a href="/services/it-solutions/web-development/website-development/drupal" class=""> 2241 <img src="/assets/images/platforms/Drupal.svg" alt="Drupal" height="30" width="30" /> 2242 <p>Drupal</p> 2243 </a> 2244 </li> 2245 <li> 2246 <a href="/services/it-solutions/web-development/website-development/joomla" class=""> 2247 <img src="/assets/images/platforms/Joomla.svg" alt="Joomla" height="30" width="30" /> 2248 <p>Joomla</p> 2249 </a> 2250 </li> 2251 <li> 2252 <a href="/services/it-solutions/web-development/website-development/shopify" class=""> 2253 <img src="/assets/images/platforms/Shopify.svg" alt="Shopify" height="30" width="30" /> 2254 <p>Shopify</p> 2255 </a> 2256 </li> 2257 <li> 2258 <a href="/services/it-solutions/web-development/website-development/magento" class=""> 2259 <img src="/assets/images/platforms/Magento.svg" alt="Magento" height="30" width="30" /> 2260 <p>Magento</p> 2261 </a> 2262 </li> 2263 <li> 2264 <a href="/services/technologies/php/codeigniter-website-development/" class=""> 2265 <img src="/assets/images/platforms/Codeigniter.svg" alt="Codeigniter" height="30" width="30" /> 2266 <p>CodeIgniter</p> 2267 </a> 2268 </li> 2269 <li> 2270 <a href="/services/it-solutions/web-development/website-development/laravel" class=""> 2271 <img src="/assets/images/platforms/Laravel.svg" alt="Laravel" height="30" width="30" /> 2272 <p>Laravel</p> 2273 </a> 2274 </li> 2275 <li> 2276 <a href="/services/it-solutions/web-development/website-development/reactjs" class=""> 2277 <img src="/assets/images/platforms/ReactJS.svg" alt="ReactJS" height="30" width="30" /> 2278 <p>React JS</p> 2279 </a> 2280 </li> 2281 <li> 2282 <a href="/services/it-solutions/web-development/website-development/nodejs" class=""> 2283 <img src="/assets/images/platforms/NodeJS.svg" alt="NodeJS" height="30" width="30" /> 2284 <p>Node JS</p> 2285 </a> 2286 </li> 2287 <li> 2288 <a href="/services/it-solutions/web-development/website-development/dotnet" class=""> 2289 <img src="/assets/images/platforms/Dotnet.svg" alt="Dotnet" height="30" width="30" /> 2290 <p>Dot Net</p> 2291 </a> 2292 </li> 2293 <li> 2294 <a href="/services/it-solutions/web-development/website-development/angularjs" class=""> 2295 <img src="/assets/images/platforms/Angular.svg" alt="Angular" height="30" width="30" /> 2296 <p>Angular JS</p> 2297 </a> 2298 </li> 2299 </ul> 2300 </div> 2301 </li> 2302 <li> 2303 <a href="/services/cloud-solutions/" class="">Cloud Solutions</a> 2304 <div class="nav-dropdown nav-submenu wikipedia-megamenu" style="display: none;"> 2305 <div class="megamenu-lists"> 2306 <ul class="megamenu-list list-col-4"> 2307 <li><a href="/services/cloud-solutions/hosting/" class="">Hosting</a></li> 2308 <li><a href="/services/cloud-solutions/google-workspace-mail-integration/" class="">
2308Google Workspace Mail Integration</a></li> 2309 <li><a href="/services/cloud-solutions/zoho-mail-integration/" class="">Zoho Mail Integration</a></li> 2310 </ul> 2311 <p class="service-text">360° digital services from brand to customer. <a href="/contact-us/" class="">Know More</a></p> 2312 </div> 2313 </div> 2314 </li> 2315 <li> 2316 <a href="/services/wikipedia-page-creation/" class="">Wikipedia</a> 2317 <div class="nav-dropdown nav-submenu wikipedia-megamenu" style="display: none;"> 2318 <div class="megamenu-lists"> 2319 <ul class="megamenu-list list-col-4"> 2320 <li><a href="/services/wikipedia-page-creation/" class="">Page Creation</a></li> 2321 <li><a href="/services/wikipedia-page-editing-service/" class="">Page Editing</a></li> 2322 <li><a href="/services/wikipedia-page-monitoring-and-maintenance-service/" class="">Monitoring & Maintenance</a></li> 2323 <li><a href="/services/recover-deleted-wikipedia-page/" class="">Recover Deleted Page</a></li> 2324 <li><a href="/services/wikipedia-consultancy-services/" class="">Consultancy</a></li> 2325 <li><a href="/services/wikipedia-content-writing-services/" class="">Content Writing</a></li> 2326 <li><a href="/services/wikipedia-draft-creation-service-india/" class="">Draft Creation</a></li> 2327 </ul> 2328 <p class="service-text">360° digital services from brand to customer. <a href="/contact-us/" class="">Know More</a></p> 2329 </div> 2330 </div> 2331 </li> 2332 <li> 2333 <a href="/services/hoarding-advertisement" class="full-radius ">Hoarding</a> 2334 </li> 2335 </ul> 2336 </div> 2337 <div class="nav-menus-wrapper"> 2338 <ul class="nav-menu align-to-right"> 2339 2340 <li> 2341 <a data-bs-toggle="offcanvas" id="headerContactBtn" data-bs-target="#bottomSlidingForm" aria-controls="bottomSlidingForm" class="animated-theme-btn"> 2342 <span class="btn-text">Contact</span> 2343 2344 <div class="hovered-contents"> 2345 <div class="hovered-left"> 2346 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100"> 2347 <g> 2348 <path d="M12.71,57.49s-14.8,25.2,14.26,25.52c0,0-33.05,4.69-14.26-25.52Z"/> 2349 <path d="M83.95,41.11c1.72,6.33-11.57,16.03-29.69,21.65-18.12,5.63-35.46,5.91-37.17-.43l-.16-6.79c1.72,6.33,17.8,6.91,35.91,1.28,18.12-5.63,31.41-15.32,29.69-21.65l1.42,5.94Z"/> 2350 <path d="M61.43,10.73l-31.84,19.83s22.21-9.62,31.84-19.83Z"/> 2351 <path d="M95.78,35.23s4.94,20.85-28.08,42.36c0,0,35.28-16.2,28.08-42.36Z"/> 2352 <path d="M69.13,10.71s11.66,9.21,8.18,31.32l5.06-9.2s-.94-18.13-13.24-22.12Z"/> 2353 <path d="M83.31,24.91c10.65-.28,14.39,10.54,10.85,20.82-9.69,28.14-54.85,52.64-80.57,43.11-13.31-4.93-11.53-20.09-6.98-30.33,5.07-11.39,13.56-18.84,13.56-18.84,0,0-31.95,36.72-5.09,44.95,28.46,8.73,68.07-16.93,77.53-38.81,3.31-7.66,2.28-19.7-9.3-20.91Z"/> 2354 <path d="M67.63,10.32c7.93,1.91,7.82,10.29-3.84,13.31-8.85,2.29-13.61,6.46-22.94,12.1-9.32,5.64-16.31,1.94-16.31,1.94,0,0,2.18,2.87,11.5-2.77,9.32-5.64,14.01-10.16,22.94-12.1,8.93-1.94,16.58-10.57,8.65-12.48Z"/> 2355 <path d="M66.48,10.48S32.86,3.59,22.68,31.22c0,0-5.38,31.98-8.9,32.93,0,0,.73-12.16,3.35-27.77,2.99-17.76,16.09-31.93,49.35-25.89Z"/> 2356 </g> 2357 <path d="M88.18,34.03s-2.12.08-.97,1.3c1.15,1.22,3.67,6.4,3.67,6.4,0,0-.8-6.02-2.7-7.7Z"/> 2358 </svg> 2359 </div>
2360 <span class="hovered-center">+</span> 2361 <div class="hovered-right">YOU</div> 2362 </div> 2363 </a> 2364 </li> 2365 </ul> 2366 <div class="ho-region"> 2367 <button type="button" class="ho-region-btn" aria-haspopup="true" aria-expanded="false" aria-label="Contact by region"> 2368 <span class="ho-flags"> 2369 <!-- India --> 2370 <svg width="20" height="14" viewBox="0 0 22 15" aria-hidden="true"> 2371 <rect width="22" height="5" fill="#FF9933"></rect> 2372 <rect y="5" width="22" height="5" fill="#fff"></rect> 2373 <rect y="10" width="22" height="5" fill="#138808"></rect> 2374 2375 <!-- Ashoka Chakra --> 2376 <g transform="translate(11 7.5)" fill="none" stroke="#000080"> 2377 <circle r="1.85" stroke-width="0.25"></circle> 2378 <circle r="0.3" fill="#000080" stroke="none"></circle> 2379 <g stroke-width="0.12" stroke-linecap="round"> 2380 <line y2="-1.75"></line> 2381 <line y2="-1.75" transform="rotate(15)"></line> 2382 <line y2="-1.75" transform="rotate(30)"></line> 2383 <line y2="-1.75" transform="rotate(45)"></line> 2384 <line y2="-1.75" transform="rotate(60)"></line> 2385 <line y2="-1.75" transform="rotate(75)"></line> 2386 <line y2="-1.75" transform="rotate(90)"></line> 2387 <line y2="-1.75" transform="rotate(105)"></line> 2388 <line y2="-1.75" transform="rotate(120)"></line> 2389 <line y2="-1.75" transform="rotate(135)"></line> 2390 <line y2="-1.75" transform="rotate(150)"></line> 2391 <line y2="-1.75" transform="rotate(165)"></line> 2392 <line y2="-1.75" transform="rotate(180)"></line> 2393 <line y2="-1.75" transform="rotate(195)"></line> 2394 <line y2="-1.75" transform="rotate(210)"></line> 2395 <line y2="-1.75" transform="rotate(225)"></line> 2396 <line y2="-1.75" transform="rotate(240)"></line> 2397 <line y2="-1.75" transform="rotate(255)"></line> 2398 <line y2="-1.75" transform="rotate(270)"></line> 2399 <line y2="-1.75" transform="rotate(285)"></line> 2400 <line y2="-1.75" transform="rotate(300)"></line> 2401 <line y2="-1.75" transform="rotate(315)"></line> 2402 <line y2="-1.75" transform="rotate(330)"></line> 2403 <line y2="-1.75" transform="rotate(345)"></line> 2404 </g> 2405 </g> 2406 </svg> 2407 <!-- UAE --> 2408 <svg width="20" height="14" viewBox="0 0 22 15" aria-hidden="true"><rect width="22" height="5" fill="#00732F"></rect><rect y="5" width="22" height="5" fill="#fff"></rect><rect y="10" width="22" height="5" fill="#000"></rect><rect width="6" height="15" fill="#FF0000"></rect></svg> 2409 <!-- UK --> 2410 <svg width="20" height="14" viewBox="0 0 22 15" aria-hidden="true"><rect width="22" height="15" fill="#00247D"></rect><path d="M0 0l22 15M22 0L0 15" stroke="#fff" stroke-width="3"></path><path d="M0 0l22 15M22 0L0 15" stroke="#CF142B" stroke-width="1.6"></path><path d="M11 0v15M0 7.5h22" stroke="#fff" stroke-width="5"></path><path d="M11 0v15M0 7.5h22" stroke="#CF142B" stroke-width="2.6"></path></svg> 2411 <!-- NZ --> 2412 <svg width="20" height="14" viewBox="0 0 22 15" aria-hidden="true"><rect width="22" height="15" fill="#00247D"></rect><g><path d="M0 0l11 7.5M11 0L0 7.5" stroke="#fff" stroke-width="1.6"></path><path d="M0 0l11 7.5M11 0L0 7.5" stroke="#CF142B" stroke-width=".8"></path><path d="M5.5 0v7.5M0 3.75h11" stroke="#fff" stroke-width="2.6"></path><path d="M5.5 0v7.5M0 3.75h11" stroke="#CF142B" stroke-width="1.3"></path></g><g fill="#CF142B" stroke="#fff" stroke-width=".5"><circle cx="18" cy="3.5" r="1.1"></circle><circle cx="15.3" cy="7.4" r="1.1"></circle><circle cx="19.4" cy="8.2" r="1.1"></circle><circle cx="17" cy="11.6" r="1.1"></circle></g></svg> 2413 </span> 2414 <svg class="ho-caret" width="9" height="6" viewBox="0 0 9 6" fill="none"><path d="M1 1l3.5 3.5L8 1" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path></svg> 2415 </button> 2416 2417 <div class="ho-menu" role="menu"> 2418 <p class="ho-menu-label">Contact by region</p> 2419 2420 <div class="ho-office"> 2421 <!-- India --> 2422 <svg width="20" height="14" viewBox="0 0 22 15" aria-hidden="true"> 2423 <rect width="22" height="5" fill="#FF9933"></rect> 2424 <rect y="5" width="22" height="5" fill="#fff"></rect> 2425 <rect y="10" width="22" height="5" fill="#138808"></rect> 2426 2427 <!-- Ashoka Chakra --> 2428 <g transform="translate(11 7.5)" fill="none" stroke="#000080"> 2429 <circle r="1.85" stroke-width="0.25"></circle> 2430 <circle r="0.3" fill="#000080" stroke="none"></circle> 2431 <g stroke-width="0.12" stroke-linecap="round"> 2432 <line y2="-1.75"></line> 2433 <line y2="-1.75" transform="rotate(15)"></line> 2434 <line y2="-1.75" transform="rotate(30)"></line> 2435 <line y2="-1.75" transform="rotate(45)"></line> 2436 <line y2="-1.75" transform="rotate(60)"></line> 2437 <line y2="-1.75" transform="rotate(75)"></line> 2438 <line y2="-1.75" transform="rotate(90)"></line> 2439 <line y2="-1.75" transform="rotate(105)"></line> 2440 <line y2="-1.75" transform="rotate(120)"></line> 2441 <line y2="-1.75" transform="rotate(135)"></line> 2442 <line y2="-1.75" transform="rotate(150)"></line> 2443 <line y2="-1.75" transform="rotate(165)"></line> 2444 <line y2="-1.75" transform="rotate(180)"></line> 2445 <line y2="-1.75" transform="rotate(195)"></line> 2446 <line y2="-1.75" transform="rotate(210)"></line> 2447 <line y2="-1.75" transform="rotate(225)"></line> 2448 <line y2="-1.75" transform="rotate(240)"></line> 2449 <line y2="-1.75" transform="rotate(255)"></line> 2450 <line y2="-1.75" transform="rotate(270)"></line> 2451 <line y2="-1.75" transform="rotate(285)"></line> 2452 <line y2="-1.75" transform="rotate(300)"></line> 2453 <line y2="-1.75" transform="rotate(315)"></line> 2454 <line y2="-1.75" transform="rotate(330)"></line> 2455 <line y2="-1.75" transform="rotate(345)"></line> 2456 </g> 2457 </g> 2458 </svg> 2459 <div class="ho-office-info"><span class="ho-office-name">India <span class="ho-hq">· HQ</span></span><a href="tel:+919923287864">+91 99232 87864</a><a class="ho-mail" href="mailto:[email protected]">[email protected]</a></div> 2460 </div> 2461 2462 <div class="ho-office"> 2463 <svg width="22" height="15" viewBox="0 0 22 15"><rect width="22" height="5" fill="#00732F"></rect><rect y="5" width="22" height="5" fill="#fff"></rect><rect y="10" width="22" height="5" fill="#000"></rect><rect width="6" height="15" fill="#FF0000"></rect></svg> 2464 <div class="ho-office-info"><span class="ho-office-name">UAE</span><a href="tel:+971502729288">+971 50 272 9288</a><a class="ho-mail" href="mailto:[email protected]">[email protected]</a></div> 2465 </div> 2466 2467 <div class="ho-office"> 2468 <svg width="22" height="15" viewBox="0 0 22 15"><rect width="22" height="15" fill="#00247D"></rect><path d="M0 0l22 15M22 0L0 15" stroke="#fff" stroke-width="3"></path><path d="M0 0l22 15M22 0L0 15" stroke="#CF142B" stroke-width="1.6"></path><path d="M11 0v15M0 7.5h22" stroke="#fff" stroke-width="5"></path><path d="M11 0v15M0 7.5h22" stroke="#CF142B" stroke-width="2.6"></path></svg> 2469 <div class="ho-office-info"><span class="ho-office-name">
2469United Kingdom</span><a href="tel:+447514458488">+44 7514 458488</a><a class="ho-mail" href="mailto:[email protected]">[email protected]</a></div> 2470 </div> 2471 2472 <div class="ho-office"> 2473 <svg width="22" height="15" viewBox="0 0 22 15"><rect width="22" height="15" fill="#00247D"></rect><g><path d="M0 0l11 7.5M11 0L0 7.5" stroke="#fff" stroke-width="1.6"></path><path d="M0 0l11 7.5M11 0L0 7.5" stroke="#CF142B" stroke-width=".8"></path><path d="M5.5 0v7.5M0 3.75h11" stroke="#fff" stroke-width="2.6"></path><path d="M5.5 0v7.5M0 3.75h11" stroke="#CF142B" stroke-width="1.3"></path></g><g fill="#CF142B" stroke="#fff" stroke-width=".5"><circle cx="18" cy="3.5" r="1.1"></circle><circle cx="15.3" cy="7.4" r="1.1"></circle><circle cx="19.4" cy="8.2" r="1.1"></circle><circle cx="17" cy="11.6" r="1.1"></circle></g></svg> 2474 <div class="ho-office-info"><span class="ho-office-name">New Zealand</span><a href="tel:+64221845923">+64 22 184 5923</a><a class="ho-mail" href="mailto:[email protected]">[email protected]</a></div> 2475 </div> 2476 </div> 2477</div> 2478 </div> 2479 </nav> 2480 </div> 2481 </div> 2482 </div> 2483 <!-- Mobile Header --> 2484 <svg id="mobiletoggle" class="mobiletoggle" xmlns="http://www.w3.org/2000/svg" width="41.19" height="12" viewBox="0 0 41.19 12"> 2485 <line x2="41.19" class="one" transform="translate(0 1)" fill="none" stroke="currentColor" stroke-width="2"></line> 2486 <line x2="41.19" class="two" transform="translate(0 11)" fill="none" stroke="currentColor" stroke-width="2"></line> 2487 <line x2="41.19" class="three" transform="translate(0 21)" fill="none" stroke="currentColor" stroke-width="2"></line> 2488 </svg> 2489 <div class="search-toggle"> 2490 2491 2492 <!-- Modal --> 2493 2494 2495 2496</header> 2497 2498<!-- Mobile Menu Drawer --> 2499<div id="mobilemenu" class="mobiletoggle-menu"> 2500 2501 <nav class="m-nav" id="mobileNav"> 2502 2503 <!-- MAIN MENU --> 2504 <div class="menu-panel active" id="mainMenu"> 2505 <ul class="menu-list"> 2506 2507 <li class="split-row"> 2508 <a href="/services/seo-and-content" class="menu-title">SEO & Content</a> 2509 <span class="open-panel nav-arrow" data-target="seoPanel"> 2510 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> 2511 </span> 2512 </li> 2513 2514 <li class="split-row"> 2515 <a href="/services/creative-and-advertising/" class="menu-title">Creative & Advertising</a> 2516 <span class="open-panel nav-arrow" data-target="creativePanel"> 2517 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> 2518 </span> 2519 </li> 2520 2521 <li class="split-row"> 2522 <a href="/services/it-solutions/" class="menu-title">IT Solutions</a> 2523 <span class="open-panel nav-arrow" data-target="itPanel"> 2524 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> 2525 </span> 2526 </li> 2527 2528 <li class="split-row"> 2529 <a href="/services/cloud-solutions/" class="menu-title">Cloud Solutions</a> 2530 <span class="open-panel nav-arrow" data-target="cloudPanel"> 2531 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> 2532 </span> 2533 </li> 2534 2535 <li class="split-row"> 2536 <a href="/services/wikipedia-page-creation/" class="menu-title">Wikipedia</a> 2537 <span class="open-panel nav-arrow" data-target="wikiPanel"> 2538 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewB
2538ox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> 2539 </span> 2540 </li> 2541 2542 <li> 2543 <a href="/services/hoarding-advertisement/">Hoarding</a> 2544 </li> 2545 2546 <li class="split-row"> 2547 <a href="/about-hatsoff-marketing/" class="menu-title">About Company</a> 2548 <span class="open-panel nav-arrow" data-target="aboutCompany"> 2549 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> 2550 </span> 2551 </li> 2552 2553 <li> 2554 <a href="/clients/">Clientele</a> 2555 </li> 2556 2557 <li> 2558 <a href="/partners/">Partners</a> 2559 </li> 2560 2561 <li> 2562 <a href="/blogs/">Blogs</a> 2563 </li> 2564 2565 <li> 2566 <a href="/careers/">Careers</a> 2567 </li> 2568 2569 <li> 2570 <a href="/contact-us/">Contact Us</a> 2571 </li> 2572 2573 </ul> 2574 2575 </div> 2576 2577 <!-- SEO PANEL --> 2578 <div class="menu-panel inner" id="seoPanel"> 2579 <div class="panel-header"> 2580 <span class="backBtn"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> Back</span> 2581 <h3>SEO & Content</h3> 2582 </div> 2583 <ul class="menu-list"> 2584 <li> 2585 <a href="/services/seo-and-content/search-engine-optimization/"> 2586 Search Engine Optimization </a> 2587 2588 <ul> 2589 <li> 2590 <a href="/services/seo-and-content/search-engine-optimization/on-page-seo"> 2591 On Page SEO </a> 2592 </li> 2593 <li> 2594 <a href="/services/seo-and-content/search-engine-optimization/off-page-seo"> 2595 Off Page SEO </a> 2596 </li> 2597 <li> 2598 <a href="/services/seo-and-content/search-engine-optimization/technical-seo"> 2599 Technical SEO </a> 2600 </li> 2601 <li> 2602 <a href="/services/seo-and-content/search-engine-optimization/local-seo"> 2603 Local SEO </a> 2604 </li> 2605 <li> 2606 <a href="/services/seo-and-content/search-engine-optimization/backlink-generation"> 2607 Backlink Generation </a> 2608 </li> 2609 <li> 2610 <a href="/services/seo-and-content/search-engine-optimization/guest-posting"> 2611 Guest Posting </a> 2612 </li> 2613 <li> 2614 <a href="/services/seo-and-content/search-engine-optimization/image-seo"> 2615 Image SEO </a> 2616 </li> 2617 <li> 2618 <a href="/services/seo-and-content/search-engine-optimization/video-seo"> 2619 Video SEO </a> 2620 </li> 2621 </ul> 2622 </li> 2623 <li> 2624 <a href="/services/seo-and-content/seo-consultation"> 2625 SEO Consultation </a> 2626 2627 </li> 2628 <li> 2629 <a href="/services/seo-and-content/youtube-seo"> 2630 Youtube SEO </a> 2631 2632 </li> 2633 <li> 2634 <a href="/services/seo-and-content/amazon-seo"> 2635 Amazon SEO </a> 2636 2637 </li> 2638 <li> 2639 <a href="/services/seo-and-content/google-my-business"> 2640 GMB </a> 2641 2642 <ul> 2643 <li> 2644 <a href="/services/seo-and-content/google-my-business/google-my-business-profile-creation/"> 2645 Google My Business Optimization </a> 2646 </li> 2647 <li> 2648 <a href="/services/seo-and-content/google-my-business/google-my-business-listing-recovery/"> 2649 Google My Business Recovery </a> 2650 </li> 2651 </ul> 2652 </li> 2653 <li> 2654 <a href="/services/seo-and-content/google-merchant-center-optimization"> 2655 Google Merchant Center Optimization </a> 2656 2657 </li> 2658 <li> 2659 <a href="/services/seo-and-content/google-tag-manager-setup"> 2660 Google Tag Manager Setup </a> 2661 2662 </li> 2663 <li> 2664 <a href="/services/seo-and-content/one-time-website-optimization"> 2665 One Time Website Optimization </a> 2666 2667 </li> 2668 <li> 2669 <a href="/services/seo-and-content/orm-strategy"> 2670 ORM Strategy </a> 2671 2672 </li> 2673 <li> 2674 <a href="/services/seo-and-content/content-creation"> 2675 SEO Content Creation </a> 2676 2677 <ul> 2678 <li> 2679 <a href="/services/seo-and-content/content-creation/seo-content-creation"> 2680 SEO Content Creation </a> 2681 </li> 2682 <li> 2683 <a href="/services/seo-and-content/content-creation/content-strategy"> 2684 Content Strategy </a> 2685 </li> 2686 <li> 2687 <a href="/services/seo-and-content/content-creation/website-content-creation"> 2688 Website Content Creation </a> 2689 </li> 2690 <li> 2691 <a href="/services/seo-and-content/content-creation/content-optmization"> 2692 Content Optimization </a> 2693 </li> 2694 <li> 2695 <a href="/services/seo-and-content/content-creation/google-my-business-content"> 2696 Google My Business Content </a> 2697 </li> 2698 <li> 2699 <a href="/services/seo-and-content/content-creation/product-descriptions"> 2700 Product Descriptions </a> 2701 </li> 2702 <li> 2703 <a href="/services/seo-and-content/content-creation/blog-curation"> 2704 Blog Curation </a> 2705 </li> 2706 <li> 2707 <a href="/services/seo-and-content/content-creation/orm-content"> 2708 ORM Content </a> 2709 </li> 2710 </ul> 2711 </li> 2712 <li> 2713 <a href="/services/seo-and-content/mobile-seo"> 2714 Mobile SEO </a> 2715 2716 <ul> 2717 <li> 2718 <a href="/services/seo-and-content/mobile-seo/play-store-seo"> 2719 Play Store SEO </a> 2720 </li> 2721 <li> 2722 <a href="/services/seo-and-content/mobile-seo/app-store-seo"> 2723 App Store SEO (ASO) </a> 2724 </li> 2725 </ul> 2726 </li> 2727 <li> 2728 <a href="/services/seo-and-content/quora-seo"> 2729 Quora SEO </a> 2730 2731 </li> 2732 <li> 2733 <a href="/services/seo-and-content/reddit-seo"> 2734 Reddit SEO </a> 2735 2736 </li> 2737 </ul> 2738 <p class="service-text pb-4 pt-2">360° digital services from brand to customer. <br> <a href="/contact-us/">Know More</a></p> 2739 </div> 2740 2741 <!-- CREATIVE PANEL --> 2742 <div class="menu-panel inner" id="creativePanel"> 2743 <div class="panel-header">
2744 <span class="backBtn"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> Back</span> 2745 <h3>Creative & Advertising</h3> 2746 </div> 2747 <ul class="menu-list"> 2748 <li> 2749 <a href="/services/creative-and-advertising/social-media-marketing/"> 2750 Social Media Management </a> 2751 2752 </li> 2753 <li> 2754 <a href="/services/creative-and-advertising/video-and-post-production/"> 2755 Video & Post Production </a> 2756 2757 <ul> 2758 <li> 2759 <a href="/services/creative-and-advertising/video-and-post-production/video-editing/"> 2760 Video Editing </a> 2761 </li> 2762 <li> 2763 <a href="/services/creative-and-advertising/video-and-post-production/motion-graphics"> 2764 Motion Graphics </a> 2765 </li> 2766 <li> 2767 <a href="/services/creative-and-advertising/video-and-post-production/3d-animation/"> 2768 3D Animation </a> 2769 </li> 2770 <li> 2771 <a href="/services/creative-and-advertising/video-and-post-production/visual-effects/"> 2772 Visual Effects (VFX) </a> 2773 </li> 2774 <li> 2775 <a href="/services/creative-and-advertising/video-and-post-production/cgi/"> 2776 CGI </a> 2777 </li> 2778 </ul> 2779 </li> 2780 <li> 2781 <a href="/services/creative/brand-building/"> 2782 Branding Services </a> 2783 2784 <ul> 2785 <li> 2786 <a href="/services/creative-and-advertising/branding-services/branding/"> 2787 Branding (Logo, Stationery, and Collateral) </a> 2788 </li> 2789 <li> 2790 <a href="#"> 2791 Graphic Design Services </a> 2792 </li> 2793 <li> 2794 <a href="/services/creative-and-advertising/branding-services/print-media"> 2795 Print Media (Brochures, Standees, Posters, etc.) </a> 2796 </li> 2797 <li> 2798 <a href="/services/creative-and-advertising/branding-services/package-design/"> 2799 Package Design </a> 2800 </li> 2801 <li> 2802 <a href="/services/creative-and-advertising/branding-services/digital-and-social-media-creatives/"> 2803 Digital & Social Media Creatives </a> 2804 </li> 2805 </ul> 2806 </li> 2807 <li> 2808 <a href="/services/creative-and-advertising/performance-marketing/"> 2809 Performance Marketing </a> 2810 2811 <ul> 2812 <li> 2813 <a href="/services/creative-and-advertising/performance-marketing/meta-ads/"> 2814 Meta Ads </a> 2815 </li> 2816 <li> 2817 <a href="/services/creative-and-advertising/performance-marketing/google-ads/"> 2818 Google Ads </a> 2819 </li> 2820 <li> 2821 <a href="/services/creative-and-advertising/performance-marketing/youtube-ads/"> 2822 YouTube Ads </a> 2823 </li> 2824 <li> 2825 <a href="/services/creative-and-advertising/performance-marketing/whatsapp-marketing/"> 2826 WhatsApp Marketing </a> 2827 </li> 2828 <li> 2829 <a href="/services/creative-and-advertising/performance-marketing/email-marketing/"> 2830 Email Marketing </a> 2831 </li> 2832 </ul> 2833 </li> 2834 <li> 2835 <a href="/services/digital/public-relation/"> 2836 PR & Outreach </a> 2837 2838 <ul> 2839 <li> 2840 <a href="/services/creative-and-advertising/pr-and-outreach/press-releases/"> 2841 Press Releases </a> 2842 </li> 2843 <li> 2844 <a href="/services/creative-and-advertising/pr-and-outreach/influencer-marketing/"> 2845 Influencer Marketing </a> 2846 </li> 2847 <li> 2848 <a href="/services/creative-and-advertising/pr-and-outreach/media-relations/"> 2849 Media Relations </a> 2850 </li> 2851 </ul> 2852 </li> 2853 <li> 2854 <a href="/services/creative-and-advertising/photography-and-video/"> 2855 Photography & Videography </a> 2856 2857 <ul> 2858 <li> 2859 <a href="/services/creative-and-advertising/photography-and-video/product-photography/"> 2860 Product Photography </a> 2861 </li> 2862 <li> 2863 <a href="/services/creative-and-advertising/photography-and-video/corporate-shoots/"> 2864 Corporate Shoots </a> 2865 </li> 2866 <li> 2867 <a href="/services/creative-and-advertising/photography-and-video/event-coverage/"> 2868 Event Coverage </a> 2869 </li> 2870 </ul> 2871 </li> 2872 </ul> 2873 <p class="service-text pb-4 pt-2">360° digital services from brand to customer. <br> <a href="/contact-us/">Know More</a></p> 2874 </div> 2875 2876 <!-- IT PANEL --> 2877 <div class="menu-panel inner" id="itPanel"> 2878 <div class="panel-header">
2879 <span class="backBtn"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> Back</span> 2880 <h3>IT Solutions</h3> 2881 </div> 2882 <ul class="menu-list"> 2883 <li> 2884 <a href="/services/it-solutions/software-solutions/"> 2885 Software Solutions </a> 2886 2887 <ul> 2888 <li> 2889 <a href="/services/it-solutions/software-solutions/software-development/"> 2890 Software Development </a> 2891 </li> 2892 <li> 2893 <a href="/services/it-solutions/software-solutions/software-maintenance/"> 2894 Software Maintenance </a> 2895 </li> 2896 <li> 2897 <a href="/services/it-solutions/software-solutions/software-ui-ux-designing/"> 2898 Software UI/UX Designing </a> 2899 </li> 2900 </ul> 2901 </li> 2902 <li> 2903 <a href="/services/it-solutions/web-development/"> 2904 Web Development </a> 2905 2906 <ul> 2907 <li> 2908 <a href="/services/it-solutions/web-development/website-development/"> 2909 Website Development </a> 2910 </li> 2911 <li> 2912 <a href="/services/it-solutions/web-development/website-maintenance/"> 2913 Website Maintenance </a> 2914 </li> 2915 <li> 2916 <a href="/services/it-solutions/web-development/website-ui-ux-designing/"> 2917 Website UI/UX Designing </a> 2918 </li> 2919 </ul> 2920 </li> 2921 <li> 2922 <a href="/services/it-solutions/mobile-app-development/"> 2923 Mobile App Development </a> 2924 2925 <ul> 2926 <li> 2927 <a href="/services/it-solutions/mobile-app-development/app-development/"> 2928 App Development </a> 2929 </li> 2930 <li> 2931 <a href="/services/it-solutions/mobile-app-development/app-maintenance/"> 2932 App Maintenance </a> 2933 </li> 2934 <li> 2935 <a href="/services/it-solutions/mobile-app-development/ui-ux-designing/"> 2936 App UI/UX Designing </a> 2937 </li> 2938 </ul> 2939 </li> 2940 <li> 2941 <a href="/services/it-solutions/testing-and-security/"> 2942 Testing & Security </a> 2943 2944 <ul> 2945 <li> 2946 <a href="/services/it-solutions/testing-and-security/vulnerability-assessment-and-penetration-testing/"> 2947 VAPT </a> 2948 </li> 2949 <li> 2950 <a href="/services/it-solutions/testing-and-security/sonarqube/"> 2951 SonarQube </a> 2952 </li> 2953 <li> 2954 <a href="/services/it-solutions/testing-and-security/website-security/"> 2955 Website Security </a> 2956 </li> 2957 </ul> 2958 </li> 2959 <li> 2960 <a href="#"> 2961 Others </a> 2962 2963 <ul> 2964 <li> 2965 <a href="/services/it-solutions/others/
2965data-entry/"> 2966 Data Entry </a> 2967 </li> 2968 <li> 2969 <a href="/services/it-solutions/others/whatsApp-business-integration/"> 2970 WhatsApp Business Integration </a> 2971 </li> 2972 </ul> 2973 </li> 2974 </ul> 2975 <p class="pt-2">360° digital services from brand to customer. <br> <a href="/contact-us/" class="text-black">Know More</a></p> 2976 2977 <div> 2978 <p class="mb-3 fw-semibold">Platforms We Use</p> 2979 <div class="row plat-icons-row service-text"> 2980 <div class="col-6"> 2981 <a href="/services/it-solutions/web-development/website-development/wordpress/" class=""> 2982 <img src="/assets/images/platforms/Wordpress.svg" alt="wordpress" height="30" width="30" /> 2983 <p>Wordpress</p> 2984 </a> 2985 </div> 2986 <div class="col-6"> 2987 <a href="/services/it-solutions/web-development/website-development/drupal" class=""> 2988 <img src="/assets/images/platforms/Drupal.svg" alt="Drupal" height="30" width="30" /> 2989 <p>Drupal</p> 2990 </a> 2991 </div> 2992 <div class="col-6"> 2993 <a href="/services/it-solutions/web-development/website-development/joomla" class=""> 2994 <img src="/assets/images/platforms/Joomla.svg" alt="Joomla" height="30" width="30" /> 2995 <p>Joomla</p> 2996 </a> 2997 </div> 2998 <div class="col-6"> 2999 <a href="/services/it-solutions/web-development/website-development/shopify" class=""> 3000 <img src="/assets/images/platforms/Shopify.svg" alt="Shopify" height="30" width="30" /> 3001 <p>Shopify</p> 3002 </a> 3003 </div> 3004 <div class="col-6"> 3005 <a href="/services/it-solutions/web-development/website-development/magento" class=""> 3006 <img src="/assets/images/platforms/Magento.svg" alt="Magento" height="30" width="30" /> 3007 <p>Magento</p> 3008 </a> 3009 </div> 3010 <div class="col-6"> 3011 <a href="/services/technologies/php/codeigniter-website-development/" class=""> 3012 <img src="/assets/images/platforms/Codeigniter.svg" alt="Codeigniter" height="30" width="30" /> 3013 <p>CodeIgniter</p> 3014 </a> 3015 </div> 3016 <div class="col-6"> 3017 <a href="/services/it-solutions/web-development/website-development/laravel" class=""> 3018 <img src="/assets/images/platforms/Laravel.svg" alt="Laravel" height="30" width="30" /> 3019 <p>Laravel</p> 3020 </a> 3021 </div> 3022 <div class="col-6"> 3023 <a href="/services/it-solutions/web-development/website-development/reactjs" class=""> 3024 <img src="/assets/images/platforms/ReactJS.svg" alt="ReactJS" height="30" width="30" /> 3025 <p>React JS</p> 3026 </a> 3027 </div> 3028 <div class="col-6"> 3029 <a href="/services/it-solutions/web-development/website-development/nodejs" class=""> 3030 <img src="/assets/images/platforms/NodeJS.svg" alt="NodeJS" height="30" width="30" /> 3031 <p>Node JS</p> 3032 </a> 3033 </div> 3034 <div class="col-6"> 3035 <a href="/services/it-solutions/web-development/website-development/dotnet" class=""> 3036 <img src="/assets/images/platforms/Dotnet.svg" alt="Dotnet" height="30" width="30" /> 3037 <p>Dot Net</p> 3038 </a> 3039 </div> 3040 <div class="col-6"> 3041 <a href="/services/it-solutions/web-development/website-development/angularjs" class=""> 3042 <img src="/assets/images/platforms/Angular.svg" alt="Angular" height="30" width="30" /> 3043 <p>Angular JS</p> 3044 </a> 3045 </div> 3046 </div> 3047 </div> 3048 </div> 3049 <!-- cloud PANEL --> 3050 <div class="menu-panel inner" id="cloudPanel"> 3051 <div class="panel-header"> 3052 <span class="backBtn"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewB
3052ox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> Back</span> 3053 <h3>Cloud Solutions</h3> 3054 </div> 3055 <ul class="menu-list"> 3056 <li><a href="/services/cloud-solutions/hosting/">Hosting</a></li> 3057 <li><a href="/services/cloud-solutions/google-workspace-mail-integration/" class="">Google Workspace Mail Integration</a></li> 3058 <li><a href="/services/cloud-solutions/zoho-mail-integration/" class="">Zoho Mail Integration</a></li> 3059 </ul> 3060 <p class="service-text pb-4 pt-2">360° digital services from brand to customer. <br> <a href="/contact-us/">Know More</a></p> 3061 </div> 3062 <!-- wikipedia PANEL --> 3063 <div class="menu-panel inner" id="wikiPanel"> 3064 <div class="panel-header"> 3065 <span class="backBtn"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><!--?lit$719447115$--><!--?lit$719447115$--><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> Back</span> 3066 <h3>Wikipedia</h3> 3067 </div> 3068 <ul class="menu-list"> 3069 <li> 3070 <a href="/services/wikipedia-page-creation/"> 3071 Page Creation </a> 3072 3073 </li> 3074 <li> 3075 <a href="/services/wikipedia-page-editing-service/"> 3076 Page Editing </a> 3077 3078 </li> 3079 <li> 3080 <a href="/services/wikipedia-page-monitoring-and-maintenance-service/"> 3081 Monitoring & Maintenance </a> 3082 3083 </li> 3084 <li> 3085 <a href="/services/recover-deleted-wikipedia-page/"> 3086 Recover Deleted Page </a> 3087 3088 </li> 3089 <li> 3090 <a href="/services/wikipedia-consultancy-services/"> 3091 Consultancy </a> 3092 3093 </li> 3094 <li> 3095 <a href="/services/wikipedia-content-writing-services/"> 3096 Content Writing </a> 3097 3098 </li> 3099 <li> 3100 <a href="/services/wikipedia-draft-creation-service-india/"> 3101 Draft Creation </a> 3102 3103 </li> 3104 </ul> 3105 <p class="service-text pb-4 pt-2">360° digital services from brand to customer. <br> <a href="/contact-us/">Know More</a></p> 3106 </div> 3107 <!-- about company PANEL --> 3108 <div class="menu-panel inner" id="aboutCompany"> 3109 <div class="panel-header"> 3110 <span class="backBtn"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> Back</span> 3111 <h3>About Company</h3> 3112 </div> 3113 <ul class="menu-list"> 3114 <li> 3115 <a href="/events/"> 3116 Events </a> 3117 3118 </li> 3119 <li> 3120 <a href="/our-teams/"> 3121 Our Team </a> 3122 3123 </li> 3124 <li> 3125 <a href="/testimonials/"> 3126 Testimonials </a> 3127 3128 </li> 3129 <li> 3130 <a href="/request-quote/"> 3131 Request a Quote </a> 3132 3133 </li> 3134 <li> 3135 <a href="https://portfolio.hatsoffdigital.com/"> 3136 Portfolio </a> 3137 3138 </li> 3139 </ul> 3140 <p class="service-text pb-4 pt-2">360° digital services from brand to customer. <br> <a href="/contact-us/">Know More</a></p> 3141 </div> 3142 </nav> 3143</div> 3144<!-- Thank-you Modal --> 3145<div class="modal fade" id="thankyou" data-bs-backdrop="static" data-bs-keyboard="false"> 3146 <div class="modal-dialog modal-dialog-centered"> 3147 <div class="modal-content content-sec"> 3148 <i class="far fa-check-circle fa-5x mb-3"></i> 3149 <h3 class="text-center mb-0">Thankyou!</h3> 3150 <p class="text-center mb-3">We have recieved your enquiry. Our team should get in touch with you soon.</p> 3151 <button data-bs-dismiss="modal" type="button" class="btn-box btn-animate">Back to Site
3152 <span class="btn-arrow" id="arrow"> 3153 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 3154 viewBox="0 0 12.244 12.23"> 3155 <g transform="translate(-1106.786 -10182.84)"> 3156 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 3157 fill="none" stroke="currentColor" stroke-width="1.3"></path> 3158 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 3159 fill="none" stroke="currentColor" stroke-width="1.3"></line> 3160 </g> 3161 </svg> 3162 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 3163 viewBox="0 0 12.244 12.23"> 3164 <g transform="translate(-1106.786 -10182.84)"> 3165 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 3166 fill="none" stroke="currentColor" stroke-width="1.3"></path> 3167 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 3168 fill="none" stroke="currentColor" stroke-width="1.3"></line> 3169 </g> 3170 </svg> 3171 </span> 3172 </button> 3173 </div> 3174 </div> 3175</div>
3176<script> 3177 !(function (n, i, e, a) { 3178 ; (n.navigation = function (t, s) { 3179 var o = { 3180 responsive: !0, 3181 mobileBreakpoint: 991, 3182 showDuration: 200, 3183 hideDuration: 200, 3184 showDelayDuration: 0, 3185 hideDelayDuration: 0, 3186 submenuTrigger: "hover", 3187 effect: "fadeIn", 3188 submenuIndicator: !0, 3189 submenuIndicatorTrigger: !1, 3190 hideSubWhenGoOut: !0, 3191 visibleSubmenusOnMobile: !1, 3192 fixed: !1, 3193 overlay: !0, 3194 overlayColor: "rgba(0, 0, 0, 0.5)", 3195 hidden: !1, 3196 hiddenOnMobile: !1, 3197 offCanvasSide: "left", 3198 offCanvasCloseButton: !0, 3199 animationOnShow: "", 3200 animationOnHide: "", 3201 onInit: function () { }, 3202 onLandscape: function () { }, 3203 onPortrait: function () { }, 3204 onShowOffCanvas: function () { }, 3205 onHideOffCanvas: function () { } 3206 }, 3207 r = this, 3208 u = Number.MAX_VALUE, 3209 d = 1, 3210 l = "click.nav touchstart.nav", 3211 f = "mouseenter focusin", 3212 c = "mouseleave focusout" 3213 r.settings = {} 3214 var t = (n(t), t) 3215 n(t).find(".nav-search").length > 0 && 3216 n(t) 3217 .find(".nav-search") 3218 .find("form") 3219 .prepend( 3220 "<span class='nav-search-close-button' tabindex='0'>✕</span>" 3221 ), 3222 (r.init = function () { 3223 ; (r.settings = n.extend({}, o, s)), 3224 r.settings.offCanvasCloseButton && 3225 n(t) 3226 .find(".nav-menus-wrapper") 3227 .prepend( 3228 "<span class='nav-menus-wrapper-close-button'>✕</span>" 3229 ), 3230 "right" == r.settings.offCanvasSide && 3231 n(t) 3232 .find(".nav-menus-wrapper") 3233 .addClass("nav-menus-wrapper-right"), 3234 r.settings.hidden && 3235 (n(t).addClass("navigation-hidden"), 3236 (r.settings.mobileBreakpoint = 99999)), 3237 v(), 3238 r.settings.fixed && n(t).addClass("navigation-fixed"), 3239 n(t) 3240 .find(".nav-toggle") 3241 .on("click touchstart", function (n) { 3242 n.stopPropagation(), 3243 n.preventDefault(), 3244 r.showOffcanvas(), 3245 s !== a && r.callback("onShowOffCanvas") 3246 }), 3247 n(t) 3248 .find(".nav-menus-wrapper-close-button") 3249 .on("click touchstart", function () { 3250 r.hideOffcanvas(), s !== a && r.callback("onHideOffCanvas") 3251 }), 3252 n(t) 3253 .find(".nav-search-button, .nav-search-close-button") 3254 .on("click touchstart keydown", function (i) { 3255 i.stopPropagation(), i.preventDefault() 3256 var e = i.keyCode || i.which 3257 "click" === i.type || 3258 "touchstart" === i.type || 3259 ("keydown" === i.type && 13 == e) 3260 ? r.toggleSearch() 3261 : 9 == e && n(i.target).blur() 3262 }), 3263 n(t).find(".megamenu-tabs").length > 0 && y(), 3264 n(i).resize(function () { 3265 r.initNavigationMode(C()), O(), r.settings.hiddenOnMobile && m() 3266 }), 3267 r.initNavigationMode(C()), 3268 r.settings.hiddenOnMobile && m(), 3269 s !== a && r.callback("onInit") 3270 }) 3271 var h = function () { 3272 n(t) 3273 .find(".nav-submenu") 3274 .hide(0), 3275 n(t) 3276 .find("li") 3277 .removeClass("focus") 3278 }, 3279 v = function () { 3280 n(t) 3281 .find("li") 3282 .each(function () { 3283 n(this).children(".nav-dropdown,.megamenu-panel").length > 0 && 3284 (n(this) 3285 .children(".nav-dropdown,.megamenu-panel") 3286 .addClass("nav-submenu"), 3287 r.settings.submenuIndicator && 3288 n(this) 3289 .children("a") 3290 .append( 3291 "<span class='submenu-indicator dropdown-icon'><i class='fas fa-angle-down '></i></i></span>" 3292 )) 3293 }) 3294 }, 3295 m = function () { 3296 n(t).hasClass("navigation-portrait") 3297 ? n(t).addClass("navigation-hidden") 3298 : n(t).removeClass("navigation-hidden") 3299 } 3300 ; (r.showSubmenu = function (i, e) { 3301 C() > r.settings.mobileBreakpoint && 3302 n(t) 3303 .find(".nav-search") 3304 .find("form") 3305 .fadeOut(), 3306 "fade" == e 3307 ? n(i) 3308 .children(".nav-submenu") 3309 .stop(!0, !0) 3310 .delay(r.settings.showDelayDuration) 3311 .fadeIn(r.settings.showDuration) 3312 .removeClass(r.settings.animationOnHide) 3313 .addClass(r.settings.animationOnShow) 3314 : n(i) 3315 .children(".nav-submenu") 3316 .stop(!0, !0) 3317 .delay(r.settings.showDelayDuration) 3318 .slideDown(r.settings.showDuration) 3319 .removeClass(r.settings.animationOnHide) 3320 .addClass(r.settings.animationOnShow), 3321 n(i).addClass("focus") 3322 }), 3323 (r.hideSubmenu = function (i, e) { 3324 "fade" == e 3325 ? n(i) 3326 .find(".nav-submenu") 3327 .stop(!0, !0) 3328 .delay(r.settings.hideDelayDuration) 3329 .fadeOut(r.settings.hideDuration) 3330 .removeClass(r.settings.animationOnShow) 3331 .addClass(r.settings.animationOnHide) 3332 : n(i) 3333 .find(".nav-submenu") 3334 .stop(!0, !0) 3335 .delay(r.settings.hideDelayDuration) 3336 .slideUp(r.settings.hideDuration) 3337 .removeClass(r.settings.animationOnShow) 3338 .addClass(r.settings.animationOnHide), 3339 n(i) 3340 .removeClass("focus") 3341 .find(".focus") 3342 .removeClass("focus") 3343 }) 3344 var p = function () { 3345 n("body").addClass("no-scroll"), 3346 r.settings.overlay && 3347 (n(t).append("<div class='nav-overlay-panel'></div>"), 3348 n(t) 3349 .find(".nav-overlay-panel") 3350 .css("background-color", r.settings.overlayColor) 3351 .fadeIn(300) 3352 .on("click touchstart", function (n) { 3353 r.hideOffcanvas() 3354 })) 3355 }, 3356 g = function () { 3357 n("body").removeClass("no-scroll"), 3358 r.settings.overlay && 3359 n(t) 3360 .find(".nav-overlay-panel") 3361 .fadeOut(400, function () { 3362 n(this).remove() 3363 }) 3364 } 3365 ; (r.showOffcanvas = function () { 3366 p(), 3367 "left" == r.settings.offCanvasSide 3368 ? n(t) 3369 .find(".nav-menus-wrapper") 3370 .css("transition-property", "left") 3371 .addClass("nav-menus-wrapper-open") 3372 : n(t) 3373 .find(".nav-menus-wrapper") 3374 .css("transition-property", "right") 3375 .addClass("nav-menus-wrapper-open") 3376 }), 3377 (r.hideOffcanvas = function () { 3378 n(t) 3379 .find(".nav-menus-wrapper") 3380 .removeClass("nav-menus-wrapper-open") 3381 .on( 3382 "webkitTransitionEnd moztransitionend transitionend oTransitionEnd", 3383 function () { 3384 n(t) 3385 .find(".nav-menus-wrapper") 3386 .css("transition-property", "none") 3387 .off() 3388 } 3389 ), 3390 g() 3391 }), 3392 (r.toggleOffcanvas = function () { 3393 C() <= r.settings.mobileBreakpoint && 3394 (n(t) 3395 .find(".nav-menus-wrapper") 3396 .hasClass("nav-menus-wrapper-open") 3397 ? (r.hideOffcanvas(), s !== a && r.callback("onHideOffCanvas")) 3398 : (r.showOffcanvas(), s !== a && r.callback("onShowOffCanvas"))) 3399 }), 3400 (r.toggleSearch = function () { 3401 "none" == 3402 n(t) 3403 .find(".nav-search") 3404 .find("form") 3405 .css("display") 3406 ? (n(t) 3407 .find(".nav-search") 3408 .find("form") 3409 .fadeIn(200), 3410 n(t) 3411 .find(".nav-search") 3412 .find("input") 3413 .focus()) 3414 : (n(t) 3415 .find(".nav-search") 3416 .find("form") 3417 .fadeOut(200), 3418 n(t) 3419 .find(".nav-search") 3420 .find("input") 3421 .blur()) 3422 }), 3423 (r.initNavigationMode = function (i) { 3424 r.settings.responsive 3425 ? (i <= r.settings.mobileBreakpoint && 3426 u > r.settings.mobileBreakpoint && 3427 (n(t) 3428 .addClass("navigation-portrait") 3429 .removeClass("navigation-landscape"), 3430 S(), 3431 s !== a && r.callback("onPortrait")), 3432 i > r.settings.mobileBreakpoint && 3433 d <= r.settings.mobileBreakpoint && 3434 (n(t) 3435 .addClass("navigation-landscape") 3436 .removeClass("navigation-portrait"), 3437 k(), 3438 g(), 3439 r.hideOffcanvas(), 3440 s !== a && r.callback("onLandscape")), 3441 (u = i), 3442 (d = i)) 3443 : (n(t).addClass("navigation-landscape"), 3444 k(), 3445 s !== a && r.callback("onLandscape")) 3446 }) 3447 var b = function () { 3448 n("html").on("click.body touchstart.body", function (i) {
3449 0 === n(i.target).closest(".navigation").length && 3450 (n(t) 3451 .find(".nav-submenu") 3452 .fadeOut(), 3453 n(t) 3454 .find(".focus") 3455 .removeClass("focus"), 3456 n(t) 3457 .find(".nav-search") 3458 .find("form") 3459 .fadeOut()) 3460 }) 3461 }, 3462 C = function () { 3463 return ( 3464 i.innerWidth || e.documentElement.clientWidth || e.body.clientWidth 3465 ) 3466 }, 3467 w = function () { 3468 n(t) 3469 .find(".nav-menu") 3470 .find("li, a") 3471 .off(l) 3472 .off(f) 3473 .off(c) 3474 }, 3475 O = function () { 3476 if (C() > r.settings.mobileBreakpoint) { 3477 var i = n(t).outerWidth(!0) 3478 n(t) 3479 .find(".nav-menu") 3480 .children("li") 3481 .children(".nav-submenu") 3482 .each(function () { 3483 n(this) 3484 .parent() 3485 .position().left + 3486 n(this).outerWidth() > 3487 i 3488 ? n(this).css("right", 0) 3489 : n(this).css("right", "auto") 3490 }) 3491 } 3492 }, 3493 y = function () { 3494 function i(i) { 3495 var e = n(i) 3496 .children(".megamenu-tabs-nav") 3497 .children("li"), 3498 a = n(i).children(".megamenu-tabs-pane") 3499 n(e).on("click.tabs touchstart.tabs", function (i) { 3500 i.stopPropagation(), 3501 i.preventDefault(), 3502 n(e).removeClass("active"), 3503 n(this).addClass("active"), 3504 n(a) 3505 .hide(0) 3506 .removeClass("active"), 3507 n(a[n(this).index()]) 3508 .show(0) 3509 .addClass("active") 3510 }) 3511 } 3512 if (n(t).find(".megamenu-tabs").length > 0) 3513 for (var e = n(t).find(".megamenu-tabs"), a = 0; a < e.length; a++) 3514 i(e[a]) 3515 }, 3516 k = function () { 3517 w(), 3518 h(), 3519 navigator.userAgent.match(/Mobi/i) || 3520 navigator.maxTouchPoints > 0 || 3521 "click" == r.settings.submenuTrigger 3522 ? n(t) 3523 .find(".nav-menu, .nav-dropdown") 3524 .children("li") 3525 .children("a") 3526 .on(l, function (e) { 3527 if ( 3528 (r.hideSubmenu( 3529 n(this) 3530 .parent("li") 3531 .siblings("li"), 3532 r.settings.effect 3533 ), 3534 n(this)
3535 .closest(".nav-menu") 3536 .siblings(".nav-menu") 3537 .find(".nav-submenu") 3538 .fadeOut(r.settings.hideDuration), 3539 n(this).siblings(".nav-submenu").length > 0) 3540 ) { 3541 if ( 3542 (e.stopPropagation(), 3543 e.preventDefault(), 3544 "none" == 3545 n(this) 3546 .siblings(".nav-submenu") 3547 .css("display")) 3548 ) 3549 return ( 3550 r.showSubmenu( 3551 n(this).parent("li"), 3552 r.settings.effect 3553 ), 3554 O(), 3555 !1 3556 ) 3557 if ( 3558 (r.hideSubmenu(n(this).parent("li"), r.settings.effect), 3559 "_blank" === n(this).attr("target") || 3560 "blank" === n(this).attr("target")) 3561 ) 3562 i.open(n(this).attr("href")) 3563 else { 3564 if ( 3565 "#" === n(this).attr("href") || 3566 "" === n(this).attr("href") || 3567 "javascript:void(0)" === n(this).attr("href") 3568 ) 3569 return !1 3570 i.location.href = n(this).attr("href") 3571 } 3572 } 3573 }) 3574 : n(t) 3575 .find(".nav-menu") 3576 .find("li") 3577 .on(f, function () { 3578 r.showSubmenu(this, r.settings.effect), O() 3579 }) 3580 .on(c, function () {
3581 r.hideSubmenu(this, r.settings.effect) 3582 }), 3583 r.settings.hideSubWhenGoOut && b() 3584 }, 3585 S = function () { 3586 w(), 3587 h(), 3588 r.settings.visibleSubmenusOnMobile 3589 ? n(t) 3590 .find(".nav-submenu") 3591 .show(0) 3592 : (n(t) 3593 .find(".submenu-indicator") 3594 .removeClass("submenu-indicator-up"), 3595 r.settings.submenuIndicator && 3596 r.settings.submenuIndicatorTrigger 3597 ? n(t) 3598 .find(".submenu-indicator") 3599 .on(l, function (i) { 3600 return ( 3601 i.stopPropagation(), 3602 i.preventDefault(), 3603 r.hideSubmenu( 3604 n(this) 3605 .parent("a") 3606 .parent("li") 3607 .siblings("li"), 3608 "slide" 3609 ),
3610 r.hideSubmenu( 3611 n(this) 3612 .closest(".nav-menu") 3613 .siblings(".nav-menu") 3614 .children("li"), 3615 "slide" 3616 ), 3617 "none" == 3618 n(this) 3619 .parent("a") 3620 .siblings(".nav-submenu") 3621 .css("display") 3622 ? (n(this).addClass("submenu-indicator-up"), 3623 n(this) 3624 .parent("a") 3625 .parent("li") 3626 .siblings("li") 3627 .find(".submenu-indicator") 3628 .removeClass("submenu-indicator-up"), 3629 n(this) 3630 .closest(".nav-menu") 3631 .siblings(".nav-menu") 3632 .find(".submenu-indicator") 3633 .removeClass("submenu-indicator-up"), 3634 r.showSubmenu( 3635 n(this) 3636 .parent("a") 3637 .parent("li"), 3638 "slide" 3639 ), 3640 !1) 3641 : (n(this) 3642 .parent("a") 3643 .parent("li") 3644 .find(".submenu-indicator") 3645 .removeClass("submenu-indicator-up"), 3646 void r.hideSubmenu( 3647 n(this) 3648 .parent("a") 3649 .parent("li"), 3650 "slide" 3651 )) 3652 ) 3653 }) 3654 : n(t) 3655 .find(".nav-menu, .nav-dropdown") 3656 .children("li") 3657 .children("a") 3658 .on(l, function (e) { 3659 if ( 3660 (e.stopPropagation(), 3661 e.preventDefault(),
3662 r.hideSubmenu( 3663 n(this) 3664 .parent("li") 3665 .siblings("li"), 3666 r.settings.effect 3667 ), 3668 r.hideSubmenu( 3669 n(this) 3670 .closest(".nav-menu") 3671 .siblings(".nav-menu") 3672 .children("li"), 3673 "slide" 3674 ), 3675 "none" == 3676 n(this) 3677 .siblings(".nav-submenu") 3678 .css("display")) 3679 ) 3680 return ( 3681 n(this) 3682 .children(".submenu-indicator") 3683 .addClass("submenu-indicator-up"), 3684 n(this) 3685 .parent("li") 3686 .siblings("li") 3687 .find(".submenu-indicator") 3688 .removeClass("submenu-indicator-up"), 3689 n(this)
3690 .closest(".nav-menu") 3691 .siblings(".nav-menu") 3692 .find(".submenu-indicator") 3693 .removeClass("submenu-indicator-up"), 3694 r.showSubmenu(n(this).parent("li"), "slide"), 3695 !1 3696 ) 3697 if ( 3698 (n(this) 3699 .parent("li") 3700 .find(".submenu-indicator") 3701 .removeClass("submenu-indicator-up"), 3702 r.hideSubmenu(n(this).parent("li"), "slide"), 3703 "_blank" === n(this).attr("target") || 3704 "blank" === n(this).attr("target")) 3705 ) 3706 i.open(n(this).attr("href")) 3707 else { 3708 if ( 3709 "#" === n(this).attr("href") || 3710 "" === n(this).attr("href") || 3711 "javascript:void(0)" === n(this).attr("href") 3712 ) 3713 return !1 3714 i.location.href = n(this).attr("href") 3715 } 3716 })) 3717 } 3718 ; (r.callback = function (n) { 3719 s[n] !== a && s[n].call(t) 3720 }), 3721 r.init() 3722 }), 3723 (n.fn.navigation = function (i) { 3724 return this.each(function () { 3725 if (a === n(this).data("navigation")) { 3726 var e = new n.navigation(this, i) 3727 n(this).data("navigation", e) 3728 } 3729 }) 3730 }) 3731 })(jQuery, window, document) 3732 ; (function ($) { 3733 "use strict" 3734 var $window = $(window) 3735 if ($.fn.navigation) { 3736 $("#navigation1").navigation() 3737 $("#always-hidden-nav").navigation({ 3738 hidden: true 3739 }) 3740 } 3741 $window.on("load", function () { 3742 $("#preloader").fadeOut("slow", function () { 3743 $(this).remove() 3744 }) 3745 }) 3746 })(jQuery) 3747 // jQuery(window).scroll(function () { 3748 // var scroll = jQuery(window).scrollTop(); 3749 // if (scroll >= 1) { 3750 // jQuery(".custom-main-header").addClass("custom-sticky-header"); 3751 // jQuery(".mobiletoggle").addClass("mobiletoggle-sticky-header"); 3752 // } else { 3753 // jQuery(".custom-main-header").removeClass("custom-sticky-header"); 3754 // jQuery(".mobiletoggle").removeClass("mobiletoggle-sticky-header"); 3755 // } 3756 // }); 3757</script>
vendor: 1 bytes, line 3757
3757
3758<script> 3759 document.addEventListener("DOMContentLoaded", function () { 3760 3761 const currentPath = window.location.pathname.replace(/\/+$/, ""); 3762 3763 const links = document.querySelectorAll("#mobilemenu a"); 3764 3765 links.forEach(link => { 3766 3767 const href = link.getAttribute("href"); 3768 3769 if (!href || href === "#") return; 3770 3771 const linkPath = new URL(href, window.location.origin) 3772 .pathname.replace(/\/+$/, ""); 3773 3774 // match parent and exact hierarchy 3775 if ( 3776 currentPath === linkPath || 3777 currentPath.startsWith(linkPath + "/") 3778 ) { 3779 link.classList.add("menu_active"); 3780 } 3781 3782 }); 3783 3784 }); 3785</script>
vendor: 1 bytes, line 3785
3785
3786<script> 3787function openNav() { 3788 document.getElementById("mydesktoptoggleNav").style.width = "35%"; 3789} 3790function closeNav() { 3791 document.getElementById("mydesktoptoggleNav").style.width = "0%"; 3792} 3793</script>
3793 3794
3795<script> 3796const toggleBtn = document.getElementById("mobiletoggle"); 3797const menuWrapper = document.getElementById("mobilemenu"); 3798const mainPanel = document.getElementById("mainMenu"); 3799 3800// Toggle drawer 3801toggleBtn.addEventListener("click", () => { 3802 3803 const isOpen = menuWrapper.classList.contains("open"); 3804 3805 if(isOpen){ 3806 // ===== CLOSING MENU ===== 3807 menuWrapper.classList.add("no-anim"); 3808 3809 // instantly reset panels (no slide right) 3810 document.querySelectorAll(".menu-panel").forEach(p=>{ 3811 p.classList.remove("active","shift-left"); 3812 }); 3813 mainPanel.classList.add("active"); 3814 3815 // allow paint, then close drawer 3816 setTimeout(()=>{ 3817 menuWrapper.classList.remove("open"); 3818 menuWrapper.classList.remove("no-anim"); 3819 },20); 3820 3821 }else{ 3822 // ===== OPENING MENU ===== 3823 menuWrapper.classList.add("open"); 3824 } 3825 3826}); 3827 3828 3829// Open sub panel 3830document.querySelectorAll(".nav-arrow").forEach(item=>{ 3831 item.addEventListener("click", function(e){ 3832 e.stopPropagation(); // prevents link click 3833 e.preventDefault(); 3834 3835 const target = document.getElementById(this.dataset.target); 3836 mainPanel.classList.add("shift-left"); 3837 target.classList.add("active"); 3838 }); 3839}); 3840 3841 3842document.querySelectorAll(".backBtn").forEach(btn=>{ 3843 btn.addEventListener("click", function(){ 3844 const panel = this.closest(".menu-panel"); 3845 panel.classList.remove("active"); 3846 mainPanel.classList.remove("shift-left"); 3847 }); 3848}); 3849</script>
3849 3850 3851
3852<script> 3853$("#mobiletoggle").click(function() { 3854 $(this).toggleClass("on"); 3855 $("#mobilemenu").slideToggle(); 3856}); 3857$('.mobiletoggle').click( function() { 3858 $("body").toggleClass("mobilemenu-open"); 3859} ); 3860</script>
vendor: 1 bytes, line 3860
3860
3861<script> 3862 // document.addEventListener("DOMContentLoaded", () => { 3863 // const navLinks = document.querySelectorAll("header.main-header .nav-menu > li > a"); 3864 // const currentPath = window.location.pathname; 3865 3866 // navLinks.forEach((link) => { 3867 // if (link.getAttribute("href") === currentPath) { 3868 // link.classList.add("active"); 3869 // } 3870 // }); 3871 // }); 3872 document.addEventListener("DOMContentLoaded", () => { 3873 const navLinks = document.querySelectorAll("header.main-header .nav-menu > li > a"); 3874 const currentPath = window.location.pathname; 3875 3876 navLinks.forEach((link) => { 3877 const linkPath = new URL(link.href).pathname; 3878 if (currentPath.startsWith(linkPath)) { 3879 link.classList.add("active"); 3880 } 3881 }); 3882}); 3883 3884</script>
3884 3885<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 3885-3886
3885 3886<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3886GTM-TXL38ZL
vendor: 87 bytes, lines 3886-3888
3886" 3887 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 3888
3888<!-- End Google Tag Manager (noscript) -->
3889<script> 3890document.querySelectorAll(".tabs_with_megamenu").forEach((megaMenu) => { 3891 3892 let resetTimeout; 3893 3894 const MegaMenuList = megaMenu.querySelector(".megamenu-list"); 3895 const MMListItem = MegaMenuList.querySelectorAll("li"); 3896 const MmTabsContent = megaMenu.querySelectorAll(".megamenu-tabcontent"); 3897 3898 MMListItem.forEach((listItem) => { 3899 listItem.addEventListener("mouseover", function () { 3900 clearTimeout(resetTimeout); 3901 3902 const divID = listItem.getAttribute("data-href"); 3903 3904 MmTabsContent.forEach((el) => { 3905 el.style.display = "none"; 3906 el.classList.remove("active"); 3907 }); 3908 3909 MMListItem.forEach((el) => el.classList.remove("active")); 3910 3911 const target = megaMenu.querySelector("#" + divID); 3912 if (target) { 3913 target.style.display = "block"; 3914 target.classList.add("active"); 3915 } 3916 3917 listItem.classList.add("active"); 3918 }); 3919 }); 3920 3921 megaMenu.addEventListener("mouseleave", function () { 3922 clearTimeout(resetTimeout); 3923 resetTimeout = setTimeout(() => { 3924 MMListItem.forEach((li) => li.classList.remove("active")); 3925 MmTabsContent.forEach((tab) => { 3926 tab.style.display = "none"; 3927 }); 3928 3929 if (MMListItem.length && MmTabsContent.length) { 3930 MMListItem[0].classList.add("active"); 3931 MmTabsContent[0].style.display = "block"; 3932 } 3933 }, 500); 3934 }); 3935 3936}); 3937</script>
vendor: 1 bytes, line 3937
3937
3938<script> 3939let lastScrollY = window.scrollY; 3940 3941let scrollUpDistance = 0; 3942let scrollDownDistance = 0; 3943 3944const header = document.querySelector("header.main-header"); 3945 3946// adjust thresholds here 3947const SHOW_THRESHOLD = 10; // scroll up distance to show header 3948const HIDE_THRESHOLD = 10; // scroll down distance to hide header 3949 3950window.addEventListener("scroll", function () { 3951 3952 const currentScrollY = window.scrollY; 3953 3954 // SCROLLING DOWN 3955 if (currentScrollY > lastScrollY) { 3956 3957 scrollUpDistance = 0; 3958 scrollDownDistance += currentScrollY - lastScrollY; 3959 3960 if (scrollDownDistance > HIDE_THRESHOLD && currentScrollY > 100) { 3961 header.classList.remove("header-visible"); 3962 header.classList.add("header-hidden"); 3963 } 3964 3965 } 3966 3967 // SCROLLING UP 3968 else { 3969 3970 scrollDownDistance = 0; 3971 scrollUpDistance += lastScrollY - currentScrollY; 3972 3973 if (scrollUpDistance > SHOW_THRESHOLD) { 3974 header.classList.remove("header-hidden"); 3975 header.classList.add("header-visible"); 3976 } 3977 3978 } 3979 3980 lastScrollY = currentScrollY; 3981 3982}); 3983 </script>
3983 3984 3985
3985<script> 3986document.addEventListener("DOMContentLoaded", () => { 3987 const region = document.querySelector(".ho-region"); 3988 if (!region) return; 3989 const btn = region.querySelector(".ho-region-btn"); 3990 3991 const setOpen = (open) => { 3992 region.classList.toggle("open", open); 3993 btn.setAttribute("aria-expanded", open); 3994 }; 3995 3996 btn.addEventListener("click", (e) => { 3997 e.stopPropagation(); 3998 setOpen(!region.classList.contains("open")); 3999 }); 4000 4001 // close on outside click / Esc 4002 document.addEventListener("click", (e) => { 4003 if (!region.contains(e.target)) setOpen(false); 4004 }); 4005 document.addEventListener("keydown", (e) => { 4006 if (e.key === "Escape") setOpen(false); 4007 }); 4008 4009 // optional: open on hover for desktop 4010 if (window.matchMedia("(hover: hover) and (min-width: 768px)").matches) { 4011 let t; 4012 region.addEventListener("mouseenter", () => { clearTimeout(t); setOpen(true); }); 4013 region.addEventListener("mouseleave", () => { t = setTimeout(() => setOpen(false), 250); }); 4014 } 4015}); 4016</script>
4016 4017 4018 <main> 4019 4020 <link rel='stylesheet' href="https://hatsoffdigital.com/assets/css/owl.carousel.min.css" rel="stylesheet"> 4021 <link rel='stylesheet' href="https://hatsoffdigital.com/assets/css/owl.theme.default.min.css" rel="stylesheet"> 4022 <!-- <link rel='stylesheet' href="https://hatsoffdigital.com/assets/css/devicon.min.css"> --> 4023 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css"> 4024 4025 <link rel="stylesheet" href="https://hatsoffdigital.com/assets/css/new-home.css"> 4026
4026<script src="/assets/js/gsap.min.js"></script>
4026 4027
4027<script src="/assets/js/ScrollTrigger.min.js"></script>
4027 4028
4028<script src="/assets/js/Draggable.min.js"></script>
4028 4029 <style> 4030 /*Header*/ 4031 .nav-menu>li>a { 4032 color: var(--secondary-color) !important; 4033 } 4034 4035 /*End of Header*/ 4036 section.services-section.side-space.animated.fadeInUp { 4037 animation-duration: 2s; 4038 animation-delay: 10s; 4039 } 4040 4041 .inner-banner-row { 4042 height: 90vh; 4043 display: flex; 4044 align-items: center; 4045 justify-content: center; 4046 text-align: center; 4047 padding: 0 15px; 4048 position: relative; 4049 } 4050 4051 .content-row { 4052 position: relative; 4053 } 4054 4055 .inner-banner-row::after { 4056 content: ""; 4057 position: absolute; 4058 top: 0; 4059 left: 0; 4060 width: 100%; 4061 height: 100%; 4062 background: radial-gradient(circle, #fff0 0%, #00000080 100%); 4063 } 4064 4065 .banner-title { 4066 color: #fff; 4067 font-size: 1.6rem !important; 4068 font-weight: 600 !important; 4069 margin-bottom: 1rem !important; 4070 } 4071 4072 img.banner-img { 4073 position: absolute; 4074 width: 100%; 4075 height: 100%; 4076 z-index: -1; 4077 object-fit: cover; 4078 } 4079 4080 .banner-desc { 4081 font-size: 16px !IMPORTANT; 4082 color: #fff; 4083 line-height: 28px; 4084 } 4085 4086 .banner-button { 4087 border: 2px solid transparent; 4088 background: linear-gradient(to right, #000, #000) padding-box, linear-gradient(45deg, rgba(255, 200, 6, 1) 0%, rgba(244, 67, 54, 1) 100%) border-box !important; 4089 height: 40px; 4090 width: fit-content; 4091 margin: auto; 4092 padding: 0px 40px; 4093 border-radius: 50px; 4094 color: #fff; 4095 display: flex; 4096 align-items: center; 4097 } 4098 4099 .banner-button:hover { 4100 background: linear-gradient(45deg, #000 0%, #000 100%) padding-box, linear-gradient(45deg, rgba(255, 200, 6, 1) 0%, rgba(244, 67, 54, 1) 100%) border-box !important; 4101 color: #fff; 4102 } 4103 4104 #banner-carousel .owl-nav button { 4105 width: 30px; 4106 height: 30px; 4107 background: transparent !important; 4108 display: flex; 4109 align-items: center; 4110 justify-content: center; 4111 position: absolute; 4112 top: calc(50% - 20px); 4113 color: #c44b1f; 4114 font-size: 25px !important; 4115 } 4116 4117 #banner-carousel .owl-nav button.owl-prev { 4118 left: 8vw; 4119 } 4120 4121 #banner-carousel .owl-nav button.owl-next { 4122 right: 8vw; 4123 } 4124 4125 /*Elements Services*/ 4126 .col-service-box { 4127 height: 300px; 4128 padding: 30px; 4129 width: 100%; 4130 position: relative; 4131 overflow: hidden; 4132 border-radius: 10px; 4133 display: flex; 4134 align-items: flex-end; 4135 text-decoration: none; 4136 } 4137 4138 .service-box-text { 4139 overflow: hidden; 4140 transition: all 0.5s ease-in-out !important; 4141 transform: translateY(60%); 4142 } 4143 4144 .col-service-box:hover .service-box-text { 4145 transition: all 0.5s ease-in-out !important; 4146 transform: translateY(0px); 4147 } 4148 4149 .service-bg { 4150 position: absolute; 4151 top: 0; 4152 width: 100%; 4153 height: 100%; 4154 left: 0; 4155 transition: transform 1s ease, opacity .5s ease .25s; 4156 transform: scale(1); 4157 z-index: -1; 4158 } 4159 4160 .col-service-box:hover .service-bg { 4161 transform: scale(1.2); 4162 -webkit-transform: scale(1.2); 4163 transition: transform 9s cubic-bezier(.1, .2, .7, 1); 4164 } 4165 4166 .service-bg::after { 4167 content: ""; 4168 position: absolute; 4169 top: 0; 4170 left: 0; 4171 width: 100%; 4172 height: 100%; 4173 background: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(15, 15, 15, .75) 100%); 4174 transition: opacity .65s cubic-bezier(.05, .2, .1, 1); 4175 opacity: 0; 4176 } 4177 4178 .col-service-box:hover .service-bg::after {
4179 background: linear-gradient(30deg, #F53803aa 0%, #F5D02050 100%); 4180 opacity: 1; 4181 } 4182 4183 .box-img-head img { 4184 filter: invert(1); 4185 width: 45px; 4186 height: 45px; 4187 margin-bottom: 10px; 4188 transition: opacity 0.3s; 4189 } 4190 4191 .col-service-box:hover img { 4192 opacity: 0; 4193 } 4194 4195 .box-img-head h4 { 4196 color: #fff; 4197 display: -webkit-box; 4198 -webkit-line-clamp: 2; 4199 -webkit-box-orient: vertical; 4200 overflow: hidden; 4201 max-width: 85%; 4202 min-height: 45px; 4203 } 4204 4205 .box-descrip { 4206 margin: 0 !important; 4207 transform: translatey(100%); 4208 transition: all 0.5s ease-in-out; 4209 color: #fff; 4210 height: 155px; 4211 } 4212 4213 .col-service-box:hover .box-descrip { 4214 transform: translatey(0px); 4215 transition: all 0.5s ease-in-out; 4216 } 4217 4218 /*End Elements Services*/ 4219 /* Client */ 4220 img.client-logo { 4221 height: 125px; 4222 object-fit: contain; 4223 } 4224 4225 /* testinomial */ 4226 .testi-box { 4227 min-height: 320px; 4228 padding: 30px; 4229 background: #fff; 4230 margin: 0 auto; 4231 position: relative; 4232 color: #000; 4233 } 4234 4235 .testinomial-sec { 4236 padding: 50px 30px; 4237 min-height: 200px; 4238 min-width: 200px; 4239 background-size: cover; 4240 background-repeat: no-repeat; 4241 background-image: url("https://hatsoffdigital.com/assets/images/testi-bg.webp"); 4242 } 4243 4244 .test-name { 4245 color: var(--orange-color); 4246 } 4247 4248 .testi-box::after { 4249 content: ""; 4250 position: absolute; 4251 bottom: -25px; 4252 left: 0; 4253 width: 50px; 4254 height: 50px; 4255 background: linear-gradient(135deg, #fff 50%, #ffffff00 50%); 4256 } 4257 4258 #testinomial .owl-nav { 4259 margin-top: 15px; 4260 display: flex; 4261 align-items: center; 4262 gap: 15px; 4263 } 4264 4265 #testinomial .owl-nav button { 4266 font-size: 25px; 4267 color: var(--orange-color); 4268 outline: 0 !important; 4269 background: none !important; 4270 position: relative; 4271 overflow: hidden; 4272 display: flex; 4273 align-items: center; 4274 } 4275 4276 #testinomial .owl-nav button i { 4277 transition: transform .3s; 4278 } 4279 4280 #testinomial .owl-nav button i:last-child { 4281 position: absolute; 4282 top: 0; 4283 left: -100%; 4284 transform: translateX(-100%); 4285 } 4286 4287 #testinomial .owl-nav button:hover i:first-child { 4288 transform: translateX(100%); 4289 } 4290 4291 #testinomial .owl-nav button:hover i:last-child { 4292 transform: translateX(100%); 4293 } 4294 4295 /* Our Growth */ 4296 .counter-sec .count-txt { 4297 margin: 0; 4298 position: relative; 4299 padding-left: 10px; 4300 } 4301 4302 .counter-sec h3 { 4303 font-size: 30px; 4304 } 4305 4306 .counter-sec h3::after { 4307 /* background: linear-gradient(to left, #ffc806 0%, #f44336 100%); */ 4308 content: ""; 4309 position: absolute; 4310 bottom: 0px; 4311 left: 0; 4312 width: 100%; 4313 height: 2px; 4314 border-radius: 10px; 4315 } 4316 4317 .backcl .col-xl:nth-child(1) h3.count-txt::after { 4318 background: #dc2626; 4319 } 4320 4321 .backcl .col-xl:nth-child(2) h3.count-txt::after { 4322 background: #059669; 4323 } 4324 4325 .backcl .col-xl:nth-child(3) h3.count-txt::after { 4326 background: blue; 4327 } 4328 4329 .backcl .col-xl:nth-child(4) h3.count-txt::after { 4330 background: rgb(227, 136, 0); 4331 } 4332 4333 .backcl .col-xl:nth-child(5) h3.count-txt::after { 4334 background: rgb(100, 13, 245); 4335 } 4336 4337 4338 /* BLog */ 4339 .section-bg { 4340 background-color: var(--secondary-bg); 4341 color: var(--secondary-color); 4342 } 4343 4344 .blog-title a { 4345 color: var(--secondary-color); 4346 text-decoration: none; 4347 position: relative; 4348 } 4349 4350 .blog-name::after { 4351 content: ''; 4352 position: absolute; 4353 width: 100%; 4354 transform: scaleX(0); 4355 height: 2px; 4356 bottom: 0; 4357 left: 0; 4358 background-color: currentColor; 4359 transform-origin: bottom right; 4360 transition: transform 0.35s ease-out; 4361 } 4362 4363 .blog-name:hover::after { 4364 transform: scaleX(1); 4365 transform-origin: bottom left; 4366 } 4367 4368 a.btn-box.category-box { 4369 border: 1px solid currentColor; 4370 height: 30px; 4371 } 4372 4373 #home-blogs .btn-box { 4374 color: var(--primary-color) !important; 4375 4376 &::after { 4377 background-color: var(--secondary-color) !important; 4378 } 4379 4380 4381 &:hover { 4382 4383 color: var(--secondary-color) !important; 4384 4385 &::after { 4386 background-color: var(--text-hover-color) !important; 4387 } 4388 } 4389 } 4390 4391 html[theme="dark"] { 4392 #home-blogs .btn-box { 4393 &:hover { 4394 color: var(--primary-color) !important; 4395 } 4396 } 4397 } 4398 4399 /* Software Section */ 4400 ul#softwareTab { 4401 border: 0 !important; 4402 margin: 50px 0; 4403 justify-content: center; 4404 } 4405
4406 button.nav-link.software-btn { 4407 border: 0 !important; 4408 border-bottom: 3px solid transparent !important; 4409 font-size: 20px; 4410 padding: 0 25px 12px !important; 4411 font-weight: 500; 4412 color: var(--primary-color); 4413 transition: all 0.5s ease-in-out; 4414 outline: 0 !important; 4415 box-shadow: none !important; 4416 background: none !important; 4417 min-width: 135px; 4418 } 4419 4420 button.nav-link.software-btn.active, 4421 button.nav-link.software-btn:hover { 4422 color: var(--text-hover-color); 4423 border-color: var(--text-hover-color) !important; 4424 transition: all 0.5s ease-in-out; 4425 } 4426 4427 .software-opt { 4428 display: flex; 4429 flex-direction: column; 4430 gap: 15px; 4431 align-items: center; 4432 color: #a1a6b2; 4433 text-decoration: none !important; 4434 transition: all 0.3s ease-in-out; 4435 min-width: fit-content; 4436 } 4437 4438 .software-opt:hover { 4439 color: var(--text-hover-color) !important; 4440 transition: all 0.5s ease-in-out; 4441 } 4442 4443 .software-opt .software-name { 4444 font-size: 20px; 4445 /* color: var(--text-hover-color); */ 4446 font-weight: 500; 4447 } 4448 4449 .software-row { 4450 gap: 80px; 4451 } 4452 4453 .software-opt:hover svg, 4454 .software-opt:hover span.software-icon i, 4455 .software-opt:hover svg g, 4456 .software-opt:hover svg path, 4457 .software-opt:hover svg polygon { 4458 fill: #c44b1f; 4459 } 4460 4461 span.software-icon i { 4462 font-size: 65px; 4463 } 4464 4465 /* Benefit Section */ 4466 4467 /* Who We Work */ 4468 4469 .inner-banner-row .btn-box { 4470 position: relative; 4471 z-index: 999; 4472 } 4473 4474 div#badges_footer { 4475 margin-block: 50px !important; 4476 } 4477 4478 .third-section.top-clients .item { 4479 display: flex; 4480 align-items: center; 4481 justify-content: center; 4482 height: 120px !important; 4483 padding: 10px !important; 4484 background: #fff; 4485 4486 img { 4487 height: 100%; 4488 width: 100%; 4489 object-fit: contain; 4490 } 4491 } 4492 4493 @media (max-width: 1024px) { 4494 .testi-box { 4495 width: auto 4496 } 4497 } 4498 4499 @media (max-width: 550px) { 4500 .testinomial-sec { 4501 padding: 50px 20px; 4502 } 4503 4504 #banner-carousel .owl-nav button.owl-prev { 4505 left: 15px; 4506 } 4507 4508 #banner-carousel .owl-nav button.owl-next { 4509 right: 15px; 4510 } 4511 4512 .benefit-sec { 4513 width: 100%; 4514 margin-bottom: 20px; 4515 height: auto; 4516 } 4517 4518 /*CSS by Murtaza*/ 4519 .software-row { 4520 overflow-x: auto; 4521 justify-content: flex-start; 4522 gap: 50px; 4523 max-width: fit-content; 4524 margin: 0 auto; 4525 padding: 0 15px; 4526 height: 110px; 4527 } 4528 4529 ul#softwareTab { 4530 display: flex; 4531 flex-wrap: unset; 4532 overflow: auto; 4533 justify-content: flex-start 4534 } 4535 4536 button.nav-link.software-btn { 4537 min-width: max-content; 4538 padding: 0 15px 15px !important; 4539 width: 130px; 4540 } 4541 4542 /*End of Murtaza CSS*/ 4543 div#badges_footer { 4544 margin-block: 30px !important; 4545 } 4546 } 4547 4548 @media screen and (min-width: 0px) and (max-width: 550px) { 4549 .inner-banner-row { 4550 height: 55vh; 4551 padding: 0px 50px; 4552 } 4553 4554 #banner-carousel .owl-nav button.owl-next, 4555 #banner-carousel .owl-nav button.owl-prev, 4556 #testinomial .owl-nav { 4557 display: none; 4558 } 4559 4560 .banner-title { 4561 font-size: 18px !important; 4562 margin-bottom: 15px !important; 4563 } 4564 4565 .banner-title br { 4566 display: none; 4567 } 4568 4569 p.banner-desc { 4570 font-size: 14px !important; 4571 margin-bottom: 15px !important; 4572 line-height: 24px; 4573 } 4574 4575 .content-row { 4576 margin-top: 30px; 4577 } 4578 4579 div#banner-carousel .owl-dots { 4580 position: absolute; 4581 bottom: 15px; 4582 left: calc(50% - 24px); 4583 } 4584 4585 div#banner-carousel button.owl-dot { 4586 font-size: 0 !IMPORTANT; 4587 border-radius: 50%; 4588 width: 7px !important; 4589 height: 7px !important; 4590 margin: 0 2px; 4591 background-color: #424552 !IMPORTANT; 4592 } 4593 4594 div#banner-carousel button.owl-dot.active { 4595 background-color: #fff !IMPORTANT; 4596 } 4597 4598 .content-row a.btn-box span, 4599 .testinomial .btn-box span, 4600 .blog-link .btn-box span, 4601 div#form-btn .btn-box span { 4602 font-size: 14px; 4603 } 4604 4605 .content-row .btn-box, 4606 .blog-link .btn-box, 4607 div#form-btn .btn-box { 4608 height: 35px; 4609 } 4610
4611 .content-row span.btn-arrow svg, 4612 .testinomial span.btn-arrow svg, 4613 .blog-link span.btn-arrow svg, 4614 div#form-btn span.btn-arrow svg { 4615 height: 10px !important; 4616 width: 10px !important; 4617 } 4618 4619 .row.section-gap { 4620 padding-top: 20px; 4621 } 4622 4623 .col-service-box { 4624 height: 100px; 4625 padding: 10px; 4626 border-radius: 5px; 4627 } 4628 4629 .service-bg { 4630 background-size: cover; 4631 } 4632 4633 .box-img-head h4 { 4634 font-size: 14px; 4635 max-width: 100%; 4636 height: auto; 4637 min-height: auto; 4638 margin-bottom: 0px; 4639 } 4640 4641 .service-card-sec .row { 4642 row-gap: 10px !important; 4643 margin: 0px -5px; 4644 } 4645 4646 .service-card-sec .row .col-6 { 4647 padding: 0px 5px; 4648 } 4649 4650 .service-card-sec .col-md-4.col-xl:last-child { 4651 padding: 0px 5px; 4652 } 4653 4654 .box-img-head img { 4655 width: 40px; 4656 height: 40px; 4657 margin-bottom: 5px; 4658 } 4659 4660 .col-service-box:hover .box-descrip { 4661 display: none; 4662 } 4663 4664 .service-box-text { 4665 transform: translateY(65%); 4666 } 4667 4668 .last-one-box img { 4669 height: 30px; 4670 width: 30px; 4671 margin-bottom: 10px; 4672 } 4673 4674 .col-service-box:hover .service-box-text { 4675 transform: translateY(-5px); 4676 } 4677 4678 .page-subtitle p { 4679 font-size: 14px; 4680 margin-bottom: 5px; 4681 } 4682 4683 .page-subtitle p:before { 4684 width: 5px; 4685 height: 5px; 4686 } 4687 4688 .page-title h3 { 4689 font-size: 16px; 4690 margin-bottom: 10px !important; 4691 font-weight: 600; 4692 } 4693 4694 img.client-logo { 4695 height: 70px; 4696 object-fit: cover; 4697 border-radius: 5px; 4698 } 4699 4700 div#clients .item { 4701 height: 100% !important; 4702 margin-right: 10px; 4703 border-radius: 10px; 4704 /* width: 100% !important; */ 4705 } 4706 4707 .testinomial-sec { 4708 padding: 15px 15px 30px; 4709 border-radius: 5px; 4710 } 4711 4712 .testi-box { 4713 padding: 15px; 4714 border-radius: 5px; 4715 width: 100%; 4716 min-height: 280px !important; 4717 } 4718 4719 svg.quote-icon { 4720 margin-bottom: 10px !important; 4721 height: 18px; 4722 width: 18px; 4723 } 4724 4725 .testi-mess p, 4726 .page-desc p { 4727 font-size: 14px; 4728 line-height: 20px; 4729 } 4730 4731 div#testinomial .owl-dots { 4732 position: absolute; 4733 left: 33%; 4734 transform: translate(-33%); 4735 bottom: -15px; 4736 width: 100%; 4737 } 4738 4739 div#testinomial button.owl-dot span { 4740 background-color: #f0d2c7 !important; 4741 height: 8px !important; 4742 width: 8px !important; 4743 margin-right: 5px !important; 4744 } 4745 4746 div#testinomial button.owl-dot.active span { 4747 background-color: #c44b1f !important; 4748 } 4749 4750 .testi-box::after { 4751 bottom: -15px; 4752 } 4753 4754 .testinomial .btn-box { 4755 margin-top: 10px !important; 4756 height: 35px !important; 4757 } 4758 4759 .testinomial .row .col-lg-4.pl-lg-5.mt-4.mt-lg-0 { 4760 margin-top: 50px !important; 4761 } 4762 4763 .counter-sec h3 { 4764 font-size: 22px; 4765 font-weight: 600; 4766 padding: 0px 0px 5px !important; 4767 } 4768 4769 .counter-sec sup { 4770 top: 0px; 4771 font-size: 25px; 4772 left: 3px; 4773 } 4774 4775 .counter-sec h4.count-txt.pt-3 { 4776 font-size: 14px; 4777 padding: 5px 0px 0px !important; 4778 } 4779 4780 .our-blog.section-gap>.section-gap { 4781 padding-top: 30px !important; 4782 padding-bottom: 30px !important; 4783 } 4784 4785 .section-bg .my-4 { 4786 margin-top: 5px !important; 4787 margin-bottom: 15px !important; 4788 } 4789 4790 a.blog-name { 4791 font-size: 16px; 4792 } 4793 4794 .blog-title h3 { 4795 margin-bottom: 10px !important; 4796 font-size: 16px; 4797 font-weight: 500; 4798 } 4799 4800 a.btn-box.category-box { 4801 font-size: 14px; 4802 } 4803 4804 .no-eff a.btn-box.btn-animate { 4805 border: 0px; 4806 background: none !important; 4807 color: #c44b1f; 4808 height: auto; 4809 margin-bottom: 10px; 4810 padding: 0px; 4811 justify-content: flex-start; 4812 font-size: 14px; 4813 text-decoration: underline !important; 4814 } 4815 4816 .no-eff span.btn-arrow { 4817 display: none; 4818 } 4819 4820 .contact-us .page-title h4 { 4821 font-size: 14px; 4822 font-weight: 400; 4823 margin-bottom: 0px !important; 4824 } 4825 4826 .form-sec .row-gap-4 { 4827 row-gap: 10px !important; 4828 } 4829 4830 .input-box { 4831 padding-left: 0px; 4832 font-size: 14px; 4833 } 4834 4835 .input-sec { 4836 margin-bottom: 10px; 4837 } 4838 4839 div#form-btn .btn-box { 4840 margin: 0px !important; 4841 font-size: 14px; 4842 } 4843 4844 .our-blog .page-title-sec .page-title h3 { 4845 text-align: left; 4846 font-weight: 500; 4847 } 4848 4849 .page-title-sec h5 { 4850 text-align: left; 4851 font-size: 14px; 4852 font-weight: 400; 4853 } 4854 4855 .software-development .page-title h3 { 4856 text-align: left; 4857 } 4858 4859 ul#softwareTab { 4860 margin: 0px; 4861 } 4862
4863 button.nav-link.software-btn { 4864 min-width: max-content; 4865 padding: 0 10px 5px !important; 4866 width: fit-content; 4867 font-size: 14px; 4868 } 4869 4870 span.software-icon i { 4871 font-size: 50px; 4872 } 4873 4874 .software-opt { 4875 gap: 10px; 4876 } 4877 4878 .software-opt .software-name { 4879 font-size: 16px; 4880 } 4881 4882 .software-row { 4883 gap: 30px; 4884 padding-left: 0px; 4885 } 4886 4887 .counter-sec .count-txt { 4888 text-align: center; 4889 } 4890 4891 .backcl .col { 4892 margin-bottom: 20px; 4893 } 4894 4895 /* table style */ 4896 .table-animation { 4897 transform: translate3d(0px, 0px, 0px) !important; 4898 } 4899 } 4900 4901 section.testinomial.side-space.section-gap, 4902 section.top-clients.side-space.section-gap, 4903 section.top-clients.side-space.section-gap, 4904 .col-lg-12 { 4905 min-height: 50px; 4906 } 4907 4908 .indiv-box { 4909 font-size: 30px; 4910 min-width: 250px; 4911 border: 3px solid #c3e6db; 4912 background-color: #059669; 4913 text-align: center; 4914 font-weight: 800; 4915 color: white; 4916 border-radius: 10px; 4917 padding: 3px 25px; 4918 transform: rotate(-2deg); 4919 transform-origin: center; 4920 /* Adjust the rotation point */ 4921 } 4922 4923 .brand-box { 4924 font-size: 30px; 4925 min-width: 250px; 4926 border: 3px solid #a2d5f6; 4927 background-color: blue; 4928 text-align: center; 4929 font-weight: 800; 4930 color: white; 4931 border-radius: 10px; 4932 padding: 3px 25px; 4933 transform: rotate(2deg); 4934 transform-origin: center; 4935 } 4936 4937 .Dgrowth-box { 4938 font-size: 30px; 4939 min-width: 250px; 4940 border: 3px solid #f7cbcb; 4941 background-color: #dc2626; 4942 text-align: center; 4943 font-weight: 800; 4944 color: white; 4945 border-radius: 10px; 4946 padding: 3px 25px; 4947 transform: rotate(-2deg); 4948 transform-origin: center; 4949 } 4950 4951 .home-page p { 4952 color: var(--primary-color); 4953 } 4954 4955 .progress-box { 4956 min-width: 250px; 4957 border: 3px solid #c3e6db; 4958 background-color: #059669; 4959 text-align: center; 4960 color: white; 4961 border-radius: 10px; 4962 padding: 3px 25px; 4963 transform: rotate(2deg); 4964 transform-origin: center; 4965 } 4966 4967 .contantus-box { 4968 min-width: 250px; 4969 border: 3px solid #e2d3fb; 4970 background-color: #640df5; 4971 text-align: center; 4972 color: white; 4973 border-radius: 10px; 4974 padding: 3px 25px; 4975 transform: rotate(-2deg); 4976 transform-origin: center; 4977 } 4978 4979 /* testimonials style */ 4980 div#testimonial-slide { 4981 overflow-x: hidden; 4982 padding-block: 20px; 4983 } 4984 4985 .testimonials-home-row { 4986 --bs-gutter-x: 15px; 4987 --bs-gutter-y: 15px; 4988 } 4989 4990 .feedback-card { 4991 min-width: 300px; 4992 margin-right: 20px; 4993 height: 100%; 4994 } 4995 4996 .testimonial-card { 4997 background: var(--secondary-color); 4998 border-radius: 16px; 4999 padding: 20px; 5000 border: 1px solid var(--border-color); 5001 transition: all 0.3s ease; 5002 height: 100%; 5003 max-height: 300px; 5004 display: inline-block; 5005 width: 100%; 5006 break-inside: avoid; 5007 -webkit-column-break-inside: avoid; 5008 -moz-column-break-inside: avoid; 5009 page-break-inside: avoid; 5010 overflow: hidden; 5011 } 5012 5013 .testimonial-card:hover { 5014 border-color: var(--text-hover-color); 5015 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); 5016 scale: 1.03; 5017 } 5018 5019 .testimonial-header { 5020 display: flex; 5021 align-items: center; 5022 gap: 12px; 5023 margin-bottom: 15px; 5024 } 5025 5026 .google-badge { 5027 width: 16px; 5028 margin-left: 6px; 5029 vertical-align: middle; 5030 } 5031 5032 .stars { 5033 margin-top: 4px; 5034 font-size: 14px; 5035 } 5036 5037 .rating-number { 5038 margin-left: 6px; 5039 font-weight: 600; 5040 font-size: 13px; 5041 color: #555; 5042 } 5043 5044 .testimonial-avatar { 5045 width: 48px; 5046 height: 48px; 5047 border-radius: 50%; 5048 object-fit: contain; 5049 background-color: #fff; 5050 } 5051 5052 .initials-avatar { 5053 display: flex; 5054 align-items: center; 5055 justify-content: center; 5056 font-weight: 600; 5057 font-size: 16px; 5058 color: #fff; 5059 border-radius: 50%; 5060 width: 48px; 5061 height: 48px; 5062 } 5063 5064 .testimonial-name { 5065 font-weight: 600; 5066 margin: 0; 5067 } 5068 5069 .testimonial-company { 5070 font-size: 14px; 5071 color: #6c757d; 5072 margin: 0; 5073 } 5074 5075 .testimonial-text { 5076 font-size: 15px; 5077 color: var(--primary-color); 5078 line-height: 1.6; 5079 max-height: 200px; 5080 height: 100%; 5081 overflow-y: auto; 5082 } 5083 5084 .testimonial-text::-webkit-scrollbar {
5085 width: 0px; 5086 transition: width 0.3s ease; 5087 } 5088 5089 /* Show scrollbar when hovering */ 5090 .testimonial-text:hover::-webkit-scrollbar { 5091 width: 4px; 5092 } 5093 5094 .testimonial-text::-webkit-scrollbar-thumb { 5095 background: var(--text-hover-color); 5096 border-radius: 8px; 5097 } 5098 </style> 5099 <!-- new sections --> 5100 <div class="home-page"> 5101 5102 <!-- banner section --> 5103 <section class="first-section e-side-space top-bottom-space"> 5104 <div class="first-section-card"> 5105 <div class="content"> 5106 5107 <div class="content-center"> 5108 <h1 class="tag-line m-0">Seamless IT solutions that keep your growth always online</h1> 5109 <span class="tilted-box">IT Solutions</span> 5110 </div> 5111 <p class="m-0 pt-2 text-box"> 5112 Empower your digital journey with strategies sharper than your morning coffee, tools smarter than 5113 your last Google search, 5114 and systems that run smoother than your weekend plans. 5115 </p> 5116 <a href="/request-quote/"> 5117 <button class="quote-btn">Request A Quote <span>R</span></button> 5118 </a> 5119 </div> 5120 <div class="white-section"></div> 5121 </div> 5122 </section> 5123 5124 <!-- cards slider --> 5125 <link rel="preconnect" href="https://fonts.googleapis.com"> 5126 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 5127 <link 5128 href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Outfit:wght@400;500;600;700&display=swap" 5129 rel="stylesheet"> 5130 5131 <style> 5132 /* ---------- Layout ---------- */ 5133 5134 .svc-grid { 5135 display: grid; 5136 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 5137 gap: 18px 5138 } 5139 5140 /* ---------- Card ---------- */ 5141 .svc-card { 5142 display: flex; 5143 flex-direction: column; 5144 gap: 18px; 5145 padding: 26px; 5146 border: 1px solid rgba(11, 11, 15, .1); 5147 border-radius: 16px; 5148 background: #fff; 5149 text-decoration: none; 5150 color: inherit; 5151 transition: transform .18s, box-shadow .18s 5152 } 5153 5154 .svc-card:hover { 5155 transform: translateY(-3px); 5156 box-shadow: 0 12px 28px rgba(11, 11, 15, .08) 5157 } 5158 5159 .svc-text { 5160 display: flex; 5161 flex-direction: column; 5162 gap: 7px 5163 } 5164 5165 .svc-desc, 5166 .svc-title { 5167 font-family: dm-sans; 5168 color: var(--bs-body-color) 5169 } 5170 5171 .svc-link { 5172 margin-top: auto; 5173 display: inline-flex; 5174 align-items: center; 5175 gap: 7px; 5176 font: 600 13px/1 dm-sans; 5177 color: #1d4ed8 5178 } 5179 5180 /* ---------- Visual containers ---------- */ 5181 .sv { 5182 position: relative; 5183 height: 88px; 5184 border-radius: 12px; 5185 overflow: hidden; 5186 display: flex; 5187 align-items: center; 5188 padding: 12px 14px 5189 } 5190 5191 .sv-blue { 5192 background: #eef3ff; 5193 gap: 14px 5194 } 5195 5196 .sv-pink { 5197 background: #fdf0f4; 5198 padding: 0 5199 } 5200 5201 .sv-green { 5202 background: #eaf7f1; 5203 justify-content: center 5204 } 5205 5206 .sv-purple { 5207 background: #f1edfd; 5208 justify-content: center 5209 } 5210 5211 .sv-grey { 5212 background: #f2f3f5; 5213 gap: 14px 5214 } 5215 5216 .sv-cyan { 5217 background: #e9f6fb; 5218 gap: 16px; 5219 padding: 12px 16px 5220 } 5221 5222 .sv span { 5223 box-sizing: border-box 5224 } 5225
5226 /* 1 · SEO */ 5227 .rk { 5228 position: relative; 5229 flex: 1; 5230 min-width: 0; 5231 display: flex; 5232 flex-direction: column; 5233 gap: 4px; 5234 height: 64px 5235 } 5236 5237 .rk-hl { 5238 position: absolute; 5239 left: 0; 5240 top: 0; 5241 width: 100%; 5242 height: 14px; 5243 border-radius: 4px; 5244 background: rgba(37, 99, 255, .16); 5245 border: 1px solid rgba(37, 99, 255, .45); 5246 animation: hp-rank 5s cubic-bezier(.65, 0, .35, 1) infinite 5247 } 5248 5249 .rk-row { 5250 display: flex; 5251 gap: 6px; 5252 align-items: center; 5253 height: 14px 5254 } 5255 5256 .rk-row i { 5257 height: 5px; 5258 border-radius: 3px; 5259 background: #c9d8ff; 5260 flex: 1 5261 } 5262 5263 .rk-row b { 5264 height: 5px; 5265 border-radius: 3px; 5266 background: #9bb6ff; 5267 width: var(--w) 5268 } 5269 5270 .rk-badge { 5271 flex: 0 0 auto; 5272 display: flex; 5273 flex-direction: column; 5274 align-items: center; 5275 gap: 3px; 5276 font: 700 15px/1 Outfit, sans-serif; 5277 color: #2563ff 5278 } 5279 5280 .rk-badge svg { 5281 animation: hp-arrow 1.6s ease-in-out infinite 5282 } 5283 5284 /* 2 · Creative */ 5285 .chip { 5286 position: absolute; 5287 display: flex; 5288 align-items: center; 5289 justify-content: center 5290 } 5291 5292 .chip-1 { 5293 left: 14px; 5294 top: 26px; 5295 width: 36px; 5296 height: 36px; 5297 border-radius: 11px; 5298 background: #f4a3be; 5299 animation: hp-float 3.4s ease-in-out infinite 5300 } 5301 5302 .chip-2 { 5303 left: 46px; 5304 top: 36px; 5305 width: 36px; 5306 height: 36px; 5307 border-radius: 50%; 5308 background: #e8608f; 5309 animation: hp-float 3.4s ease-in-out .5s infinite 5310 } 5311 5312 .chip-3 { 5313 left: 80px; 5314 top: 21px; 5315 width: 32px; 5316 height: 32px; 5317 border-radius: 10px; 5318 background: #ffc7a1; 5319 animation: hp-floatr 4.2s ease-in-out infinite 5320 } 5321 5322 .chip-4 { 5323 left: 74px; 5324 top: 48px; 5325 width: 26px; 5326 height: 26px; 5327 border-radius: 50%; 5328 background: #fff; 5329 box-shadow: 0 2px 8px rgba(232, 96, 143, .28); 5330 animation: hp-float 3.8s ease-in-out .9s infinite 5331 } 5332 5333 .bar-r { 5334 position: absolute; 5335 right: 16px; 5336 height: 6px; 5337 border-radius: 3px; 5338 background: #e8608f; 5339 transform-origin: right center 5340 } 5341 5342 .bar-r-1 { 5343 top: 32px; 5344 width: 52px; 5345 opacity: .45; 5346 animation: hp-widen 2.6s ease-in-out infinite 5347 } 5348 5349 .bar-r-2 { 5350 top: 46px; 5351 width: 34px; 5352 opacity: .28; 5353 animation: hp-widen 2.6s ease-in-out .4s infinite 5354 } 5355 5356 /* 3 · IT Solutions */ 5357 .browser { 5358 position: relative; 5359 width: 100%; 5360 max-width: 200px; 5361 border-radius: 8px; 5362 background: #fff; 5363 box-shadow: 0 2px 8px rgba(11, 11, 15, .08); 5364 overflow: hidden 5365 } 5366 5367 .browser-bar { 5368 display: flex; 5369 align-items: center; 5370 gap: 4px; 5371 padding: 7px 9px; 5372 border-bottom: 1px solid #e6efea 5373 } 5374 5375 .browser-bar i { 5376 width: 5px; 5377 height: 5px; 5378 border-radius: 50%; 5379 background: #d6e4dc 5380 } 5381 5382 .browser-bar em { 5383 flex: 1; 5384 height: 7px; 5385 border-radius: 4px; 5386 background: #eef4f1; 5387 margin-left: 4px 5388 } 5389 5390 .browser-load { 5391 display: block; 5392 height: 2px; 5393 background: #2fa377; 5394 transform-origin: left center; 5395 animation: hp-load 3.2s ease-out infinite 5396 } 5397 5398 .browser-body { 5399 display: flex; 5400 align-items: center; 5401 gap: 9px; 5402 padding: 10px 9px 11px 5403 } 5404 5405 .browser-lines { 5406 flex: 1; 5407 display: flex; 5408 flex-direction: column; 5409 gap: 5px 5410 } 5411 5412 .browser-lines i { 5413 height: 6px; 5414 border-radius: 3px; 5415 background: #dcede4 5416 } 5417 5418 .browser-check { 5419 flex: 0 0 auto; 5420 width: 22px; 5421 height: 22px; 5422 border-radius: 50%; 5423 background: #2fa377; 5424 display: flex; 5425 align-items: center; 5426 justify-content: center; 5427 animation: hp-check 3.2s ease-out infinite 5428 } 5429 5430 /* 4 · Software */ 5431 .code { 5432 width: 100%; 5433 max-width: 210px; 5434 border-radius: 8px; 5435 background: #221b3a; 5436 box-shadow: 0 2px 10px rgba(34, 27, 58, .22); 5437 padding: 11px 12px; 5438 display: flex; 5439 gap: 9px 5440 } 5441 5442 .code-nums { 5443 flex: 0 0 auto; 5444 display: flex; 5445 flex-direction: column; 5446 gap: 6px; 5447 font: 600 8px/1 Manrope, sans-serif; 5448 color: #6e63a8 5449 } 5450 5451 .code-lines { 5452 flex: 1; 5453 min-width: 0; 5454 display: flex; 5455 flex-direction: column; 5456 gap: 6px 5457 } 5458 5459 .code-line { 5460 display: flex; 5461 gap: 4px; 5462 align-items: center; 5463 transform-origin: left center 5464 } 5465 5466 .code-line i { 5467 height: 5px; 5468 border-radius: 3px 5469 } 5470 5471 .code-line.t1 { 5472 animation: hp-type 4s ease-out infinite 5473 } 5474 5475 .code-line.t2 { 5476 padding-left: 10px; 5477 animation: hp-type 4s ease-out .5s infinite 5478 } 5479 5480 .code-line.t3 { 5481 padding-left: 10px; 5482 animation: hp-type 4s ease-out 1s infinite 5483 } 5484 5485 .code-caret { 5486 width: 6px; 5487 height: 11px; 5488 border-radius: 1px; 5489 background: #fff; 5490 animation: hp-caret 1.1s steps(1) infinite 5491 } 5492 5493 /* 5 · Wikipedia */ 5494 .wiki-w { 5495 flex: 0 0 auto; 5496 font: 400 34px/1 Outfit, sans-serif; 5497 letter-spacing: -1.5px; 5498 color: #3f444b 5499 } 5500 5501 .wiki-doc { 5502 flex: 1; 5503 min-width: 0; 5504 display: flex; 5505 flex-direction: column; 5506 gap: 7px 5507 } 5508 5509 .wiki-title { 5510 display: flex; 5511 flex-direction: column; 5512 gap: 4px 5513 } 5514 5515 .wiki-title i { 5516 width: 58%; 5517 height: 7px; 5518 border-radius: 3px; 5519 background: #b9bfc8 5520 } 5521 5522 .wiki-title b { 5523 width: 58%; 5524 height: 2px; 5525 background: #1f6feb; 5526 transform-origin: left center; 5527 animation: hp-rule 4s ease-out infinite 5528 } 5529 5530 .wiki-row { 5531 display: flex; 5532 align-items: center; 5533 gap: 5px 5534 } 5535 5536 .wiki-row i { 5537 flex: 1; 5538 height: 6px; 5539 border-radius: 3px; 5540 background: #d8dce1 5541 } 5542 5543 .wiki-row i.short { 5544 flex: none; 5545 width: 72% 5546 } 5547 5548 .wiki-row sup { 5549 font: 700 8px/1 Manrope, sans-serif; 5550 color: #1f6feb; 5551 animation: hp-cite 4s ease-out infinite 5552 } 5553 5554 /* 6 · Cloud */ 5555 .srv { 5556 flex: 1; 5557 min-width: 0; 5558 display: flex; 5559 flex-direction: column; 5560 gap: 6px 5561 } 5562 5563 .srv-row { 5564 display: flex; 5565 align-items: center; 5566 gap: 8px; 5567 padding: 6px 8px; 5568 border-radius: 6px; 5569 background: #fff; 5570 box-shadow: 0 1px 3px rgba(11, 11, 15, .07) 5571 } 5572 5573 .srv-led { 5574 width: 6px; 5575 height: 6px; 5576 border-radius: 50%; 5577 background: #2fa377; 5578 animation: hp-led 2.1s ease-in-out infinite 5579 } 5580 5581 .srv-row i { 5582 flex: 1; 5583 height: 5px; 5584 border-radius: 3px; 5585 background: #cfe6ef 5586 } 5587 5588 .srv-row b { 5589 height: 5px; 5590 border-radius: 3px; 5591 background: #7cc9e3; 5592 width: var(--w) 5593 } 5594 5595 .cloud { 5596 position: relative; 5597 flex: 0 0 auto; 5598 width: 34px; 5599 height: 64px; 5600 display: flex; 5601 align-items: center; 5602 justify-content: center 5603 } 5604 5605 .cloud-dot { 5606 position: absolute; 5607 bottom: 10px; 5608 width: 5px; 5609 height: 5px; 5610 border-radius: 50%; 5611 background: #2ba3cc; 5612 animation: hp-packet 2.4s linear infinite 5613 } 5614 5615 /* ---------- Keyframes ---------- */ 5616 @keyframes hp-rank { 5617 5618 0%, 5619 15% { 5620 transform: translateY(42px) 5621 } 5622 5623 45%, 5624 85% { 5625 transform: translateY(0) 5626 } 5627 5628 100% { 5629 transform: translateY(42px) 5630 } 5631 } 5632 5633 @keyframes hp-arrow { 5634 5635 0%, 5636 100% { 5637 transform: translateY(2px) 5638 } 5639 5640 50% { 5641 transform: translateY(-3px) 5642 } 5643 } 5644 5645 @keyframes hp-float { 5646 5647 0%, 5648 100% { 5649 transform: translateY(0) 5650 } 5651 5652 50% { 5653 transform: translateY(-6px) 5654 } 5655 } 5656 5657 @keyframes hp-floatr { 5658 5659 0%, 5660 100% { 5661 transform: translateY(0) rotate(0) 5662 } 5663 5664 50% { 5665 transform: translateY(-5px) rotate(6deg) 5666 } 5667 } 5668 5669 @keyframes hp-widen { 5670 5671 0%, 5672 100% { 5673 transform: scaleX(.6) 5674 } 5675 5676 50% { 5677 transform: scaleX(1) 5678 } 5679 } 5680 5681 @keyframes hp-load { 5682 0% { 5683 transform: scaleX(0) 5684 } 5685 5686 70%, 5687 100% { 5688 transform: scaleX(1) 5689 } 5690 } 5691 5692 @keyframes hp-check { 5693 5694 0%, 5695 60% { 5696 transform: scale(0); 5697 opacity: 0 5698 } 5699 5700 80% { 5701 transform: scale(1.15); 5702 opacity: 1 5703 } 5704 5705 100% { 5706 transform: scale(1); 5707 opacity: 1 5708 } 5709 } 5710 5711 @keyframes hp-type { 5712 0% { 5713 transform: scaleX(0); 5714 opacity: 0 5715 } 5716 5717 30%, 5718 90% { 5719 transform: scaleX(1); 5720 opacity: 1 5721 } 5722 5723 100% { 5724 opacity: 0 5725 } 5726 } 5727 5728 @keyframes hp-caret { 5729 5730 0%, 5731 50% { 5732 opacity: 1 5733 } 5734 5735 50.01%, 5736 100% { 5737 opacity: 0 5738 } 5739 } 5740 5741 @keyframes hp-rule { 5742 0% { 5743 transform: scaleX(0) 5744 } 5745 5746 40%, 5747 100% { 5748 transform: scaleX(1) 5749 } 5750 } 5751 5752 @keyframes hp-cite { 5753 5754 0%, 5755 30% { 5756 opacity: 0; 5757 transform: translateY(3px) 5758 } 5759 5760 50%, 5761 100% { 5762 opacity: 1; 5763 transform: translateY(0) 5764 } 5765 } 5766 5767 @keyframes hp-led { 5768 5769 0%, 5770 100% { 5771 opacity: 1 5772 } 5773 5774 50% { 5775 opacity: .25 5776 } 5777 } 5778 5779 @keyframes hp-packet { 5780 0% { 5781 transform: translateY(0); 5782 opacity: 0 5783 } 5784 5785 20% { 5786 opacity: 1 5787 } 5788 5789 80% { 5790 opacity: 1 5791 } 5792 5793 100% { 5794 transform: translateY(-20px); 5795 opacity: 0 5796 } 5797 } 5798 5799 @media (prefers-reduced-motion:reduce) { 5800 .svc * { 5801 animation: none !important 5802 } 5803 } 5804 5805 @media (max-width: 550px) { 5806 .svc-grid { 5807 grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); 5808 } 5809 } 5810 </style> 5811 <!-- cards slider --> 5812 <section id="services" class="svc section-gap e-side-space"> 5813 5814 <div class="svc-grid"> 5815 5816 5817 <a href="/services/seo-and-content/" class="svc-card"> 5818 <div class="sv sv-blue">
5819 <span class="rk"> 5820 <span class="rk-hl"></span> 5821 <span class="rk-row"><b style="--w:26px"></b><i></i></span> 5822 <span class="rk-row"><b style="--w:34px"></b><i></i></span> 5823 <span class="rk-row"><b style="--w:22px"></b><i></i></span> 5824 <span class="rk-row"><b style="--w:30px"></b><i></i></span> 5825 </span> 5826 <span class="rk-badge"> 5827 <svg width="18" height="18" viewBox="0 0 20 20" fill="none"> 5828 <path d="M10 16V5M5.4 9.6 10 5l4.6 4.6" stroke="#2563FF" stroke-width="2" 5829 stroke-linecap="round" stroke-linejoin="round" /> 5830 </svg> 5831 #1 5832 </span> 5833 </div> 5834 <div class="svc-text"> 5835 <h3 class="svc-title">SEO & Content</h3> 5836 <span class="svc-desc">Boost your website’s potential with targeted SEO strategies that improve 5837 rankings and drive traffic.</span> 5838 </div> 5839 <span class="svc-link">Explore <svg width="12" height="12" viewBox="0 0 14 14" fill="none"> 5840 <path d="M2.5 7h9M8 3.5 11.5 7 8 10.5" stroke="currentColor" stroke-width="1.6" 5841 stroke-linecap="round" stroke-linejoin="round" /> 5842 </svg></span> 5843 </a> 5844 5845 5846 <a href="/services/creative-and-advertising" class="svc-card"> 5847 <div class="sv sv-pink"> 5848 <span class="chip chip-1"><svg width="18" height="18" viewBox="0 0 20 20" fill="none" 5849 aria-hidden="true"> 5850 <rect x="2.6" y="3.4" width="14.8" height="13.2" rx="4.2" stroke="#fff" 5851 stroke-width="1.6" /> 5852 <circle cx="10" cy="10" r="3.4" stroke="#fff" stroke-width="1.6" /> 5853 <circle cx="14.4" cy="5.8" r="1.1" fill="#fff" /> 5854 </svg></span> 5855 <span class="chip chip-2"><svg width="16" height="16" viewBox="0 0 20 20" fill="none" 5856 aria-hidden="true"> 5857 <path d="M7.8 6.2 14 10l-6.2 3.8V6.2Z" fill="#fff" /> 5858 </svg></span> 5859 <span class="chip chip-3"><svg width="16" height="16" viewBox="0 0 20 20" fill="none" 5860 aria-hidden="true"> 5861 <path d="M3.2 15.4V6.6a2 2 0 0 1 2-2h9.6a2 2 0 0 1 2 2v5.2a2 2 0 0 1-2 2H7l-3.8 2.6Z" 5862 stroke="#7A4A22" stroke-width="1.6" stroke-linejoin="round" /> 5863 </svg></span> 5864 <span class="chip chip-4"><svg width="13" height="13" viewBox="0 0 20 20" fill="none" 5865 aria-hidden="true"> 5866 <path d="M7.4 3.2 6.1 16.8M13.9 3.2l-1.3 13.6M3.4 7.4h13.2M2.9 12.6h13.2" stroke="#E8608F" 5867 stroke-width="1.7" stroke-linecap="round" /> 5868 </svg></span> 5869 <span class="bar-r bar-r-1"></span> 5870 <span class="bar-r bar-r-2"></span> 5871 </div> 5872 <div class="svc-text"> 5873 <h3 class="svc-title">Creative & Advertising</h3> 5874 <span class="svc-desc">Energize your brand with tailored social media strategies that create bold, 5875 lasting audience connections.</span> 5876 </div> 5877 <span class="svc-link">Explore <svg width="12" height="12" viewBox="0 0 14 14" fill="none"> 5878 <path d="M2.5 7h9M8 3.5 11.5 7 8 10.5" stroke="currentColor" stroke-width="1.6" 5879 stroke-linecap="round" stroke-linejoin="round" /> 5880 </svg></span> 5881 </a> 5882 5883 5884 <a href="/services/it-solutions/" class="svc-card"> 5885 <div class="sv sv-green"> 5886 <span class="browser"> 5887 <span class="browser-bar"><i></i><i></i><i></i><em></em></span>
5888 <span class="browser-load"></span> 5889 <span class="browser-body"> 5890 <span class="browser-lines"> 5891 <i style="width:84%"></i><i style="width:62%"></i><i style="width:72%"></i> 5892 </span> 5893 <span class="browser-check"><svg width="12" height="12" viewBox="0 0 12 12" 5894 fill="none"> 5895 <path d="M2 6.4 4.6 9 10 3.3" stroke="#fff" stroke-width="1.9" 5896 stroke-linecap="round" stroke-linejoin="round" /> 5897 </svg></span> 5898 </span> 5899 </span> 5900 </div> 5901 <div class="svc-text"> 5902 <h3 class="svc-title">IT Solutions</h3> 5903 <span class="svc-desc">Create stunning, functional websites that captivate audiences and drive 5904 conversions effortlessly.</span> 5905 </div> 5906 <span class="svc-link">Explore <svg width="12" height="12" viewBox="0 0 14 14" fill="none"> 5907 <path d="M2.5 7h9M8 3.5 11.5 7 8 10.5" stroke="currentColor" stroke-width="1.6" 5908 stroke-linecap="round" stroke-linejoin="round" /> 5909 </svg></span> 5910 </a> 5911 5912 5913 <a href="/services/development/software-development" class="svc-card"> 5914 <div class="sv sv-purple"> 5915 <span class="code"> 5916 <span class="code-nums"><span>1</span><span>2</span><span>3</span><span>4</span></span> 5917 <span class="code-lines"> 5918 <span class="code-line t1"><i style="width:26px;background:#c792ea"></i><i 5919 style="width:40px;background:#82aaff"></i><i 5920 style="width:18px;background:#546193"></i></span> 5921 <span class="code-line t2"><i style="width:34px;background:#a5e8a0"></i><i 5922 style="width:22px;background:#546193"></i></span> 5923 <span class="code-line t3"><i style="width:20px;background:#ffcb6b"></i><i 5924 style="width:46px;background:#546193"></i></span> 5925 <span class="code-line"><i style="width:14px;background:#c792ea"></i><span 5926 class="code-caret"></span></span> 5927 </span> 5928 </span> 5929 </div> 5930 <div class="svc-text"> 5931 <h3 class="svc-title">Software Development</h3> 5932 <span class="svc-desc">Leverage custom software that combines innovation and technical expertise to 5933 propel 5934 your 5935 business forward.</span> 5936 </div> 5937 <span class="svc-link">Explore <svg width="12" height="12" viewBox="0 0 14 14" fill="none"> 5938 <path d="M2.5 7h9M8 3.5 11.5 7 8 10.5" stroke="currentColor" stroke-width="1.6" 5939 stroke-linecap="round" stroke-linejoin="round" /> 5940 </svg></span> 5941 </a> 5942 5943 5944 <a href="/services/wikipedia/" class="svc-card"> 5945 <div class="sv sv-grey"> 5946 <span class="wiki-w">W</span> 5947 <span class="wiki-doc"> 5948 <span class="wiki-title"><i></i><b></b></span> 5949 <span class="wiki-row"><i></i><sup style="animation-delay:.4s">[1]</sup></span> 5950 <span class="wiki-row"><i></i><sup style="animation-delay:1s">[2]</sup></span> 5951 <span class="wiki-row"><i class="short"></i><sup style="animation-delay:1.6s">[3]</sup></span> 5952 </span> 5953 </div> 5954 <div class="svc-text"> 5955 <h3 class="svc-title">Wikipedia</h3> 5956 <span class="svc-desc">Create a lasting digital impression with Hats-Off Digital’s Wikipedia page 5957 services, tailored to showcase your story with authenticity and expertise.</span> 5958 </div>
5959 <span class="svc-link">Explore <svg width="12" height="12" viewBox="0 0 14 14" fill="none"> 5960 <path d="M2.5 7h9M8 3.5 11.5 7 8 10.5" stroke="currentColor" stroke-width="1.6" 5961 stroke-linecap="round" stroke-linejoin="round" /> 5962 </svg></span> 5963 </a> 5964 5965 5966 <a href="/services/cloud-solutions/" class="svc-card"> 5967 <div class="sv sv-cyan"> 5968 <span class="srv"> 5969 <span class="srv-row"><span class="srv-led"></span><i></i><b style="--w:14px"></b></span> 5970 <span class="srv-row"><span class="srv-led" style="animation-delay:.35s"></span><i></i><b 5971 style="--w:22px"></b></span> 5972 <span class="srv-row"><span class="srv-led" style="animation-delay:.7s"></span><i></i><b 5973 style="--w:10px"></b></span> 5974 </span> 5975 <span class="cloud"> 5976 <svg width="34" height="24" viewBox="0 0 34 24" fill="none" aria-hidden="true"> 5977 <path d="M9.5 20.5h15a5.6 5.6 0 0 0 .8-11.2A7.8 7.8 0 0 0 8.6 7.9a5.4 5.4 0 0 0 .9 12.6Z" 5978 stroke="#2BA3CC" stroke-width="1.7" stroke-linejoin="round" /> 5979 </svg> 5980 <span class="cloud-dot" style="left:9px"></span> 5981 <span class="cloud-dot" style="left:17px;background:#7cc9e3;animation-delay:.8s"></span> 5982 <span class="cloud-dot" style="left:25px;animation-delay:1.6s"></span> 5983 </span> 5984 </div> 5985 <div class="svc-text"> 5986 <h3 class="svc-title">Cloud Solutions</h3> 5987 <span class="svc-desc">Experience seamless connectivity with our secure, flexible cloud services that 5988 streamline operations and drive innovation.</span> 5989 </div> 5990 <span class="svc-link">Explore <svg width="12" height="12" viewBox="0 0 14 14" fill="none"> 5991 <path d="M2.5 7h9M8 3.5 11.5 7 8 10.5" stroke="currentColor" stroke-width="1.6" 5992 stroke-linecap="round" stroke-linejoin="round" /> 5993 </svg></span> 5994 </a> 5995 5996 </div> 5997 </section> 5998 5999 6000 <!-- logo carousel --> 6001 <section class="third-section top-clients e-side-space section-gap lazyload"> 6002 <div class="header"> 6003 <div class="section-title indiv-box"> 6004 <h2>Trusted By Individuals At</h2> 6005 </div> 6006 </div> 6007 <div class="client-sec"> 6008 <div class="left-blur"></div> 6009 <div class="owl-carousel owl-theme mb-3" id="toleft"> 6010 <div class="item"> 6011 <img src="https://hatsoffdigital.com/assets/images/logo/metropolis.webp" 6012 alt="metropolis-logo" class="client-logo lazyload " loading="lazy" height="90" width="90"> 6013 </div> 6014 <div class="item"> 6015 <img src="https://hatsoffdigital.com/assets/images/logo/kirloskar.webp" alt="kirloskar-logo" 6016 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6017 </div> 6018 <div class="item"> 6019 <img src="https://hatsoffdigital.com/assets/images/logo/tata-aig.webp" alt="tata-aig-logo" 6020 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6021 </div> 6022 <div class="item"> 6023 <img src="https://hatsoffdigital.com/assets/images/logo/ultratech-cement.webp" 6024 alt="ultratech-logo" class="client-logo lazyload " loading="lazy" height="90" width="90"> 6025 </div> 6026 <div class="item"> 6027 <img src="https://hatsoffdigital.com/assets/images/logo/rbl-bank.webp" alt="rbl-logo" 6028 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6029 </div> 6030 <div class="item"> 6031 <img src="https://hatsoffdigital.com/assets/images/logo/pepsico.webp" alt="pepsi-logo" 6032 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6033 </div> 6034 <div class="item"> 6035 <img src="https://hatsoffdigital.com/assets/images/logo/tata.webp" alt="tata-logo" 6036 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6037 </div> 6038 <div class="item"> 6039 <img src="https://hatsoffdigital.com/assets/images/logo/Malabar-Gold-private-Limited.webp" 6040 alt="tata-logo" class="client-logo lazyload " loading="lazy" height="90" width="90"> 6041 </div> 6042 <div class="item"> 6043 <img src="https://hatsoffdigital.com/assets/images/logo/Mastek-Ltd.webp" alt="tata-logo" 6044 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6045 </div> 6046 <div class="item"> 6047 <img src="https://hatsoffdigital.com/assets/images/logo/NokiaPriorityPartner.webp" 6048 alt="nokia-logo" class="client-logo lazyload " loading="lazy" height="90" width="90"> 6049 </div> 6050 <div class="item"> 6051 <img src="https://hatsoffdigital.com/assets/images/logo/mitcon.webp" alt="mitcon-logo" 6052 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6053 </div> 6054 <div class="item"> 6055 <img src="https://hatsoffdigital.com/assets/images/logo/APD.webp" alt="Apd-logo" 6056 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6057 </div> 6058 <div class="item"> 6059 <img src="https://hatsoffdigital.com/assets/images/logo/flair.webp" alt="flair-logo" 6060 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6061 </div> 6062 <div class="item"> 6063 <img src="https://hatsoffdigital.com/assets/images/logo/iambesharam.webp" alt="bshrm-logo" 6064 class="client-logo lazyload " loading="lazy" height="90" width="90"> 6065 </div> 6066 </div> 6067 <div class="owl-carousel owl-theme" id="toright"> 6068 <div class="item"> 6069 <img src="https://hatsoffdigital.com/assets/images/logo/SBI-General-Insurance.webp" 6070 alt="tata-logo" class="client-logo lazyload" loading="lazy" height="90" width="90"> 6071 </div> 6072 <div class="item"> 6073 <img src="https://hatsoffdigital.com/assets/images/logo/Allcargo-Logistics-Limited.webp" 6074 alt="tata-logo" class="client-logo lazyload" loading="lazy" height="90" width="90"> 6075 </div> 6076 <div class="item"> 6077 <img src="https://hatsoffdigital.com/assets/images/logo/Littlebanc-Advisors.webp" 6078 alt="tata-logo" class="client-logo lazyload" loading="lazy" height="90" width="90"> 6079 </div> 6080 <div class="item"> 6081 <img src="https://hatsoffdigital.com/assets/images/logo/upl.webp" alt="tata-logo" 6082 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6083 </div> 6084 <div class="item"> 6085 <img src="https://hatsoffdigital.com/assets/images/logo/cdc.webp" alt="tata-logo" 6086 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6087 </div> 6088 <div class="item"> 6089 <img src="https://hatsoffdigital.com/assets/images/logo/inifd.webp" alt="tata-logo" 6090 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6091 </div> 6092 <div class="item"> 6093 <img src="https://hatsoffdigital.com/assets/images/logo/supreetbdi.webp" alt="tata-logo" 6094 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6095 </div> 6096 <div class="item"> 6097 <img src="https://hatsoffdigital.com/assets/images/logo/SOS.webp" alt="tata-logo" 6098 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6099 </div> 6100 <div class="item"> 6101 <img src="https://hatsoffdigital.com/assets/images/logo/pegasis.webp" alt="tata-logo" 6102 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6103 </div> 6104 <div class="item"> 6105 <img src="https://hatsoffdigital.com/assets/images/logo/tsarwatches.webp" alt="tata-logo" 6106 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6107 </div> 6108 <div class="item"> 6109 <img src="https://hatsoffdigital.com/assets/images/logo/rashmishetty.webp" alt="tata-logo" 6110 class="client-logo lazyload" loading="lazy" height="90" width="90"> 6111 </div> 6112 <div class="item"> 6113 <img src="https://hatsoffdigital.com/assets/images/logo/Fondation-nternational-Cancer-Prevention-Institute-ICPI.webp" 6114 alt="tata-logo" class="client-logo lazyload" loading="lazy" height="90" width="90"> 6115 </div> 6116 <div class="item"> 6117 <img src="https://hatsoffdigital.com/assets/images/logo/future-generali.webp" 6118 alt="tata-logo" class="client-logo lazyload" loading="lazy" height="90" width="90"> 6119 </div> 6120 <div class="item"> 6121 <img src="https://hatsoffdigital.com/assets/images/logo/YoungTalentAssociation.webp" 6122 alt="tata-logo" class="client-logo lazyload" loading="lazy" height="90" width="90"> 6123 </div> 6124 6125 </div> 6126 <div class="right-blur"></div> 6127 </div> 6128 </section> 6129 6130 <!-- testimonial section --> 6131 <section class="feedback-section section-gap"> 6132 <div class="header mb-0"> 6133 <div class="section-title brand-box"> 6134 <h2>Brands Stand Out</h2> 6135 </div> 6136 <p class="mb-0"> 6137 Hats-Off has worked with various clients in India and all over 6138 the world. Since 2011, we have been helping brands bring their visions into reality. 6139 </p> 6140 </div> 6141 <div id="testimonial-slide"> 6142 <div id="feedback-carousel-new" class="cards-container"> 6143 <div class="feedback-cards-detail
6143s"> 6144 <div class="feedback-card"> 6145 <div class="testimonial-card"> 6146 <div class="testimonial-header"> 6147 6148 6149 6150 <div class="testimonial-avatar initials-avatar" style="background-color: #6C5CE7;"> 6151 CC 6152 </div> 6153 6154 6155 6156 <div> 6157 <p class="testimonial-name"> 6158 Chic Clinics 6159 6160 </p> 6161 6162 <p class="testimonial-company"></p> 6163 6164 </div> 6165 6166 </div> 6167 <p class="testimonial-text"> 6168 So far, our weekly meetings have been productive, and we’ve had a positive experience. All tasks and concerns are addressed promptly, and communication has been clear and efficient. The consistent follow-ups and attention to detail have ensured that everything runs smoothly, which we really appreciate. Overall, we are happy with the progress and look forward to continued success as we work together. Thank you for your efforts, and I’m confident we’ll keep achieving great results. 6169 </p> 6170 </div> 6171 </div> 6172 </div> 6173 <div class="feedback-cards-details"> 6174 <div class="feedback-card"> 6175 <div class="testimonial-card"> 6176 <div class="testimonial-header"> 6177 6178 6179 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/hussain-abbas.webp" class="testimonial-avatar" 6180 alt="hussain abbas"> 6181 6182 6183 6184 <div> 6185 <p class="testimonial-name"> 6186 hussain abbas 6187 6188 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/google.svg" alt="Google" 6189 class="google-badge"> 6190 </p> 6191 6192 <p class="testimonial-company"></p> 6193 6194 <div class="stars"> 6195 6196 <i class="fas fa-star text-warning"></i> 6197 <i class="fas fa-star text-warning"></i> 6198 <i class="fas fa-star text-warning"></i> 6199 <i class="fas fa-star text-warning"></i> 6200 <i class="fas fa-star text-warning"></i> 6201
6202 <span class="rating-number"> 6203 5.0 6204 </span> 6205 </div> 6206 </div> 6207 6208 </div> 6209 <p class="testimonial-text"> 6210 Excellent team. I got the website done and its been exceptional support from day 1. Highly recommended for website development / SEO / Content Writing / Digital Marketing / Poster Creation 6211 </p> 6212 </div> 6213 </div> 6214 </div> 6215 <div class="feedback-cards-details"> 6216 <div class="feedback-card"> 6217 <div class="testimonial-card"> 6218 <div class="testimonial-header"> 6219 6220 6221 <img src="https://www.hatsoffdigital.com/assets/images/logo/metropolis.webp" class="testimonial-avatar" 6222 alt="Vijay"> 6223 6224 6225 6226 <div> 6227 <p class="testimonial-name"> 6228 Vijay 6229 6230 </p> 6231 6232 <p class="testimonial-company">Metropolis Healthcare</p> 6233 6234 </div> 6235 6236 </div> 6237 <p class="testimonial-text"> 6238 Congratulations to you and the entire Hatsoff team on your 13th anniversary! You've done an incredible job, and it's been a pleasure working with you. My experience has always been excellent, and I truly appreciate the dedication and professionalism your team has shown. I wish you continued success and look forward to collaborating in the future. 6239 </p> 6240 </div> 6241 </div> 6242 </div> 6243 <div class="feedback-cards-details"> 6244 <div class="feedback-card"> 6245 <div class="testimonial-card"> 6246 <div class="testimonial-header"> 6247 6248 6249 6250 <div class="testimonial-avatar initials-avatar" style="background-color: #D63031;"> 6251 MD 6252 </div> 6253 6254 6255 6256 <div> 6257 <p class="testimonial-name"> 6258 Mitu Daga 6259 6260 </p> 6261 6262 <p class="testimonial-company">UPL</p> 6263 6264 </div> 6265 6266 </div> 6267 <p class="testimonial-text"> 6268 Hats-Off team is not just good in their interaction but also in their work. The team is seen as a very reliable partner by all involved. 6269 </p> 6270 </div> 6271 </div> 6272 </div> 6273 <div class="feedback-cards-detail
6273s"> 6274 <div class="feedback-card"> 6275 <div class="testimonial-card"> 6276 <div class="testimonial-header"> 6277 6278 6279 6280 <div class="testimonial-avatar initials-avatar" style="background-color: #00B894;"> 6281 SS 6282 </div> 6283 6284 6285 6286 <div> 6287 <p class="testimonial-name"> 6288 SNALC South Asia 6289 6290 </p> 6291 6292 <p class="testimonial-company"></p> 6293 6294 </div> 6295 6296 </div> 6297 <p class="testimonial-text"> 6298 We are truly pleased with the experience of working with the 'Hats Off' team on developing the website for the South Asia Social Norms and Agency Learning Collaborative. Their professionalism, creativity, and ongoing support throughout the process have been invaluable. The team's attention to detail and commitment to meeting our needs has resulted in a platform that reflects our vision. We are grateful for their dedication and look forward to continuing the collaboration. 6299 </p> 6300 </div> 6301 </div> 6302 </div> 6303 <div class="feedback-cards-details"> 6304 <div class="feedback-card"> 6305 <div class="testimonial-card"> 6306 <div class="testimonial-header"> 6307 6308 6309 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/anil-pawar.webp" class="testimonial-avatar" 6310 alt="Anil Pawar"> 6311 6312 6313 6314 <div> 6315 <p class="testimonial-name"> 6316 Anil Pawar 6317 6318 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/google.svg" alt="Google" 6319 class="google-badge"> 6320 </p> 6321 6322 <p class="testimonial-company"></p> 6323 6324 <div class="stars"> 6325 6326 <i class="fas fa-star text-warning"></i> 6327 <i class="fas fa-star text-warning"></i> 6328 <i class="fas fa-star text-warning"></i> 6329 <i class="fas fa-star text-warning"></i> 6330 <i class="fas fa-star text-warning"></i> 6331
6332 <span class="rating-number"> 6333 5.0 6334 </span> 6335 </div> 6336 </div> 6337 6338 </div> 6339 <p class="testimonial-text"> 6340 Hats-Off Digital's expertise and professionalism are unmatched. Their team went above and beyond to understand my needs and delivered a tailored solution that exceeded my expectations. I highly recommend their services to anyone looking for top-notch digital solutions. 6341 </p> 6342 </div> 6343 </div> 6344 </div> 6345 <div class="feedback-cards-details"> 6346 <div class="feedback-card"> 6347 <div class="testimonial-card"> 6348 <div class="testimonial-header"> 6349 6350 6351 <img src="https://www.hatsoffdigital.com/assets/images/logo/metropolis.webp" class="testimonial-avatar" 6352 alt="Darshan"> 6353 6354 6355 6356 <div> 6357 <p class="testimonial-name"> 6358 Darshan 6359 6360 </p> 6361 6362 <p class="testimonial-company">Metropolis Healthcare</p> 6363 6364 </div> 6365 6366 </div> 6367 <p class="testimonial-text"> 6368 First one, congratulations to the entire Hats-Off team for achieving this new milestone of 13 years. As Hats-Off completes 13 years now, you have grown from a baby into a teenager, and we have really seen lots of improvement in service and quality over the last year. The development team has improved significantly in terms of latest technology trends and has always been helpful whenever support was required. We wish all the best for the future journey of Hats-Off and look forward to more success in the coming year. 6369 </p> 6370 </div> 6371 </div> 6372 </div> 6373 <div class="feedback-cards-details"> 6374 <div class="feedback-card"> 6375 <div class="testimonial-card"> 6376 <div class="testimonial-header"> 6377 6378 6379 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/devraj-singh.webp" class="testimonial-avatar" 6380 alt="Devraj Singh"> 6381 6382 6383 6384 <div> 6385 <p class="testimonial-name"> 6386 Devraj Singh 6387 6388 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/google.svg" alt="Google" 6389 class="google-badge"> 6390 </p> 6391 6392 <p class="testimonial-company"></p> 6393 6394 <div class="stars"> 6395 6396 <i class="fas fa-star text-warning"></i> 6397 <i class="fas fa-star text-warning"></i> 6398 <i class="fas fa-star text-warning"></i> 6399 <i class="fas fa-star text-warning"></i> 6400 <i class="fas fa-star text-warning"></i> 6401
6402 <span class="rating-number"> 6403 5.0 6404 </span> 6405 </div> 6406 </div> 6407 6408 </div> 6409 <p class="testimonial-text"> 6410 Thank you for your help in reactivating our GMB. Your support has been invaluable, and we greatly appreciate your efforts. Good work 6411 </p> 6412 </div> 6413 </div> 6414 </div> 6415 <div class="feedback-cards-details"> 6416 <div class="feedback-card"> 6417 <div class="testimonial-card"> 6418 <div class="testimonial-header"> 6419 6420 6421 6422 <div class="testimonial-avatar initials-avatar" style="background-color: #6C5CE7;"> 6423 R 6424 </div> 6425 6426 6427 6428 <div> 6429 <p class="testimonial-name"> 6430 Rennova 6431 6432 </p> 6433 6434 <p class="testimonial-company"></p> 6435 6436 </div> 6437 6438 </div> 6439 <p class="testimonial-text"> 6440 A pleasure to work with you guys, really! Professional and helpful team. God bless. Hopefully, it will be a long-term collaboration. 6441 </p> 6442 </div> 6443 </div> 6444 </div> 6445 <div class="feedback-cards-details"> 6446 <div class="feedback-card"> 6447 <div class="testimonial-card"> 6448 <div class="testimonial-header"> 6449 6450 6451 <img src="https://www.hatsoffdigital.com/assets/images/logo/metropolis.webp" class="testimonial-avatar" 6452 alt="Nadhiya"> 6453 6454 6455 6456 <div> 6457 <p class="testimonial-name"> 6458 Nadhiya 6459 6460 </p> 6461 6462 <p class="testimonial-company">Metropolis</p> 6463 6464 </div> 6465 6466 </div> 6467 <p class="testimonial-text"> 6468 The Web Design team at Hats-Off is quick on deadlines and project delivery. They are flexible, can quickly work on new designs, and handle projects seamlessly. 6469 </p> 6470 </div> 6471 </div> 6472 </div> 6473 <div class="feedback-cards-details"> 6474 <div class="feedback-card"> 6475 <div class="testimonial-card"> 6476 <div class="testimonial-header"> 6477 6478 6479 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/yt-flicks.webp" class="testimonial-avatar" 6480 alt="YTA Flicks Entertainment"> 6481 6482 6483 6484 <div> 6485 <p class="testimonial-name"> 6486 YTA Flicks Entertainment 6487 6488 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/google.svg" alt="Google" 6489 class="google-badge"> 6490 </p> 6491 6492 <p class="testimonial-company"></p> 6493 6494 <div class="stars"> 6495 6496 <i class="fas fa-star text-warning"></i> 6497 <i class="fas fa-star text-warning"></i> 6498 <i class="fas fa-star text-warning"></i> 6499 <i class="fas fa-star text-warning"></i> 6500 <i class="fas fa-star text-warning"></i> 6501
6502 <span class="rating-number"> 6503 5.0 6504 </span> 6505 </div> 6506 </div> 6507 6508 </div> 6509 <p class="testimonial-text"> 6510 A friendly creative and excellent team to work with.. 6511 </p> 6512 </div> 6513 </div> 6514 </div> 6515 <div class="feedback-cards-details"> 6516 <div class="feedback-card"> 6517 <div class="testimonial-card"> 6518 <div class="testimonial-header"> 6519 6520 6521 6522 <div class="testimonial-avatar initials-avatar" style="background-color: #D63031;"> 6523 SS 6524 </div> 6525 6526 6527 6528 <div> 6529 <p class="testimonial-name"> 6530 Shraddha Shetty 6531 6532 </p> 6533 6534 <p class="testimonial-company">Dr. Shetty's Aesthetics</p> 6535 6536 </div> 6537 6538 </div> 6539 <p class="testimonial-text"> 6540 Working with the Hats-Off team was a breeze. They are very hands-on and approachable at any hour, which made the process seamless and easy. We love what they did with our website and would highly recommend them. 6541 </p> 6542 </div> 6543 </div> 6544 </div> 6545 <div class="feedback-cards-details"> 6546 <div class="feedback-card"> 6547 <div class="testimonial-card"> 6548 <div class="testimonial-header"> 6549 6550 6551 <img src="https://www.hatsoffdigital.com/assets/images/logo/alkun-logo.webp" class="testimonial-avatar" 6552 alt="Alkun Steel (Dubai)"> 6553 6554 6555 6556 <div> 6557 <p class="testimonial-name"> 6558 Alkun Steel (Dubai) 6559 6560 </p> 6561 6562 <p class="testimonial-company"></p> 6563 6564 </div> 6565 6566 </div> 6567 <p class="testimonial-text"> 6568 I highly recommend Hatsoff Digital for Digitalization they have brought in our company. They are highly skilled and the service is second to none, impressed with their professionalism and transparency. I have got to work with huge clients that I thought would have been miles away to reach without the SEO team. SMM has made our visibility and approach in market illustrating like their posts. I can say that we have been able to build something in 2-3 years that a lot of brands haven’t actually gotten in 10 years. Thanks to entire team. 6569 </p> 6570 </div> 6571 </div> 6572 </div> 6573 <div class="feedback-cards-detail
6573s"> 6574 <div class="feedback-card"> 6575 <div class="testimonial-card"> 6576 <div class="testimonial-header"> 6577 6578 6579 6580 <div class="testimonial-avatar initials-avatar" style="background-color: #E84393;"> 6581 NR 6582 </div> 6583 6584 6585 6586 <div> 6587 <p class="testimonial-name"> 6588 Nanda Ramaswamy 6589 6590 </p> 6591 6592 <p class="testimonial-company">Letspractise</p> 6593 6594 </div> 6595 6596 </div> 6597 <p class="testimonial-text"> 6598 At Letspractise, we are using Social Media Marketing services from Hats-Off for about 4 years. We find them creative and knowledgeable. It has been a good experience working with this team. 6599 </p> 6600 </div> 6601 </div> 6602 </div> 6603 <div class="feedback-cards-details"> 6604 <div class="feedback-card"> 6605 <div class="testimonial-card"> 6606 <div class="testimonial-header"> 6607 6608 6609 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/sapna-awale.webp" class="testimonial-avatar" 6610 alt="Sapna Awale"> 6611 6612 6613 6614 <div> 6615 <p class="testimonial-name"> 6616 Sapna Awale 6617 6618 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/google.svg" alt="Google" 6619 class="google-badge"> 6620 </p> 6621 6622 <p class="testimonial-company"></p> 6623 6624 <div class="stars"> 6625 6626 <i class="fas fa-star text-warning"></i> 6627 <i class="fas fa-star text-warning"></i> 6628 <i class="fas fa-star text-warning"></i> 6629 <i class="fas fa-star text-warning"></i> 6630 <i class="fas fa-star text-warning"></i> 6631
6632 <span class="rating-number"> 6633 5.0 6634 </span> 6635 </div> 6636 </div> 6637 6638 </div> 6639 <p class="testimonial-text"> 6640 I had a very good experience with the best social media services provided by Hats-Off Digital! All my Social media profiles were optimized very nicely this helped my business grow with multiple number of genuine customers. highly recommended for anyone seeking effective social media marketing strategies. 6641 </p> 6642 </div> 6643 </div> 6644 </div> 6645 <div class="feedback-cards-details"> 6646 <div class="feedback-card"> 6647 <div class="testimonial-card"> 6648 <div class="testimonial-header"> 6649 6650 6651 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/murtaza-lokhandwala.webp" class="testimonial-avatar" 6652 alt="Murtaza Lokhandwala"> 6653 6654 6655 6656 <div> 6657 <p class="testimonial-name"> 6658 Murtaza Lokhandwala 6659 6660 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/google.svg" alt="Google" 6661 class="google-badge"> 6662 </p> 6663 6664 <p class="testimonial-company"></p> 6665 6666 <div class="stars"> 6667 6668 <i class="fas fa-star text-warning"></i> 6669 <i class="fas fa-star text-warning"></i> 6670 <i class="fas fa-star text-warning"></i> 6671 <i class="fas fa-star text-warning"></i> 6672 <i class="fas fa-star text-warning"></i> 6673 6674 <span class="rating-number"> 6675 5.0 6676 </span> 6677 </div> 6678 </div> 6679 6680 </div> 6681 <p class="testimonial-text"> 6682 I can't say enough about the incredible social media marketing services this agency provides. They truly understand the power of social media and have significantly boosted our online presence. Our engagement and followers have grown exponentially since partnering with them. Their strategies are spot-on, and they genuinely care about the success of our brand. 6683 </p> 6684 </div> 6685 </div> 6686 </div> 6687 <div class="feedback-cards-detail
6687s"> 6688 <div class="feedback-card"> 6689 <div class="testimonial-card"> 6690 <div class="testimonial-header"> 6691 6692 6693 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/chettan-bilwal.webp" class="testimonial-avatar" 6694 alt="Chettan Bilwal"> 6695 6696 6697 6698 <div> 6699 <p class="testimonial-name"> 6700 Chettan Bilwal 6701 6702 <img src="https://www.hatsoffdigital.com/assets/images/testimonials/google.svg" alt="Google" 6703 class="google-badge"> 6704 </p> 6705 6706 <p class="testimonial-company"></p> 6707 6708 <div class="stars"> 6709 6710 <i class="fas fa-star text-warning"></i> 6711 <i class="fas fa-star text-warning"></i> 6712 <i class="fas fa-star text-warning"></i> 6713 <i class="fas fa-star text-warning"></i> 6714 <i class="far fa-star text-warning"></i> 6715 6716 <span class="rating-number"> 6717 4.0 6718 </span> 6719 </div> 6720 </div> 6721 6722 </div> 6723 <p class="testimonial-text"> 6724 Nice agency with competent people taking care of their forte. These guys have your back if you are looking for managing your Digital assets, digital brand building, website creation, social media marketing, and a lot more. They've a great clientele to brag about. 6725 </p> 6726 </div> 6727 </div> 6728 </div> 6729 </div> 6730 </div> 6731 <a href="/testimonials/" class="btn-box btn-animate mx-auto">View More</a> 6732 </section> 6733 6734 <!-- table section --> 6735 <section class="table-animation section-gap" id="mousescrool_ac"> 6736 <div class="bg-table"> 6737 <table> 6738 <tbody id="table-body"> 6739 <!-- dynamic content goes here ! --> 6740 </tbody> 6741 </table> 6742 <div class="modal-overlay"> 6743 <div class="text-box"> 6744 <h2>Level Up Your Digital Game – Get Ready to Go Viral <br> (In a Good Way)!</h2> 6745 <p class='m-0'> 6746 Get ready for a digital transformation that's fun, fresh, and unforgettable. 6747 We're here to spice up your online presence! 6748 </p> 6749 </div> 6750 </div> 6751 </div> 6752 6753 <div class="country-slider mt-md-5 mt-3 "> 6754 <div class="slider-box"> 6755 <div class="arrow-box">
6756 <span>Global Reach – Marketing Magic Everywhere!</span> 6757 <div class="arrow-icon"> 6758 <svg id="Layer_1" enable-background="new 0 0 100 100" viewBox="0 0 100 100" 6759 xmlns="http://www.w3.org/2000/svg"> 6760 <path 6761 d="m50 10.75c-18.266 0-34.562 13.129-38.383 31.007-1.909 8.933-.623 18.432 3.636 26.515 4.099 7.779 10.819 14.066 18.859 17.629 8.363 3.707 17.964 4.353 26.754 1.825 8.48-2.438 15.999-7.789 21.118-14.972 10.703-15.017 9.272-36.111-3.32-49.567-7.38-7.886-17.862-12.437-28.664-12.437zm18.829 41.347-10.7 10.958c-2.709 2.775-6.991-1.429-4.293-4.191l5.399-5.529h-25.586c-1.817 0-3.333-1.517-3.333-3.333s1.517-3.333 3.333-3.333h25.458l-5.506-5.505c-2.736-2.736 1.506-6.979 4.242-4.243l10.961 10.96c1.162 1.161 1.173 3.041.025 4.216z" /> 6762 </svg> 6763 </div> 6764 </div> 6765 <div class="country-container"> 6766 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/india.webp" 6767 alt="india-flag" class="client-logo lazyload " loading="lazy"> 6768 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/us.webp" 6769 alt="us-flag" class="client-logo lazyload " loading="lazy"> 6770 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/uk.webp" 6771 alt="uk-flag" class="client-logo lazyload " loading="lazy"> 6772 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/qatar.webp" 6773 alt="qatar-flag" class="client-logo lazyload " loading="lazy"> 6774 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/uae.webp" 6775 alt="uae-flag" class="client-logo lazyload " loading="lazy"> 6776 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/lebanon.webp" 6777 alt="lebanon-flag" class="client-logo lazyload " loading="lazy"> 6778 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/kuwait.webp" 6779 alt="kuwait-flag" class="client-logo lazyload " loading="lazy"> 6780 6781 <img class="flag" src="https://hatsoffdigital.com/assets/images/country/saudi.webp" 6782 alt="kuwait-flag" class="client-logo lazyload " loading="lazy"> 6783 </div> 6784 </div> 6785 </div> 6786 </section> 6787 6788 <!-- feature section --> 6789 <section class="feature-section e-side-space section-gap"> 6790 <div class="header"> 6791 <div class="section-title Dgrowth-box"> 6792 <h2>Creative Digital Growth</h2> 6793 </div> 6794 <p>Crafting creative solutions that turn challenges into digital gold and growth.</p> 6795 </div> 6796 <div class="content-box"> 6797 <div class="points-container row "> 6798 <div class="description col-lg-6 col-xl-4 mt-1"> 6799 <div class="d-flex gap-1 align-items-center mb-2"> 6800 <h6 class="m-0">Strategic Digital Solutions</h6> 6801 </div> 6802 <p>Solve complex business challenges with innovative and tailored digital strategies.</p> 6803 </div> 6804 <div class="description col-lg-6 col-xl-4 mt-1"> 6805 <div class="d-flex gap-1 align-items-center mb-2"> 6806 <h6 class="m-0">Growth Acceleration</h6> 6807 </div> 6808 <p>Empower business scalability with advanced technology and strategic expertise.</p> 6809 </div> 6810 <div class="description col-lg-6 col-xl-4 mt-1"> 6811 <div class="d-flex gap-1 align-items-center mb-2"> 6812 <h6 class="m-0">Seamless User Experiences</h6> 6813 </div> 6814 <p>Design intuitive platforms for impactful engagement and customer satisfaction.</p> 6815 </div> 6816 <div class="description col-lg-6 col-xl-4 mt-1"> 6817 <div class="d-flex gap-1 align-items-center mb-2"> 6818 <h6 class="m-0">Data-Driven Insights</h6> 6819 </div> 6820 <p>Unlock potential with actionable intelligence and precise analytics solutions 6821 </p> 6822 </div> 6823 <div class="description col-lg-6 col-xl-4 mt-1"> 6824 <div class="d-flex gap-1 align-items-center mb-2"> 6825 <h6 class="m-0">Creative Excellence</h6> 6826 </div> 6827 <p>Transform brand presence with innovative and captivating digital experiences.</p> 6828 </div> 6829 <div class="description col-lg-6 col-xl-4 mt-1"> 6830 <div class="d-flex gap-1 align-items-center mb-2"> 6831 <h6 class="m-0">Agile Innovations</h6> 6832 </div> 6833 <p>Stay ahead with adaptive solutions that evolve with market trends and demands.</p> 6834 </div> 6835 <div class="description col-lg-6 col-xl-4 mt-1"> 6836 <div class="d-flex gap-1 align-items-center mb-2"> 6837 <h6 class="m-0">Expert Partnerships</h6> 6838 </div> 6839 <p>Collaborate with professionals dedicated to delivering measurable and sustainable outcomes.</p> 6840 </div> 6841 <div class="description col-lg-6 col-xl-4 mt-1"> 6842 <div class="d-flex gap-1 align-items-center mb-2"> 6843 <h6 class="m-0">Intelligent Automation</h6> 6844 </div> 6845 <p>Streamline processes with cutting-edge technology and smart automation solutions.</p> 6846 </div> 6847 <div class="description col-lg-12 col-xl-4 mt-1"> 6848 <div class="d-flex gap-1 align-items-center mb-2"> 6849 <h6 class="m-0">Digital Empowerment</h6> 6850 </div> 6851 <p>Enhance business capabilities with forward-thinking strategies and innovative digital tools</p> 6852 </div> 6853 </div> 6854 <div class="white-section"></div> 6855 </div> 6856 </section> 6857 6858 </div> 6859 6860 <!-- old section hidden --> 6861 6862 <!-- --> 6863 <!-- Top Clients --> 6864 <!-- <section class="top-clients side-space section-gap lazyload"> 6865 <div class="page-title-sec"> 6866 <div class="page-subtitle"> 6867 <p>CLIENTELE</p> 6868 </div> 6869 <div class="page-title"> 6870 <h3 class="mb-3">Our <span>Top Clients</span></h3> 6871 </div> 6872 </div> 6873 <div class="client-sec"> 6874 <div class="owl-carousel owl-theme" id="clients"> 6875 <div class="item"> 6876 <img src="https://hatsoffdigital.com/assets/images/logo/metropolis.webp" alt="metropolis-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6877 </div> 6878 <div class="item"> 6879 <img src="https://hatsoffdigital.com/assets/images/logo/kirloskar.webp" alt="kirloskar-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6880 </div> 6881 <div class="item"> 6882 <img src="https://hatsoffdigital.com/assets/images/logo/tata-aig.webp" alt="tata-aig-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6883 </div> 6884 <div class="item"> 6885 <img src="https://hatsoffdigital.com/assets/images/logo/ultratech-cement.webp" alt="ultratech-logo" 6886 class="client-logo lazyload " width="100" height="100" loading="lazy"> 6887 </div> 6888 <div class="item"> 6889 <img src="https://hatsoffdigital.com/assets/images/logo/rbl-bank.webp" alt="rbl-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6890 </div> 6891 <div class="item"> 6892 <img src="https://hatsoffdigital.com/assets/images/logo/pepsico.webp" alt="pepsi-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6893 </div> 6894 <div class="item"> 6895 <img src="https://hatsoffdigital.com/assets/images/logo/tata.webp" alt="tata-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6896 </div> 6897 <div class="item"> 6898 <img src="https://hatsoffdigital.com/assets/images/logo/Malabar-Gold-private-Limited.png" alt="tata-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6899 </div> 6900 <div class="item"> 6901 <img src="https://hatsoffdigital.com/assets/images/logo/Mastek-Ltd.png" alt="tata-logo" class="client-logo lazyload " width="100" height="100" loading="lazy"> 6902 </div> 6903 6904 <div class="item"> 6905 <img src="https://hatsoffdigital.com/assets/images/logo/SBI-General-Insurance.png" alt="tata-logo" class="client-logo lazyload" width="100" height="100" loading="lazy"> 6906 </div> 6907 <div class="item"> 6908 <img src="https://hatsoffdigital.com/assets/images/logo/Allcargo-Logistics-Limited.png" alt="tata-logo" class="client-logo lazyload" width="100" height="100" loading="lazy"> 6909 </div> 6910 <div class="item"> 6911 <img src="https://hatsoffdigital.com/assets/images/logo/Littlebanc-Advisors.png" alt="tata-logo" class="client-logo lazyload" width="100" height="100" loading="lazy"> 6912 </div> 6913 </div> 6914 </div> 6915 </section> --> 6916 <!-- Testimonials --> 6917 <!-- <section class="testinomial side-space section-gap lazyload"> 6918 <div class="row align-items-center"> 6919 <div class="col-lg-6"> 6920 <div class="testinomial-sec"> 6921 <div class="testi-box"> 6922 <svg class="quote-icon mb-4" width="28.058" height="23.628" viewBox="0 0 28.058 23.628"> 6923 <g transform="translate(-1093 -5606)"> 6924 <path d="M7.384,0h7.384L7.384,23.628H0Z" transform="translate(1093 5606)"> 6925 </path> 6926 <path d="M7.384,0h7.384L7.384,23.628H0Z" transform="translate(1106.291 5606)"> 6927 </path> 6928 </g> 6929 </svg> 6930 <div class="owl-carousel owl-theme" id="testinomial"> 6931 <div class="item"> 6932 <div class="testi-box-inner"> 6933 <div class="testi-mess"> 6934 <p> 6935 So far, our weekly meetings have been productive, and we’ve had a positive experience. All tasks and concerns are addressed promptly, 6936 and communication has been clear and efficie
6936nt. The consistent follow-ups and attention to detail have ensured that everything runs smoothly, 6937 which we really appreciate. Overall, we are happy with the progress and look forward to continued success as we work together. Thank you for your efforts, 6938 and I’m confident we’ll keep achieving great results. 6939 </p> 6940 <h6 class="test-name"> 6941 Chic Clinics 6942 </h6> 6943 </div> 6944 </div> 6945 </div> 6946 <div class="item"> 6947 <div class="testi-box-inner"> 6948 <div class="testi-mess"> 6949 <p> 6950 Congratulations to you and the entire Hatsoff team on your 13th anniversary! You've done an incredible job, 6951 and it's been a pleasure working with you. My experience has always been excellent, and I truly appreciate the dedication and professionalism your team has shown. 6952 I wish you continued success and look forward to collaborating in the future. 6953 </p> 6954 <h6 class="test-name"> 6955 Vijay, Metropolis Healthcare 6956 </h6> 6957 </div> 6958 </div> 6959 </div> 6960 <div class="item"> 6961 <div class="testi-box-inner"> 6962 <div class="testi-mess"> 6963 <p> 6964 I highly recommend Hatsoff Digital for Digitalization they have brought in our company. 6965 They are highly Skilled and the service is second to none. 6966 impressed with their professionalism and transparency. 6967 </p> 6968 <p> 6969 I have got to work with Huge clients that i thought would have been miles away to reach without the SEO team. 6970 </p> 6971 <p> 6972 SMM has made our visibility and approach in market illustrating like their posts. 6973 </p> 6974 <p> 6975 I can say that we have been able to build something in 2-3 years that a lot of brands haven’t actaully gotten in 10 years. 6976 Thanks to entire team. 6977 </p> 6978 <h6 class="test-name"> 6979 Alkun Steel (Dubai) 6980 </h6> 6981 </div> 6982 </div> 6983 </div> 6984 <div class="item"> 6985 <div class="testi-box-inner"> 6986 <div class="testi-mess"> 6987 <p> 6988 We are truly pleased with the experience of working with the 'Hats Off' team on developing the website for the South Asia Social Norms and Agency Learning Collaborative. 6989 Their professionalism, creativity, and ongoing support throughout the process have been invaluable. The team's attention to detail and commitment to meeting our needs has resulted in a platform that reflects our vision. 6990 We are grateful for their dedication and look forward to continue the collaborations! 6991 </p> 6992 <h6 class="test-name"> 6993 SNALC South Asia 6994 </h6> 6995 </div> 6996 </div> 6997 </div> 6998 <div class="item"> 6999 <div class="testi-box-inner"> 7000 <div class="testi-mess"> 7001 <p> 7002 First one, congratulations to entire Hats-off team for achieving this new mile stone of 13 years. As hats-off completing 13 years now, 7003 you become teenager from the baby and we have really seen lots of improvement in hats-off service and quality over the last year. Development team has improved a lot in terms of latest trend of technology. 7004 We also found team is helpful whenever we required any supp
7004ort. We wish all the best for future journey of Hats-Off and looking more success in coming year. 7005 </p> 7006 <h6 class="test-name"> 7007 Darshan, Metropolis Healthcare 7008 </h6> 7009 </div> 7010 </div> 7011 </div> 7012 <div class="item"> 7013 <div class="testi-box-inner"> 7014 <div class="testi-mess"> 7015 <p> 7016 A pleasure to work with you guys, really! Professional and helpful team. God Bless. Hopefully, it will be a long-term collaboration. 7017 </p> 7018 <h6 class="test-name"> 7019 Rennova 7020 </h6> 7021 </div> 7022 </div> 7023 </div> 7024 <div class="item"> 7025 <div class="testi-box-inner"> 7026 <div class="testi-mess"> 7027 <p> 7028 Hats-Off team is not just good in their interaction but also in their work. The team is seen as a very reliable partner by all involved. 7029 </p> 7030 <h6 class="test-name"> 7031 Mitu Daga, UPL 7032 </h6> 7033 </div> 7034 </div> 7035 </div> 7036 <div class="item"> 7037 <div class="testi-box-inner"> 7038 <div class="testi-mess"> 7039 <p>The Web Design team at Hats-Off is quick on deadlines and project delivery. They are flexible, can quickly work on new designs and handle a project seamlessly. 7040 </p> 7041 <h6 class="test-name"> 7042 Nadhiya, Metropolis 7043 </h6> 7044 </div> 7045 </div> 7046 </div> 7047 <div class="item"> 7048 <div class="testi-box-inner"> 7049 <div class="testi-mess"> 7050 <p>Working with the Hats-Off team was a breeze. They are very hands-on and approachable at any hour which made the process seamless and easy. We love what they did with our website and we would highly recommend them. 7051 </p> 7052 <h6 class="test-name"> 7053 Shraddha Shetty, Dr. Shetty's Aesthetics 7054 </h6> 7055 </div> 7056 </div> 7057 </div> 7058 <div class="item"> 7059 <div class="testi-box-inner"> 7060 <div class="testi-mess"> 7061 <p>At Letspractise, we are using Social Media Marketing services from Hats-Off for about 4 years. We find them creative and knowledgeable. Its been a good experience working with this team. 7062 </p> 7063 <h6 class="test-name"> 7064 Nanda Ramaswamy, Letspractise 7065 </h6> 7066 </div> 7067 </div> 7068 </div> 7069 </div> 7070 </div> 7071 </div> 7072 </div> 7073 <div class="col-lg-4 pl-lg-5 mt-4 mt-lg-0"> 7074 <div class="page-title-sec"> 7075 <div class="page-subtitle"> 7076 <p>OUR STORY</p> 7077 </div> 7078 <div class="page-title"> 7079 <h3 class="mb-3">We Make <span>Brands Stand Out</span></h3> 7080 </div> 7081 <div class="page-desc"> 7082 <p class="mb-0">Hats-Off has worked with various clients in India and all over 7083 the world. Since 2011, we have been helping brands bring their visions 7084 into reality. 7085 </p> 7086 </div> 7087 </div> 7088 <a href="/about-hatsoff-marketing/" class="btn-box btn-animate mt-4">
7089 <span>Explore Now</span> 7090 <span class="btn-arrow"> 7091 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 7092 viewBox="0 0 12.244 12.23"> 7093 <g transform="translate(-1106.786 -10182.84)"> 7094 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 7095 fill="none" stroke="currentColor" stroke-width="1.3"></path> 7096 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7097 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7098 </g> 7099 </svg> <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23"
7100 viewBox="0 0 12.244 12.23"> 7101 <g transform="translate(-1106.786 -10182.84)"> 7102 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 7103 fill="none" stroke="currentColor" stroke-width="1.3"></path> 7104 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7105 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7106 </g> 7107 </svg> 7108 </span> 7109 </a> 7110 </div> 7111 </div> 7112 </section> --> 7113 7114 <!-- Our Growth --> 7115 <section class="our-growth e-side-space section-gap lazyload" id="counter"> 7116 <div class="row"> 7117 <div class="col-md-12"> 7118 <div class="page-title-sec text-center"> 7119 <div class=""> 7120 <p class="mb-1">OUR GROWTH</p> 7121 </div> 7122 <div class="page-title d-flex justify-content-center"> 7123 <h2 class="mb-3 progress-box">Follow Our Progress</h2> 7124 </div> 7125 </div> 7126 </div> 7127 <div class="col-md-12"> 7128 <div class="row justify-content-center row-gap-4 backcl"> 7129 <div class="col-xl col-lg-3 col-6"> 7130 <div class="counter-sec"> 7131 <h3 class="count-txt pb-3"> 7132 <span class="counter-count" data-count="400">0</span><sup>+</sup> 7133 </h3> 7134 <h4 class="count-txt pt-3">Happy Clients</h4> 7135 </div> 7136 </div> 7137 <div class="col-xl col-lg-3 col-6"> 7138 <div class="counter-sec"> 7139 <h3 class="count-txt pb-3"> 7140 <span class="counter-count" data-count="60">0</span><sup>+</sup> 7141 </h3> 7142 <h4 class="count-txt pt-3">Team Size</h4> 7143 </div> 7144 </div> 7145 <div class="col-xl col-lg-3 col-6"> 7146 <div class="counter-sec"> 7147 <h3 class="count-txt pb-3"> 7148 <span class="counter-count" data-count="40">0</span><sup>+</sup> 7149 </h3> 7150 <h4 class="count-txt pt-3">Campaigns Created </h4> 7151 </div> 7152 </div> 7153 <div class="col-xl col-lg-3 col-6"> 7154 <div class="counter-sec"> 7155 <h3 class="count-txt pb-3"> 7156 <span class="counter-count" data-count="200">0</span><sup>+</sup> 7157 </h3> 7158 <h4 class="count-txt pt-3">Websites Completed</h4> 7159 </div> 7160 </div> 7161 <div class="col-xl col-lg-3 col-6"> 7162 <div class="counter-sec"> 7163 <h3 class="count-txt pb-3"> 7164 <span class="counter-count" data-count="14">0</span><sup>+</sup> 7165 </h3> 7166 <h4 class="count-txt pt-3">Years Of Experience </h4> 7167 </div> 7168 </div> 7169 </div> 7170 </div> 7171 </div> 7172 </section> 7173 <!-- Our Blog --> 7174 7175 <!-- Our Blog --> 7176 7177 <section class="our-blog section-gap lazyload" id="home-blogs"> 7178 <div class="section-gap side-space section-bg"> 7179 <div class="row"> 7180 <div class="col-md-12"> 7181 <div class="page-title-sec"> 7182 <div class="page-subtitle"> 7183 <p>OUR blogs</p> 7184 </div> 7185 <div class="page-title"> 7186 <h3 class="mb-3">Read our insights and how-to’s on the <span>Latest 7187 Trends</span></h3> 7188 </div> 7189 </div> 7190 </div> 7191 <div class="col-md-12"> 7192 <hr class="my-4"> 7193 </div> 7194 7195 <div class="col-md-12"> 7196 <div class="blog-row flex-center-between flex-wrap row-gap-3"> 7197 <div class="blog-title"> 7198 <h3 class="mb-4"><a 7199 href="https://www.hatsoffdigital.com/blogs/others 7200/built-from-ground-up-where-sky-was-never-the-limit-part-i" 7201 class="blog-name">Built From Ground Up, Where Sky Was Never The Limit - Part I</a> 7202 </h3> 7203 <a href="https://www.hatsoffdigital.com/blogs/others 7204/" 7205 class="category-box btn-box">Others 7206</a> 7207 </div> 7208 <div class="blog-link"> 7209 <a href="https://www.hatsoffdigital.com/blogs/others 7210/built-from-ground-up-where-sky-was-never-the-limit-part-i" 7211 aria-label="Read more about built-from-ground-up-where-sky-was-never-the-limit-part-i" class="btn-box btn-animate">
7212 <span>Read More</span> 7213 <span class="sr-only"> about Built From Ground Up, Where Sky Was Never The Limit - Part I</span> 7214 <span class="btn-arrow"> 7215 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 7216 viewBox="0 0 12.244 12.23"> 7217 <g transform="translate(-1106.786 -10182.84)"> 7218 <path d="M-12242.786,3311.378h11.463v11.457" 7219 transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" 7220 stroke-width="1.3"></path> 7221 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7222 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7223 </g> 7224 </svg> <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23"
7225 viewBox="0 0 12.244 12.23"> 7226 <g transform="translate(-1106.786 -10182.84)"> 7227 <path d="M-12242.786,3311.378h11.463v11.457" 7228 transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" 7229 stroke-width="1.3"></path> 7230 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7231 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7232 </g> 7233 </svg> </span> 7234 </a> 7235 </div> 7236 </div> 7237 </div> 7238 <div class="col-md-12"> 7239 <hr class="my-4"> 7240 </div> 7241 <div class="col-md-12"> 7242 <div class="blog-row flex-center-between flex-wrap row-gap-3"> 7243 <div class="blog-title"> 7244 <h3 class="mb-4"><a 7245 href="https://www.hatsoffdigital.com/blogs/others 7246/when-words-become-action-action-becomes-culture" 7247 class="blog-name">When Words Become Action, Action Becomes Culture</a> 7248 </h3> 7249 <a href="https://www.hatsoffdigital.com/blogs/others 7250/" 7251 class="category-box btn-box">Others 7252</a> 7253 </div> 7254 <div class="blog-link"> 7255 <a href="https://www.hatsoffdigital.com/blogs/others 7256/when-words-become-action-action-becomes-culture" 7257 aria-label="Read more about when-words-become-action-action-becomes-culture" class="btn-box btn-animate"> 7258 <span>Read More</span> 7259 <span class="sr-only"> about When Words Become Action, Action Becomes Culture</span> 7260 <span class="btn-arrow"> 7261 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23"
7262 viewBox="0 0 12.244 12.23"> 7263 <g transform="translate(-1106.786 -10182.84)"> 7264 <path d="M-12242.786,3311.378h11.463v11.457" 7265 transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" 7266 stroke-width="1.3"></path> 7267 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7268 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7269 </g> 7270 </svg> <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 7271 viewBox="0 0 12.244 12.23"> 7272 <g transform="translate(-1106.786 -10182.84)"> 7273 <path d="M-12242.786,3311.378h11.463v11.457" 7274 transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" 7275 stroke-width="1.3"></path> 7276 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7277 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7278 </g> 7279 </svg> </span> 7280 </a> 7281 </div> 7282 </div> 7283 </div> 7284 <div class="col-md-12"> 7285 <hr class="my-4"> 7286 </div> 7287 <div class="col-md-12"> 7288 <div class="blog-link"> 7289 <a href="https://www.hatsoffdigital.com/blogs" target="_blank" class="btn-box btn-animate"> 7290 <span>Check All Blog</span> 7291 <span class="btn-arrow"> 7292 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23"
7293 viewBox="0 0 12.244 12.23"> 7294 <g transform="translate(-1106.786 -10182.84)"> 7295 <path d="M-12242.786,3311.378h11.463v11.457" 7296 transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" 7297 stroke-width="1.3"></path> 7298 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" fill="none" 7299 stroke="currentColor" stroke-width="1.3"></line> 7300 </g> 7301 </svg> <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 7302 viewBox="0 0 12.244 12.23"> 7303 <g transform="translate(-1106.786 -10182.84)"> 7304 <path d="M-12242.786,3311.378h11.463v11.457" 7305 transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" 7306 stroke-width="1.3"></path> 7307 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" fill="none" 7308 stroke="currentColor" stroke-width="1.3"></line> 7309 </g> 7310 </svg> </span> 7311 </a> 7312 </div> 7313 </div> 7314 </div> 7315 </div> 7316 </section> 7317 <!-- Contact Us --> 7318 <section class="contact-us e-side-space section-gap lazyload" id="scroll-form"> 7319 <div class="row justify-content-center"> 7320 <div class="col-lg-12"> 7321 <div class="page-title-sec"> 7322 <div class="text-center"> 7323 <p class="mb-1">CONTACT US</p> 7324 </div> 7325 <div class="page-title d-flex justify-content-center"> 7326 <h2 class="mb-3 contantus-box">How Can We Help You?</h2> 7327 </div> 7328 </div> 7329 </div> 7330 <div class="col-lg-8"> 7331 <div class="page-title"> 7332 <p class="mb-3 text-center">Every day, 50+ experts at Hats-Off help <span>businesses around the 7333 globe</span> accelerate digital transformation and build a more 7334 resilient, sustainable and inclusive future. 7335 </p> 7336 </div> 7337 </div> 7338 <div class="col-md-12 mt-0"> 7339 <div class="form-sec"> 7340 <form method="post" id="form_submit" action="https://www.hatsoffdigital.com/service-form-submit"> 7341 <input type="hidden" name="_token" value="oOgzR2wt6BJdQGsFgovUptd0knXamMftV5dcq9t2"> <input type="hidden" name="title" value="Home Contact"> 7342 <input type="hidden" name="url" value="https://www.hatsoffdigital.com"> 7343 <input type="hidden" name="slug" value="/"> 7344 <input type="hidden" id="recaptchaToken" class="recaptchaToken" name="recaptchaToken" value=""> 7345 <div class="row row-gap-4"> 7346 <div class="col-md-6 col col-xxl-3"> 7347 <div class="input-sec"> 7348 <input type="text" id="username" class="input-box" name="name" 7349 value="" onchange="savetoDB('name')" placeholder="Full Name" > 7350 <span class="form_error name_error"></span> 7351 </div> 7352 </div> 7353 <div class="col-md-6 col-xxl-3"> 7354 <div class="input-sec"> 7355 <input type="email" id="usermail" class="input-box" name="email" 7356 value="" onchange="savetoDB('email')" placeholder="Email ID" >
7357 <span class="form_error email_error"></span> 7358 </div> 7359 </div> 7360 <div class="col-md-6 col-xxl-3"> 7361 <div class="input-sec"> 7362 <input type="number" id="usercontact" class="input-box" name="phone" 7363 value="" onchange="savetoDB('phone')" placeholder="Contact"> 7364 <span class="form_error phone_error"></span> 7365 </div> 7366 </div> 7367 <div class="col-md-6 col-xxl-3"> 7368 <div class="input-sec"> 7369 <input type="text" id="company_name" class="input-box" name="company_name" 7370 value="" onchange="savetoDB('company_name')" placeholder="Company Name" > 7371 <span class="form_error company_name_error"></span> 7372 </div> 7373 </div> 7374 <div class="col-md-12"> 7375 <div class="input-sec mb-0"> 7376 <textarea id="usermessage" class="input-box" placeholder="Message" 7377 name="message"></textarea> 7378 <span class="form_error message_error"></span> 7379 </div> 7380 </div> 7381 <div class="cf-turnstile" data-sitekey="0x4AAAAAAEj44_FnPzFeC3jD"></div> 7382 7383 7384 <div class="col-md-12"> 7385 <div id="form-btn"> 7386 <button type="submit" 7387 class="btn-box btn-animate form_submit mx-auto">Send Message 7388 <span class="btn-arrow" id="arrow"> 7389 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" 7390 height="12.23" viewBox="0 0 12.244 12.23"> 7391 <g transform="translate(-1106.786 -10182.84)"> 7392 <path d="M-12242.786,3311.378h11.463v11.457" 7393 transform="translate(13349.702 6872.112)" 7394 fill="none" stroke="currentColor" 7395 stroke-width="1.3"></path> 7396 <line y1="11.108" x2="11.258" 7397 transform="translate(1107.242 10183.5)" 7398 fill="none" stroke="currentColor" 7399 stroke-width="1.3"></line> 7400 </g> 7401 </svg> 7402 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" 7403 height="12.23" viewBox="0 0 12.244 12.23"> 7404 <g transform="translate(-1106.786 -10182.84)"> 7405 <path d="M-12242.786,3311.378h11.463v11.457" 7406 transform="translate(13349.702 6872.112)" 7407 fill="none" stroke="currentColor" 7408 stroke-width="1.3"></path> 7409 <line y1="11.108" x2="11.258" 7410 transform="translate(1107.242 10183.5)" 7411 fill="none" stroke="currentColor" 7412 stroke-width="1.3"></line> 7413 </g> 7414 </svg> 7415 </span>
7416 <span id="loader" class="loader" style="display: none"> 7417 <img src="https://hatsoffdigital.com/assets/images/loader.svg" width="20" 7418 alt="" loading="lazy"> 7419 </span> 7420 </button> 7421 <!-- <p class="success-message display-none">Enquiry Done</p> --> 7422 </div> 7423 </div> 7424 </div> 7425 </form> 7426</div> 7427 7428<style type="text/css"> 7429 input[type=number]::-webkit-inner-spin-button, 7430input[type=number]::-webkit-outer-spin-button { 7431 -webkit-appearance: none; 7432 -moz-appearance: none; 7433 appearance: none; 7434 margin: 0; 7435} 7436 7437 .modal-backdrop.fade.show { 7438 display: none; 7439 } 7440 7441 div#thankyou { 7442 backdrop-filter: blur(5px); 7443 -webkit-backdrop-filter: blur(5px); 7444 background-color: #aaaaaa30; 7445 } 7446 7447 .content-sec i { 7448 color: var(--orange-color); 7449 } 7450 7451 .modal-content.content-sec { 7452 border: 0 !important; 7453 border-radius: 10px; 7454 padding: 30px; 7455 align-items: center; 7456 } 7457</style> 7458 7459<!-- Modal --> 7460<div class="modal fade" id="thankyou"> 7461 <div class="modal-dialog modal-dialog-centered"> 7462 <div class="modal-content content-sec"> 7463 <i class="far fa-check-circle fa-5x mb-3"></i> 7464 <h3 class="text-center mb-0">Thankyou!</h3> 7465 <p class="text-center mb-3">We have recieved your enquiry. Our team should get in touch with you soon.</p> 7466 <button data-bs-dismiss="modal" type="button" class="btn-box btn-animate">Back to Site 7467 <span class="btn-arrow" id="arrow"> 7468 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23"
7469 viewBox="0 0 12.244 12.23"> 7470 <g transform="translate(-1106.786 -10182.84)"> 7471 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 7472 fill="none" stroke="currentColor" stroke-width="1.3"></path> 7473 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7474 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7475 </g> 7476 </svg> 7477 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 7478 viewBox="0 0 12.244 12.23"> 7479 <g transform="translate(-1106.786 -10182.84)"> 7480 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 7481 fill="none" stroke="currentColor" stroke-width="1.3"></path> 7482 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7483 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7484 </g> 7485 </svg> 7486 </span> 7487 </button> 7488 </div> 7489 </div> 7490</div> 7491 7492<section class="not-in-desk f-nav"> 7493 <div class="home-service"> 7494 <div class ="onl-btn"> 7495 <a href="#scroll-form" class="btn-box btn-animate mx-auto"> 7496 <span>Request A Quote</span> 7497 <span class="btn-arrow"> 7498 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" viewBox="0 0 12.244 12.23"> 7499 <g transform="translate(-1106.786 -10182.84)"> 7500 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" stroke-width="1.3"></path> 7501 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" fill="none" stroke="currentColor" stroke-width="1.3"></line> 7502 </g> 7503 </svg> <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" viewBox="0 0 12.244 12.23"> 7504 <g transform="translate(-1106.786 -10182.84)"> 7505 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" fill="none" stroke="currentColor" stroke-width="1.3"></path> 7506 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" fill="none" stroke="currentColor" stroke-width="1.3"></line> 7507 </g> 7508 </svg> 7509 </span> 7510 </a> 7511 </div> 7512 </div> 7513 </section> 7514 </div> 7515 </div> 7516 </section> 7517 <!-- Software Use --> 7518 <section class="software-development side-space section-gap lazyload"> 7519 <div class="page-title-sec"> 7520 <div class="page-title text-center"> 7521 <h3 class="mb-3"> Using our <span>technological experts,</span> we work to meet all your <span>software 7522 development needs</span></h3> 7523 <h5>Our team of skilled developers has hands-on experience with all the know-how of the latest technologies 7524 required to build a custom software. 7525 <br>Our 10+ years of expertise have efficaciously served many businesses before; we can serve you too! 7526 </h5> 7527 </div> 7528 </div> 7529 <div class="flex-center mt-4"> 7530 <div class="software-sec w-100"> 7531 <ul class="nav nav-tabs" id="softwareTab" role="tablist"> 7532 <li class="nav-item" role="presentation"> 7533 <button class="nav-link software-btn active" data-bs-toggle="tab" 7534 data-bs-target="#fontend-pane">Front 7535 End</button> 7536 </li> 7537 <li class="nav-item" role="presentation"> 7538 <button class="nav-link software-btn" data-bs-toggle="tab" 7539 data-bs-target="#backend-pane">Backend</button> 7540 </li> 7541 <li class="nav-item" role="presentation"> 7542 <button class="nav-link software-btn" data-bs-toggle="tab" data-bs-target="#cms-pane">CMS</button> 7543 </li> 7544 <li class="nav-item" role="presentation"> 7545 <button class="nav-link software-btn" data-bs-toggle="tab" 7546 data-bs-target="#database-pane">Database</button> 7547 </li> 7548 <li class="nav-item" role="presentation"> 7549 <button class="nav-link software-btn" data-bs-toggle="tab" 7550 data-bs-target="#mobile-pane">Mobile</button> 7551 </li> 7552 </ul> 7553 <div class="tab-content" id="softwareContent"> 7554 <div class="tab-pane fade show active" id="fontend-pane" role="tabpanel">
7555 <div class="flex-center software-row"> 7556 <a href="/services/it-solutions/web-development/website-development/angularjs" 7557 class="software-opt"> 7558 <span class="software-icon"> 7559 <i class="fab fa-angular"></i> 7560 </span> 7561 <span class="software-name">Angular JS</span> 7562 </a> 7563 <a href="/services/it-solutions/web-development/website-development/reactjs" 7564 class="software-opt"> 7565 <span class="software-icon"> 7566 <i class="fab fa-react"></i> 7567 </span> 7568 <span class="software-name">React</span> 7569 </a> 7570 <a href="#" class="software-opt"> 7571 <span class="software-icon"> 7572 <i class="fab fa-react"></i> 7573 </span> 7574 <span class="software-name">React Native</span> 7575 </a> 7576 <a href="#" class="software-opt"> 7577 <span class="software-icon"> 7578 <i class="devicon-typescript-plain"></i> 7579 </span> 7580 <span class="software-name">TypeScript</span> 7581 </a> 7582 <a href="#" class="software-opt"> 7583 <span class="software-icon"> 7584 <i class="fab fa-vuejs"></i> 7585 </span> 7586 <span class="software-name">Vue</span> 7587 </a> 7588 <a href="#" class="software-opt"> 7589 <span class="software-icon"> 7590 <i class="fab fa-html5"></i> 7591 </span> 7592 <span class="software-name">HTML5</span> 7593 </a> 7594 </div> 7595 </div> 7596 <div class="tab-pane fade" id="database-pane" role="tabpanel"> 7597 <div class="flex-center software-row"> 7598 <a href="#" class="software-opt"> 7599 <span class="software-icon"> 7600 <i class="devicon-mongodb-plain"></i> 7601 </span> 7602 <span class="software-name">Mongo DB</span> 7603 </a> 7604 <a href="#" class="software-opt"> 7605 <span class="software-icon"> 7606 <i class="devicon-mysql-plain-wordmark"></i> 7607 </span> 7608 <span class="software-name">MySQL</span> 7609 </a> 7610 <a href="#" class="software-opt"> 7611 <span class="software-icon"> 7612 <i class="devicon-microsoftsqlserver-plain"></i> 7613 </span> 7614 <span class="software-name">MsSQL</span> 7615 </a> 7616 <a href="#" class="software-opt"> 7617 <span class="software-icon"> 7618 <i class="devicon-firebase-plain"></i> 7619 </span> 7620 <span class="software-name">Firebase</span> 7621 </a> 7622 <a href="#" class="software-opt"> 7623 <span class="software-icon"> 7624 <i class="devicon-redis-plain"></i> 7625 </span>
7626 <span class="software-name">Redis</span> 7627 </a> 7628 </div> 7629 </div> 7630 <div class="tab-pane fade" id="backend-pane" role="tabpanel"> 7631 <div class="flex-center software-row"> 7632 <a href="/services/technologies/php-website-development/" class="software-opt"> 7633 <span class="software-icon"> 7634 <i class="fab fa-php"></i> 7635 </span> 7636 <span class="software-name">PHP</span> 7637 </a> 7638 <a href="/services/technologies/php/wordpress-website-development/" class="software-opt"> 7639 <span class="software-icon"> 7640 <i class="fab fa-wordpress"></i> 7641 </span> 7642 <span class="software-name">Wordpress</span> 7643 </a> 7644 <a href="/services/it-solutions/web-development/website-development/drupal" 7645 class="software-opt"> 7646 <span class="software-icon"> 7647 <i class="fab fa-drupal"></i> 7648 </span> 7649 <span class="software-name">Drupal</span> 7650 </a> 7651 <a href="/services/it-solutions/web-development/website-development/joomla" 7652 class="software-opt"> 7653 <span class="software-icon"> 7654 <i class="fab fa-joomla"></i> 7655 </span> 7656 <span class="software-name">Joomla</span> 7657 </a> 7658 7659 <a href="/services/it-solutions/web-development/website-development/laravel" 7660 class="software-opt"> 7661 <span class="software-icon"> 7662 <i class="fab fa-laravel"></i> 7663 </span> 7664 <span class="software-name">Laravel</span> 7665 </a> 7666 <a href="/services/it-solutions/web-development/website-development/magento" 7667 class="software-opt"> 7668 <span class="software-icon"> 7669 <i class="fab fa-magento"></i> 7670 </span> 7671 <span class="software-name">Magento</span> 7672 </a> 7673 <a href="/services/it-solutions/web-development/website-development/shopify" 7674 class="software-opt"> 7675 <span class="software-icon"> 7676 <i class="fab fa-shopify"></i> 7677 </span> 7678 <span class="software-name">Shopify</span> 7679 </a> 7680 <a href="#" class="software-opt"> 7681 <span class="software-icon"> 7682 <i class="devicon-java-plain"></i> 7683 </span> 7684 <span class="software-name">Java</span> 7685 </a> 7686 <a href="/services/it-solutions/web-development/website-development/nodejs" 7687 class="software-opt"> 7688 <span class="software-icon"> 7689 <i class="devicon-nodejs-plain-wordmark"></i> 7690 </span> 7691 <span class="software-name">Node .JS</span> 7692 </a> 7693 </div> 7694 </div> 7695 <div class="tab-pane fade" id="cms-pane" role="tabpanel">
7696 <div class="flex-center software-row"> 7697 <a href="/services/technologies/php/wordpress-website-development/" class="software-opt"> 7698 <span class="software-icon"> 7699 <i class="fab fa-wordpress"></i> 7700 </span> 7701 <span class="software-name">Wordpress</span> 7702 </a> 7703 <a href="/services/it-solutions/web-development/website-development/drupal" 7704 class="software-opt"> 7705 <span class="software-icon"> 7706 <i class="fab fa-drupal"></i> 7707 </span> 7708 <span class="software-name">Drupal</span> 7709 </a> 7710 <a href="/services/it-solutions/web-development/website-development/laravel" 7711 class="software-opt"> 7712 <span class="software-icon"> 7713 <i class="fab fa-laravel"></i> 7714 </span> 7715 <span class="software-name">Laravel</span> 7716 </a> 7717 <a href="/services/it-solutions/web-development/website-development/magento" 7718 class="software-opt"> 7719 <span class="software-icon"> 7720 <i class="fab fa-magento"></i> 7721 </span> 7722 <span class="software-name">Magento</span> 7723 </a> 7724 <a href="/services/it-solutions/web-development/website-development/shopify" 7725 class="software-opt"> 7726 <span class="software-icon"> 7727 <i class="fab fa-shopify"></i> 7728 </span> 7729 <span class="software-name">Shopify</span> 7730 </a> 7731 </div> 7732 </div> 7733 <div class="tab-pane fade" id="mobile-pane" role="tabpanel"> 7734 <div class="flex-center software-row"> 7735 <a href="#" class="software-opt"> 7736 <span class="software-icon"> 7737 <i class="fab fa-apple"></i> 7738 </span> 7739 <span class="software-name">iOS</span> 7740 </a> 7741 <a href="#" class="software-opt"> 7742 <span class="software-icon"> 7743 <i class="devicon-android-plain"></i> 7744 </span> 7745 <span class="software-name">Android</span> 7746 </a> 7747 <a href="#" class="software-opt"> 7748 <span class="software-icon"> 7749 <i class="fab fa-react"></i> 7750 </span> 7751 <span class="software-name">React Native</span> 7752 </a> 7753 <a href="#" class="software-opt"> 7754 <span class="software-icon"> 7755 <i class="devicon-flutter-plain"></i> 7756 </span> 7757 <span class="software-name">Flutter</span> 7758 </a> 7759 <a href="#" class="software-opt"> 7760 <span class="software-icon"> 7761 <i class="devicon-ionic-original"></i> 7762 </span> 7763 <span class="software-name">Ionic</span> 7764 </a> 7765 <a href="#" class="software-opt">
7766 <span class="software-icon"> 7767 <i class="devicon-swift-plain"></i> 7768 </span> 7769 <span class="software-name">Swift</span> 7770 </a> 7771 <a href="#" class="software-opt"> 7772 <span class="software-icon"> 7773 <i class="devicon-kotlin-plain"></i> 7774 </span> 7775 <span class="software-name">Kotlin</span> 7776 </a> 7777 <a href="#" class="software-opt"> 7778 <span class="software-icon"> 7779 <i class="devicon-objectivec-plain"></i> 7780 </span> 7781 <span class="software-name">Objective</span> 7782 </a> 7783 </div> 7784 </div> 7785 </div> 7786 </div> 7787 </div> 7788 </section> 7789 <!-- Benefits --> 7790 <!-- Feature --> 7791 <!-- <section class="who-work-with side-space section-gap position-relative lazyload"> 7792 <div class="section-gap"> 7793 <div class="row align-items-center"> 7794 <div class="col-md-5 pr-lg-4 mb-4 mb-lg-0"> 7795 <div class="page-title-sec"> 7796 <div class="page-title"> 7797 <h3>Who we <span>work</span> with</h3> 7798 </div> 7799 <div class="page-title"> 7800 <p class="mb-0">As an acclaimed digital marketing company in India, we have worked with various businesses and brands. Whether a startup or a well-established enterprise, we have never failed to provide the best solutions. With Hats-Off, you can assure an extensive variety services ranging from social media marketing, seo, website design and development, PR, upto mobile app development 7801 </p> 7802 </div> 7803 </div> 7804 </div> 7805 <div class="col-lg-6"> 7806 <div class="row row-gap-4"> 7807 <div class="col-md-6 col-6"> 7808 <div class="who-work-feat who-work-icon"> 7809 <svg width="60px" height="60px" enable-background="new 0 0 512 512" 7810 fill="#c44b1f" version="1.1" viewBox="0 0 512 512" xml:space="preserve" 7811 xmlns="http://www.w3.org/2000/svg"> 7812 <path 7813 d="m351.12 288.68
7813-69.513-42.712c-0.847-0.521-1.821-0.874-2.804-1.028l-21.763-3.84c-4.026-0.712-7.98 2.058-8.69 6.084s2.057 7.98 6.083 8.69l20.537 3.624 68.297 41.965c3.334 2.049 7.907 1.054 10.12-2.166 2.374-3.456 1.302-8.422-2.267-10.617z" /> 7814 <path 7815 d="m509.51 291.08c-2.83-3.027-7.576-3.187-10.603-0.359l-30.409 28.42-139.34-137.48 180-168.69c3.022-2.833 3.176-7.58 0.344-10.602s-7.58-3.176-10.602-0.344l-185.69 174.02c-3.062 2.869-3.126 7.865-0.139 10.813l12.325 12.159-3.934 3.474-82.381-7.094c-1.271-0.108-2.592 0.111-3.752 0.647l-65.273 29.728c-0.19-0.049-0.38-0.097-0.577-0.132l-37.546-6.626 3.036-7.761c1.501-3.838-0.374-8.168-4.2-9.697l-120.02-48.006c-3.848-1.541-8.212 0.332-9.75 4.179-1.539 3.846 0.332 8.212 4.179 9.75l113.1 45.242-66.652 170.33-41.162-14.579c-3.906-1.382-8.192 0.661-9.575 4.567-1.383 3.905 0.662 8.192 4.567 9.575l48.006 17.002c3.768 1.335 8.034-0.618 9.489-4.338l11.139-28.466 29.187 16.356-3.219 5.218c-9.121 14.783-4.516 34.231 10.268 43.353 7.818 4.824 17.523 5.968 26.259 3.14 1.401 9.104 6.751 17.228 14.596 22.068 7.818 4.824 17.522 5.968 26.259 3.14 1.402 9.104 6.75 17.227 14.595 22.068 7.842 4.839 17.496 5.978 26.261 3.149 1.404 9.1 6.751 17.22 14.594 22.059 11.399 7.033 26.487 5.982 36.762-2.63 2.59-2.171 4.819-4.762 6.593-7.638l5.117-8.292 4.213 2.588c11.414 7.013 26.498 5.933 36.757-2.698 2.586-2.176 4.81-4.771 6.579-7.65 3.516-5.723 4.971-12.137 4.587-18.381 2.382 0.573 4.82 0.881 7.28 0.881 10.894 0 21.199-5.745 26.9-15.023 3.434-5.59 5.003-11.963 4.605-18.378 2.376 0.57 4.809 0.876 7.261 0.876 10.894 0 21.2-5.745 26.9-15.023 3.437-5.594 5.005-11.971 4.604-18.391 2.402 0.572 4.841 0.871 7.269 0.871 10.594 0 20.953-5.334 26.894-15.003 9.094-14.801 4.452-34.24-10.349-43.334l-5.14-3.158 17.239-18.012 16.125 15.91c2.828 2.789 7.489 2.851 10.39 0.141l35.671-33.337c3.025-2.829 3.185-7.576 0.356-10.603zm-368.59 122.51c-4.779 7.743-14.966 10.155-22.71 5.379-7.744-4.778-10.156-14.965-5.379-22.709l42.014-68.091c4.689-7.6 14.751-10.085 22.434-5.546 7.95 4.7 10.144 15.599 5.371 23.336l-41.73 67.631zm40.853 25.208c-4.777 7.743-14.965 10.156-22.708 5.379-7.65-4.721-10.107-15.047-5.379-22.709l33.61-54.473c4.689-7.599 14.751-10.085 22.434-5.546 7.95 4.7 10.144 15.599 5.37 23.336l-33.327 54.013zm40.858 25.208c-2.316 3.751-5.954 6.377-10.242 7.393-4.291 1.017-8.718 0.3-12.469-2.014-7.649-4.721-10.106-15.048-5.378-22.709l25.208-40.855c4.689-7.6 14.752-10.085 22.434-5.546 7.95 4.7 10.144 15.599 5.371 23.336l-24.924 40.395zm57.376-1.567-16.522 26.776c-4.721 7.65-15.047 10.105-22.71 5.378-7.649-4.72-10.105-15.048-5.378-22.709l16.805-27.236c4.689-7.598 14.752-10.087 22.434-5.545 7.95 4.699 10.144 15.599 5.371 23.336zm136.64-133.5-37.182-22.847c-3.448-2.119-8.199-0.984-10.317 2.464-2.119 3.448-0.984 8.199 2.464 10.317l55.397 34.039c7.752 4.764 10.184 14.946 5.421 22.699-4.764 7.752-14.947 10.184-22.7 5.421l-59.413-36.508c-3.529-2.17-8.149-1.065-10.317 2.464s-1.065 8.149 2.464 10.317l45.78 28.13c7.659 4.706 10.134 15.029 5.421 22.699-4.706 7.659-15.029 10.133-22.699 5.421l-41.488-25.493c-3.53-2.169-8.149-1.065-10.317 2.464s-1.065 8.149 2.464 10.317l27.854 17.115c7.658 4.707 10.134 15.028 5.421 22.699-4.706 7.658-15.029 10.134-22.699 5.421 0 0-24.496-15.037-24.725-15.147-3.425-1.654-7.613-0.477-9.645 2.831-2.168 3.529-1.065 8.149 2.464 10.317l10.419 6.402c7.752 4.764 10.183 14.946 5.42 22.699-4.706 7.659-15.029 10.133-22.699 5.421l-4.188-2.574 3.527-5.717c4.509-7.308 5.908-16.308 3.838-24.692-2.042-8.274-7.136-15.176-14.341-19.435-5.622-3.322-11.911-4.668-18.035-4.255 1.15-4.94 1.156-10.146-0.076-15.137-2.042-8.274-7.136-15.176-14.341-19.435-5.622-3.323-11.911-4.669-18.035-4.256 3.093-13.288-2.601-27.585-14.417-34.571-5.622-3.322-11.911-4.668-18.035-4.256 3.093-13.288-2.601-27.585-14.417-34.571-14.669-8.671-33.884-3.922-42.834 10.582l-30.91 50.096-31.558-17.678 46.738-119.44 25.448 4.491c-7.238 8.99-9.273 21.647-4.173 32.848 5.278 11.588 16.744 18.445 28.718 18.444 4.361 0 8.79-0.91 13.011-2.832l43.928-20.008c3.72-1.694 5.412-6.215 3.717-9.935-1.694-3.719-6.215-5.413-9.935-3.717l-43.929 20.007c-8.279 3.772-18.086 0.103-21.858-8.178-3.771-8.281-0.103-18.086 8.178-21.858l70.294-32.015 83.618 7.201c0.215 0.019 0.43 0.028 0.644 0.028 1.82 0 3.587-0.663 4.964-1.877l7.118-6.285 100.19 98.849-19.633 20.516z" /> 7816 </svg> 7817 <h4>Start Up Business</h4> 7818 </div> 7819 </div> 7820 <div class="col-md-6 col-6"> 7821 <div class="who-work-feat who-work-icon"> 7822 <svg width="60px" height="60px" enable-background="new 0 0 512 512" 7823 fill="#c44b1f" version="1.1" viewBox="0 0 512 512" xml:space="preserve" 7824 xmlns="http://www.w3.org/2000/svg"> 7825 <path 7826 d="m488.4 492h-21.933v-318.46c0-14.823-12.06-26.882-26.882-26.882h-49.024c-14.823 0-26.882 12.06-26.882 26.882v318.46h-55.692v-174.18c0-14.823-12.059-26.882-26.882-26.882h-49.024c-14.823 0-26.882 12.06-26.882 26.882v174.18h-55.692v-90.204c0-14.823-12.06-26.882-26.882-26.882h-49.025c-14.823 0-26.882 12.06-26.882 26.882v90.204h-23.116c-5.523 0-10 4.477-10 10s4.477 10 10 10h464.8
7826c5.523 0 10-4.477 10-10s-4.477-10-10-10zm-358.9 0h-62.788v-90.204c0-3.795 3.087-6.882 6.882-6.882h49.024c3.795 0 6.882 3.087 6.882 6.882v90.204zm158.48 0h-62.788v-174.18c0-3.795 3.087-6.882 6.882-6.882h49.024c3.794 0 6.882 3.087 6.882 6.882v174.18zm158.48 0h-62.788v-318.46c0-3.795 3.087-6.882 6.882-6.882h49.024c3.795 0 6.882 3.087 6.882 6.882v318.46z" /> 7827 <path 7828 d="m466.44 10.516c0.14-2.729-0.82-5.504-2.904-7.588s-4.859-3.045-7.588-2.904c-0.161-7e-3 -0.32-0.024-0.484-0.024h-60.5c-5.523 0-10 4.477-10 10s4.477 10 10 10h37.357l-98.857 98.858-37.28-37.28c-1.875-1.875-4.419-2.929-7.071-2.929s-5.196 1.054-7.071 2.929l-179.77 179.77c-3.905 3.905-3.905 10.237 0 14.143 1.953 1.951 4.512 2.927 7.071 2.927s5.119-0.976 7.071-2.929l172.7-172.7 37.28 37.28c3.905 3.905 10.237 3.905 14.143 0l105.93-105.93v33.81c0 5.523 4.477 10 10 10s10-4.477 10-10v-56.953c0-0.163-0.017-0.322-0.024-0.484z" /> 7829 <circle cx="75.64" cy="303.31" r="10" /> 7830 </svg> 7831 <h4>Small & Medium Business</h4> 7832 </div> 7833 </div> 7834 <div class="col-md-6 col-6"> 7835 <div class="who-work-feat who-work-icon"> 7836 <svg width="60px" height="60px" enable-background="new 0 0 480 480" 7837 fill="#c44b1f" version="1.1" viewBox="0 0 480 480" xml:space="preserve" 7838 xmlns="http://www.w3.org/2000/svg"> 7839 <rect x="168" y="160" width="16" height="16" /> 7840 <rect x="168" y="192" width="16" height="16" /> 7841 <rect x="168" y="224" width="16" height="16" /> 7842 <rect x="168" y="256" width="16" height="16" /> 7843 <rect x="200" y="160" width="16" height="16" /> 7844 <rect x="200" y="192" width="16" height="16" /> 7845 <rect x="200" y="224" width="16" height="16" /> 7846 <rect x="200" y="256" width="16" height="16" /> 7847 <rect x="232" y="160" width="16" height="16" /> 7848 <rect x="232" y="192" width="16" height="16" /> 7849 <rect x="232" y="224" width="16" height="16" /> 7850 <rect x="232" y="256" width="16" height="16" /> 7851 <rect x="264" y="160" width="16" height="16" /> 7852 <rect x="200" y="128" width="16" height="16" /> 7853 <rect x="232" y="128" width="16" height="16" /> 7854 <rect x="264" y="128" width="16" height="16" /> 7855 <rect x="264" y="192" width="16" height="16" /> 7856 <rect x="264" y="224" width="16" height="16" /> 7857 <rect x="264" y="256" width="16" height="16" /> 7858 <rect x="296" y="160" width="16" height="16" /> 7859 <rect x="296" y="192" width="16" height="16" /> 7860 <rect x="296" y="224" width="16" height="16" /> 7861 <rect x="296" y="256" width="16" height="16" /> 7862 <path 7863 d="m472.01 120h-9e-3 -120v-112c3e-3 -4.416-3.575-7.997-7.991-8h-9e-3 -208c-4.416-3e-3 -7.997 3.575-8 7.991v9e-3 112h-120c-4.416-3e-3 -7.997 3.575-8 7.991v9e-3 288c-3e-3 4.416 3.575 7.997 7.991 8h9e-3 16.723c-0.464 2.642-0.706 5.318-0.723 8v40c-3e-3 4.416 3.575 7.997 7.991 8h9e-3 416c4.416 3e-3 7.997-3.575 8-7.991v-9e-3 -40c-0.016-2.682-0.258-5.358-0.723-8h16.723c4.416 3e-3 7.997-3.575 8-7.991v-9e-3 -288c3e-3 -4.416-3.575-7.997-7.991-8zm-128.01 224c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16c8.832 0.011 15.989 7.168 16 16zm-192-16c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16c0.011-8.832 7.168-15.989 16-16zm-48 136h-64v-32c0-17.673 14.327-32 32-32s32 14.327 32 32v32zm-48-96c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16c-8.832-0.011-15.989-7.168-16-16zm49.212 29.425c-3.017-2.91-6.4-5.414-10.064-7.449 12.202-12.784 11.731-33.04-1.053-45.243s-33.04-11.731-45.243 1.053c-11.803 12.365-11.803 31.824 0 44.189-7.636 4.238-13.98 10.467-18.358 18.024h-14.494v-272h112v187.06c-10.986 12.327-10.615 31.039 0.852 42.92-12 6.637-20.599 18.077-23.64 31.449zm78.788 66.575h-64v-56c0-17.673 14.327-32 32-32s32 14.327 32 32v56zm9
78636 0h-80v-56c0-22.091 17.909-40 40-40s40 17.909 40 40v56zm-64-136c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24c-13.249-0.014-23.986-10.751-24-24zm72.722 52.495c-5.357-9.444-13.327-17.139-22.953-22.16 16.897-14.232 19.057-39.467 4.826-56.364-14.232-16.897-39.467-19.057-56.364-4.826-16.897 14.232-19.057 39.467-4.826 56.364 1.468 1.743 3.082 3.357 4.826 4.826-9.626 5.021-17.596 12.716-22.953 22.16-4.206-6-9.722-10.965-16.13-14.519 12.265-12.547 12.037-32.662-0.511-44.927-8.079-7.898-19.744-10.91-30.637-7.913v-297.14h192v297.14c-2.607-0.719-5.296-1.101-8-1.136-17.626-0.047-31.953 14.204-32 31.831-0.022 8.248 3.151 16.185 8.852 22.145-6.408 3.554-11.924 8.519-16.13 14.519zm71.278 51.505v32h-64v-56c0-17.673 14.327-32 32-32s32 14.327 32 32v24zm80 32h-64v-32c0-17.673 14.327-32 32-32s32 14.327 32 32v32zm-48-96c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16c-8.832-0.011-15.989-7.168-16-16zm72 40h-14.494c-4.378-7.557-10.722-13.786-18.358-18.024 12.202-12.784 11.731-33.04-1.053-45.243-12.784-12.202-33.04-11.731-45.243 1.053-11.803 12.365-11.803 31.824 0 44.189-3.664 2.035-7.048 4.539-10.064 7.449-3.04-13.372-11.64-24.812-23.64-31.449 11.467-11.881 11.839-30.593 0.853-42.92v-187.06h112v272z" /> 7864 <rect x="376" y="184" width="16" height="128" /> 7865 <rect x="424" y="184" width="16" height="128" /> 7866 <rect x="40" y="184" width="16" height="128" /> 7867 <rect x="88" y="184" width="16" height="128" /> 7868 <path 7869 d="m288.01 32h-9e-3 -96c-4.416-3e-3 -7.997 3.575-8 7.991v9e-3 64c-3e-3 4.416 3.575 7.997 7.991 8h9e-3 96c4.416 3e-3 7.997-3.575 8-7.991v-9e-3 -64c3e-3 -4.416-3.575-7.997-7.991-8zm-8.009 64h-80v-48h80v48z" /> 7870 </svg> 7871 <h4>Enterprise</h4> 7872 </div> 7873 </div> 7874 <div class="col-md-6 col-6"> 7875 <div class="who-work-feat who-work-icon"> 7876 <svg width="60px" height="60px" enable-background="new 0 0 480 480" 7877 fill="#c44b1f" version="1.1" viewBox="0 0 480 480" xml:space="preserve" 7878 xmlns="http://www.w3.org/2000/svg"> 7879 <rect x="168" y="160" width="16" height="16" /> 7880 <rect x="168" y="192" width="16" height="16" /> 7881 <rect x="168" y="224" width="16" height="16" /> 7882 <rect x="168" y="256" width="16" height="16" /> 7883 <rect x="200" y="160" width="16" height="16" /> 7884 <rect x="200" y="192" width="16" height="16" /> 7885 <rect x="200" y="224" width="16" height="16" /> 7886 <rect x="200" y="256" width="16" height="16" /> 7887 <rect x="232" y="160" width="16" height="16" /> 7888 <rect x="232" y="192" width="16" height="16" /> 7889 <rect x="232" y="224" width="16" height="16" /> 7890 <rect x="232" y="256" width="16" height="16" /> 7891 <rect x="264" y="160" width="16" height="16" /> 7892 <rect x="200" y="128" width="16" height="16" /> 7893 <rect x="232" y="128" width="16" height="16" /> 7894 <rect x="264" y="128" width="16" height="16" /> 7895 <rect x="264" y="192" width="16" height="16" /> 7896 <rect x="264" y="224" width="16" height="16" /> 7897 <rect x="264" y="256" width="16" height="16" /> 7898 <rect x="296" y="160" width="16" height="16" /> 7899 <rect x="296" y="192" width="16" height="16" /> 7900 <rect x="296" y="224" width="16" height="16" /> 7901 <rect x="296" y="256" width="16" height="16" /> 7902 <path 7903 d="m472.01 120h-9e-3 -120v-112c3e-3 -4.416-3.575-7.997-7.991-8h-9e-3 -208c-4.416-3e-3 -7.997 3.575-8 7.991v9e-3 112h-120c-4.416-3e-3 -7.997 3.575-8 7.991v9e-3 288c-3e-3 4.416 3.575 7.997 7.991 8h9e-3 16.723c-0.464 2.642-0.706 5.318-0.723 8v40c-3e-3 4.416 3.575 7.997 7.991 8h9e-3 416c4.416 3e-3 7.997-3.575 8-7.991v-9e-3 -40c-0.016-2.682-0.258-5.358-0.723-8h16.723c4.416 3e-3 7.997-3.575 8-7.991v-9e-3 -288c3e-3 -4.416-3.575-7.997-7.991-8zm-128.01 224c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16c8.832 0.011 15.989 7.168 16 16zm-192-16c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16c0.011-8.832 7.168-15.989 16-16zm-48 136h-64v-32c0-17.673 14.327-32 32-32s32 14.327 32 32v32zm-48-96c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16c-8.832-0.011-15.989-7.168-16-16zm49.212 29.425c-3.017-2.91-6.4-5.414-10.064-7.449 12.202-12.784 11.731-33.04-1.053-45.243s-33.04-11.731-45.243 1.053c-11.803 12.365-11.803 31.824 0 44.189-7.636 4.238-13.98 10.467-18.358 18.024h-14.494v-272h112v187.06c-10.986 12.327-10.615 31.039 0.852 42.92-12 6.637-20.599 18.077-23.64 31.449zm78.788 66.575h-64v-56c0-17.673 14.327-32 32-32s32 14.327 32 32v56zm9
79036 0h-80v-56c0-22.091 17.909-40 40-40s40 17.909 40 40v56zm-64-136c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24c-13.249-0.014-23.986-10.751-24-24zm72.722 52.495c-5.357-9.444-13.327-17.139-22.953-22.16 16.897-14.232 19.057-39.467 4.826-56.364-14.232-16.897-39.467-19.057-56.364-4.826-16.897 14.232-19.057 39.467-4.826 56.364 1.468 1.743 3.082 3.357 4.826 4.826-9.626 5.021-17.596 12.716-22.953 22.16-4.206-6-9.722-10.965-16.13-14.519 12.265-12.547 12.037-32.662-0.511-44.927-8.079-7.898-19.744-10.91-30.637-7.913v-297.14h192v297.14c-2.607-0.719-5.296-1.101-8-1.136-17.626-0.047-31.953 14.204-32 31.831-0.022 8.248 3.151 16.185 8.852 22.145-6.408 3.554-11.924 8.519-16.13 14.519zm71.278 51.505v32h-64v-56c0-17.673 14.327-32 32-32s32 14.327 32 32v24zm80 32h-64v-32c0-17.673 14.327-32 32-32s32 14.327 32 32v32zm-48-96c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16c-8.832-0.011-15.989-7.168-16-16zm72 40h-14.494c-4.378-7.557-10.722-13.786-18.358-18.024 12.202-12.784 11.731-33.04-1.053-45.243-12.784-12.202-33.04-11.731-45.243 1.053-11.803 12.365-11.803 31.824 0 44.189-3.664 2.035-7.048 4.539-10.064 7.449-3.04-13.372-11.64-24.812-23.64-31.449 11.467-11.881 11.839-30.593 0.853-42.92v-187.06h112v272z" /> 7904 <rect x="376" y="184" width="16" height="128" /> 7905 <rect x="424" y="184" width="16" height="128" /> 7906 <rect x="40" y="184" width="16" height="128" /> 7907 <rect x="88" y="184" width="16" height="128" /> 7908 <path 7909 d="m288.01 32h-9e-3 -96c-4.416-3e-3 -7.997 3.575-8 7.991v9e-3 64c-3e-3 4.416 3.575 7.997 7.991 8h9e-3 96c4.416 3e-3 7.997-3.575 8-7.991v-9e-3 -64c3e-3 -4.416-3.575-7.997-7.991-8zm-8.009 64h-80v-48h80v48z" /> 7910 </svg> 7911 <h4>Agencies</h4> 7912 </div> 7913 </div> 7914 </div> 7915 </div> 7916 </div> 7917 </div> 7918 </section> --> 7919 7920 7921 7922 </main> 7923 <footer> 7924 <!-- cookiealert styles --> 7925<link rel="stylesheet" 7926 href="/assets/css/cdn.jsdelivr.net_gh_Wruczek_Bootstrap-Cookie-Alert@gh-pages_cookiealert.css"> 7927 7928<div class="alert text-center cookiealert" role="alert"> 7929 <div class="row"> 7930 <div class="col-12"> 7931 We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. 7932 We also disclose information about your use of our site with our social media, advertising and analytics 7933 partners. 7934 </div> 7935 <div class="col-12"> 7936 <div class="blog-link"> 7937 <a id="cookieAcceptBarConfirm" class="btn-box btn-animate acceptcookies" 7938 style="margin: auto;cursor:pointer"> 7939 <span>Accept and Close</span> 7940 <span class="btn-arrow"> 7941 <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23"
7942 viewBox="0 0 12.244 12.23"> 7943 <g transform="translate(-1106.786 -10182.84)"> 7944 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 7945 fill="none" stroke="currentColor" stroke-width="1.3"></path> 7946 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7947 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7948 </g> 7949 </svg> <svg xmlns="http://www.w3.org/2000/svg" width="12.244" height="12.23" 7950 viewBox="0 0 12.244 12.23"> 7951 <g transform="translate(-1106.786 -10182.84)"> 7952 <path d="M-12242.786,3311.378h11.463v11.457" transform="translate(13349.702 6872.112)" 7953 fill="none" stroke="currentColor" stroke-width="1.3"></path> 7954 <line y1="11.108" x2="11.258" transform="translate(1107.242 10183.5)" 7955 fill="none" stroke="currentColor" stroke-width="1.3"></line> 7956 </g> 7957 </svg> 7958 </span> 7959 </a> 7960 </div> 7961 </div> 7962 </div> 7963</div> 7964<!-- END Bootstrap-Cookie-Alert --> 7965 7966<div class="common-bottom-blur"> 7967 7968 <div class="common-blur-child-6"></div> 7969 <div class="common-blur-child-7"></div> 7970</div> 7971 7972 7973<div class="ask-ai" id="askAi"> 7974 <button class="ask-ai__btn" id="askAiBtn" type="button" aria-label="Ask AI about Hats Off" aria-expanded="false"> 7975 <svg class="i-spark" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l2.2 6.3L20.5 10.5l-6.3 2.2L12 19l-2.2-6.3L3.5 10.5l6.3-2.2z"/><path d="M19 15l.9 2.1L22 18l-2.1.9L19 21l-.9-2.1L16 18l2.1-.9z"/></svg> 7976 <svg class="i-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg> 7977 </button> 7978 7979 7980 <a class="ask-ai__item" href="https://claude.ai/new?q=Research%20Hats-Off%20Digital%20and%20provide%20a%20factual%20overview%20of%20its%20services%2C%20expertise%2C%20clients%2C%20achievements%2C%20locations%2C%20and%20company%20background." target="_blank" rel="noopener noreferrer" aria-label="Research Hats-Off Digital with Claude"> 7981 <img src="https://www.hatsoffdigital.com/assets/images/claude.svg" width="24" height="24" alt="" aria-hidden="true"> 7982 </a> 7983 <a class="ask-ai__item" href="https://www.perplexity.ai/search?q=Research+Hats-Off+Digital+and+provide+a+cited+overview+of+its+services%2C+expertise%2C+clients%2C+achievements%2C+locations%2C+and+company+background.&utm_source=chatgpt.com" target="_blank" rel="noopener noreferrer" aria-label="Research Hats-Off Digital with Perplexity"> 7984 <img src="https://www.hatsoffdigital.com/assets/images/perplexity.svg" width="24" height="24" alt="" aria-hidden="true"> 7985 </a> 7986 <a class="ask-ai__item" href="https://www.google.com/search?udm=50&q=Hats-Off+Digital+and+provide+a+concise+overview+of+its+services%2C+expertise%2C+locations%2C+and+company+background.&utm_source=chatgpt.com" target="_blank" rel="noopener noreferrer" aria-label="Search Google about Hats-Off Digital"> 7987 <img src="https://www.hatsoffdigital.com/assets/images/google-ai.svg" width="24" height="24" alt="" aria-hidden="true"> 7988 </a> 7989 <a class="ask-ai__item" href="https://chatgpt.com/?q=Hats-Off+Digital+and+provide+a+concise+overview+of+its+services%2C+expertise%2C+locations%2C+and+company+background.&utm_source=chatgpt.com" target="_blank" rel="noopener noreferrer" aria-label="Ask ChatGPT about Hats-Off Digital"> 7990 <img src="https://www.hatsoffdigital.com/assets/images/chatgpt.svg" width="24" height="24" alt="" aria-hidden="true"> 7991 </a> 7992</div> 7993 7994 7995 7996<button class="theme-toggle" id="themeToggle" aria-label="Toggle theme"> 7997 7998 <!-- Sun icon (keep as it is) --> 7999 <span class="icon sun"> 8000 <svg class="w-4 h-4" fill="#fff" viewBox="0 0 20 20"> 8001 <path 8002 d="M10 2a1 1 0 011 1v1A1 1 0 119 4V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707A1 1 0 1113.536 5.05l.707-.707a1 1 0 011.414.0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707A1 1 0 004.343 5.757l.707.707zm1.414 8.486-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" 8003 fill-rule="evenodd" clip-rule="evenodd"></path> 8004 </svg> 8005 </span> 8006 8007 8008 <!-- AUTO icon (NEW) --> 8009 <span class="icon auto">
8010 <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 8011 <g clip-path="url(#clip0_2068_45108)"> 8012 <path 8013 d="M57.0049 0.0341797C58.6791 0.0341797 60.0361 1.3912 60.0361 3.06543V12.9619C63.6696 13.9325 67.0943 15.4144 70.2266 17.3281L77.2373 10.3174C78.4213 9.13342 80.3405 9.13342 81.5244 10.3174L90.9688 19.7617C92.1525 20.9457 92.1525 22.8649 90.9688 24.0488L83.7627 31.2559C85.5516 34.3818 86.918 37.7805 87.7871 41.373H96.9688C98.6427 41.3732 99.9996 42.7302 100 44.4043V57.7617C100 59.4359 98.643 60.7929 96.9688 60.793H87.5146C86.5829 64.2174 85.1953 67.4542 83.4209 70.4336L90.6309 77.6426C91.8148 78.8265 91.8148 80.7467 90.6309 81.9307L81.1855 91.375C80.0016 92.5588 78.0823 92.5589 76.8984 91.375L69.6475 84.124C66.5592 85.9382 63.1997 87.3401 59.6426 88.25V96.9346C59.6426 98.6088 58.2846 99.9658 56.6104 99.9658H43.2539C41.5797 99.9658 40.2227 98.6088 40.2227 96.9346V88.2305C36.8392 87.3574 33.6339 86.0403 30.6729 84.3457L23.7109 91.3076C22.527 92.4911 20.6077 92.4914 19.4238 91.3076L9.97949 81.8623C8.79555 80.6783 8.79554 78.7591 9.97949 77.5752L16.7451 70.8096C14.862 67.7273 13.398 64.3616 12.4268 60.793H3.03125C1.35714 60.7928 1.58286e-05 59.4359 0 57.7617V44.4043C0.000247251 42.7302 1.35728 41.373 3.03125 41.373H12.1533C13.0578 37.6342 14.504 34.1079 16.4014 30.8779L10.1143 24.5908C8.93071 23.4068 8.93049 21.4875 10.1143 20.3037L19.5596 10.8594C20.7435 9.67543 22.6627 9.67542 23.8467 10.8594L30.0918 17.1045C33.3267 15.1777 36.8638 13.7066 40.6162 12.7803V3.06543C40.6162 1.3912 41.9742 0.0341797 43.6484 0.0341797H57.0049ZM73.5947 54.1016C72.8891 52.8818 71.3823 52.4002 70.1729 52.7041L64.6582 54.0977C62.9908 54.5186 61.9802 56.2115 62.4014 57.8789C62.7579 59.2903 64.0257 60.2303 65.418 60.2305C65.4376 60.2305 65.4579 60.2299 65.4775 60.2295C62.1056 65.2468 56.377 68.4443 50.0977 68.4443C42.0264 68.4443 34.9449 63.2873 32.4756 55.6113C31.949 53.9744 30.1946 53.0734 28.5576 53.6006C26.9204 54.1272 26.0203 55.8814 26.5469 57.5186C29.8474 67.779 39.3117 74.6729 50.0977 74.6729C59.0285 74.6728 67.1297 69.8322 71.4844 62.3691C72.461 63.605 74.2332 63.9278 75.5928 63.0654C77.0451 62.1442 77.4759 60.2199 76.5547 58.7676L73.5947 54.1016ZM49.9023 25.3271C40.9715 25.3271 32.8703 30.1676 28.5156 37.6309C27.539 36.3953 25.767 36.0723 24.4072 36.9346C22.9549 37.8556 22.5241 39.7801 23.4453 41.2324L26.4346 45.9443C27.1533 47.1188 28.612 47.6066 29.8262 47.2959L35.3418 45.9023C37.0091 45.4814 38.0197 43.7884 37.5986 42.1211C37.237 40.6896 35.9368 39.7449 34.5215 39.7725C37.8932 34.7541 43.6221 31.5547 49.9023 31.5547C57.9738 31.5547 65.0554 36.7127 67.5244 44.3887C68.0511 46.0258 69.8047 46.9264 71.4424 46.3994C73.0796 45.8727 73.9797 44.1185 73.4531 42.4814C70.1527 32.2211 60.6884 25.3272 49.9023 25.3271Z" 8014 fill="black" /> 8015 <circle cx="50.5" cy="50.5" r="31.5" fill="black" /> 8016 <path fill-rule="evenodd" clip-rule="evenodd" 8017 d="M33.4181 63.4496C32.7166 63.5697 32.139 64.0711 31.9217 64.7497C31.7063 65.4302 31.8855 66.1737 32.3906 66.6769C42.4042 76.6904 58.6626 76.6904 68.6761 66.6769C78.6896 56.6634 78.6896 40.405 68.6761 30.3914C68.1729 29.8863 67.4294 29.7071 66.7489 29.9225C66.0703 30.1398 65.5689 30.7174 65.4489 31.4189C64.3642 37.8068 60.6108 45.8378 54.2248 52.2256C47.837 58.6116 39.806 62.365 33.4181 63.4496ZM37.8921 58.5372C42.5643 56.6234 47.4557 53.5676 51.6419 49.3834C55.5992 45.426 58.5444 40.8377 60.4716 36.3999C54.221 33.4796 46.5446 34.5985 41.3881 39.7569C36.3137 44.8313 35.149 52.3419 37.8921 58.5372ZM24.7275 51.8044H31.1897C32.242 51.8044 33.096 50.9504 33.096 49.8981C33.096 48.8459 32.242 47.9919 31.1897 47.9919H24.7275C23.6753 47.9919 22.8213 48.8459 22.8213 49.8981C22.8213 50.9504 23.6753 51.8044 24.7275 51.8044ZM31.3117 32.0994L35.881 36.6668C36.6244 37.4122 37.833 37.4122 38.5764 36.6668C39.3199 35.9234 39.3199 34.7148 38.5764 33.9714L34.0072 29.4021C33.2637 28.6587 32.0552 28.6587 31.3117 29.4021C30.5683 30.1474 30.5683 31.3541 31.3117 32.0994ZM49.9015 22.8198V29.2801C49.9015 30.3324 50.7555 31.1864 51.8077 31.1864C52.86 31.1864 53.714 30.3324 53.714 29.2801V22.8198C53.714 21.7676 52.86 20.9136 51.8077 20.9136C50.7555 20.9136 49.9015 21.7676 49.9015 22.8198Z" 8018 fill="white" /> 8019 </g> 8020 <defs> 8021 <clipPath id="clip0_2068_45108"> 8022 <rect width="100" height="100" fill="white" /> 8023 </clipPath> 8024 </defs> 8025 </svg> 8026 8027 </span> 8028 8029 8030 <!-- Moon icon (keep as it is) --> 8031 <span class="icon moon">
8032 <svg class="w-4 h-4" fill="#000" viewBox="0 0 20 20"> 8033 <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path> 8034 </svg> 8035 </span> 8036 8037</button> 8038 8039<div class="scrollTop"> 8040 <button aria-label="scroll-up"> 8041 <i class="fas fa-arrow-up"></i> 8042 </button> 8043</div> 8044<a target="_blank" class="whats-app-footer" 8045 href="https://api.whatsapp.com/send?phone=+919028599635&text=Hi,%20I%20would%20like%20to%20know%20more%20about%20Hats-Off%20Digital%20Pvt.%20Ltd." 8046 aria-label="scroll-up"><img src="https://www.hatsoffdigital.com/assets/images/animated-whatsapp.svg" width="40" height="40" 8047 alt="whatsapp" loading="lazy"></a> 8048<!-- Request a quot common button --> 8049 8050 8051<div class="bottom-tab-wrapper"> 8052 <button id="globalQuoteBtn" data-bs-toggle="offcanvas" data-bs-target="#bottomSlidingForm" 8053 aria-controls="bottomSlidingForm" class="animated-theme-btn request-a-quote request-quote-common-button"> 8054 <span class="btn-text">Request A Quote</span> 8055 <div class="hovered-contents"> 8056 <div class="hovered-left"> 8057 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100"> 8058 <g> 8059 <path d="M12.71,57.49s-14.8,25.2,14.26,25.52c0,0-33.05,4.69-14.26-25.52Z" /> 8060 <path 8061 d="M83.95,41.11c1.72,6.33-11.57,16.03-29.69,21.65-18.12,5.63-35.46,5.91-37.17-.43l-.16-6.79c1.72,6.33,17.8,6.91,35.91,1.28,18.12-5.63,31.41-15.32,29.69-21.65l1.42,5.94Z" /> 8062 <path d="M61.43,10.73l-31.84,19.83s22.21-9.62,31.84-19.83Z" /> 8063 <path d="M95.78,35.23s4.94,20.85-28.08,42.36c0,0,35.28-16.2,28.08-42.36Z" /> 8064 <path d="M69.13,10.71s11.66,9.21,8.18,31.32l5.06-9.2s-.94-18.13-13.24-22.12Z" /> 8065 <path 8066 d="M83.31,24.91c10.65-.28,14.39,10.54,10.85,20.82-9.69,28.14-54.85,52.64-80.57,43.11-13.31-4.93-11.53-20.09-6.98-30.33,5.07-11.39,13.56-18.84,13.56-18.84,0,0-31.95,36.72-5.09,44.95,28.46,8.73,68.07-16.93,77.53-38.81,3.31-7.66,2.28-19.7-9.3-20.91Z" /> 8067 <path 8068 d="M67.63,10.32c7.93,1.91,7.82,10.29-3.84,13.31-8.85,2.29-13.61,6.46-22.94,12.1-9.32,5.64-16.31,1.94-16.31,1.94,0,0,2.18,2.87,11.5-2.77,9.32-5.64,14.01-10.16,22.94-12.1,8.93-1.94,16.58-10.57,8.65-12.48Z" /> 8069 <path 8070 d="M66.48,10.48S32.86,3.59,22.68,31.22c0,0-5.38,31.98-8.9,32.93,0,0,.73-12.16,3.35-27.77,2.99-17.76,16.09-31.93,49.35-25.89Z" /> 8071 </g> 8072 <path d="M88.18,34.03s-2.12.08-.97,1.3c1.15,1.22,3.67,6.4,3.67,6.4,0,0-.8-6.02-2.7-7.7Z" /> 8073 </svg> 8074 </div> 8075 <span class="hovered-center">+</span> 8076 <div class="hovered-right">YOU</div> 8077 </div> 8078 </button> 8079</div> 8080<!-- Include cookiealert script --> 8081<!--
8081<script 8082 src="https://hatsoffdigital.comcdn.jsdelivr.net_gh_Wruczek_Bootstrap-Cookie-Alert@gh-pages_cookiealert.js"> 8083 -- > 8084 < 8085 !-- < script src = 8086 "https://hatsoffdigital.comhttps://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.js" > 8087</script>
8087 --> 8088
8089<script src="/assets/js/cdn.jsdelivr.net_gh_Wruczek_Bootstrap-Cookie-Alert@gh-pages_cookiealert.js"></script>
vendor: 1 bytes, line 8089
8089
8090<script src="/assets/js/jquery.cookie.js"></script>
8090 8091
8092<script type="text/javascript"> 8093 $(document).ready(function() { 8094 cookiesPolicyBar() 8095 //alert(); 8096 8097 8098 function cookiesPolicyBar() { 8099 // Check cookie 8100 console.log("here"); 8101 if ($.cookie('yourCookieName') != "active") $('#cookieAcceptBar').show(); 8102 //Assign cookie on click 8103 $('#cookieAcceptBarConfirm').on('click', function() { 8104 $.cookie('yourCookieName', 'active', { 8105 expires: 365, 8106 domain: 'hatsoffdigital.com' 8107 }); // cookie will expire in one day 8108 $('#cookieAcceptBar').addClass('d-none'); 8109 }); 8110 } 8111 }); 8112</script>
vendor: 1 bytes, line 8112
8112
8113<script> 8114 const wrapper = document.querySelector('.bottom-menu-wrapper'); 8115 const menuToggle = document.querySelector('.bottom-menu-toggle'); 8116 8117 if (wrapper && menuToggle) { 8118 menuToggle.addEventListener('click', () => { 8119 wrapper.classList.toggle('open'); 8120 }); 8121 } 8122</script>
vendor: 1 bytes, line 8122
8122
8123<script> 8124 (function () { 8125 var root = document.getElementById('askAi'); 8126 var btn = document.getElementById('askAiBtn'); 8127 8128 function setOpen(open) { 8129 root.classList.toggle('is-open', open); 8130 btn.setAttribute('aria-expanded', open); 8131 } 8132 btn.addEventListener('click', function (e) { e.stopPropagation(); setOpen(!root.classList.contains('is-open')); }); 8133 document.addEventListener('click', function (e) { if (!root.contains(e.target)) setOpen(false); }); 8134 document.addEventListener('keydown', function (e) { if (e.key === 'Escape') setOpen(false); }); 8135 })(); 8136</script>
8136 8137<style> 8138 .footer-social-icon { 8139 display: flex; 8140 align-items: center; 8141 justify-content: center; 8142 gap: 16px; 8143 width: 100%; 8144 margin: 20px auto; 8145 text-align: center; 8146 } 8147 8148 .footer-social-icon a { 8149 display: flex; 8150 align-items: center; 8151 justify-content: center; 8152 flex: 0 0 44px; 8153 width: 44px; 8154 height: 44px; 8155 padding: 6px; 8156 box-sizing: border-box; 8157 background: #fff; 8158 border-radius: 50%; 8159 box-shadow: 0 2px 8px rgba(0, 0, 0, .16); 8160 transition: transform .2s ease, box-shadow .2s ease; 8161 } 8162 8163 .footer-social-icon a:hover { 8164 transform: translateY(-3px); 8165 box-shadow: 0 5px 12px rgba(0, 0, 0, .24); 8166 } 8167 8168 .footer-social-icon a:focus-visible { 8169 outline: 2px solid #1514ff; 8170 outline-offset: 3px; 8171 } 8172 8173 .footer-social-icon img { 8174 width: 32px; 8175 height: 32px; 8176 object-fit: contain; 8177 border-radius: 50%; 8178 } 8179 .cookiealert .col-12:first-child { 8180 text-align: left; 8181 font-size: 11px; 8182 margin-bottom: 10px; 8183 margin-bottom: 10px; 8184 8185 } 8186 8187 .cookiealert #cookieAcceptBarConfirm { 8188 font-size: 11px !important; 8189 margin: 0 !important; 8190 height: 32px !important; 8191 } 8192 8193 #cookieAcceptBarConfirm .btn-arrow svg { 8194 height: 10px !important; 8195 width: 10px !important; 8196 } 8197 8198 .cookiealert #cookieAcceptBarConfirm.btn-box.btn-animate:hover .btn-arrow svg:last-child { 8199 transform: translate3d(10px, -10px, 0px) !important; 8200 } 8201 8202 #cookieAcceptBar.cookieAcceptBar { 8203 !display: none; 8204 position: fixed; 8205 bottom: 0; 8206 left: 0; 8207 right: 0; 8208 text-align: left; 8209 background-color: rgba(0, 0, 0, 0.85); 8210 color: #fff; 8211 padding: 20px 15px; 8212 z-index: 99999; 8213 } 8214 8215 #cookieAcceptBar.cookieAcceptBar a { 8216 color: #fff; 8217 text-decoration: underline; 8218 } 8219 8220 #cookieAcceptBar button { 8221 cursor: pointer; 8222 border: none; 8223 background-image: linear-gradient(#f44336, #ffc806); 8224 color: #fff; 8225 margin-top: 20px; 8226 height: 40px; 8227 line-height: 40px; 8228 padding: 0 20px; 8229 border-radius: 3px; 8230 } 8231 8232 .progress-box { 8233 min-width: 250px; 8234 border: 3px solid #a2d5f6; 8235 background-color: blue; 8236 text-align: center; 8237 color: white; 8238 border-radius: 10px; 8239 padding: 3px 25px; 8240 transform: rotate(2deg); 8241 transform-origin: center; 8242 text-transform: capitalize; 8243 } 8244 8245 .common-bottom-blur { 8246 width: 100%; 8247 height: 100px; 8248 overflow: hidden; 8249 position: fixed; 8250 left: 0; 8251 bottom: 0; 8252 z-index: 888; 8253 8254 div { 8255 position: absolute; 8256 inset: 0; 8257 } 8258 8259 .common-blur-child-6 { 8260 backdrop-filter: blur(1rem); 8261 mask: linear-gradient(180deg, transparent 0, rgb(0, 0, 0) 80%) add; 8262 } 8263 8264 .common-blur-child-7 { 8265 backdrop-filter: blur(1.25rem); 8266 mask: linear-gradient(180deg, transparent 0, rgb(0, 0, 0) 100%) add; 8267 } 8268 } 8269 8270 .theme-toggle { 8271 position: fixed; 8272 bottom: 20px; 8273 left: 20px; 8274 } 8275 8276 .bottom-sticky-section { 8277 position: fixed; 8278 height: 140px; 8279 width: 100%; 8280 z-index: 999; 8281 bottom: 0; 8282 opacity: 0; 8283 transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease; 8284 overflow: hidden; 8285 will-change: transform; 8286 transform: translateY(105%) translateZ(0); 8287 8288 .theme-toggle { 8289 bottom: 20px; 8290 left: 20px; 8291 } 8292 8293 8294 } 8295 8296 .bottom-sticky-section.active-bottom-bar { 8297 transform: translateY(0); 8298 opacity: 1; 8299 } 8300 8301 @media (min-width: 767px) { 8302 .featured-in-row a { 8303 width: 14.28% !important; 8304 } 8305 } 8306 8307 .footer-menu-lists { 8308 .main-list { 8309 list-style-type: none; 8310 padding: 0; 8311 8312 ul { 8313 list-style-type: disc; 8314 padding-left: 30px; 8315 } 8316 } 8317 8318 a { 8319 font-size: 14px !important; 8320 line-height: 20px !important; 8321 } 8322 } 8323 8324 #custom_footer { 8325 margin-bottom: 120px; 8326 } 8327 8328 @media (max-width: 767px) { 8329 #custom_footer { 8330 margin-bottom: 50px; 8331 } 8332 8333 .cookiealert { 8334 width: 100% !important; 8335 left: 0px !important; 8336 bottom: 20px !important; 8337 border-radius: 0 !important; 8338 padding: 15px; 8339 } 8340 8341 .cookiealert .col-12:first-child { 8342 /* font-size: 12px; */ 8343 line-height: 16px; 8344 } 8345 8346 .cookiealert #cookieAcceptBarConfirm span { 8347 font-size: 11px !important; 8348 } 8349 8350 a#cookieAcceptBarConfirm, 8351 .acceptcookies { 8352 height: 36px; 8353 } 8354 8355 .footer-menu-lists .main-list { 8356 margin-bottom: 0; 8357 } 8358 } 8359 8360 footer#custom_footer ul li a:hover { 8361 color: var(--orange-color); 8362 } 8363 8364 /* book call section style */ 8365 .intro-call { 8366 padding: 80px 20px; 8367 } 8368 8369 .intro-container { 8370 margin: auto; 8371 padding: 60px; 8372 border-radius: 24px; 8373 8374 display: flex; 8375 align-items: center; 8376 justify-content: space-between; 8377 gap: 40px; 8378 8379 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); 8380 position: relative; 8381 overflow: hidden; 8382 8383 &::after { 8384 position: absolute; 8385 right: 0; 8386 bottom: 0; 8387 content: ""; 8388 background: url("/assets/images/bg-clouds.webp"); 8389 height: 100%; 8390 width: 60%; 8391 background-size: 100% 100%; 8392 z-index: -1; 8393 } 8394 } 8395 8396 .intro-left h2 { 8397 font-size: 42px; 8398 8399 8400 .heighlight { 8401 display: inline-block; 8402 position: relative; 8403 font: inherit; 8404 background: linear-gradient(93deg, #8BD8FC -34.49%, #449AFA 23.07%, #7D6BF9 80.63%, #CC6BF9 138.19%); 8405 background-clip: text; 8406 -webkit-background-clip: text; 8407 -webkit-text-fill-color: transparent; 8408 -webkit-text-stroke-color: rgba(26, 26, 26, .06); 8409 -webkit-text-stroke-width: .75px; 8410 text-shadow: .03125rem -.125rem .1875rem rgba(var(--kp1xfj0), .2); 8411 8412 .hand-icon { 8413 position: absolute; 8414 top: -10px; 8415 } 8416 } 8417 } 8418 8419 .intro-left p { 8420 line-height: 1.7 !important; 8421 color: #000; 8422 8423 .highlight { 8424 background: #e6e6e6; 8425 padding: 2px 6px; 8426 border-radius: 6px; 8427 font-weight: 500; 8428 } 8429 8430 /* highlight words */ 8431 8432 } 8433 8434 /* gradient text */ 8435 .gradient-text { 8436 background: linear-gradient(120deg, #4ea1ff, #7f7cff); 8437 -webkit-background-clip: text; 8438 color: transparent; 8439 } 8440 8441 /* card */ 8442 .intro-card { 8443 background: white; 8444 padding: 30px; 8445 border-radius: 18px; 8446 width: fit-content; 8447 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); 8448 flex: 1; 8449 display: flex; 8450 flex-direction: column; 8451 gap: 10px; 8452 max-width: 340px; 8453 } 8454 8455 /* button */ 8456 .call-btn { 8457 width: 100%; 8458 padding: 14px; 8459 border: none; 8460 border-radius: 30px; 8461 background: #222; 8462 color: white; 8463 cursor: pointer; 8464 margin-bottom: 20px; 8465 } 8466 8467 /* message row */ 8468 .send-message { 8469 display: flex; 8470 align-items: center; 8471 gap: 10px; 8472 justify-content: center; 8473 8474 svg { 8475 height: 40px; 8476 width: 40px; 8477 } 8478 } 8479 8480 .send-icon { 8481 position: relative; 8482 height: 40px; 8483 width: 40px; 8484 } 8485 8486 .send-icon svg:first-child { 8487 position: absolute; 8488 top: 50%; 8489 transform: translateY(-50%); 8490 left: 0; 8491 transition: opacity 0.22s ease-in-out; 8492 opacity: 1; 8493 } 8494 8495 .send-icon svg:last-child { 8496 position: absolute; 8497 top: 50%; 8498 transform: translateY(-50%); 8499 left: 0; 8500 transition: opacity 0.22s ease-in-out; 8501 opacity: 0; 8502 } 8503 8504 .send-message { 8505 text-decoration: none; 8506 8507 p { 8508 text-decoration: none; 8509 color: var(--primary-color); 8510 } 8511 } 8512 8513 .intro-card .animated-theme-btn { 8514 width: 100%; 8515 8516 &::before { 8517 height: 400px; 8518 } 8519 } 8520
8521 .send-message:hover .send-icon svg:first-child { 8522 opacity: 0; 8523 } 8524 8525 .send-message:hover .send-icon svg:last-child { 8526 opacity: 1; 8527 } 8528 8529 .send-message:hover .send-arrow { 8530 background-color: var(--gray-color); 8531 8532 path { 8533 stroke: rgb(28, 28, 28); 8534 } 8535 } 8536 8537 .send-button-text { 8538 font-weight: 500; 8539 white-space: nowrap; 8540 } 8541 8542 .send-arrow { 8543 background: transparent; 8544 border-radius: 50px; 8545 border: 1px solid var(--gray-color); 8546 height: 40px; 8547 width: 40px; 8548 display: flex; 8549 align-items: center; 8550 justify-content: center; 8551 flex-shrink: 0; 8552 8553 svg { 8554 height: 18px; 8555 width: 20px; 8556 8557 path { 8558 stroke: rgb(224, 224, 224); 8559 } 8560 } 8561 } 8562 8563 .message small { 8564 display: block; 8565 color: #777; 8566 } 8567 8568 .message p { 8569 margin: 0; 8570 } 8571 8572 div#bookCallModal { 8573 backdrop-filter: blur(10px) !important; 8574 z-index: 999999; 8575 background-color: #00000008 !important; 8576 } 8577 8578 div#bookCallModal button.modal-close { 8579 position: absolute; 8580 top: -30px; 8581 right: -30px; 8582 background: #fff !important; 8583 border: 0px; 8584 border-radius: 50%; 8585 height: 25px; 8586 width: 25px; 8587 cursor: pointer; 8588 z-index: 999999; 8589 display: flex; 8590 justify-content: center; 8591 align-items: center; 8592 8593 .fa-times:before { 8594 content: "\f00d"; 8595 color: var(--primary-color); 8596 } 8597 } 8598 8599 div#bookCallModal .modal-content { 8600 padding: 30px 50px; 8601 z-index: 9999999 !important; 8602 border: none; 8603 position: relative; 8604 } 8605 8606 div#bookCallModal .card-fields input, 8607 .card-fields textarea { 8608 width: 100% !important; 8609 border: 2px solid var(--border-color) !important; 8610 border-radius: 7px !important; 8611 height: 45px; 8612 padding: 15px; 8613 } 8614 8615 div#bookCallModal .card-fields textarea { 8616 height: 75px; 8617 resize: none; 8618 } 8619 8620 select.mycustdesign:focus-visible, 8621 input.mycustdesign:focus-visible, 8622 div#bookCallModal .card-fields input:focus-visible, 8623 .card-fields textarea:focus-visible { 8624 outline: none; 8625 } 8626 8627 /* responsive */ 8628 /* responsive */ 8629 @media (max-width: 768px) { 8630 8631 .intro-container { 8632 flex-direction: column; 8633 align-items: center; 8634 text-align: center; 8635 padding: 20px; 8636 justify-content: center; 8637 gap: 30px; 8638 8639 &::after { 8640 background: url("/assets/images/bg-clouds-mobile.webp"); 8641 width: 100%; 8642 background-size: cover; 8643 } 8644 8645 .intro-card { 8646 padding: 20px; 8647 } 8648 } 8649 8650 .intro-left h2 { 8651 font-size: 30px; 8652 8653 svg.hand-icon { 8654 height: 38px; 8655 width: 38px; 8656 } 8657 } 8658 8659 .send-message { 8660 svg { 8661 height: 30px; 8662 width: 30px; 8663 } 8664 } 8665 8666 .send-arrow { 8667 height: 30px; 8668 width: 30px; 8669 } 8670 8671 .intro-card { 8672 width: 100%; 8673 } 8674 } 8675</style> 8676 8677<style> 8678 .display_flex { 8679 display: flex; 8680 flex-wrap: wrap; 8681 } 8682 8683 .width_30 { 8684 flex: 30%; 8685 } 8686 8687 .width_70 { 8688 flex: 70%; 8689 align-items: center; 8690 display: flex; 8691 justify-content: end; 8692 } 8693 8694 #custom_footer .footer_top_bar { 8695 background-color: var(--secondary-bg); 8696 padding-top: 15px; 8697 padding-bottom: 15px; 8698 } 8699 8700 #custom_footer .list_style { 8701 margin-bottom: 0; 8702 list-style: none; 8703 float: right; 8704 justify-content: end; 8705 } 8706 8707 .footer_top_bar a { 8708 padding-right: 20px !important; 8709 color: var(--secondary-color); 8710 text-decoration: none; 8711 } 8712 8713 .footer_top_bar .social_icons a { 8714 font-size: 25px; 8715 display: flex; 8716 align-items: center; 8717 } 8718 8719 .social_icons { 8720 display: flex; 8721 } 8722 8723 .footer-main-row { 8724 padding-top: 30px; 8725 padding-bottom: 0px; 8726 } 8727 8728 .footer-main-row h6, 8729 .footer-main-row h6 a { 8730 font-weight: 600; 8731 color: var(--orange-color); 8732 padding-bottom: 10px; 8733 } 8734 8735 .footer-main-row a { 8736 font-size: 15px; 8737 line-height: 24px; 8738 text-decoration: none; 8739 font-weight: 400; 8740 transition: all .2s ease-in-out; 8741 color: var(--primary-color); 8742 } 8743 8744 .footer-main-row a:hover { 8745 color: var(--text-hover-color); 8746 } 8747 8748 .footer-main-row .mb-lg-2 { 8749 margin-bottom: 30px !important; 8750 } 8751 8752 ul.display_flex.list_style li:last-child { 8753 color: #fff !important; 8754 } 8755 8756 .footer-main-row h6:hover a { 8757 text-decoration: underline; 8758 } 8759 8760 section.bottomsticky { 8761 display: none; 8762 } 8763 8764 p.footer-menu-heading, 8765 p.footer-menu-heading a { 8766 font-weight: 600; 8767 } 8768 8769 .not-in-desk { 8770 display: none; 8771 } 8772 8773 .home-service .onl-btn .btn-box { 8774 border: none !important; 8775 } 8776 8777 .home-service { 8778 background: #000; 8779 padding: 10px 15px; 8780 position: fixed; 8781 left: 0px; 8782 bottom: 0; 8783 width: 100%; 8784 display: flex; 8785 align-items: center; 8786 justify-content: center; 8787 z-index: 9999; 8788 } 8789 8790 .btm-two { 8791 display: flex; 8792 align-items: center; 8793 justify-content: space-between; 8794 } 8795 8796 .home-one { 8797 display: flex; 8798 align-items: center; 8799 } 8800 8801 .home-one p { 8802 color: #3B3B3B; 8803 margin-bottom: 0px; 8804 font-size: 14px; 8805 font-weight: 600; 8806 padding-left: 7px; 8807 } 8808 8809 .home-one.active svg .a { 8810 fill: #C44B1F !important; 8811 } 8812 8813 .btm-two a { 8814 text-decoration: none; 8815 } 8816 8817 .last-icon-one { 8818 margin-left: 15px; 8819 } 8820 8821 .home-one.active p { 8822 color: #c44b1f; 8823 } 8824 8825 .onl-btn .btn-box { 8826 height: 30px; 8827 font-size: 16px; 8828 background: transparent !important; 8829 } 8830
8831 .onl-btn .btn-box.btn-animate .btn-arrow svg { 8832 width: 12px; 8833 height: 12px; 8834 } 8835 8836 .btm-two a p:hover { 8837 color: #c44b1f; 8838 } 8839 8840 .btm-two a:hover .a { 8841 fill: #c44b1f; 8842 } 8843 8844 .footer_top_bar .social_icons a.twitter-icon svg { 8845 fill: #fff; 8846 height: 21px; 8847 } 8848 8849 .footer_top_bar .social_icons a.linkedin-icon:hover { 8850 color: #0072b1; 8851 } 8852 8853 .footer_top_bar .social_icons a.twitter-icon:hover svg, 8854 .social_icons a.twitter-icon:hover svg { 8855 fill: #c44b1f; 8856 } 8857 8858 .footer_top_bar .social_icons a.facebook-icon:hover { 8859 color: #1877F2; 8860 } 8861 8862 .footer_top_bar .social_icons a.instagram-icon:hover { 8863 color: var(--text-hover-color); 8864 fill: var(--text-hover-color); 8865 } 8866 8867 .footer-gray-area { 8868 background-color: var(--gray-color); 8869 padding: 10px 0px; 8870 margin-bottom: 30px; 8871 border-radius: 5px; 8872 } 8873 8874 .footer-gray-area ul { 8875 padding-top: 20px; 8876 margin: 0; 8877 } 8878 8879 @media (max-width: 767px) { 8880 #custom_footer .footer_top_bar .width_70 { 8881 flex: 100%; 8882 } 8883 8884 #custom_footer .footer_top_bar .width_30 { 8885 flex: 100%; 8886 } 8887 8888 #custom_footer .list_style { 8889 padding: 0px; 8890 justify-content: left; 8891 } 8892 8893 .social_icons { 8894 margin-bottom: 10px; 8895 } 8896 8897 ul.display_flex.list_style li:last-child { 8898 margin-top: 10px; 8899 } 8900 8901 section.bottomsticky { 8902 display: flex; 8903 position: fixed; 8904 bottom: 0px; 8905 width: 100%; 8906 background-image: linear-gradient(30deg, #f53803 0%, #f5d020 100%) !important; 8907 padding: 5px 8px; 8908 z-index: 9999; 8909 } 8910 8911 section.bottomsticky * { 8912 color: var(--secondary-color); 8913 text-decoration: none; 8914 } 8915 8916 section.bottomsticky svg, 8917 section.bottomsticky img { 8918 width: 20px; 8919 height: 20px; 8920 margin-right: 5px; 8921 } 8922 8923 section.bottomsticky .col-4 * { 8924 font-size: 14px; 8925 } 8926 8927 .main-talktoexpert-row { 8928 display: flex; 8929 flex-wrap: wrap; 8930 } 8931 8932 h4.talktoexpert { 8933 text-align: center; 8934 margin-top: 0px !important; 8935 font-size: 20px !important; 8936 } 8937 8938 section.bottomsticky .col-4 { 8939 display: flex; 8940 justify-content: center; 8941 } 8942 8943 .footer-main-row .mb-lg-2 { 8944 margin-bottom: 0px !important; 8945 } 8946 8947 .footer-main-row .mb-2 { 8948 margin-bottom: 0px !important; 8949 } 8950 8951 p.footer-menu-heading { 8952 margin-top: 30px !important; 8953 } 8954 8955 p.footer-menu-heading.no-footer-space { 8956 margin-top: 15px !important; 8957 } 8958 8959 .footer-gray-area { 8960 margin-top: 20px !important; 8961 margin-bottom: 0px; 8962 } 8963 8964 .footer-gray-area p.footer-menu-heading { 8965 margin-top: 0px !important; 8966 } 8967 8968 .footer-gray-area ul { 8969 padding-top: 0px; 8970 margin: 0; 8971 } 8972 8973 .no-space-mb { 8974 padding-top: 0px !important; 8975 } 8976 } 8977 8978 @media screen and (min-width:0px) and (max-width:550px) { 8979 .scrollTop { 8980 bottom: 90px !important; 8981 } 8982 8983 .social_icons { 8984 display: flex; 8985 align-items: center; 8986 justify-content: center; 8987 gap: 10px; 8988 border-bottom: 1px solid #ccc; 8989 padding-bottom: 10px; 8990 margin: 0px 5px 10px; 8991 } 8992 8993 .footer_top_bar .social_icons a { 8994 font-size: 25px !important; 8995 background-color: #000; 8996 display: flex; 8997 justify-content: center; 8998 align-items: center; 8999 padding: 0px !important; 9000 height: 30px; 9001 width: 30px; 9002 border-radius: 2px; 9003 /* color: var(--text-hover-color); */ 9004 } 9005 9006 #custom_footer .list_style { 9007 justify-content: center; 9008 } 9009 9010 .footer_top_bar a { 9011 padding-right: 10px !important; 9012 font-size: 14px; 9013 } 9014 9015 ul.display_flex.list_style li:last-child { 9016 font-size: 14px; 9017 border-top: 1px solid #ccc; 9018 padding-top: 10px; 9019 } 9020 9021 #custom_footer .footer_top_bar { 9022 padding-top: 20px; 9023 padding-bottom: 20px; 9024 } 9025 9026 .footer-main-row a, 9027 .footer-menu-heading { 9028 font-size: 14px; 9029 } 9030 9031 .not-in-desk { 9032 display: block !important; 9033 } 9034 9035 .footer-main-row { 9036 padding-bottom: 20px; 9037 } 9038 } 9039 9040 footer#custom_footer ul li a:hover { 9041 color: var(--text-hover-color); 9042 } 9043 9044 .footer_top_bar .social_icons a.linkedin-icon:hover, 9045 .footer_top_bar .social_icons a.facebook-icon:hover, 9046 .social_icons a.linkedin-icon:hover, 9047 .social_icons a.facebook-icon:hover { 9048 color: var(--text-hover-color); 9049 } 9050 9051 .footer_top_bar .social_icons a.twitter-icon:hover svg { 9052 fill: var(--text-hover-color) !important; 9053 } 9054 9055 .footer-more { 9056 font-style: italic; 9057 } 9058 9059 #badges_footer img { 9060 transition: all 0.5s ease; 9061 padding: 10px; 9062 border: 1px solid #ccc; 9063 aspect-ratio: 16 / 9; 9064 width: 184px ! IMPORTANT; 9065 max-width: 100%; 9066 object-fit: contain; 9067 } 9068 9069 html[theme="dark"] { 9070 9071 /* ul#Company-MegaMenu li,.megamenu-lists li a.menu_active,.nav-dropdown.nav-submenu .megamenu-list a { 9072 padding-inline: 10px !important; 9073 border-radius: 10px; 9074 } */ 9075 .footer_top_bar .social_icons a { 9076 background-color: #fff; 9077 } 9078 9079 .nav-menu a.active, 9080 .nav-menu a:hover { 9081 color: var(--text-hover-color) !important; 9082 background: #fff; 9083 border-radius: 50px; 9084 } 9085 9086 .megamenu-list { 9087 width: 100%; 9088 } 9089 9090 ul#Company-MegaMenu li.active a,
9091 .megamenu-lists li a.menu_active, 9092 .megamenu-lists li a:hover { 9093 color: var(--text-hover-color) !important; 9094 background: #fff; 9095 } 9096 } 9097 9098 @media (max-width:767px) { 9099 body #mobileNav a.menu_active { 9100 color: var(--text-hover-color) !important; 9101 border-radius: 10px; 9102 } 9103 } 9104 9105 /* ai sticky section */ 9106 .ask-ai { position: fixed; left: 20px; bottom: 80px; z-index: 999; display: flex; flex-direction: column-reverse; align-items: center; gap: 10px; } 9107 9108 /* Main sticky trigger (icon only) */ 9109 .ask-ai__btn { position: relative; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: var(--primary-color); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 6px 18px rgba(11,79,108,.4); transition: transform .3s ease, background .3s ease; } 9110 .ask-ai__btn:hover { transform: scale(1.08); } 9111 .ask-ai__btn svg { position: absolute; width: 20px; height: 20px; transition: transform .4s cubic-bezier(.34,1.56,.64,1), opacity .25s ease; fill: var(--secondary-color); stroke: var(--secondary-color); } 9112 .ask-ai__btn .i-close { opacity: 0; transform: rotate(-90deg) scale(.5); } 9113 .ask-ai.is-open .i-spark { opacity: 0; transform: rotate(90deg) scale(.5); } 9114 .ask-ai.is-open .i-close { opacity: 1; transform: none; } 9115 .ask-ai__btn::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--primary-color); animation: askPulse 2.4s ease-out infinite; } 9116 .ask-ai.is-open .ask-ai__btn::after { animation: none; opacity: 0; } 9117 @keyframes askPulse { 0% { transform: scale(1); opacity: .6; } 100% { transform: scale(1.6); opacity: 0; } } 9118 9119 /* Individual icons: pop up one by one, stacked vertically */ 9120 .ask-ai__item { width: 40px; height: 40px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 6px 16px rgba(0,0,0,.2); opacity: 0; transform: translateY(30px) scale(.3); pointer-events: none; transition: opacity .25s ease, transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .2s ease; } 9121 .ask-ai__item img { width: 20px; height: 20px; transition: transform .25s ease; } 9122 .ask-ai__item:hover { box-shadow: 0 8px 20px rgba(0,0,0,.3); } 9123 .ask-ai__item:hover img { transform: scale(1.18) rotate(-6deg); } 9124 .ask-ai.is-open .ask-ai__item { opacity: 1; transform: none; pointer-events: auto; } 9125 .ask-ai.is-open .ask-ai__item:nth-child(2) { transition-delay: .04s; } 9126 .ask-ai.is-open .ask-ai__item:nth-child(3) { transition-delay: .11s; } 9127 .ask-ai.is-open .ask-ai__item:nth-child(4) { transition-delay: .18s; } 9128 .ask-ai.is-open .ask-ai__item:nth-child(5) { transition-delay: .25s; } 9129 9130 .ask-ai__btn:focus-visible, .ask-ai__item:focus-visible { outline: 3px solid #f2a900; outline-offset: 2px; } 9131 @media (prefers-reduced-motion: reduce) { 9132 .ask-ai *, .ask-ai *::after { transition-duration: .01ms !important; transition-delay: 0s !important; animation: none !important; } 9133 } 9134 /* ai sticky section */ 9135</style> 9136<footer id="custom_footer"> 9137 <div class="content-gap mb-3 mb-md-4 side-space" id="badges_footer"> 9138 <div class="page-title d-flex justify-content-center"> 9139 <h2 class="mb-3 progress-box">Featured in</h2> 9140 </div> 9141 <div class="row row-cols-4 row-cols-md-6 articles g-2 g-md-3 featured-in-row justify-content-center"> 9142 <a href="https://www.business-standard.com/content/press-releases-ani/digital-marketing-is-soon-to-be-all-about-ai-says-shabbir-hussain-co-founder-at-hats-off-digital-pvt-ltd-123021100009_1.html" 9143 target="_blank" rel="noopener noreferrer" class="col"><img 9144 src="/assets/images/wikipedia-articles/business-standard.webp" width="20" 9145 alt="loader"></a> 9146 <a href="https://theprint.in/ani-press-releases/digital-marketing-is-soon-to-be-all-about-ai-says-shabbir-hussain-co-founder-at-hats-off-digital-pvt-ltd/1365714/" 9147 target="_blank" rel="noopener noreferrer" class="col"><img 9148 src="/assets/images/wikipedia-articles/the-print.
9148webp" width="20" alt="loader"></a> 9149 <a href="https://www.ahmedabadmirror.com/digital-marketing-is-soon-to-be-all-about-ai-says-shabbir-hussain--co-founder-at-hats-off-digital-pvt-ltd/81851322.html" 9150 target="_blank" rel="noopener noreferrer" class="col"><img 9151 src="/assets/images/wikipedia-articles/am-logo.webp" width="20" alt="loader"></a> 9152 <a href="https://www.yosuccess.com/interviews/shabbir-hussain-hatsoffdigital/" target="_blank" 9153 class="col"><img src="/assets/images/wikipedia-articles/logo.webp" width="20" 9154 alt="loader"></a> 9155 <a href="https://tracxn.com/d/companies/hats-off/__LeFFDnkl-E_wGEv0ryZj_pO5Q6vTduSkEMoE7FtVX3U#about-the-company" 9156 target="_blank" class="col"><img 9157 src="/assets/images/wikipedia-articles/tracxn-logo-full-100x22.webp" width="20" 9158 alt="loader"></a> 9159 <a href="https://www.zaubacorp.com/HATS-OFF-DIGITAL-PRIVATE-LIMITED-U72900PN2017PTC168878" 9160 target="_blank" class="col"><img src="/assets/images/wikipedia-articles/logo-Zauba.webp" 9161 width="20" alt="loader"></a> 9162 <a href="https://www.storyofsouls.com/read-entrepreneur-story-hatsoff-digital-firm-created-a-global-brand-name-for-themselves/" 9163 target="_blank" class="col"><img src="/assets/images/wikipedia-articles/sos-logo.webp" 9164 width="20" alt="loader"></a> 9165 <a href="https://www.ambitionbox.com/reviews/hats-off-digital-reviews" target="_blank" 9166 class="col"><img src="/assets/images/wikipedia-articles/icon-ab.webp" width="20" 9167 alt="loader"></a> 9168 <a href="https://www.glassdoor.co.in/Overview/Working-at-Hats-Off-Digital-EI_IE3991298.11,27.htm" 9169 target="_blank" class="col"><img src="/assets/images/wikipedia-articles/glassdoor.webp" 9170 width="20" alt="loader"></a> 9171 <a href="https://www.f6s.com/company/hats-offdigital" target="_blank" class="col"><img 9172 src="/assets/images/wikipedia-articles/f6s-logo.45780d2.webp" width="20" 9173 alt="loader"></a> 9174 <a href="https://www.indiantelevision.com/mam/marketing/mam/hats-off-digital-private-limited-celebrates-its-ninth-glorious-year-of-excellence-201012" 9175 target="_blank" class="col"><img src="/assets/images/wikipedia-articles/logo-white.webp" 9176 style="background: linear-gradient(90deg, rgba(17, 0, 94, 1) 0%, rgba(89, 0, 66, 1) 48%, rgba(244, 0, 4, 1) 100%);" 9177 width="20" alt="loader"></a> 9178 <a href="https://indiaeducationdiary.in/hats-off-digital-private-limited-celebrates-its-ninth-glorious-year-of-excellence/" 9179 target="_blank" class="col"><img src="/assets/images/wikipedia-articles/iedLogo-1000x.webp" 9180 width="20" alt="loader"></a> 9181 <a href="https://enosisoutsourcing.com/profile/hats-off-digital-pvt-ltd" target="_blank" 9182 class="col"><img src="/assets/images/wikipedia-articles/outsourcer-icon-black.a6c2936b.webp" 9183 width="20" alt="loader"></a> 9184 <a href="https://yourstory.com/mystory/6b1f7be646-from-nothing-to-something-story-of-hats-off" 9185 target="_blank" class="col"><img src="/assets/images/wikipedia-articles/mystory_logo.webp" 9186 width="20" alt="loader"></a> 9187 <a href="https://businessinfolink.com/vendors/2953.html" target="_blank" class="col"><img 9188 src="/assets/images/wikipedia-articles/businessinfolink-business-listing.webp" width="20" 9189 alt="loader"></a> 9190 <a href="https://bangaloreinsider.com/hats-off/" target="_blank" class="col"><img 9191 src="/assets/images/wikipedia-articles/cropped-bangalore-insider-logo.webp" width="20" 9192 alt="loader"></a> 9193 <a href="https://www.easyleadz.com/company/hats-off" target="_blank" class="col"><img 9194 src="/assets/images/wikipedia-articles/easy-leads.webp" width="20" alt="loader"></a> 9195 </div> 9196 </div> 9197 9198 <div class="display_flex footer_top_bg footer_top_bar side-space"> 9199 <div class="width_30"> 9200 <div class="social_icons"> 9201 <a href="https://www.linkedin.com/company/hats-off" target="blank" aria-label="linkedin-icon" 9202 class="linkedin-icon"><i class="fab fa-linkedin-in"></i></a> 9203 <a href="https://twitter.com/hatsoffdigital" target="blank" aria-label="twitter-icon" 9204 class="twitter-icon"><svg viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg" 9205 aria-hidden="true" role="none" class="u01b__icon-home"> 9206 <path 9207 d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"> 9208 </path> 9209 </svg></a> 9210 <a href="https://www.facebook.com/hatsoffdigital/" aria-label="facebook-icon" class="facebook-icon" 9211 target="blank"><i class="fab fa-facebook-f"></i></a> 9212 <a href="https://www.instagram.com/hatsoffdigital/" aria-label="instagram-icon" 9213 class="instagram-icon" target="blank"><i class="fab fa-instagram"></i></a> 9214 </div> 9215 </div> 9216 <div class="width_70"> 9217 <ul class="display_flex list_style"> 9218 <li><a href="/sitemap.xml">Sitemap</a></li> 9219 <li><a href="/terms-and-conditions/">Terms</a></li> 9220 <li><a href="/privacy-policy/">Privacy Notice</a></li> 9221 <li><a href="#">Cookie Notice</a></li> 9222 <li>© 2026 Hats-Off Digital Pvt Ltd., All Rights Reserved</li> 9223 </ul> 9224 </div> 9225 </div> 9226 <div class="footer-main-row side-space section-gap no-space-mb"> 9227 <div class="footer-site-map pb-md-0 pb-5"> 9228 <div class="row pt-1"> 9229 <!-- Left Footer Starts --> 9230 <div class="col-12 col"> 9231 9232 <!-- Columns starts --> 9233 <div class="row row-cols-2 row-cols-md-5 mb-lg-0 mb-2 footer-menu-lists">
9234 <!--Left Column Starts --> 9235 <div class="col"> 9236 <p class="m-0 footer-menu-heading no-footer-space"> 9237 <a href="/services/seo-and-content/">SEO & Content</a> 9238 </p> 9239 <ul class="main-list p-0"> 9240 <li> 9241 <a href="/services/seo-and-content/search-engine-optimization/"> 9242 Search Engine Optimization </a> 9243 9244 <ul> 9245 <li> 9246 <a href="/services/seo-and-content/search-engine-optimization/on-page-seo"> 9247 On Page SEO </a> 9248 </li> 9249 <li> 9250 <a href="/services/seo-and-content/search-engine-optimization/off-page-seo"> 9251 Off Page SEO </a> 9252 </li> 9253 <li> 9254 <a href="/services/seo-and-content/search-engine-optimization/technical-seo"> 9255 Technical SEO </a> 9256 </li> 9257 <li> 9258 <a href="/services/seo-and-content/search-engine-optimization/local-seo"> 9259 Local SEO </a> 9260 </li> 9261 <li> 9262 <a href="/services/seo-and-content/search-engine-optimization/backlink-generation"> 9263 Backlink Generation </a> 9264 </li> 9265 <li> 9266 <a href="/services/seo-and-content/search-engine-optimization/guest-posting"> 9267 Guest Posting </a> 9268 </li> 9269 <li> 9270 <a href="/services/seo-and-content/search-engine-optimization/image-seo"> 9271 Image SEO </a> 9272 </li> 9273 <li> 9274 <a href="/services/seo-and-content/search-engine-optimization/video-seo"> 9275 Video SEO </a> 9276 </li> 9277 </ul> 9278 </li> 9279 <li> 9280 <a href="/services/seo-and-content/seo-consultation"> 9281 SEO Consultation </a> 9282 9283 </li> 9284 <li> 9285 <a href="/services/seo-and-content/youtube-seo"> 9286 Youtube SEO </a> 9287 9288 </li> 9289 <li> 9290 <a href="/services/seo-and-content/amazon-seo"> 9291 Amazon SEO </a> 9292 9293 </li> 9294 <li> 9295 <a href="/services/seo-and-content/google-my-business"> 9296 GMB </a> 9297 9298 <ul> 9299 <li> 9300 <a href="/services/seo-and-content/google-my-business/google-my-business-profile-creation/"> 9301 Google My Business Optimization </a> 9302 </li> 9303 <li> 9304 <a href="/services/seo-and-content/google-my-business/google-my-business-listing-recovery/"> 9305 Google My Business Recovery </a> 9306 </li> 9307 </ul> 9308 </li> 9309 <li> 9310 <a href="/services/seo-and-content/google-merchant-center-optimization"> 9311 Google Merchant center Optimization </a> 9312 9313 </li> 9314 <li> 9315 <a href="/services/seo-and-content/google-tag-manager-setup"> 9316 Google Tag Manager Setup </a> 9317 9318 </li> 9319 <li> 9320 <a href="/services/seo-and-content/one-time-website-optimization"> 9321 One Time Website Optimization </a> 9322 9323 </li> 9324 <li> 9325 <a href="/services/seo-and-content/orm-strategy"> 9326 ORM Strategy </a> 9327 9328 </li> 9329 <li> 9330 <a href="/services/seo-and-content/content-creation"> 9331 SEO Content Creation </a> 9332 9333 <ul> 9334 <li> 9335 <a href="/services/seo-and-content/content-creation/seo-content-creation"> 9336 SEO Content Creation </a> 9337 </li> 9338 <li> 9339 <a href="/services/seo-and-content/content-creation/content-strategy"> 9340 Content Strategy </a> 9341 </li> 9342 <li> 9343 <a href="/services/seo-and-content/content-creation/website-content-creation"> 9344 Website Content Creation </a> 9345 </li> 9346 <li> 9347 <a href="/services/seo-and-content/content-creation/content-optmization"> 9348 Content Optimization </a> 9349 </li> 9350 <li> 9351 <a href="/services/seo-and-content/content-creation/google-my-business-content"> 9352 Google My Business Content </a> 9353 </li> 9354 <li> 9355 <a href="/services/seo-and-content/content-creation/product-descriptions"> 9356 Product Descriptions </a> 9357 </li> 9358 <li> 9359 <a href="/services/seo-and-content/content-creation/blog-curation"> 9360 Blog Curation </a> 9361 </li> 9362 <li> 9363 <a href="/services/seo-and-content/content-creation/orm-content"> 9364 ORM Content </a> 9365 </li> 9366 </ul> 9367 </li> 9368 <li> 9369 <a href="/services/seo-and-content/mobile-seo"> 9370 Mobile SEO </a> 9371 9372 <ul> 9373 <li> 9374 <a href="/services/seo-and-content/mobile-seo/play-store-seo"> 9375 Play Store SEO </a> 9376 </li> 9377 <li> 9378 <a href="/services/seo-and-content/mobile-seo/app-store-seo"> 9379 App Store SEO (ASO) </a> 9380 </li> 9381 </ul> 9382 </li> 9383 <li> 9384 <a href="/services/seo-and-content/quora-seo"> 9385 Quora SEO </a> 9386 9387 </li> 9388 <li> 9389 <a href="/services/seo-and-content/reddit-seo"> 9390 Reddit SEO </a> 9391 9392 </li> 9393 </ul> 9394 </div> 9395 <div class="col"> 9396 <p class="m-0 footer-menu-heading no-footer-space"> 9397 <a href="/services/creative-and-advertising/">Creative & Advertising</a> 9398 </p> 9399 <ul class="main-list p-0"> 9400 <li> 9401 <a href="/services/creative-and-advertising/social-media-marketing/"> 9402 Social Media Management </a> 9403 9404 </li> 9405 <li> 9406 <a href="/services/creative-and-advertising/video-and-post-production/"> 9407 Video & Post Production </a> 9408 9409 <ul> 9410 <li> 9411 <a href="/services/creative-and-advertising/video-and-post-production/video-editing/"> 9412 Video Editing </a> 9413 </li> 9414 <li> 9415 <a href="/services/creative-and-advertising/video-and-post-production/motion-graphics"> 9416 Motion Graphics </a> 9417 </li> 9418 <li> 9419 <a href="/services/creative-and-advertising/video-and-post-production/3d-animation/"> 9420 3D Animation </a> 9421 </li> 9422 <li> 9423 <a href="/services/creative-and-advertising/video-and-post-production/visual-effects/"> 9424 Visual Effects (VFX) </a> 9425 </li> 9426 <li> 9427 <a href="/services/creative-and-advertising/video-and-post-production/cgi/"> 9428 CGI </a> 9429 </li> 9430 </ul> 9431 </li> 9432 <li> 9433 <a href="/services/creative/brand-building/"> 9434 Branding Services </a> 9435 9436 <ul> 9437 <li> 9438 <a href="/services/creative-and-advertising/branding-services/branding/"> 9439 Branding (Logo, Stationery, and Collateral)
9439 </a> 9440 </li> 9441 <li> 9442 <a href="#"> 9443 Graphic Design Services </a> 9444 </li> 9445 <li> 9446 <a href="/services/creative-and-advertising/branding-services/print-media"> 9447 Print Media (Brochures, Standees, Posters, etc.) </a> 9448 </li> 9449 <li> 9450 <a href="/services/creative-and-advertising/branding-services/package-design/"> 9451 Package Design </a> 9452 </li> 9453 <li> 9454 <a href="/services/creative-and-advertising/branding-services/digital-and-social-media-creatives/"> 9455 Digital & Social Media Creatives </a> 9456 </li> 9457 </ul> 9458 </li> 9459 <li> 9460 <a href="/services/creative-and-advertising/performance-marketing/"> 9461 Performance Marketing </a> 9462 9463 <ul> 9464 <li> 9465 <a href="/services/creative-and-advertising/performance-marketing/meta-ads/"> 9466 Meta Ads </a> 9467 </li> 9468 <li> 9469 <a href="/services/creative-and-advertising/performance-marketing/google-ads/"> 9470 Google Ads </a> 9471 </li> 9472 <li> 9473 <a href="/services/creative-and-advertising/performance-marketing/youtube-ads/"> 9474 YouTube Ads </a> 9475 </li> 9476 <li> 9477 <a href="/services/creative-and-advertising/performance-marketing/whatsapp-marketing/"> 9478 WhatsApp Marketing </a> 9479 </li> 9480 <li> 9481 <a href="/services/creative-and-advertising/performance-marketing/email-marketing/"> 9482 Email Marketing </a> 9483 </li> 9484 </ul> 9485 </li> 9486 <li> 9487 <a href="/services/digital/public-relation/"> 9488 PR & Outreach </a> 9489 9490 <ul> 9491 <li> 9492 <a href="/services/creative-and-advertising/pr-and-outreach/press-releases/"> 9493 Press Releases </a> 9494 </li> 9495 <li> 9496 <a href="/services/creative-and-advertising/pr-and-outreach/influencer-marketing/"> 9497 Influencer Marketing </a> 9498 </li> 9499 <li> 9500 <a href="/services/creative-and-advertising/pr-and-outreach/media-relations/"> 9501 Media Relations </a> 9502 </li> 9503 </ul> 9504 </li> 9505 <li> 9506 <a href="/services/creative-and-advertising/photography-and-video/"> 9507 Photography & Videography </a> 9508 9509 <ul> 9510 <li> 9511 <a href="/services/creative-and-advertising/photography-and-video/product-photography/"> 9512 Product Photography </a> 9513 </li> 9514 <li> 9515 <a href="/services/creative-and-advertising/photography-and-video/corporate-shoots/"> 9516 Corporate Shoots </a> 9517 </li> 9518 <li> 9519 <a href="/services/creative-and-advertising/photography-and-video/event-coverage/"> 9520 Event Coverage </a> 9521 </li> 9522 </ul> 9523 </li> 9524 </ul> 9525 </div> 9526 <div class="col"> 9527 <p class="m-0 footer-menu-heading no-footer-space"> 9528 <a href="/services/it-solutions/">IT Solutions</a> 9529 </p> 9530 <ul class="main-list p-0"> 9531 <li> 9532 <a href="/services/it-solutions/software-solutions/">
9533 Software Solutions </a> 9534 9535 <ul> 9536 <li> 9537 <a href="/services/it-solutions/software-solutions/software-development/"> 9538 Software Development </a> 9539 </li> 9540 <li> 9541 <a href="/services/it-solutions/software-solutions/software-maintenance/"> 9542 Software Maintenance </a> 9543 </li> 9544 <li> 9545 <a href="/services/it-solutions/software-solutions/software-ui-ux-designing/"> 9546 Software UI/UX Designing </a> 9547 </li> 9548 </ul> 9549 </li> 9550 <li> 9551 <a href="/services/it-solutions/web-development/"> 9552 Web Development </a> 9553 9554 <ul> 9555 <li> 9556 <a href="/services/it-solutions/web-development/website-development/"> 9557 Website Development </a> 9558 </li> 9559 <li> 9560 <a href="/services/it-solutions/web-development/website-maintenance/"> 9561 Website Maintenance </a> 9562 </li> 9563 <li> 9564 <a href="/services/it-solutions/web-development/website-ui-ux-designing/"> 9565 Website UI/UX Designing </a> 9566 </li> 9567 </ul> 9568 </li> 9569 <li> 9570 <a href="/services/it-solutions/mobile-app-development/"> 9571 Mobile App Development </a> 9572 9573 <ul> 9574 <li> 9575 <a href="/services/it-solutions/mobile-app-development/app-development/"> 9576 App Development </a> 9577 </li> 9578 <li> 9579 <a href="/services/it-solutions/mobile-app-development/app-maintenance/"> 9580 App Maintenance </a> 9581 </li> 9582 <li> 9583 <a href="/services/it-solutions/mobile-app-development/ui-ux-designing/"> 9584 App UI/UX Designing </a> 9585 </li> 9586 </ul> 9587 </li> 9588 <li> 9589 <a href="#"> 9590 Testing & Security </a> 9591 9592 <ul> 9593 <li> 9594 <a href="/services/it-solutions/testing-and-security/vulnerability-assessment-and-penetration-testing/"> 9595 VAPT </a> 9596 </li> 9597 <li> 9598 <a href="/services/it-solutions/testing-and-security/sonarqube/"> 9599 SonarQube </a> 9600 </li> 9601 <li> 9602 <a href="/services/it-solutions/testing-and-security/website-security/"> 9603 Website Security </a> 9604 </li> 9605 </ul> 9606 </li> 9607 <li> 9608 <a href="#"> 9609 Others </a> 9610 9611 <ul> 9612 <li> 9613 <a href="/services/it-solutions/others/
9613data-entry/"> 9614 Data Entry </a> 9615 </li> 9616 <li> 9617 <a href="/services/it-solutions/others/whatsApp-business-integration/"> 9618 WhatsApp Business Integration </a> 9619 </li> 9620 </ul> 9621 </li> 9622 </ul> 9623 </div> 9624 <div class="col"> 9625 <p class="m-0 footer-menu-heading no-footer-space"> 9626 <a href="/services/wikipedia-page-creation/">Wikipedia</a> 9627 </p> 9628 <ul class="main-list p-0"> 9629 <li> 9630 <a href="/services/wikipedia-page-creation/"> 9631 Page Creation </a> 9632 9633 </li> 9634 <li> 9635 <a href="/services/wikipedia-page-editing-service/"> 9636 Page Editing </a> 9637 9638 </li> 9639 <li> 9640 <a href="/services/wikipedia-page-monitoring-and-maintenance-service/"> 9641 Monitoring & Maintenance </a> 9642 9643 </li> 9644 <li> 9645 <a href="/services/recover-deleted-wikipedia-page/"> 9646 Recover Deleted Page </a> 9647 9648 </li> 9649 <li> 9650 <a href="/services/wikipedia-consultancy-services/"> 9651 Consultancy </a> 9652 9653 </li> 9654 <li> 9655 <a href="/services/wikipedia-content-writing-services/"> 9656 Content Writing </a> 9657 9658 </li> 9659 <li> 9660 <a href="/services/wikipedia-draft-creation-service-india/"> 9661 Draft Creation </a> 9662 9663 </li> 9664 </ul> 9665 </div> 9666 <div class="col"> 9667 <p class="m-0 footer-menu-heading no-footer-space"><a 9668 href="/services/cloud-solutions/">Cloud Solutions</a></p> 9669 <ul class="main-list"> 9670 <li><a href="/services/cloud-solutions/hosting/">Hosting</a></li> 9671 <li><a href="/services/cloud-solutions/google-workspace-mail-integration/">Google 9672 Workspace Mail Integration</a></li> 9673 <li><a href="/services/cloud-solutions/zoho-mail-integration/">Zoho Mail 9674 Integration</a> 9675 </li> 9676 </ul> 9677 </div>
9678 <!--Left Column ends --> 9679 </div> 9680 <div class="row row-cols-1 row-cols-md-5 footer-gray-area"> 9681 <div class="col"> 9682 <ul class="list-unstyled small ps-0 p-0"> 9683 <li><a href="/about-hatsoff-marketing/">About Company</a></li> 9684 <li><a href="/clients/">Clientele</a></li> 9685 <li><a href="/partners/">Partners</a></li> 9686 </ul> 9687 </div> 9688 <div class="col"> 9689 <ul class="list-unstyled small ps-0 p-0"> 9690 <li><a href="/events/">Events</a></li> 9691 <li><a href="/our-teams/">Our Team</a></li> 9692 <li><a href="/company-profiles/">Company Profiles</a></li> 9693 </ul> 9694 </div> 9695 <div class="col"> 9696 <ul class="list-unstyled small ps-0 p-0"> 9697 <li><a href="/testimonials/">Testimonials</a></li> 9698 <li><a href="/request-quote/">Request a Quote</a></li> 9699 </ul> 9700 </div> 9701 <div class="col"> 9702 <ul class="list-unstyled small ps-0 p-0"> 9703 <li><a href="/blogs">Blogs</a></li> 9704 <li><a href="https://portfolio.hatsoffdigital.com/">Portfolio</a></li> 9705 </ul> 9706 <!-- <p class="m-0 footer-menu-heading"><a href="/glossary/">Glossary</a></p> 9707 <p class="m-0 footer-menu-heading no-footer-space"><a href="/careers/">Careers</a></p> --> 9708 </div> 9709 <div class="col"> 9710 <ul class="list-unstyled small ps-0 p-0"> 9711 <li><a href="/contact-us/">Contact Us</a></li> 9712 <li><a href="/careers/">Careers</a></li> 9713 </ul> 9714 </div> 9715 </div> 9716 <p class="text-center">Ask AI for a Summary Of Hats-Off</p> 9717 <div class="footer-social-icon" aria-label="AI assistants"> 9718 <a href="https://chatgpt.com/?q=Hats-Off+Digital+and+provide+a+concise+overview+of+its+services%2C+expertise%2C+locations%2C+and+company+background.&utm_source=chatgpt.com" target="_blank" rel="noopener noreferrer" aria-label="Ask ChatGPT about Hats-Off Digital" title="ChatGPT"> 9719 <img src="https://www.hatsoffdigital.com/assets/images/chatgpt.svg" width="32" height="32" alt="" aria-hidden="true"> 9720 </a> 9721 <a href="https://www.google.com/search?udm=50&q=Hats-Off+Digital+and+provide+a+concise+overview+of+its+services%2C+expertise%2C+locations%2C+and+company+background.&utm_source=chatgpt.com" target="_blank" rel="noopener noreferrer" aria-label="Search Google about Hats-Off Digital" title="Google"> 9722 <img src="https://www.hatsoffdigital.com/assets/images/google-ai.svg" width="32" height="32" alt="" aria-hidden="true"> 9723 </a> 9724 <a href="https://www.perplexity.ai/search?q=Research+Hats-Off+Digital+and+provide+a+cited+overview+of+its+services%2C+expertise%2C+clients%2C+achievements%2C+locations%2C+and+company+background.&utm_source=chatgpt.com" target="_blank" rel="noopener noreferrer" aria-label="Research Hats-Off Digital with Perplexity" title="Perplexity"> 9725 <img src="https://www.hatsoffdigital.com/assets/images/perplexity.svg" width="32" height="32" alt="" aria-hidden="true"> 9726 </a> 9727 <a href="https://claude.ai/new?q=Research%20Hats-Off%20Digital%20and%20provide%20a%20factual%20overview%20of%20its%20services%2C%20expertise%2C%20clients%2C%20achievements%2C%20locations%2C%20and%20company%20background." target="_blank" rel="noopener noreferrer" aria-label="Research Hats-Off Digital with Claude" title="Claude"> 9728 <img src="https://www.hatsoffdigital.com/assets/images/claude.svg" width="32" height="32" alt="" aria-hidden="true"> 9729 </a> 9730 </div> 9731 </div> 9732 </div> 9733 </div> 9734 </div> 9735 9736</footer> 9737
9738<script src="https://hatsoffdigital.com/assets/js/bootstrap.bundle.min.js"></script>
9738 9739 9740</html> 9741 9742
9743<script> 9744 $(document).ready(function() { 9745 if ($(document).width() < 991) { 9746 $(document).scroll(function() { 9747 var offSetTop = 100; 9748 if ($(document).scrollTop() > 800) { 9749 $("#reqcallback").show(300); 9750 } else { 9751 $("#reqcallback").hide(300); 9752 } 9753 }); 9754 } 9755 }); 9756</script>
vendor: 1 bytes, line 9756
9756
9757<script> 9758 $(document).ready(function() { 9759 var scrollTop = $(".scrollTop"); 9760 $(window).scroll(function() { 9761 // declare variable 9762 var topPos = $(this).scrollTop(); 9763 // if user scrolls down - show scroll to top button 9764 if (topPos > 100) { 9765 $(scrollTop).css("opacity", "1"); 9766 $(scrollTop).css("transform", "translateY(0px)"); 9767 } else { 9768 $(scrollTop).css("opacity", "0"); 9769 $(scrollTop).css("transform", "translateY(50px)"); 9770 } 9771 }); 9772 }); 9773</script>
vendor: 1 bytes, line 9773
9773
9774<script> 9775 document.addEventListener("DOMContentLoaded", function() { 9776 9777 const quoteBtn = document.getElementById("globalQuoteBtn"); 9778 if (!quoteBtn) return; 9779 9780 const modalElement = document.getElementById("bottomSlidingForm"); 9781 9782 if (!modalElement) { 9783 quoteBtn.removeAttribute("data-bs-toggle"); 9784 quoteBtn.removeAttribute("data-bs-target"); 9785 9786 // Optional: make it redirect 9787 quoteBtn.addEventListener("click", function() { 9788 window.location.href = "/request-quote/"; 9789 }); 9790 } 9791 9792 }); 9793</script>
vendor: 1 bytes, line 9793
9793
9794<script> 9795 document.addEventListener("DOMContentLoaded", function() { 9796 const quoteBtn = document.getElementById("headerContactBtn"); 9797 if (!quoteBtn) return; 9798 9799 const modalElement = document.getElementById("bottomSlidingForm"); 9800 9801 if (!modalElement) { 9802 quoteBtn.removeAttribute("data-bs-toggle"); 9803 quoteBtn.removeAttribute("data-bs-target"); 9804 9805 // Optional: make it redirect 9806 quoteBtn.addEventListener("click", function() { 9807 window.location.href = "/contact-us/"; 9808 }); 9809 } 9810 }); 9811</script>
vendor: 1 bytes, line 9811
9811
9812<script> 9813 document.addEventListener("DOMContentLoaded", function() { 9814 const bottomBar = document.querySelector(".bottom-tab-wrapper"); 9815 window.addEventListener("scroll", function() { 9816 9817 const scrollTop = window.pageYOffset || document.documentElement.scrollTop; 9818 9819 if (scrollTop > 150) { 9820 bottomBar.classList.add("active-bottom-bar"); 9821 } else { 9822 bottomBar.classList.remove("active-bottom-bar"); 9823 } 9824 9825 }); 9826 9827 }); 9828</script>
9828 9829
9830<script> 9831 document.querySelector(".scrollTop button").addEventListener("click", function() { 9832 window.scrollTo({ 9833 top: 0, 9834 behavior: "smooth" 9835 }); 9836 }); 9837</script>
9837 9838 9839<!--
vendor: 61 bytes, line 9839
9839 <script src="https://www.google.com/recaptcha/api.js?render=
98396Lc_L6MtAAAAAJ_qPu57_pxtshRbXtVxNQLSW-n5
vendor: 12 bytes, line 9839
9839"></script>
9839-->
9840<script type="text/javascript"> 9841 // store the original tab title 9842 var origTitle = document.title; 9843 9844 // function to change title when focusing on tab 9845 function oldTitle() { 9846 document.title = origTitle; 9847 } 9848 9849 // function to change title when un-focusing on tab 9850 function newTitle() { 9851 document.title = 'Hey! come back. '; 9852 } 9853 9854 // bind functions to blur and focus events 9855 window.onblur = newTitle; 9856 window.onfocus = oldTitle; 9857 9858 const recaptcha_site_key = "6Lc_L6MtAAAAAJ_qPu57_pxtshRbXtVxNQLSW-n5"; 9859</script>
9859 9860
9861<script> 9862 var $links = $('.btm-two a'); 9863 $links.click(function() { 9864 $('.home-icon').removeClass('active'); 9865 $('.last-icon-one').addClass('active'); 9866 }); 9867</script>
vendor: 1 bytes, line 9867
9867
9868<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
9868 9869 9870<div id="recaptcha-container"></div>
9871<script> 9872 // var recaptchaWidgetId; 9873 9874 // function onloadCallback() { 9875 // recaptchaWidgetId = grecaptcha.render('recaptcha-container', { 9876 // 'sitekey': '6Lc_L6MtAAAAAJ_qPu57_pxtshRbXtVxNQLSW-n5', 9877 // 'size': 'invisible', 9878 // 'badge': 'bottomright', 9879 // }); 9880 // } 9881 9882 // function getRecaptchaToken() { 9883 // return grecaptcha.execute(recaptchaWidgetId).then(function(token) { 9884 // return token; 9885 // }); 9886 // } 9887</script>
9887 9888
9889<script src="/assets/js/custom.js?v=1788266383"></script>
9889 9890<!--Start of Tawk.to Script-->
9891<script type="text/javascript"> 9892 /*var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 9893 (function(){ 9894 var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 9895 s1.async=true; 9896 s1.src='https://embed.tawk.to/5f212e675e51983a11f5fdd1/default'; 9897 s1.charset='UTF-8'; 9898 s1.setAttribute('crossorigin','*'); 9899 s0.parentNode.insertBefore(s1,s0); 9900 })();*/ 9901</script>
9901 9902<!--End of Tawk.to Script--> 9903 </footer> 9904 <!-- <div class="switch"> 9905 <div class="circle"> 9906 <img src="/assets/images/light-sun.svg" alt=""> 9907 <img src="/assets/images/dark-moon.svg" alt=""> 9908 </div> 9909 </div> --> 9910 9911 <!-- Google Tag Manager (noscript) --> 9912<!--
vendor: 68 bytes, line 9912
9912 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
9912GTM-TXL38ZL
vendor: 85 bytes, lines 9912-9913
9912" 9913 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
9913--> 9914 <!-- End Google Tag Manager (noscript) --> 9915
9915<script src="https://hatsoffdigital.com/assets/js/jquery.min.js"></script>
9915 9916</body> 9917
9917<script src="https://hatsoffdigital.com/assets/js/owl.carousel.min.js"></script>
9917 9918
9918<script src="https://hatsoffdigital.com/assets/js/home.js"></script>
9918 9919 <!--
9919<script> 9920 jQuery(document).ready(function($) { 9921 jQuery('#banner-carousel').owlCarousel({ 9922 loop: true, 9923 center: true, 9924 items: 1, 9925 margin: 0, 9926 autoplay: true, 9927 autoplayTimeout: 8500, 9928 smartSpeed: 450, 9929 thumbs: true, 9930 nav: true, 9931 navText: ["<i class='fas fa-chevron-left'></i>", "<i class='fas fa-chevron-right'></i>"] 9932 }); 9933 }); 9934 </script>
9934 --> 9935 9936 <!-- /*========================================== 9937 ## Logo Slider 9938 ===========================================*/ --> 9939
9939<script> 9940 jQuery('#toleft').owlCarousel({ 9941 loop: true, 9942 dots: false, 9943 autoplay: true, 9944 slideTransition: 'linear', 9945 autoplaySpeed: 5000, 9946 margin: 10, 9947 responsive: { 9948 0: { 9949 items: 3 9950 }, 9951 600: { 9952 items: 3 9953 }, 9954 1000: { 9955 items: 6 9956 } 9957 } 9958 }); 9959 9960 jQuery('#toright').owlCarousel({ 9961 loop: true, 9962 dots: false, 9963 autoplay: true, 9964 slideTransition: 'linear', 9965 autoplaySpeed: 5000, 9966 margin: 10, 9967 rtl: true, // Reverse the direction (right-to-left) 9968 responsive: { 9969 0: { 9970 items: 3 9971 }, 9972 600: { 9973 items: 3 9974 }, 9975 1000: { 9976 items: 6 9977 } 9978 } 9979 }); 9980 9981 </script>
9981 9982
9982<script> 9983 jQuery('#testinomial').owlCarousel({ 9984 loop: true, 9985 autoplay: true, 9986 items: 1, 9987 nav: true, 9988 navText: ["<i class='fal fa-chevron-left'></i> <i class='fal fa-chevron-left'></i>", 9989 "<i class='fal fa-chevron-right'></i><i class='fal fa-chevron-right'></i>" 9990 ] 9991 }); 9992 </script>
9992 9993 9994 <!--
9994<script> 9995 document.addEventListener("DOMContentLoaded", () => { 9996 const cloudCard = document.querySelector(".cloud-card"); 9997 const images = cloudCard.querySelectorAll(".cloud-card .img-container img"); 9998 let interval; 9999 let currentIndex = 0; 10000 10001 function startImageCycle() { 10002 interval = setInterval(() => { 10003 // Remove 'active' from the current image 10004 images[currentIndex].classList.remove("active"); 10005 10006 // Move to the next image or loop back to the first 10007 currentIndex = (currentIndex + 1) % images.length; 10008 10009 // Add 'active' to the next image 10010 images[currentIndex].classList.add("active"); 10011 }, 500); // Each image is active for 1 second (5 images in 5s) 10012 } 10013 10014 function resetCycle() { 10015 clearInterval(interval); // Stop the cycling 10016 // Reset to the first image 10017 images.forEach((img) => img.classList.remove("active")); 10018 images[0].classList.add("active"); 10019 currentIndex = 0; 10020 } 10021 10022 // Add hover event listeners 10023 cloudCard.addEventListener("mouseenter", startImageCycle); 10024 cloudCard.addEventListener("mouseleave", resetCycle); 10025 }); --> 10026 10027 </script>
10027 10028 10029
10029<script async=""> 10030 var counted = 0; 10031 $(window).scroll(function () { 10032 var oTop = $('#counter').offset().top - window.innerHeight; 10033 if (counted == 0 && $(window).scrollTop() > oTop) { 10034 $('.counter-count').each(function () { 10035 var $this = $(this), 10036 countTo = $this.attr('data-count'); 10037 $({ 10038 countNum: $this.text() 10039 }).animate({ 10040 countNum: countTo 10041 }, { 10042 duration: 5000, 10043 easing: 'swing', 10044 step: function () { 10045 $this.text(Math.floor(this.countNum)); 10046 }, 10047 complete: function () { 10048 $this.text(this.countNum); 10049 //alert('finished'); 10050 } 10051 }); 10052 }); 10053 counted = 1; 10054 } 10055 }); 10056 </script>
10056 10057<!--
10057<script> 10058 $(".switch").on('click', function () { 10059 if ($("body").hasClass("light")) { 10060 $("body").removeClass("light"); 10061 $("body").addClass("dark"); 10062 $("body").attr("theme", "dark"); 10063 $(".switch").addClass("switched"); 10064 } 10065 else if ($("body").hasClass("dark")) { 10066 $("body").removeClass("dark"); 10067 $("body").addClass("light"); 10068 $("body").attr("theme", "light"); 10069 $(".switch").removeClass("switched"); 10070 } 10071 }); 10072</script>
10072 --> 10073<!--
10073<script> 10074 $(document).ready(function () { 10075 var scrollTop = $(".scrollTop"); 10076 $(window).scroll(function () { 10077 // declare variable 10078 var topPos = $(this).scrollTop(); 10079 // if user scrolls down - show scroll to top button 10080 if (topPos > 100) { 10081 $(scrollTop).css("opacity", "1"); 10082 $(scrollTop).css("transform", "translateY(0px)"); 10083 } else { 10084 $(scrollTop).css("opacity", "0"); 10085 $(scrollTop).css("transform", "translateY(50px)"); 10086 } 10087 }); 10088 }); 10089</script>
10089 --> 10090<!--
10090<script> 10091 window.addEventListener('load', function () { 10092 setTimeout(function () {
vendor: 342 bytes, lines 10092-10097
10092 10093 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 10094 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10095 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 10096 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 10097 })(window,document,'script','dataLayer','
10097GTM-TXL38ZL
vendor: 8 bytes, lines 10097-10098
10097'); 10098
10098}, 2000); // delay GTM load by 2 seconds 10099 }); 10100</script>
10100 -->
10101<script> 10102// $(document).ready(function(){ 10103// if(navigator.geolocation){ 10104// navigator.geolocation.getCurrentPosition(showLocation); 10105// }else{ 10106// $('#location').html('Geolocation is not supported by this browser.'); 10107// } 10108// }); 10109 10110// function showLocation(position){ 10111// var latitude = position.coords.latitude; 10112// var longitude = position.coords.longitude; 10113// //var v_token = "oOgzR2wt6BJdQGsFgovUptd0knXamMftV5dcq9t2"; 10114 10115// $.ajax({ 10116// type:'POST', 10117// data:{ 10118// "latitude":latitude, 10119// "longitude":longitude, 10120// "_token": "oOgzR2wt6BJdQGsFgovUptd0knXamMftV5dcq9t2" 10121// }, 10122// url:'https://www.hatsoffdigital.com/getLocation', 10123// success:function(msg){ 10124// console.log(msg); 10125// if(msg){ 10126// $("#location").html(msg); 10127// }else{ 10128// $("#location").html('Not Available'); 10129// } 10130// } 10131// }); 10132// } 10133</script>
10133 10134 10135 </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.