ta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
script>
About DP
:
Our Portfolio
Services
:
Logo Design Service
Website Development Service
Online Marketing Service
Website Design Service
Mobile App Service
Print Material
Brand Identity Service
Content Writing Service
Digital Marketing Service
UI/UX Design Service
IOT Internet Of Things Service
AI ChatGPT
:
Contact Us
Click to Call
get quote
Our Portfolio
Blogs
The Role of User Experience (UX) in Effective Website Design
Become a UI Developer for Your Website Design
Design A Custom Slider Website Design
Check Multimedia Content in Custom Website Design with User Experience
Way to use Bioluminescent Cloudscapes in Logo Design
Use of Generative AI for Website Development Media
Importance of User Feedback in Modern Website Development
Application of Law of Gestalt Principles
How to Integrate Advanced Search Filters in Website Design?
How to Design Squarespace Website?
How to Start with Logo Design Haul for Your Brand Identity Design?
How to Include Digital Glitch in Website Design
Learn Children Book Illustrations using Adobe Illustrator
How to Design a Software Architecture for A Financial Platform?
Elements Needed in Simple Basic Website Design for CRM Software
How to Explore Powerful Backlink Data in Digital Marketing?
How to Use Royalty-Free Images in Custom Logo Designs?
Learn About Different Versions of Logos
CUT-OUT LOGO DESIGNS
Importance of Vector and Raster Graphics Editors in Contemporary Website Design
How to Use Flutter for Buzzin Apps Development?
How to Use Version Control Systems for Collaborative Website Development and Code Management
Importance of Subtitles and Captions in Website Design
How to Navigate and Utilize the Kubernetes Dashboard for Website Development
How to Design Project: E-Commerce Platform with Predictive Analytics?
Tips for Page and Forum Customization to Optimize Website Design
How Designer Apply Gohighlevel (GHL) to Build and Automate Webpages?
Define What is Letter Stacking Logo Design and How It can be Designed
How to Select Best Hosting Plan for Website Design?
How to Include a Cinematic Touch in Appealing Website Design?
Tips to Manipulate the HTML DOM Tree in Website Development
How to Debug Queries in Custom Website Development?
Understanding the Impact of Poorly Written SEO on Website Development
Dealing with Pitfalls of Influencer Marketing in Digital Marketing
How to Incorporate Custom Illustrations in a Modern Website Design?
How to Design a Website to Show Real-Time Data Using APIs?
How to Consider Aesthetics in Website Design?
How to Avoid Blinking or Flashing in Website Designs?
How to Stay Updated and Make the Most of Google Search Trends?
Stages of Launching a Website Design Successfully
Issues to Consider to Prevent Cyberbullying in Online Digital Marketing
Importance of Choosing Document Types and Templates in Website Development
Use Advanced Custom Fields (ACF) Plugins When Developing a Website
How to Integrate an Animated Logo in Website Design?
The Role of Heuristics in Website Design
How to Use Google Ad Manager in Digital Marketing?
Developing a Linktree-Like Website Development Platform
Importance of a Strong Visual Metaphor in Modern Website
How to Build a Multi-Page Framer Website?
How to Create a Personal Website with Cloudflare Pages?
What is Dynamic Scrolling in Website Design?
Process of Storefront Creation for Digital Marketing
How to Create a Responsive Website Design for Campaign Shoots?
How to Create Association Membership Web Application?
g src="/app_themes/images/right-banner.jpg" alt="Right Banner" class="w-100" />
yle> /*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-inner, .fancybox-outer, .fancybox-skin { position: relative } .fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top } .fancybox-wrap { width: 100% !important; height: auto !important; top: 220px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important } .fancybox-skin { background-color: #f1ede5; color: #614d4b; text-shadow: none } .fancybox-opened { z-index: 9999999 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5) } .fancybox-inner { overflow: hidden; width: 100% !important; height: auto !important } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; display: none } .fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -306px; opacity: 1; cursor: pointer; z-index: 8060; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff } .fancybox-close, .fancybox-nav, .fancybox-nav span { cursor: pointer; z-index: 8040; position: absolute } #fancybox-loading div { width: 44px; height: 44px; background: url(//cdn.shopify.com/s/files/1/0109/6532/t/23/assets/loader.gif?5661881326289827546) center center no-repeat; background-size: 32px 32px; display: block !important } .fancybox-close { position: fixed; top: 6px; right: 14px; background: url() no-repeat; height: 28px; width: 28px } .mssubmit12, .newsletter_livechat a { background: #b11e22 !important; font-size: 14px !important; font-weight: 400 !important; color: #fff !important } .mssubmit12 { padding: 12px 64px !important; height: auto !important; width: auto !important; float: right; margin-top: 2px; line-height: normal !important; border-radius: 8px !important; margin-bottom: 0 !important } .newsletter_livechat { float: left; text-align: center; width: 33%; margin-top: 210px } .newsletter_livechat a { padding: 12px 36px !important; text-transform: uppercase; border-radius: 8px } .newsletter_livechat a:hover { opacity: .7; text-decoration: none } .mssubmit12:hover { opacity: .7 } .gallery .fancybox-close { top: 2px; right: 2px } .fancybox-nav { top: 0; width: 40%; height: 100%; text-decoration: none; background: url(//cdn.shopify.com/s/files/1/0109/6532/t/23/assets/blank.gif?5661881326289827546); -webkit-tap-highlight-color: transparent } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { top: 50%; width: 60px; height: 60px; margin-top: -18px; visibility: hidden; color: #333; opacity: .8; text-shadow: 0 0 1px #fff } .fancybox-prev span { left: 16px } .fancybox-next span { right: -10px } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-lock { overflow: hidden } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 999999; background: url(//cdn.shopify.com/s/files/1/0109/6532/t/23/assets/fancybox_overlay.png?5661881326289827546) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; width: 100% } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -28px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 0; background: 0 0; background: rgba(0, 0, 0, .6); text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap; width: 100%; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8) } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050 } #fancybox-thumbs.bottom { bottom: 2px } #fancybox-thumbs.top { top: 2px } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; border: none } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: .5; border: none } #fancybox-thumbs ul li.active { opacity: .75; padding: 0; border: 1px solid #fff } #fancybox-thumbs ul li:hover { opacity: 1 } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: 0 } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none } .newsletter { margin-bottom: 1.5em } .newsletter .contact-form { width: 460px; margin: 0 auto } @media (max-width:767px) { .newsletter .contact-form { width: 100% } } .newsletter input.sign_up { display: inline-block; width: 30% } @media (max-width:767px) { .newsletter input.sign_up { width: 100% } } .newsletter input.contact_email { width: 67%; display: inline-block; margin-right: 2% } @media (max-width:767px) { .newsletter input.contact_email { width: 100%; margin-right: 0 } } .newsletter_popup .fancybox-skin, .newsletter_popup .fancybox-skin a, .newsletter_popup .fancybox-skin a:visited, .newsletter_popup .fancybox-skin p.headline { color: #fff !important } .newsletter_popup .newsletter { margin-bottom: 0 } .newsletter_popup .fancybox-skin { padding: 0 !important; width: 100% !important; height: auto !important; background: transparent !important; box-shadow: none !important } .newsletter_popup .fancybox-outer { background: url() 0 0 / 100% 100% no-repeat; height: 324px !important; padding: 24px !important; box-shadow: 0px 0px 8px 4px #a5a5a5; width: 58% !important; margin: auto; cursor: pointer; float: none } .news_letter_input { float: right; text-align: center; width: 38%; margin-top: 90px } .news_letter_input input { width: 100%; background: #eedede; border: 1px solid transparent; padding: 10px; border-radius: 12px; color: #000; margin-bottom: 14px } .pwNewsInner { display: inline-block; width: 100% } @media (max-width:768px) { .fancybox-wrap { top: 70px !important } } @media (max-width:480px) { .mssubmit12, .news_letter_input input { padding: 4px 12px !important; font-size: 12px !important } .fancybox-wrap { width: 360px !important; top: 180px !important } .news_letter_input { margin-top: 72px } .news_letter_input input { border-radius: 6px !important; margin-bottom: 4px !important } .mssubmit12 { margin-top: 2px !important; border-radius: 4px !important } .newsletter_popup .fancybox-outer { padding: 2px !important; background-size: 100% 100%; height: auto !important } .newsletter_livechat { width: 110px !important; margin-top: 132px } .newsletter_livechat a { padding: 4px 7px !important; border-radius: 6px !important; font-size: 11px !important } .pwNewsSuccsMsgIn { font-size: 10px !important } .fancybox-close { right: -14px; height: 20px; background-size: 70% } } .mssubmit122 { background: #11401d !important; } .mssubmit122_error { background: #f90505 !important; } .news_letter_input input:focus { outline-offset: 0 !important; outline: -webkit-focus-ring-color auto 0px !important; } .circle .fa { height: 30px; width: 30px; background: url() no-repeat; bottom: 16px; position: fixed; right: 56px; margin-bottom: 50px; animation-name: arrow; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-play-state: running; -webkit-animation-name: arrow; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; display: none; z-index: 999 } @keyframes arrow { 0%, 100% { bottom: 0 } 75% { bottom: 35px } } @-webkit-keyframes arrow { 0%, 100% { bottom: 0 } 75% { bottom: 35px } } @keyframes circle { 0%, 10%, 100% { height: 120px } 50%, 90% { height: 130px } 75% { height: 150px } } @-webkit-keyframes circle { 0%, 10%, 100% { height: 120px } 50%, 90% { height: 130px } 75% { height: 150px } } @-webkit-keyframes pulse { 0%, 8% { -webkit-transform: scale(0); opacity: 0 } 15% { -webkit-transform: scale(.1); opacity: 1 } 30% { -webkit-transform: scale(.5); opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.5) } } @-moz-keyframes pulse { 0%, 8% { -webkit-transform: scale(0); opacity: 0 } 15% { -webkit-transform: scale(.1); opacity: 1 } 30% { -webkit-transform: scale(.5); opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.5) } } @media (max-width:1200px) { .fancybox-wrap { top: 130px !important; } .newsletter_popup .fancybox-outer { width: 73% !important; padding: 0 !important; } } @media (max-width:992px) { .newsletter_popup .fancybox-outer { height: 276px !important; width: 80% !important; } } @media (max-width:768px) { .fancybox-lock .fancybox-overlay { z-index: 999999999; } .circle .fa { display: inline-block } .newsletter_popup .fancybox-outer { width: 80% !important; margin: auto; height: 242px !important; } .fancybox-wrap { top: 70px !important; } } @media (max-width:480px) { .fancybox-wrap { top: 180px !important; position: fixed } .newsletter_popup .fancybox-outer { height: 160px !important; width: 90% !important; } } .message-typing .dot { font-weight: bold; font-size: 30px; line-height: 0; } .message { font-size: 14px; margin: 0 4px 14px 4px; overflow: hidden; border-radius: 8px; padding: 0px 10px 0px 10px; font-family: arial } .message p { margin: 0; font-weight: normal; line-height: 18px; font-family: arial; } .message-live, .message-typing { background: #8dbf43; padding: 7px; opacity: 0; border-radius: 4px; color: #ffffff; float: left } .message-live { background: #f92123; } .message-live._playing, .message-typing._playing { -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .message-live._removing, .message-typing._removing { -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .message-typing .dot { display: inline-block; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-name: jump; animation-name: jump; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate-reverse; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .message-typing .dot._one { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .message-typing .dot._two { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .message-typing .dot._three { -webkit-animation-delay: 200ms; animation-delay: 200ms; } @-webkit-keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .livechat_message { position: fixed; right: 46px; bottom: 46px; width: 296px; z-index: 99999; cursor: pointer; border: 1px solid #f5f5f5; border-radius: 4px; background: #ffffff; padding-top: 16px; height: 210px; box-shadow: 0px 0px 8px #cacaca; } .message-typing { font-size: 12px; background: white; margin-top: 0; color: #000; padding: 14px; width: 269px; border-radius: 4px; line-height: normal; border: 0; border-top: 1px solid #e8e2e2; font-weight: normal; line-height: 18px; margin-top: 8px; font-family: arial } .livechat_message_cross { text-align: right; display: block; margin-bottom: 0px; position: relative; } .livechat_message_cross span { background: #d1242b; color: #fff; border-radius: 150px; height: 20px; width: 20px; display: inline-block; padding-right: 0; position: absolute; top: -26px; left: -10px; font-weight: bolder; font-size: 12px; line-height: 20px; text-align: center; } .write_livechat { font-size: 12px; background: white; color: #000; padding: 14px; width: 269px; border-radius: 4px; line-height: normal; border: 0; border-top: 1px solid #e8e2e2; margin-top: 8px; font-weight: normal; line-height: 18px; font-family: arial } .livechaticon_default { height: 60px; width: 60px; position: fixed; right: 20px; background: url(/app_themes/images/sprit.png) no-repeat 0px 0px; bottom: 20px; z-index: 9999999999; border-radius: 85px; } .trm_cnd_container { line-height: 32px; } .left_side_bar { line-height: 32px; float: left; } .left_side_bar ul { float: left; padding: 0; margin: 0; } .left_side_bar ul li { float: left; list-style: none; margin-right: 10px; } .left_side_bar ul li a { height: 24px; width: 24px; float: left; filter: contrast(0.5); padding: 4px 2px } .left_side_bar ul li:nth-child(1) a { background: url(/app_themes/images/sprit.png) no-repeat 1px -135px; } .left_side_bar ul li:nth-child(2) a { background: url(/app_themes/images/sprit.png) no-repeat -2px -218px; } .left_side_bar ul li:nth-child(3) a { background: url(/app_themes/images/sprit.png) no-repeat -3px -309px; } .left_side_bar ul li:nth-child(4) a { background: url(/app_themes/images/sprit.png) no-repeat -5px -401px; } .left_side_bar ul li:nth-child(5) a { background: url(/app_themes/images/sprit.png) no-repeat 2px -90px; } .left_side_bar ul li a:hover { filter: invert(1); } .service-based { width: 20%; float: left; } .bottom_area { width: 100%; display: inline-block; position: fixed; bottom: 32px; left: 0; z-index: 999; background: #eeeadf; display: none; margin: auto; height: 270px; overflow-y: scroll; } .position_relative1 { position: relative; width: 100%; padding: 0px 0px 20px; } .bottom_area h2 { font: 700 28px calibri; color: #ec2c4c; width: 100%; float: none; margin-bottom: 8px; } .indus_arrowdown { height: 19px; width: 33px; float: left; background: url(/app_themes/images/bottom_down.png) no-repeat 0 0; position: absolute; left: -28px; bottom: -16px; } .service-based ul { display: inline-block; padding: 0; margin: 0; } .service-based ul li { width: 100%; display: inline-block; list-style: none; } .service-based ul li { background: url(/app_themes/images/bottom_bullets.png) no-repeat left center; padding-left: 25px; margin-bottom: 4px; filter: grayscale(1); display: inline-block; text-transform: capitalize; } .service-based ul li:hover { filter: initial; color: #ec2c4c; } .bottom_area_close { float: right; font-weight: bold; font-size: 16px; color: #000000; cursor: pointer; } #platform .service-based { width: 16%; } #platform .indus_arrowdown { left: 0px; } #countries .service-based { width: 16%; } #countries .indus_arrowdown { left: 34px; } #services .indus_arrowdown { left: 70px; } #print_sec .indus_arrowdown { left: 102px; } .priting_area p { margin-bottom: 0; line-height: 24px; } #services .service-based { width: 25%; } ._four p::before { content: "Hi there! Looking for Business Solution?"; } ._three p::before { content: "Let's discuss your requirements!"; } ._one p::before { content: "We can help with Web/App Design, Development & Branding."; } ._two .msg-typ::before { content: "Agent is Typing"; } .write_livechat::before { content: "Please Write Here..."; } @media (max-width:1200px) { .indus_arrowdown { left: -6px; } #platform .indus_arrowdown { left: 26px; } #countries .indus_arrowdown { left: 58px; } #services .indus_arrowdown { left: 94px; } .bottom_area_close { margin-right: 30px; } } @media (max-width:992px) { .service-based ul li { font-size: 12px; } } @media (max-width:768px) { .livechaticon_default { display: none; } .left_side_bar ul { float: none; display: inline-block; width: 100%; text-align: center; } .left_side_bar ul li { float: none; display: inline-block; } .bottom_area .position_relative1 { padding: 0; } .indus_arrowdown { left: 242px; } #platform .indus_arrowdown { left: 276px; } #countries .indus_arrowdown { left: 313px; } #services .indus_arrowdown { left: 352px; } #print_sec .indus_arrowdown { left: 352px; } .service-based { width: 33% !important; margin-top: 20px; border-bottom: 1px solid #9a9a9a; } .bottom_area_close { margin-right: 10px; margin-top: 8px; } .bottom_area { bottom: 75px; height: 232px; overflow-y: scroll; z-index: 999999; overflow-x: hidden; } } @media(max-width:480px) { .message { font-size: 12px; } .livechat_message { width: 276px; } .livechaticon_default { display: none; } .message-typing, .write_livechat { width: 249px; } .service-based { width: 100% !important; margin-top: 0px; border-bottom: 0; } .bottom_area h2 { font-size: 18px !important; } .indus_arrowdown { display: none !important; } .bottom_area { bottom: 102px; height: 238px; width: 98%; padding: 10px } } .floating_btn { position: fixed; bottom: 20px; left: 0px; width: 100px; height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1000; } .floating_btn a { text-decoration: none; } @keyframes pulsing { to { box-shadow: 0 0 0 30px rgba(232, 76, 61, 0); } } .contact_icon { background-color: #42db87; color: #fff; width: 60px; height: 60px; font-size: 30px; border-radius: 50px; text-align: center; box-shadow: 2px 2px 3px #999; display: flex; align-items: center; justify-content: center; transform: translatey(0px); animation: pulse 1.5s infinite; box-shadow: 0 0 0 0 #42db87; -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); font-weight: normal; font-family: sans-serif; text-decoration: none !important; transition: all 300ms ease-in-out; } .text_icon { margin-top: 8px; color: #707070; font-size: 13px; }
Please Wait!
Redirecting to parent site for portfolio....
