{"product_id":"shopify-custom-app-development","title":"Shopify Custom App Development","description":"\u003csection class=\"scad-intro-section\" aria-label=\"Reddit brand value\"\u003e\n    \u003cdiv class=\"scad-intro__container\"\u003e\n        \u003cdiv class=\"scad-intro__header\"\u003e\n            \u003ch2 class=\"scad-intro__title\"\u003eBuild Custom Shopify Apps That Fit Your Business Perfectly\n            \u003c\/h2\u003e\n            \u003cp class=\"scad-intro__subtitle\"\u003eEvery Shopify business has unique operational needs that standard apps may not fully address. Our Shopify Custom App Development service helps you build secure, scalable, and high-performing applications tailored to your store's specific requirements.\u003c\/p\u003e\n            \u003cbr\u003e\n            \u003cp class=\"scad-intro__subtitle\"\u003eWhether you need a private app for internal operations, a public app for the Shopify App Store, or a custom solution that integrates with third-party systems, our Shopify experts develop applications that simplify workflows, improve efficiency, and support long-term business growth.\u003c\/p\u003e\n            \u003cbr\u003e\n            \u003cp class=\"scad-intro__subtitle\"\u003eFrom planning and development to deployment and ongoing support, we create reliable Shopify apps designed to deliver exceptional performance and seamless user experiences.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n    .scad-intro-section {\n        padding: clamp(40px, 5vw, 80px) 0 0 0;\n        font-family: \"Poppins\", sans-serif;\n        color: #111827;\n    }\n\n    .scad-intro__container {\n        max-width: 950px;\n        margin: 0 auto;\n        padding: 0 16px;\n    }\n\n    .scad-intro__header {\n        text-align: center;\n        margin-bottom: clamp(24px, 3vw, 40px);\n    }\n\n    .scad-intro__title {\n        margin: 0 0 8px;\n        font-size: clamp(24px, 3vw, 36px);\n        line-height: 1.25;\n        letter-spacing: -0.02em;\n        font-weight: 600;\n        color: #111827;\n    }\n\n    .scad-intro__subtitle {\n        margin: 0;\n        text-align: justify;\n        font-size: 16px;\n        line-height: 1.7;\n        color: #4b5563;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    @media (max-width:768px) {\n        .scad-intro__container{\n            padding: 0;\n        }\n    }\n\u003c\/style\u003e\n\u003c!-- Intro end --\u003e\n\u003c!-- key features start --\u003e\n\u003csection class=\"scad-features-section\"\u003e\n    \u003cdiv class=\"scad-features-container\"\u003e\n        \u003ch2\u003eFeatures of Our Shopify Custom App Development Service\u003c\/h2\u003e\n        \u003cdiv class=\"scad-features-grid\"\u003e\n            \u003cdiv class=\"scad-features-card\"\u003e\n                \u003ch3\u003eTailored Business Solutions\u003c\/h3\u003e\n                \u003cp\u003eWe build custom Shopify applications that match your workflows and business processes instead of forcing your operations to adapt to generic software.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-features-card\"\u003e\n                \u003ch3\u003ePrivate \u0026amp; Public App Development\u003c\/h3\u003e\n                \u003cp\u003eWhether you need an internal application for your own store or a public app for distribution through the Shopify App Store, we deliver solutions that meet Shopify's development standards.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-features-card\"\u003e\n                \u003ch3\u003eThird-Party Integrations\u003c\/h3\u003e\n                \u003cp\u003eConnect your Shopify store with ERP systems, CRM platforms, shipping providers, payment gateways, inventory management software, and other external services to improve business efficiency.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-features-card\"\u003e\n                \u003ch3\u003eEmbedded Shopify Apps\u003c\/h3\u003e\n                \u003cp\u003eDevelop fully integrated Shopify Admin applications that provide a seamless experience for store owners while maintaining Shopify's native interface.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-features-card\"\u003e\n                \u003ch3\u003eSecure \u0026amp; Scalable Architecture\u003c\/h3\u003e\n                \u003cp\u003eEvery app is built with security, performance, and future scalability in mind, ensuring dependable functionality as your business expands.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-features-card\"\u003e\n                \u003ch3\u003ePerformance-Driven Development\u003c\/h3\u003e\n                \u003cp\u003eWe write clean, optimized code to deliver lightweight applications that maintain excellent speed and reliability.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n    .scad-features-section {\n        padding: 60px 20px;\n        background: #f8fafc;\n        font-family: poppins, sans-serif;\n    }\n\n    .scad-features-container {\n        max-width: 1100px;\n        margin: auto;\n        text-align: center;\n    }\n\n    .scad-features-container h2 {\n        font-size: 34px;\n        line-height: 31px;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n        margin-bottom: 48px;\n        color: #111;\n    }\n\n    .scad-features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 22px;\n        text-align: left;\n    }\n\n    .scad-features-card {\n        background: #fff;\n        padding: 24px;\n        border-radius: 0px;\n        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n        transition: all 0.35s ease;\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Hover Effect *\/\n    .scad-features-card:hover {\n        transform: translateY(-8px) scale(1.02);\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);\n    }\n\n    \/* Top Gradient Hover Line *\/\n    .scad-features-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 0%;\n        height: 4px;\n        background: linear-gradient(90deg, #4f46e5, #06b6d4);\n        transition: 0.4s;\n    }\n\n    .scad-features-card:hover::before {\n        width: 100%;\n    }\n\n    .scad-features-card h3 {\n        font-size: 20px;\n        font-weight: 600;\n        line-height: 29px;\n        margin-bottom: 10px;\n        color: #111;\n    }\n\n    .scad-features-card p {\n        font-size: 18px;\n        line-height: 27px;\n        color: #555;\n    }\n\n    .bottom-text {\n        font-size: 18px;\n        margin-top: 45px;\n        max-width: 750px;\n        margin-left: auto;\n        margin-right: auto;\n        color: #444;\n    }\n    @media (max-width:768px) {\n        .scad-intro__container{\n            padding: 0;\n        }\n      .scad-features-section{\n        padding: 60px 0px;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- key freatures end --\u003e\n\u003c!-- Our Development Process start --\u003e\n\u003csection class=\"process-scad-process\"\u003e\n    \u003cdiv class=\"process-scad-container\"\u003e\n        \u003ch2\u003eOur Development Process\u003c\/h2\u003e\n        \u003cdiv class=\"process-scad-grid\"\u003e\n            \u003cdiv class=\"process-scad-card\"\u003e\n                \u003cspan style=\"line-height: 29px;\"\u003e\u003cb\u003eDiscovery \u0026amp; Consultation: \u003c\/b\u003e\u003c\/span\u003eWe understand your business goals, challenges, and technical requirements to recommend the most effective app solution.\n            \u003c\/div\u003e\n            \u003cdiv class=\"process-scad-card\"\u003e\n                \u003cspan style=\"line-height: 29px;\"\u003e\u003cb\u003eSolution Planning: \u003c\/b\u003e\u003c\/span\u003eOur team designs the application's architecture, features, and integration strategy before development begins.\n            \u003c\/div\u003e\n            \u003cdiv class=\"process-scad-card\"\u003e\n                \u003cspan style=\"line-height: 29px;\"\u003e\u003cb\u003eCustom App Development: \u003c\/b\u003e\u003c\/span\u003eUsing Shopify APIs, GraphQL, REST APIs, Shopify CLI, Polaris, and modern development frameworks, we build a robust and scalable application.\n            \u003c\/div\u003e\n            \u003cdiv class=\"process-scad-card\"\u003e\n                \u003cspan style=\"line-height: 29px;\"\u003e\u003cb\u003eTesting \u0026amp; Quality Assurance: \u003c\/b\u003e\u003c\/span\u003eEach app undergoes extensive testing to ensure functionality, compatibility, security, and optimal performance.\n            \u003c\/div\u003e\n            \u003cdiv class=\"process-scad-card\"\u003e\n                \u003cspan style=\"line-height: 29px;\"\u003e\u003cb\u003eDeployment: \u003c\/b\u003e\u003c\/span\u003eAfter successful testing and approval, we deploy your application while ensuring minimal disruption to your business operations.\n            \u003c\/div\u003e\n            \u003cdiv class=\"process-scad-card\"\u003e\n                \u003cspan style=\"line-height: 29px;\"\u003e\u003cb\u003eOngoing Support: \u003c\/b\u003e\u003c\/span\u003eWe continue supporting your app with maintenance, updates, security improvements, and feature enhancements whenever needed.\n            \u003c\/div\u003e\n            \n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n    \/* ✅ Global Section Font *\/\n    .process-scad-process {\n        padding: 30px 20px;\n        background: #ffffff;\n        font-family: \"poppins\", sans-serif;\n    }\n\n    .process-scad-container {\n        max-width: 1050px;\n        margin: auto;\n        text-align: center;\n    }\n\n    .process-scad-container h2 {\n        font-size: 32px;\n        letter-spacing: 0.5px;\n        font-weight: 700;\n        margin-bottom: 45px;\n        color: #111;\n    }\n\n    .process-scad-container p {\n        text-align: center;\n        font-size: 18px;\n        line-height: 1.7;\n        color: #4b5563;\n        max-width: 900px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Grid Layout *\/\n    .process-scad-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        \/* grid-template-columns:repeat(2, 1fr); *\/\n        \/* grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); *\/\n        max-width: 800px;\n        margin: auto;\n        gap: 20px;\n    }\n\n    \/* Cards *\/\n    .process-scad-card {\n        background: #f8fafc;\n        padding: 22px;\n        border-radius: 0px;\n        font-size: 18px;\n        text-align: left;\n        color: #222;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        transition: all 0.35s ease;\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Hover Lift *\/\n    .process-scad-card:hover {\n        transform: translateY(-7px);\n        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);\n        background: #ffffff;\n    }\n\n    \/* Gradient Hover Border *\/\n    .process-scad-card::before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 4px;\n        height: 0%;\n        background: linear-gradient(180deg, #4f46e5, #06b6d4);\n        transition: 0.4s;\n    }\n\n    .process-scad-card:hover::before {\n        height: 100%;\n    }\n\n    @media (max-width:768px) {\n        .scad-features-section {\n            padding: 0px;\n        }\n    }\n\u003c\/style\u003e\n\u003c!-- Our Development Process end --\u003e\n\u003csection class=\"included-scad-section\"\u003e\n    \u003cdiv class=\"included-scad-wrapper\"\u003e\n        \u003ch2\u003eWhat's Included\u003c\/h2\u003e\n        \u003cul class=\"included-scad\"\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Custom Shopify App Development\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Private \u0026amp; Public Shopify Apps\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Shopify API Integration\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Embedded App Development\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Third-Party System Integration\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Shopify Admin App Development\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e App Testing \u0026amp; Quality Assurance\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Secure Deployment\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Performance Optimization\n            \u003c\/li\u003e\n            \u003cli\u003e\n                \u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Post-Launch Support\n            \u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n    .included-scad-section {\n        padding: 60px 20px;\n      padding-bottom: 0px;\n        background: #ffffff;\n        font-family: \"poppins\", sans-serif;\n    }\n\n    .included-scad-wrapper {\n        max-width: 750px;\n        margin: auto;\n    }\n\n    .included-scad-wrapper h2 {\n        text-align: center;\n        font-size: 32px;\n        letter-spacing: 0.5px;\n        font-weight: 700;\n        margin-bottom: 40px;\n        color: #111;\n    }\n\n    \/* List *\/\n    .included-scad {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .included-scad li {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        padding: 16px 10px;\n        font-size: 17px;\n        color: #333;\n        border-bottom: 1px solid #eee;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n    \/* Check Icon *\/\n    .check {\n        color: #4f46e5;\n        font-weight: 700;\n        font-size: 18px;\n        transition: 0.3s;\n    }\n\n    \/* Hover Effect *\/\n    .included-scad li:hover {\n        padding-left: 18px;\n        background: #f8fafc;\n    }\n\n    .included-scad li:hover .check {\n        transform: scale(1.2);\n    }\n\n    \/* Bottom Text *\/\n    .bluetech-note {\n        text-align: center;\n        margin-top: 35px;\n        color: #555;\n        font-size: 18px;\n    }\n\u003c\/style\u003e\n\u003c!-- Included End --\u003e\n\u003c!-- Why Choose BT start --\u003e\n\u003csection class=\"scad-choose-bt-section\"\u003e\n    \u003cdiv class=\"scad-choose-bt-container\"\u003e\n        \u003ch2\u003eWhy Choose Bluetech IT Services?\u003c\/h2\u003e\n        \u003cdiv class=\"scad-choose-bt-grid\"\u003e\n            \u003cdiv class=\"scad-choose-bt-card\"\u003e\n                \u003ch3\u003eExperienced Shopify App Developers\u003c\/h3\u003e\n                \u003cp\u003eOur team has extensive experience building custom Shopify applications for businesses across various industries and ecommerce models.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-choose-bt-card\"\u003e\n                \u003ch3\u003eBusiness-Focused Development\u003c\/h3\u003e\n                \u003cp\u003eEvery application is designed to solve real business challenges, improve operational efficiency, and deliver measurable value.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-choose-bt-card\"\u003e\n                \u003ch3\u003eFuture-Ready Solutions\u003c\/h3\u003e\n                \u003cp\u003eWe build scalable applications that can evolve alongside your business without requiring major redevelopment.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-choose-bt-card\"\u003e\n                \u003ch3\u003eTransparent Communication\u003c\/h3\u003e\n                \u003cp\u003eYou'll receive regular project updates, clear timelines, and direct collaboration throughout the development process.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"scad-choose-bt-card\"\u003e\n                \u003ch3\u003eReliable Support\u003c\/h3\u003e\n                \u003cp\u003eBeyond development, we provide ongoing technical support, maintenance, and enhancements to keep your application running smoothly.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n    .scad-choose-bt-section {\n        padding: 60px 20px;\n        background: #f8fafc;\n        font-family: poppins, sans-serif;\n    }\n\n    .scad-choose-bt-container {\n        max-width: 1100px;\n        margin: auto;\n        text-align: center;\n    }\n\n    .scad-choose-bt-container h2 {\n        font-size: 34px;\n        line-height: 31px;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n        margin-bottom: 48px;\n        color: #111;\n    }\n\n    .scad-choose-bt-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 22px;\n        text-align: left;\n    }\n\n    .scad-choose-bt-card {\n        background: #fff;\n        padding: 24px;\n        border-radius: 0px;\n        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n        transition: all 0.35s ease;\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Hover Effect *\/\n    .scad-choose-bt-card:hover {\n        transform: translateY(-8px) scale(1.02);\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);\n    }\n\n    \/* Top Gradient Hover Line *\/\n    .scad-choose-bt-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 0%;\n        height: 4px;\n        background: linear-gradient(90deg, #4f46e5, #06b6d4);\n        transition: 0.4s;\n    }\n\n    .scad-choose-bt-card:hover::before {\n        width: 100%;\n    }\n\n    .scad-choose-bt-card h3 {\n        font-size: 20px;\n        font-weight: 600;\n        line-height: 29px;\n        margin-bottom: 10px;\n        color: #111;\n    }\n\n    .scad-choose-bt-card p {\n        font-size: 18px;\n        line-height: 27px;\n        color: #555;\n    }\n\n    .bottom-text {\n        font-size: 18px;\n        margin-top: 45px;\n        max-width: 750px;\n        margin-left: auto;\n        margin-right: auto;\n        color: #444;\n    }\n\n    @media (max-width:768px) {\n        .scad-intro__container {\n            padding: 0;\n        }\n    }\n\u003c\/style\u003e\n\u003c!-- Why Choose BT end --\u003e\n\u003c!-- -----------------You may like-------------------- --\u003e\n\u003csection class=\"you-may-like\"\u003e\n    \u003ch1\u003e\u003cb\u003eCheck Our Success Stories\u003cb\u003e\u003c\/b\u003e\u003c\/b\u003e\u003c\/h1\u003e\n    \u003cdiv class=\"image-row\"\u003e\n        \u003c!-- Image 1 --\u003e\n        \u003cdiv class=\"image-box\"\u003e\u003ca href=\"https:\/\/www.bluetechitservices.com\/pages\/sfmart-seo-case-study-organic-food-grains-crops\"\u003e\u003cimg alt=\"SEO Case Study\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0107\/0301\/1903\/files\/organic-grains-2.jpg?v=1726146234\"\u003e\n                \u003cdiv class=\"overlay\"\u003e\n                    \u003ch3 class=\"h3text\"\u003eSEO Case Study\u003c\/h3\u003e\n                    \u003cp class=\"ptext\"\u003eSFMart\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/a\u003e\u003c\/div\u003e\n        \u003c!-- Image 2 --\u003e\n        \u003cdiv class=\"image-box\"\u003e\u003ca href=\"https:\/\/www.bluetechitservices.com\/pages\/seo-case-study-elysium-cbd-products\"\u003e\u003cimg alt=\"Shopify Case Study\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0107\/0301\/1903\/files\/bt-elysium.png?v=1721904854\"\u003e\n                \u003cdiv class=\"overlay\"\u003e\n                    \u003ch3\u003eSEO Case Study\u003c\/h3\u003e\n                    \u003cp\u003eElysium CBD Topicals\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/a\u003e\u003c\/div\u003e\n        \u003c!-- Image 3 --\u003e\n        \u003cdiv class=\"image-box\"\u003e\u003ca href=\"https:\/\/www.bluetechitservices.com\/pages\/seo-case-study-uae-beautillicious\"\u003e\u003cimg alt=\"Furniture Store\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0107\/0301\/1903\/files\/OrganicRenewalAnti-AgingCream_720x_93cea36d-da35-4917-9c02-1e594952613e.webp?v=1725523554\"\u003e\n                \u003cdiv class=\"overlay\"\u003e\n                    \u003ch3\u003eSEO Case Study\u003c\/h3\u003e\n                    \u003cp\u003eBeautillicious\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/a\u003e\u003c\/div\u003e\n        \u003c!-- Image 4 --\u003e\n        \u003cdiv class=\"image-box\"\u003e\u003ca href=\"https:\/\/www.bluetechitservices.com\/pages\/seo-case-study-urban-wool\"\u003e\u003cimg alt=\"Wellness Brand\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0107\/0301\/1903\/files\/bt-urbanwool-1.png?v=1721904848\"\u003e\n                \u003cdiv class=\"overlay\"\u003e\n                    \u003ch3\u003eSEO Case Study\u003c\/h3\u003e\n                    \u003cp\u003eUrbanWool\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n    .you-may-like {\n        padding: 40px 0;\n        background: #fff;\n        text-align: center;\n    }\n\n    .you-may-like h3 {\n        font-size: 28px;\n        font-weight: bold;\n        margin-bottom: 30px;\n    }\n\n    .image-row {\n        display: flex;\n        flex-wrap: wrap;\n        margin-top: 50px;\n        padding: 0;\n    }\n\n    .image-box {\n        flex: 1 0 25%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .image-box img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.3s ease;\n    }\n\n    .image-box:hover img {\n        transform: scale(1.05);\n    }\n\n    .overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        background: rgba(0, 0, 0, 0.75);\n        \/* 75% dark overlay *\/\n        color: #fff;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 0.3s ease-in-out;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding: 20px;\n        box-sizing: border-box;\n    }\n\n    .image-box:hover .overlay {\n        opacity: 1;\n    }\n\n    .product-single__description.rte .overlay h3 {\n        margin: 0;\n        font-size: 30px;\n        font-weight: 200;\n        color: red !important;\n\n    }\n\n    .product-single__description.rte .overlay p {\n        margin: 18px 0 0;\n        font-size: 16px;\n        color: white !important;\n    }\n\n    .h3text {\n        color: red;\n    }\n\n    \/* Responsive *\/\n    @media screen and (max-width: 768px) {\n        .image-box {\n            flex: 1 0 50%;\n        }\n    }\n\n    @media screen and (max-width: 480px) {\n        .image-box {\n            flex: 1 0 100%;\n        }\n    }\n\u003c\/style\u003e\n\n","brand":"Bluetech IT Services","offers":[{"title":"Default Title","offer_id":43476658159679,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0107\/0301\/1903\/files\/shopify-custom-app-development.webp?v=1782909654","url":"https:\/\/www.bluetechitservices.com\/products\/shopify-custom-app-development","provider":"Bluetech IT Services","version":"1.0","type":"link"}