{"id":7368,"date":"2026-04-09T08:11:01","date_gmt":"2026-04-09T08:11:01","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=7368"},"modified":"2026-04-09T08:11:01","modified_gmt":"2026-04-09T08:11:01","slug":"hostgem","status":"publish","type":"page","link":"https:\/\/raistheme.com\/psd\/hostgem\/","title":{"rendered":"Hostgem \u2013 WHMCS &amp; Hosting PSD Template"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7368\" class=\"elementor elementor-7368\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ebec0f e-con-full e-flex e-con e-parent\" data-id=\"8ebec0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0e4ce2 elementor-widget elementor-widget-shortcode\" data-id=\"d0e4ce2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Slick Carousel -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick-theme.min.css\">\r\n    \r\n    <!-- AOS Animation -->\r\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --hostgem-primary: #0f766e;\r\n            --hostgem-primary-dark: #115e59;\r\n            --hostgem-primary-light: #14b8a6;\r\n            --hostgem-secondary: #f97316;\r\n            --hostgem-secondary-dark: #ea580c;\r\n            --hostgem-success: #22c55e;\r\n            --hostgem-warning: #eab308;\r\n            --hostgem-danger: #ef4444;\r\n            --hostgem-dark: #1e293b;\r\n            --hostgem-darker: #0f172a;\r\n            --hostgem-light: #f0fdfa;\r\n            --hostgem-gray: #64748b;\r\n            --hostgem-gray-light: #94a3b8;\r\n            --hostgem-border: #e2e8f0;\r\n            --hostgem-gradient: linear-gradient(135deg, #0f766e 0%, #f97316 100%);\r\n            --hostgem-gradient-2: linear-gradient(135deg, #115e59 0%, #ea580c 100%);\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n \r\n        \r\n        \/* Product Header *\/\r\n        .hostgem-product-header {\r\n            background: white;\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid var(--hostgem-border);\r\n        }\r\n        \r\n        .hostgem-breadcrumb {\r\n            padding: 10px 0;\r\n            margin: 0;\r\n            list-style: none;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .hostgem-breadcrumb li {\r\n            margin-right: 8px;\r\n        }\r\n        \r\n        .hostgem-breadcrumb li:not(:last-child)::after {\r\n            content: '\/';\r\n            margin-left: 8px;\r\n            color: var(--hostgem-gray);\r\n        }\r\n        \r\n        .hostgem-breadcrumb a {\r\n            color: var(--hostgem-gray);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-breadcrumb a:hover {\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-breadcrumb li:last-child {\r\n            color: var(--hostgem-dark);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* Product Page Layout *\/\r\n        .hostgem-product-page {\r\n            padding: 40px 0 80px;\r\n        }\r\n        \r\n        .hostgem-product-main {\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n            overflow: hidden;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        \/* Product Gallery *\/\r\n        .hostgem-product-gallery {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hostgem-main-image {\r\n            width: 100%;\r\n            height: 500px;\r\n            object-fit: cover;\r\n            border-bottom: 1px solid var(--hostgem-border);\r\n        }\r\n        \r\n        .hostgem-thumbnail-slider {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .hostgem-thumbnail {\r\n            width: 100px;\r\n            height: 75px;\r\n            object-fit: cover;\r\n            border: 2px solid transparent;\r\n            border-radius: 6px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-thumbnail:hover, .hostgem-thumbnail.active {\r\n            border-color: var(--hostgem-primary);\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .hostgem-thumbnail-slider .slick-slide {\r\n            padding: 0 5px;\r\n        }\r\n        \r\n        \/* Product Info *\/\r\n        .hostgem-product-info {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .hostgem-product-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-product-meta {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n            margin-bottom: 25px;\r\n            padding-bottom: 20px;\r\n            border-bottom: 1px solid var(--hostgem-border);\r\n        }\r\n        \r\n        .hostgem-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--hostgem-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .hostgem-meta-item i {\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-product-description {\r\n            margin-bottom: 30px;\r\n            line-height: 1.7;\r\n            color: var(--hostgem-gray);\r\n        }\r\n        \r\n        \/* Sidebar *\/\r\n        .hostgem-sidebar {\r\n            position: sticky;\r\n            top: 20px;\r\n        }\r\n        \r\n        .hostgem-sidebar-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n            overflow: hidden;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .hostgem-sidebar-header {\r\n            padding: 20px;\r\n            background: var(--hostgem-gradient);\r\n            color: white;\r\n        }\r\n        \r\n        .hostgem-price {\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .hostgem-price-note {\r\n            font-size: 0.9rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .hostgem-sidebar-body {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .hostgem-purchase-options {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .hostgem-license-option {\r\n            padding: 15px;\r\n            border: 1px solid var(--hostgem-border);\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .hostgem-license-option:hover {\r\n            border-color: var(--hostgem-primary);\r\n            box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);\r\n        }\r\n        \r\n        .hostgem-license-option.selected {\r\n            border-color: var(--hostgem-primary);\r\n            background: rgba(15, 118, 110, 0.05);\r\n        }\r\n        \r\n        .hostgem-license-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .hostgem-license-title {\r\n            font-weight: 600;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-license-price {\r\n            font-weight: 700;\r\n            color: var(--hostgem-primary);\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .hostgem-license-description {\r\n            color: var(--hostgem-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .hostgem-purchase-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .hostgem-btn {\r\n            padding: 14px 20px;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .hostgem-btn-primary {\r\n            background: var(--hostgem-primary);\r\n            color: white!important;\r\n        }\r\n        \r\n        .hostgem-btn-primary:hover {\r\n            background: var(--hostgem-primary-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(15, 118, 110, 0.3);\r\n        }\r\n        \r\n        .hostgem-btn-secondary {\r\n            background: transparent;\r\n            color: var(--hostgem-primary);\r\n            border: 2px solid var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-btn-secondary:hover {\r\n            background: var(--hostgem-primary);\r\n            color: white;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(15, 118, 110, 0.3);\r\n        }\r\n        \r\n        .hostgem-product-features {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .hostgem-product-features-title {\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-feature-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .hostgem-feature-list li {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 10px;\r\n            color: var(--hostgem-gray);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .hostgem-feature-list i {\r\n            color: var(--hostgem-success);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        \/* Tabs *\/\r\n        .hostgem-tabs {\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .hostgem-tab-nav {\r\n            display: flex;\r\n            border-bottom: 2px solid var(--hostgem-border);\r\n            margin-bottom: 25px;\r\n            overflow-x: auto;\r\n        }\r\n        \r\n        .hostgem-tab-btn {\r\n            padding: 12px 25px;\r\n            background: none;\r\n            border: none;\r\n            font-weight: 600;\r\n            color: var(--hostgem-gray);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            white-space: nowrap;\r\n            position: relative;\r\n        }\r\n        \r\n        .hostgem-tab-btn::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 2px;\r\n            background: var(--hostgem-primary);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-tab-btn.active {\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-tab-btn.active::after {\r\n            transform: scaleX(1);\r\n        }\r\n        \r\n        .hostgem-tab-content {\r\n            display: none;\r\n        }\r\n        \r\n        .hostgem-tab-content.active {\r\n            display: block;\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        \/* Features List *\/\r\n        .hostgem-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .hostgem-feature-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .hostgem-feature-icon {\r\n            flex-shrink: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--hostgem-gradient);\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n        }\r\n        \r\n        .hostgem-feature-content h4 {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-feature-content p {\r\n            color: var(--hostgem-gray);\r\n            font-size: 0.95rem;\r\n            margin: 0;\r\n        }\r\n        \r\n        \/* PSD Files List *\/\r\n        .hostgem-psd-files {\r\n            background: var(--hostgem-light);\r\n            border-radius: 12px;\r\n            padding: 25px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .hostgem-psd-files h3 {\r\n            margin-bottom: 20px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-psd-files-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n            gap: 15px;\r\n        }\r\n        \r\n        .hostgem-psd-file-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 15px;\r\n            background: white;\r\n            border-radius: 8px;\r\n            border: 1px solid var(--hostgem-border);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-psd-file-item:hover {\r\n            border-color: var(--hostgem-primary);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(15, 118, 110, 0.1);\r\n        }\r\n        \r\n        .hostgem-psd-file-icon {\r\n            color: var(--hostgem-primary);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .hostgem-psd-file-name {\r\n            font-weight: 500;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        \/* Related Products *\/\r\n        .hostgem-related-products {\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .hostgem-related-products-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-product-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s ease;\r\n            height: 100%;\r\n        }\r\n        \r\n        .hostgem-product-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .hostgem-product-card-image {\r\n            height: 180px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hostgem-product-card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        .hostgem-product-card:hover .hostgem-product-card-image img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .hostgem-product-card-content {\r\n            padding: 20px;\r\n        }\r\n        \r\n        .hostgem-product-card-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n            color: var(--hostgem-dark);\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .hostgem-product-card-price {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-product-card-link {\r\n            display: inline-block;\r\n            margin-top: 10px;\r\n            color: var(--hostgem-primary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-product-card-link:hover {\r\n            color: var(--hostgem-primary-dark);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* Why Choose Section *\/\r\n        .hostgem-why-choose {\r\n            background: var(--hostgem-light);\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .hostgem-why-choose h3 {\r\n            color: var(--hostgem-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .hostgem-why-choose p {\r\n            color: var(--hostgem-gray);\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 991px) {\r\n            .hostgem-sidebar {\r\n                position: relative;\r\n                top: 0;\r\n                margin-top: 30px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 767px) {\r\n            .hostgem-product-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .hostgem-main-image {\r\n                height: 300px;\r\n            }\r\n            \r\n            .hostgem-features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Product Header -->\r\n    <div class=\"hostgem-product-header\">\r\n        <div class=\"container\">\r\n            <ul class=\"hostgem-breadcrumb\">\r\n                <li><a href=\"\/\">Home<\/a><\/li>\r\n                <li><a href=\"#\">PSD Templates<\/a><\/li>\r\n                <li>Hostgem \u2013 WHMCS & Hosting PSD Template<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Product Page -->\r\n    <div class=\"hostgem-product-page\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <!-- Main Content -->\r\n                <div class=\"col-lg-8\">\r\n                    <div class=\"hostgem-product-main\">\r\n                        <!-- Product Gallery -->\r\n                        <div class=\"hostgem-product-gallery\">\r\n                            <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-\u2013-WHMCS-Hosting-PSD-Template.jpg\" alt=\"Hostgem WHMCS Hosting PSD Template\" class=\"hostgem-main-image\" id=\"mainImage\">\r\n                            \r\n                            <div class=\"hostgem-thumbnail-slider\">\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-\u2013-WHMCS-Hosting-PSD-Template.jpg\" alt=\"Hostgem Home 1\" class=\"hostgem-thumbnail active\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-\u2013-WHMCS-Hosting-PSD-Template.jpg\" alt=\"Hostgem Home 2\" class=\"hostgem-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-\u2013-WHMCS-Hosting-PSD-Template.jpg\" alt=\"Hostgem WHMCS\" class=\"hostgem-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-\u2013-WHMCS-Hosting-PSD-Template.jpg\" alt=\"Hostgem Hosting\" class=\"hostgem-thumbnail\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Info -->\r\n                        <div class=\"hostgem-product-info\">\r\n                            <h1 class=\"hostgem-product-title\">Hostgem \u2013 WHMCS & Hosting PSD Template<\/h1>\r\n                            \r\n                            <div class=\"hostgem-product-meta\">\r\n                                <div class=\"hostgem-meta-item\">\r\n                                    <i class=\"fas fa-user\"><\/i>\r\n                                    <span>By RaisTheme<\/span>\r\n                                <\/div>\r\n                                <div class=\"hostgem-meta-item\">\r\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <span>Available<\/span>\r\n                                <\/div>\r\n                                <div class=\"hostgem-meta-item\">\r\n                                    <i class=\"fas fa-file-alt\"><\/i>\r\n                                    <span>Well Documented<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"hostgem-product-description\">\r\n                                <p>Hostgem is a modern and professionally designed PSD template created for web hosting companies, domain registration services, server businesses, and WHMCS-based websites. It offers a clean, elegant, and business-focused design that helps you present hosting plans, domain services, support pages, and technical solutions in a clear and professional way.<\/p>\r\n                                \r\n                                <p>Built on a 1170px Bootstrap 4 grid system, Hostgem provides a structured and pixel-perfect layout that is easy to customize and suitable for smooth conversion into HTML, WordPress, or other platforms. The PSD files are fully layered and well organized, making it simple to edit content, colors, icons, and sections based on your brand needs.<\/p>\r\n                                \r\n                                <p>Whether you are building a hosting company website, domain marketplace, or WHMCS-compatible service design, Hostgem gives you a strong visual foundation with modern UI elements and flexible page layouts.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Tabs Section -->\r\n                    <div class=\"hostgem-tabs\">\r\n                        <div class=\"hostgem-tab-nav\">\r\n                            <button class=\"hostgem-tab-btn active\" data-tab=\"overview\">Product Overview<\/button>\r\n                            <button class=\"hostgem-tab-btn\" data-tab=\"features\">Key Features<\/button>\r\n                            <button class=\"hostgem-tab-btn\" data-tab=\"psd-files\">PSD Files Included<\/button>\r\n                            <button class=\"hostgem-tab-btn\" data-tab=\"why-choose\">Why Choose Hostgem?<\/button>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Overview Tab -->\r\n                        <div class=\"hostgem-tab-content active\" id=\"overview\">\r\n                            <h3 class=\"mb-4\">Product Overview<\/h3>\r\n                            <p>Hostgem is a comprehensive PSD template designed specifically for web hosting companies, domain providers, and WHMCS-based services. It offers a modern, professional design that's perfect for showcasing hosting services, pricing plans, and technical features.<\/p>\r\n                            \r\n                            <h4 class=\"mt-4 mb-3\">Key Features<\/h4>\r\n                            <ul class=\"hostgem-feature-list\">\r\n                                <li><i class=\"fas fa-check\"><\/i> 6 unique layered homepage PSD files<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> WHMCS announcements page included<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> WHMCS contact page included<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> WHMCS domain page included<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> WHMCS knowledge base page included<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Compatible design for WHMCS, SEO, hosting, and server businesses<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Based on Bootstrap 4 grid system<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Fully organized and layered PSD files<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Clean, smooth, and modern design<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Free Google Fonts included<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <!-- Key Features Tab -->\r\n                        <div class=\"hostgem-tab-content\" id=\"features\">\r\n                            <h3 class=\"mb-4\">Key Features<\/h3>\r\n                            \r\n                            <div class=\"hostgem-features-grid\">\r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-server\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Hosting Focused<\/h4>\r\n                                        <p>Specifically designed for web hosting companies and providers.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-layer-group\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Fully Layered<\/h4>\r\n                                        <p>Well-organized PSD files with named layers for easy editing.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-th-large\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Bootstrap Grid<\/h4>\r\n                                        <p>Based on 1170px Bootstrap 4 grid system for easy conversion.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-cog\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>WHMCS Compatible<\/h4>\r\n                                        <p>Includes WHMCS-specific page designs for seamless integration.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-paint-brush\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Modern Design<\/h4>\r\n                                        <p>Clean and professional visual style perfect for hosting services.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-cogs\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Easy Customization<\/h4>\r\n                                        <p>Fully editable layers allowing quick customization of all elements.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- PSD Files Included Tab -->\r\n                        <div class=\"hostgem-tab-content\" id=\"psd-files\">\r\n                            <h3 class=\"mb-4\">PSD Files Included<\/h3>\r\n                            \r\n                            <div class=\"hostgem-psd-files-grid\">\r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">01_home_v1.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">02_home_v2.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">03_home_v3.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">04_home_v4.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">05_home_v5.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">06_home_v6.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">07_about.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">08_WHMCS.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">09_hosting-shared.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">10_hosting-VPS.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">11_hosting-dedicated.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">12_hosting-reseller.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">13_domain.psd<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-psd-file-item\">\r\n                                    <div class=\"hostgem-psd-file-icon\">\r\n                                        <i class=\"fas fa-file-image\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-psd-file-name\">14_support.psd<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Why Choose Hostgem? Tab -->\r\n                        <div class=\"hostgem-tab-content\" id=\"why-choose\">\r\n                            <h3 class=\"mb-4\">Why Choose Hostgem?<\/h3>\r\n                            \r\n                            <div class=\"hostgem-why-choose\">\r\n                                <p>Hostgem is a great choice for businesses that need a modern and well-structured hosting website design. Its organized PSD files, WHMCS-ready page layouts, and flexible customization options make it ideal for creating a professional digital presence for hosting, domain, and server-related services.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"hostgem-features-grid mt-4\">\r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-layer-group\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Organized Structure<\/h4>\r\n                                        <p>Well-organized PSD files with named layers and groups for easy editing.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-cog\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>WHMCS Ready<\/h4>\r\n                                        <p>Includes WHMCS-specific page designs for seamless integration.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-code\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Developer Friendly<\/h4>\r\n                                        <p>Grid-based structure makes conversion to HTML or WordPress simple.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"alert alert-warning mt-4\" role=\"alert\">\r\n                                <i class=\"fas fa-exclamation-triangle me-2\"><\/i>\r\n                                <strong>Important Note:<\/strong> All preview images are used for demonstration purposes only and are not included in the final download package.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Related Products -->\r\n                    <div class=\"hostgem-related-products\">\r\n                        <h3 class=\"hostgem-related-products-title\">You May Also Like<\/h3>\r\n                        \r\n                        <div class=\"row g-4\">\r\n                            <div class=\"col-md-4\">\r\n                                <div class=\"hostgem-product-card\">\r\n                                    <div class=\"hostgem-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Appxing-%E2%80%93-App-Landing-PSD-Template.jpg\" alt=\"Hostify Template\">\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-product-card-content\">\r\n                                        <h4 class=\"hostgem-product-card-title\">Appxing \u2013 App Landing PSD Template<\/h4>\r\n                                        <div class=\"hostgem-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/psd\/appxing\/\" class=\"hostgem-product-card-link\">View Details <i class=\"fas fa-arrow-right ms-1\"><\/i><\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"col-md-4\">\r\n                                <div class=\"hostgem-product-card\">\r\n                                    <div class=\"hostgem-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Edustdy-%E2%80%93-Education-PSD-Template.jpg\" alt=\"ServerHub Template\">\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-product-card-content\">\r\n                                        <h4 class=\"hostgem-product-card-title\">Edustdy \u2013 Education PSD Template<\/h4>\r\n                                        <div class=\"hostgem-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/psd\/edustd\/\" class=\"hostgem-product-card-link\">View Details <i class=\"fas fa-arrow-right ms-1\"><\/i><\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"col-md-4\">\r\n                                <div class=\"hostgem-product-card\">\r\n                                    <div class=\"hostgem-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Secrius-%E2%80%93-Security-Services-Multipurpose-PSD-Template.jpg\" alt=\"DomainPro Template\">\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-product-card-content\">\r\n                                        <h4 class=\"hostgem-product-card-title\">Secrius \u2013 Security Services Multipurpose PSD Template<\/h4>\r\n                                        <div class=\"hostgem-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/psd\/secrius\/\" class=\"hostgem-product-card-link\">View Details <i class=\"fas fa-arrow-right ms-1\"><\/i><\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Sidebar -->\r\n                <div class=\"col-lg-4\">\r\n                    <div class=\"hostgem-sidebar\">\r\n                        <!-- Pricing Card -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-sidebar-header\">\r\n                                <div class=\"hostgem-price\">$18<\/div>\r\n                                <div class=\"hostgem-price-note\">Regular License<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"hostgem-sidebar-body\">\r\n                                <div class=\"hostgem-purchase-options\">\r\n                                    <div class=\"hostgem-license-option selected\">\r\n                                        <div class=\"hostgem-license-header\">\r\n                                            <div class=\"hostgem-license-title\">Regular License<\/div>\r\n                                            <div class=\"hostgem-license-price\">$18<\/div>\r\n                                        <\/div>\r\n                                        <div class=\"hostgem-license-description\">Use for one end product where end users are not charged<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-purchase-buttons\">\r\n                                    <a href=\"\/cart\/?add-to-cart=7371\" class=\"hostgem-btn hostgem-btn-primary\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i> Add to Cart\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"hostgem-btn hostgem-btn-secondary\">\r\n                                        <i class=\"fas fa-eye\"><\/i> Live Preview\r\n                                    <\/a>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-product-features\">\r\n                                    <h4 class=\"hostgem-product-features-title\">What You Get<\/h4>\r\n                                    <ul class=\"hostgem-feature-list\">\r\n                                        <li><i class=\"fas fa-check\"><\/i> 14 fully layered PSD files<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> Free Google Fonts<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> Free icon sets<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-product-features\">\r\n                                    <h4 class=\"hostgem-product-features-title\">Included with Purchase<\/h4>\r\n                                    <ul class=\"hostgem-feature-list\">\r\n                                        <li><i class=\"fas fa-check\"><\/i> Quality checked by Envato<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> Future updates<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> 6 months support from RaisTheme<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Author Info -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-sidebar-body\">\r\n                                <div class=\"d-flex align-items-center mb-3\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/cropped-RaisTheme-favicon-.png\" alt=\"RaisTheme\" style=\"height: 40px; margin-right: 15px; border-radius: 8px;\">\r\n                                    <div>\r\n                                        <h5 class=\"mb-0\">RaisTheme<\/h5>\r\n                                        <div class=\"text-muted small\">Premium Template Studio<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <p class=\"text-muted mb-3\">Creating high-quality WordPress themes, HTML templates, and UI design resources for developers, designers, and businesses worldwide.<\/p>\r\n                                \r\n                                <div class=\"d-flex justify-content-between\">\r\n                                    <div class=\"text-center\">\r\n                                        <div class=\"fw-bold\">150+<\/div>\r\n                                        <div class=\"text-muted small\">Items<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"text-center\">\r\n                                        <div class=\"fw-bold\">4.8<\/div>\r\n                                        <div class=\"text-muted small\">Rating<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"text-center\">\r\n                                        <div class=\"fw-bold\">2.5K<\/div>\r\n                                        <div class=\"text-muted small\">Sales<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <a href=\"#\" class=\"hostgem-btn hostgem-btn-secondary w-100 mt-3\">\r\n                                    <i class=\"fas fa-user\"><\/i> View Portfolio\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Technical Details -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-sidebar-body\">\r\n                                <h4 class=\"hostgem-product-features-title\">Technical Details<\/h4>\r\n                                <ul class=\"hostgem-feature-list\">\r\n                                    <li><i class=\"fas fa-calendar\"><\/i> Last Update: 22 April 2019<\/li>\r\n                                    <li><i class=\"fas fa-file-image\"><\/i> Graphics Files Included: Photoshop PSD<\/li>\r\n                                    <li><i class=\"fas fa-laptop-code\"><\/i> Software Version: Adobe Photoshop CC<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Sources and Credits -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-sidebar-body\">\r\n                                <h4 class=\"hostgem-product-features-title\">Sources and Credits<\/h4>\r\n                                <ul class=\"hostgem-feature-list\">\r\n                                    <li><i class=\"fas fa-font\"><\/i> Fonts: Poppins, Roboto<\/li>\r\n                                    <li><i class=\"fas fa-icons\"><\/i> Icons: Font Awesome, Flaticon<\/li>\r\n                                    <li><i class=\"fas fa-image\"><\/i> Images: Pexels<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- jQuery -->\r\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n    \r\n    <!-- Bootstrap JS -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    \r\n    <!-- Slick Carousel -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\r\n    \r\n    <script>\r\n        $(document).ready(function() {\r\n            \/\/ Thumbnail Slider\r\n            $('.hostgem-thumbnail-slider').slick({\r\n                slidesToShow: 4,\r\n                slidesToScroll: 1,\r\n                asNavFor: '.hostgem-main-image',\r\n                focusOnSelect: true,\r\n                responsive: [\r\n                    {\r\n                        breakpoint: 768,\r\n                        settings: {\r\n                            slidesToShow: 3\r\n                        }\r\n                    },\r\n                    {\r\n                        breakpoint: 480,\r\n                        settings: {\r\n                            slidesToShow: 2\r\n                        }\r\n                    }\r\n                ]\r\n            });\r\n            \r\n            \/\/ Change main image when thumbnail is clicked\r\n            $('.hostgem-thumbnail').on('click', function() {\r\n                const imageSrc = $(this).attr('src').replace('100x75', '800x500');\r\n                $('#mainImage').attr('src', imageSrc);\r\n                \r\n                \/\/ Update active state\r\n                $('.hostgem-thumbnail').removeClass('active');\r\n                $(this).addClass('active');\r\n            });\r\n            \r\n            \/\/ Tab functionality\r\n            $('.hostgem-tab-btn').on('click', function() {\r\n                const tabId = $(this).data('tab');\r\n                \r\n                \/\/ Update active tab button\r\n                $('.hostgem-tab-btn').removeClass('active');\r\n                $(this).addClass('active');\r\n                \r\n                \/\/ Update active tab content\r\n                $('.hostgem-tab-content').removeClass('active');\r\n                $('#' + tabId).addClass('active');\r\n            });\r\n            \r\n            \/\/ License selection\r\n            $('.hostgem-license-option').on('click', function() {\r\n                $('.hostgem-license-option').removeClass('selected');\r\n                $(this).addClass('selected');\r\n                \r\n                \/\/ Update price\r\n                const price = $(this).find('.hostgem-license-price').text();\r\n                $('.hostgem-price').text(price);\r\n                \r\n                \/\/ Update price note\r\n                const licenseType = $(this).find('.hostgem-license-title').text();\r\n                $('.hostgem-price-note').text(licenseType);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":7318,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-7368","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=7368"}],"version-history":[{"count":4,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7368\/revisions"}],"predecessor-version":[{"id":7374,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7368\/revisions\/7374"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7318"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=7368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}