{"id":8277,"date":"2026-04-06T09:06:57","date_gmt":"2026-04-06T09:06:57","guid":{"rendered":"https:\/\/solarpro.sa\/?page_id=8277"},"modified":"2026-10-04T14:26:11","modified_gmt":"2026-10-04T14:26:11","slug":"book-now","status":"publish","type":"page","link":"https:\/\/solarpro.sa\/en\/book-now\/","title":{"rendered":"Book Now"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8277\" class=\"elementor elementor-8277\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6913d33 e-con-full wd-section-stretch e-flex e-con e-child\" data-id=\"6913d33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1f2148 elementor-widget elementor-widget-shortcode\" data-id=\"e1f2148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section\r\n\tclass=\"solarpro-page-title solarpro-page-title--align-center solarpro-page-title--theme-dark solarpro-page-title--has-bg solarpro-page-title--book\"\r\n\tdir=\"rtl\"\r\n\t\t\tstyle=\"--page-title-bg:url('https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/10\/banner-book-now.png');\"\r\n\t>\r\n\t\t\t<span class=\"solarpro-page-title__shade\" aria-hidden=\"true\"><\/span>\r\n\t\t<div class=\"solarpro-page-title__inner\">\r\n\t\t\t\t<h1 class=\"solarpro-page-title__heading\">\r\n\t\t\t\t\t\t\tBook Now\t\t\t\t\t<\/h1>\r\n\r\n\t\t\t\t\t<p class=\"solarpro-page-title__excerpt\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"solarpro-page-title__mark\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"solarpro-page-title-copy-ar\">\u0639\u0631\u0648\u0636 \u062d\u062a\u0649 <em class=\"solarpro-page-title__pct\">40%<\/em> \u2014 \u062e\u0628\u0631\u0629 10 \u0633\u0646\u0648\u0627\u062a<\/span>\r\n\t\t\t\t<span class=\"solarpro-page-title-copy-en\">Offers till <em class=\"solarpro-page-title__pct\">40%<\/em> \u2014 10 years of experience<\/span>\r\n\t\t\t<\/p>\r\n\t\t\r\n\t\t\t\t\t<nav class=\"solarpro-page-title__breadcrumb\" aria-label=\"Breadcrumb\">\r\n\t\t\t\t<ol class=\"solarpro-page-title__breadcrumb-list\">\r\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"solarpro-page-title__breadcrumb-item\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/solarpro.sa\/en\/\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"solarpro-page-title-copy-ar\">Home<\/span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"solarpro-page-title-copy-en\">Home<\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"solarpro-page-title__breadcrumb-sep\" aria-hidden=\"true\">\/<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"solarpro-page-title__breadcrumb-item is-current\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-current=\"page\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"solarpro-page-title-copy-ar\">Book Now<\/span>\r\n\t\t\t\t\t\t\t\t\t<span class=\"solarpro-page-title-copy-en\">Book Now<\/span>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t<\/ol>\r\n\t\t\t<\/nav>\r\n\t\t\t<\/div>\r\n<\/section>\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<div class=\"wd-negative-gap elementor-element elementor-element-ed4cfa0 e-flex e-con-boxed e-con e-parent\" data-id=\"ed4cfa0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7216b61 elementor-widget elementor-widget-shortcode\" data-id=\"7216b61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"ltb-section ltb-step-01 ltb-section-bg-black ltb-bg-cover\" id=\"ltb-step-01\">\r\n    <div class=\"container custom-container\">\r\n        <div id=\"hd-container\">\r\n            <div class=\"booking-page-header\">\r\n    <p class=\"booking-page-eyebrow\">Solar Pro<\/p>\r\n    <h1 class=\"booking-page-title\">Smart Booking System<\/h1>\r\n    <p class=\"booking-page-subtitle\">Choose your car size and start your car care journey in a few simple steps.<\/p>\r\n<\/div>\r\n\r\n            <div class=\"booking-layout-wrapper\">\r\n                <aside class=\"booking-sidebar\">\r\n    <nav class=\"vertical-nav\">\r\n    <div class=\"nav-item active\" data-step=\"1\">\r\n        <span class=\"nav-index\">1<\/span>\r\n        <span class=\"nav-text\">\u0645\u0642\u0627\u0633 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/span>\r\n    <\/div>\r\n    <div class=\"nav-item\" data-step=\"2\">\r\n        <span class=\"nav-index\">2<\/span>\r\n        <span class=\"nav-text\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n    <\/div>\r\n    <div class=\"nav-item\" data-step=\"3\">\r\n        <span class=\"nav-index\">3<\/span>\r\n        <span class=\"nav-text\">\u0627\u0644\u0641\u0631\u0639 \u0648\u0627\u0644\u0648\u0642\u062a<\/span>\r\n    <\/div>\r\n    <div class=\"nav-item\" data-step=\"4\">\r\n        <span class=\"nav-index\">4<\/span>\r\n        <span class=\"nav-text\">Booking Details<\/span>\r\n    <\/div>\r\n    <div class=\"nav-item\" data-step=\"5\">\r\n        <span class=\"nav-index\">5<\/span>\r\n        <span class=\"nav-text\">Summary &amp; Confirmation<\/span>\r\n    <\/div>\r\n    <div class=\"nav-item\" data-step=\"6\">\r\n        <span class=\"nav-index\">6<\/span>\r\n        <span class=\"nav-text\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062f\u0641\u0639<\/span>\r\n    <\/div>\r\n<\/nav>\r\n    <div class=\"booking-summary-card\">\r\n    <h3 class=\"summary-title\">\u0645\u0644\u062e\u0635 \u0627\u0644\u062d\u062c\u0632<\/h3>\r\n    <div class=\"summary-content sp-booking-summary\">\r\n    <section class=\"sp-summary-section\" aria-labelledby=\"sp-summary-booking-heading\">\r\n        <h4 id=\"sp-summary-booking-heading\" class=\"sp-summary-section__title\">Booking Details<\/h4>\r\n        <div class=\"sp-summary-grid\">\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"size\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Size<\/span>\r\n                <span class=\"value\">\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"service\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Category<\/span>\r\n                <span class=\"value\">\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"region\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Area<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"branch\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Branch<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"date\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Date<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"time\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Time<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"sp-summary-section sp-summary-section--services\" aria-labelledby=\"sp-summary-services-heading\">\r\n        <h4 id=\"sp-summary-services-heading\" class=\"sp-summary-section__title\">Selected Services<\/h4>\r\n        <div class=\"sp-summary-services\" data-summary-field=\"services\">\r\n            <p class=\"sp-summary-services-empty value\">\u0644\u0645 \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u062f\u0645\u0627\u062a \u0628\u0639\u062f<\/p>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n<\/div>\r\n<\/aside>\r\n\r\n                <main class=\"booking-main-content\">\r\n                    <form id=\"solar_pro_v2_multiStepForm\" action=\"\">\r\n                        <div class=\"step-content focused-card active\" data-step=\"1\">\r\n    <div class=\"card-header sp-step-header sp-step-header--numbered\">\r\n            <span class=\"sp-step-badge\" aria-hidden=\"true\">1<\/span>\r\n        <div class=\"card-title-group\">\r\n        <h2 class=\"card-main-title\">Car Size<\/h2>\r\n                    <p class=\"card-sub-title\">Please select your car size.<\/p>\r\n            <\/div>\r\n<\/div>\r\n    <div class=\"sp-loadable\" data-loadable=\"size-slider\">\r\n        <div class=\"sp-loadable__spinner sp-loadable__skeleton\" aria-busy=\"true\">\r\n            <div class=\"sp-loading-spinner\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\r\n    <div class=\"sp-loader\" aria-hidden=\"true\"><\/div>\r\n    <p class=\"sp-loading-spinner__text\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...<\/p>\r\n<\/div>\r\n        <\/div>\r\n        <div class=\"sp-loadable__content\">\r\n                        <div class=\"sp-size-slider-wrap\">\r\n                <div id=\"ltb-car-size-input\"\r\n                    class=\"sp-size-slider sp-size-slider--cols-2\"\r\n                    role=\"listbox\"\r\n                    aria-label=\"\u0627\u062e\u062a\u0631 \u0645\u0642\u0627\u0633 \u0627\u0644\u0633\u064a\u0627\u0631\u0629\">\r\n                    <input type=\"hidden\" id=\"selected_car_size\" name=\"selected_car_size\" value=\"\">\r\n                                                                        <button type=\"button\"\r\n                                class=\"sp-size-panel\"\r\n                                data-car-size=\"\u0633\u064a\u062f\u0627\u0646\"\r\n                                data-size-slug=\"%d8%b3%d9%8a%d8%af%d8%a7%d9%86\"\r\n                                data-size-term-id=\"146\">\r\n                                <span class=\"sp-size-panel__media\">\r\n                                                                            <img class=\"sp-size-panel__img\"\r\n                                            src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/solar-sedan-1.png\"\r\n                                            alt=\"\u0633\u064a\u062f\u0627\u0646\"\r\n                                            width=\"1826\"\r\n                                            height=\"861\"\r\n                                            loading=\"lazy\"\r\n                                            decoding=\"async\">\r\n                                                                    <\/span>\r\n                                <span class=\"sp-size-panel__overlay\" aria-hidden=\"true\"><\/span>\r\n                                <span class=\"sp-size-panel__label\">Sedan<\/span>\r\n                            <\/button>\r\n                                                    <button type=\"button\"\r\n                                class=\"sp-size-panel\"\r\n                                data-car-size=\"\u062c\u064a\u0628\"\r\n                                data-size-slug=\"%d8%ac%d9%8a%d8%a8\"\r\n                                data-size-term-id=\"139\">\r\n                                <span class=\"sp-size-panel__media\">\r\n                                                                            <img class=\"sp-size-panel__img\"\r\n                                            src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/jeep.png\"\r\n                                            alt=\"\u062c\u064a\u0628\"\r\n                                            width=\"1826\"\r\n                                            height=\"861\"\r\n                                            loading=\"lazy\"\r\n                                            decoding=\"async\">\r\n                                                                    <\/span>\r\n                                <span class=\"sp-size-panel__overlay\" aria-hidden=\"true\"><\/span>\r\n                                <span class=\"sp-size-panel__label\">Jeep<\/span>\r\n                            <\/button>\r\n                                                            <\/div>\r\n            <\/div>\r\n            <div class=\"car-models-info\">\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-info-note sp-info-note--size\" role=\"note\">\r\n    <span class=\"sp-info-note__icon-wrap\" aria-hidden=\"true\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sp-info-note__icon sp-info-icon\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg>    <\/span>\r\n    <div class=\"sp-info-note__content\">\r\n                    <p class=\"sp-info-note__title\">Note<\/p>\r\n                <p class=\"sp-info-note__text\">If you choose the incorrect vehicle size, we will review your order, inform you, and then adjust it to the correct size<\/p>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"step-content focused-card\" data-step=\"2\">\r\n    <div class=\"card-header sp-step-header sp-step-header--numbered\">\r\n            <span class=\"sp-step-badge\" aria-hidden=\"true\">2<\/span>\r\n        <div class=\"card-title-group\">\r\n        <h2 class=\"card-main-title\">Choose The Service<\/h2>\r\n                    <p class=\"card-sub-title\">Please select a service.<\/p>\r\n            <\/div>\r\n<\/div>\r\n    <div class=\"sp-loadable\" data-loadable=\"service-categories\">\r\n        <div class=\"sp-loadable__spinner sp-loadable__skeleton\" aria-busy=\"true\">\r\n            <div class=\"sp-loading-spinner\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\r\n    <div class=\"sp-loader\" aria-hidden=\"true\"><\/div>\r\n    <p class=\"sp-loading-spinner__text\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...<\/p>\r\n<\/div>\r\n        <\/div>\r\n        <div class=\"sp-loadable__content\">\r\n            <div class=\"services-container\">\r\n                    <div class=\"sp-service-slider\" dir=\"rtl\">\n        <div class=\"sp-service-grid sp-service-slider__track\" role=\"list\">\n            <button type=\"button\"\n            class=\"service-card\"\n            data-category=\"\u0623\u0641\u0644\u0627\u0645 \u0627\u0644\u062d\u0645\u0627\u064a\u0629\"\n            data-category-slug=\"paint-protection\"\n            data-category-term-id=\"78\">\n            <span class=\"service-card__icon-wrap\">\n                <img class=\"service-card__icon\" src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/film-protection.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">            <\/span>\n            <span class=\"service-card__title\">Protective films<\/span>\n        <\/button>\n            <button type=\"button\"\n            class=\"service-card\"\n            data-category=\"\u0627\u0644\u0628\u0627\u0642\u0627\u062a\"\n            data-category-slug=\"packages\"\n            data-category-term-id=\"79\">\n            <span class=\"service-card__icon-wrap\">\n                <img class=\"service-card__icon\" src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/packages.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">            <\/span>\n            <span class=\"service-card__title\">Packages<\/span>\n        <\/button>\n            <button type=\"button\"\n            class=\"service-card\"\n            data-category=\"\u0627\u0644\u062a\u0644\u0645\u064a\u0639 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\"\n            data-category-slug=\"professional-polishing\"\n            data-category-term-id=\"81\">\n            <span class=\"service-card__icon-wrap\">\n                <img class=\"service-card__icon\" src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/polishing.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">            <\/span>\n            <span class=\"service-card__title\">Professional Polishing<\/span>\n        <\/button>\n            <button type=\"button\"\n            class=\"service-card\"\n            data-category=\"\u0627\u0644\u062a\u0646\u062c\u064a\u062f \u0627\u0644\u0625\u062d\u062a\u0631\u0627\u0641\u064a\"\n            data-category-slug=\"professional-upholstery\"\n            data-category-term-id=\"80\">\n            <span class=\"service-card__icon-wrap\">\n                <img class=\"service-card__icon\" src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/06\/professional-upholstery-2.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">            <\/span>\n            <span class=\"service-card__title\">Professional upholstery<\/span>\n        <\/button>\n            <button type=\"button\"\n            class=\"service-card\"\n            data-category=\"\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0646\u0627\u0646\u0648 \u0633\u064a\u0631\u0627\u0645\u064a\u0643\"\n            data-category-slug=\"nano-ceramic-protection\"\n            data-category-term-id=\"77\">\n            <span class=\"service-card__icon-wrap\">\n                <img class=\"service-card__icon\" src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/nano-ceramic.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">            <\/span>\n            <span class=\"service-card__title\">Nano Ceramic Protection<\/span>\n        <\/button>\n            <button type=\"button\"\n            class=\"service-card\"\n            data-category=\"\u062e\u062f\u0645\u0629 \u0627\u0644\u0631\u0634\"\n            data-category-slug=\"spraying-service\"\n            data-category-term-id=\"125\">\n            <span class=\"service-card__icon-wrap\">\n                <img class=\"service-card__icon\" src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/spray.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">            <\/span>\n            <span class=\"service-card__title\">Protective Coating<\/span>\n        <\/button>\n            <button type=\"button\"\n            class=\"service-card\"\n            data-category=\"\u0639\u0627\u0632\u0644 \u062d\u0631\u0627\u0631\u064a\"\n            data-category-slug=\"window-film\"\n            data-category-term-id=\"82\">\n            <span class=\"service-card__icon-wrap\">\n                <img class=\"service-card__icon\" src=\"https:\/\/solarpro.sa\/wp-content\/uploads\/2026\/05\/thermal-insulation.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">            <\/span>\n            <span class=\"service-card__title\">thermal insulator<\/span>\n        <\/button>\n            <\/div>\n    <\/div>\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"filtered-products\" class=\"filtered-products sp-filtered-products\" hidden>\r\n        <div class=\"sp-products-zone sp-products-carousel\" data-sp-products-carousel>\r\n            <template id=\"sp-products-skeleton-template\">\r\n                                    <div class=\"product-card sp-product-card sp-product-card--lazy\" aria-hidden=\"true\">\r\n    <div class=\"sp-product-card__media product-image-container\">\r\n        <div class=\"sp-product-card__media-frame\">\r\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--img\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-product-card__body product-details\">\r\n        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--title\"><\/span>\r\n        <div class=\"sp-product-card__price-panel price-box\">\r\n            <div class=\"sp-product-card__price-action\">\r\n                <div class=\"sp-product-card__price-row\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--price\"><\/span>\r\n                <\/div>\r\n                <div class=\"sp-product-card__price-meta sp-product-card__price-action-footer\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta\"><\/span>\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta sp-lazy-shimmer--meta-sm\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sp-product-card__installment\">\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-text\"><\/span>\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-logos\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <span class=\"sp-product-card__cta sp-lazy-shimmer sp-lazy-shimmer--cta\" aria-hidden=\"true\"><\/span>\r\n<\/div>\r\n                                    <div class=\"product-card sp-product-card sp-product-card--lazy\" aria-hidden=\"true\">\r\n    <div class=\"sp-product-card__media product-image-container\">\r\n        <div class=\"sp-product-card__media-frame\">\r\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--img\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-product-card__body product-details\">\r\n        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--title\"><\/span>\r\n        <div class=\"sp-product-card__price-panel price-box\">\r\n            <div class=\"sp-product-card__price-action\">\r\n                <div class=\"sp-product-card__price-row\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--price\"><\/span>\r\n                <\/div>\r\n                <div class=\"sp-product-card__price-meta sp-product-card__price-action-footer\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta\"><\/span>\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta sp-lazy-shimmer--meta-sm\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sp-product-card__installment\">\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-text\"><\/span>\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-logos\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <span class=\"sp-product-card__cta sp-lazy-shimmer sp-lazy-shimmer--cta\" aria-hidden=\"true\"><\/span>\r\n<\/div>\r\n                                    <div class=\"product-card sp-product-card sp-product-card--lazy\" aria-hidden=\"true\">\r\n    <div class=\"sp-product-card__media product-image-container\">\r\n        <div class=\"sp-product-card__media-frame\">\r\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--img\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-product-card__body product-details\">\r\n        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--title\"><\/span>\r\n        <div class=\"sp-product-card__price-panel price-box\">\r\n            <div class=\"sp-product-card__price-action\">\r\n                <div class=\"sp-product-card__price-row\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--price\"><\/span>\r\n                <\/div>\r\n                <div class=\"sp-product-card__price-meta sp-product-card__price-action-footer\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta\"><\/span>\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta sp-lazy-shimmer--meta-sm\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sp-product-card__installment\">\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-text\"><\/span>\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-logos\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <span class=\"sp-product-card__cta sp-lazy-shimmer sp-lazy-shimmer--cta\" aria-hidden=\"true\"><\/span>\r\n<\/div>\r\n                                    <div class=\"product-card sp-product-card sp-product-card--lazy\" aria-hidden=\"true\">\r\n    <div class=\"sp-product-card__media product-image-container\">\r\n        <div class=\"sp-product-card__media-frame\">\r\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--img\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-product-card__body product-details\">\r\n        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--title\"><\/span>\r\n        <div class=\"sp-product-card__price-panel price-box\">\r\n            <div class=\"sp-product-card__price-action\">\r\n                <div class=\"sp-product-card__price-row\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--price\"><\/span>\r\n                <\/div>\r\n                <div class=\"sp-product-card__price-meta sp-product-card__price-action-footer\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta\"><\/span>\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta sp-lazy-shimmer--meta-sm\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sp-product-card__installment\">\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-text\"><\/span>\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-logos\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <span class=\"sp-product-card__cta sp-lazy-shimmer sp-lazy-shimmer--cta\" aria-hidden=\"true\"><\/span>\r\n<\/div>\r\n                                    <div class=\"product-card sp-product-card sp-product-card--lazy\" aria-hidden=\"true\">\r\n    <div class=\"sp-product-card__media product-image-container\">\r\n        <div class=\"sp-product-card__media-frame\">\r\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--img\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-product-card__body product-details\">\r\n        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--title\"><\/span>\r\n        <div class=\"sp-product-card__price-panel price-box\">\r\n            <div class=\"sp-product-card__price-action\">\r\n                <div class=\"sp-product-card__price-row\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--price\"><\/span>\r\n                <\/div>\r\n                <div class=\"sp-product-card__price-meta sp-product-card__price-action-footer\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta\"><\/span>\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta sp-lazy-shimmer--meta-sm\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sp-product-card__installment\">\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-text\"><\/span>\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-logos\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <span class=\"sp-product-card__cta sp-lazy-shimmer sp-lazy-shimmer--cta\" aria-hidden=\"true\"><\/span>\r\n<\/div>\r\n                                    <div class=\"product-card sp-product-card sp-product-card--lazy\" aria-hidden=\"true\">\r\n    <div class=\"sp-product-card__media product-image-container\">\r\n        <div class=\"sp-product-card__media-frame\">\r\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--img\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-product-card__body product-details\">\r\n        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--title\"><\/span>\r\n        <div class=\"sp-product-card__price-panel price-box\">\r\n            <div class=\"sp-product-card__price-action\">\r\n                <div class=\"sp-product-card__price-row\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--price\"><\/span>\r\n                <\/div>\r\n                <div class=\"sp-product-card__price-meta sp-product-card__price-action-footer\">\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta\"><\/span>\r\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--meta sp-lazy-shimmer--meta-sm\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sp-product-card__installment\">\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-text\"><\/span>\r\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--installment-logos\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <span class=\"sp-product-card__cta sp-lazy-shimmer sp-lazy-shimmer--cta\" aria-hidden=\"true\"><\/span>\r\n<\/div>\r\n                            <\/template>\r\n            <template id=\"sp-packages-skeleton-template\">\r\n                                    <article class=\"sp-package-card sp-package-card--lazy\" dir=\"rtl\" aria-hidden=\"true\">\n    <div class=\"sp-package-card__shell\">\n        <div class=\"sp-package-card__media\">\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-img\"><\/span>\n        <\/div>\n        <div class=\"sp-package-card__body\">\n            <header class=\"sp-package-card__header\">\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-title\"><\/span>\n                <div class=\"sp-package-card__price-row sp-package-card__price-row--skeleton\">\n                    <div class=\"sp-package-card__prices sp-package-card__prices--skeleton\">\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-price\"><\/span>\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-sale-badge\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n\n            <ul class=\"sp-package-card__keywords sp-package-card__keywords--skeleton\" aria-hidden=\"true\">\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword sp-lazy-shimmer--package-keyword--accent\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n            <\/ul>\n\n            <dl class=\"sp-package-card__specs sp-package-card__specs--skeleton\" aria-hidden=\"true\">\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n            <\/dl>\n\n            <div class=\"sp-package-card__footer\">\n                <div class=\"sp-package-card__installment sp-package-card__installment--brand sp-product-card__installment sp-package-card__installment--skeleton\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-copy\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-logos\"><\/span>\n                <\/div>\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-tax\"><\/span>\n                <div class=\"sp-package-card__actions\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn sp-lazy-shimmer--package-btn--secondary\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/article>\n                                    <article class=\"sp-package-card sp-package-card--lazy\" dir=\"rtl\" aria-hidden=\"true\">\n    <div class=\"sp-package-card__shell\">\n        <div class=\"sp-package-card__media\">\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-img\"><\/span>\n        <\/div>\n        <div class=\"sp-package-card__body\">\n            <header class=\"sp-package-card__header\">\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-title\"><\/span>\n                <div class=\"sp-package-card__price-row sp-package-card__price-row--skeleton\">\n                    <div class=\"sp-package-card__prices sp-package-card__prices--skeleton\">\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-price\"><\/span>\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-sale-badge\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n\n            <ul class=\"sp-package-card__keywords sp-package-card__keywords--skeleton\" aria-hidden=\"true\">\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword sp-lazy-shimmer--package-keyword--accent\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n            <\/ul>\n\n            <dl class=\"sp-package-card__specs sp-package-card__specs--skeleton\" aria-hidden=\"true\">\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n            <\/dl>\n\n            <div class=\"sp-package-card__footer\">\n                <div class=\"sp-package-card__installment sp-package-card__installment--brand sp-product-card__installment sp-package-card__installment--skeleton\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-copy\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-logos\"><\/span>\n                <\/div>\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-tax\"><\/span>\n                <div class=\"sp-package-card__actions\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn sp-lazy-shimmer--package-btn--secondary\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/article>\n                                    <article class=\"sp-package-card sp-package-card--lazy\" dir=\"rtl\" aria-hidden=\"true\">\n    <div class=\"sp-package-card__shell\">\n        <div class=\"sp-package-card__media\">\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-img\"><\/span>\n        <\/div>\n        <div class=\"sp-package-card__body\">\n            <header class=\"sp-package-card__header\">\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-title\"><\/span>\n                <div class=\"sp-package-card__price-row sp-package-card__price-row--skeleton\">\n                    <div class=\"sp-package-card__prices sp-package-card__prices--skeleton\">\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-price\"><\/span>\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-sale-badge\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n\n            <ul class=\"sp-package-card__keywords sp-package-card__keywords--skeleton\" aria-hidden=\"true\">\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword sp-lazy-shimmer--package-keyword--accent\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n            <\/ul>\n\n            <dl class=\"sp-package-card__specs sp-package-card__specs--skeleton\" aria-hidden=\"true\">\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n            <\/dl>\n\n            <div class=\"sp-package-card__footer\">\n                <div class=\"sp-package-card__installment sp-package-card__installment--brand sp-product-card__installment sp-package-card__installment--skeleton\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-copy\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-logos\"><\/span>\n                <\/div>\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-tax\"><\/span>\n                <div class=\"sp-package-card__actions\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn sp-lazy-shimmer--package-btn--secondary\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/article>\n                                    <article class=\"sp-package-card sp-package-card--lazy\" dir=\"rtl\" aria-hidden=\"true\">\n    <div class=\"sp-package-card__shell\">\n        <div class=\"sp-package-card__media\">\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-img\"><\/span>\n        <\/div>\n        <div class=\"sp-package-card__body\">\n            <header class=\"sp-package-card__header\">\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-title\"><\/span>\n                <div class=\"sp-package-card__price-row sp-package-card__price-row--skeleton\">\n                    <div class=\"sp-package-card__prices sp-package-card__prices--skeleton\">\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-price\"><\/span>\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-sale-badge\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n\n            <ul class=\"sp-package-card__keywords sp-package-card__keywords--skeleton\" aria-hidden=\"true\">\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword sp-lazy-shimmer--package-keyword--accent\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n            <\/ul>\n\n            <dl class=\"sp-package-card__specs sp-package-card__specs--skeleton\" aria-hidden=\"true\">\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n            <\/dl>\n\n            <div class=\"sp-package-card__footer\">\n                <div class=\"sp-package-card__installment sp-package-card__installment--brand sp-product-card__installment sp-package-card__installment--skeleton\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-copy\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-logos\"><\/span>\n                <\/div>\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-tax\"><\/span>\n                <div class=\"sp-package-card__actions\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn sp-lazy-shimmer--package-btn--secondary\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/article>\n                                    <article class=\"sp-package-card sp-package-card--lazy\" dir=\"rtl\" aria-hidden=\"true\">\n    <div class=\"sp-package-card__shell\">\n        <div class=\"sp-package-card__media\">\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-img\"><\/span>\n        <\/div>\n        <div class=\"sp-package-card__body\">\n            <header class=\"sp-package-card__header\">\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-title\"><\/span>\n                <div class=\"sp-package-card__price-row sp-package-card__price-row--skeleton\">\n                    <div class=\"sp-package-card__prices sp-package-card__prices--skeleton\">\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-price\"><\/span>\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-sale-badge\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n\n            <ul class=\"sp-package-card__keywords sp-package-card__keywords--skeleton\" aria-hidden=\"true\">\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword sp-lazy-shimmer--package-keyword--accent\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n            <\/ul>\n\n            <dl class=\"sp-package-card__specs sp-package-card__specs--skeleton\" aria-hidden=\"true\">\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n            <\/dl>\n\n            <div class=\"sp-package-card__footer\">\n                <div class=\"sp-package-card__installment sp-package-card__installment--brand sp-product-card__installment sp-package-card__installment--skeleton\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-copy\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-logos\"><\/span>\n                <\/div>\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-tax\"><\/span>\n                <div class=\"sp-package-card__actions\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn sp-lazy-shimmer--package-btn--secondary\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/article>\n                                    <article class=\"sp-package-card sp-package-card--lazy\" dir=\"rtl\" aria-hidden=\"true\">\n    <div class=\"sp-package-card__shell\">\n        <div class=\"sp-package-card__media\">\n            <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-img\"><\/span>\n        <\/div>\n        <div class=\"sp-package-card__body\">\n            <header class=\"sp-package-card__header\">\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-title\"><\/span>\n                <div class=\"sp-package-card__price-row sp-package-card__price-row--skeleton\">\n                    <div class=\"sp-package-card__prices sp-package-card__prices--skeleton\">\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-price\"><\/span>\n                        <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-sale-badge\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n\n            <ul class=\"sp-package-card__keywords sp-package-card__keywords--skeleton\" aria-hidden=\"true\">\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword sp-lazy-shimmer--package-keyword--accent\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n                <li><span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-keyword\"><\/span><\/li>\n            <\/ul>\n\n            <dl class=\"sp-package-card__specs sp-package-card__specs--skeleton\" aria-hidden=\"true\">\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n                <div class=\"sp-package-card__spec\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-heading\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-spec-desc\"><\/span>\n                <\/div>\n            <\/dl>\n\n            <div class=\"sp-package-card__footer\">\n                <div class=\"sp-package-card__installment sp-package-card__installment--brand sp-product-card__installment sp-package-card__installment--skeleton\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-copy\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-installment-logos\"><\/span>\n                <\/div>\n                <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-tax\"><\/span>\n                <div class=\"sp-package-card__actions\">\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn\"><\/span>\n                    <span class=\"sp-lazy-shimmer sp-lazy-shimmer--package-btn sp-lazy-shimmer--package-btn--secondary\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/article>\n                            <\/template>\r\n            <div class=\"sp-products-swiper swiper\" id=\"sp-products-swiper\">\r\n                <div id=\"products-skeleton-grid\" class=\"sp-products-grid sp-products-skeleton-layer\" aria-hidden=\"true\"><\/div>\r\n                <div id=\"products-container\" class=\"sp-products-grid sp-products-grid--content\"><\/div>\r\n                <div class=\"sp-products-swiper-pagination swiper-pagination\" aria-hidden=\"true\" hidden><\/div>\r\n                <div class=\"sp-products-slide__pager sp-booking-slider-pager\" id=\"sp-products-swiper-pager\" role=\"tablist\" aria-label=\"\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" hidden aria-hidden=\"true\">\r\n                    <div class=\"sp-booking-slider-pager__track\" data-sp-products-pager-track><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"step-content focused-card\" data-step=\"3\">\n    <div class=\"card-header sp-step-header sp-step-header--numbered\">\r\n            <span class=\"sp-step-badge\" aria-hidden=\"true\">3<\/span>\r\n        <div class=\"card-title-group\">\r\n        <h2 class=\"card-main-title\">Select a Branch<\/h2>\r\n                    <p class=\"card-sub-title\">Choose your preferred area and branch.<\/p>\r\n            <\/div>\r\n<\/div>\r\n    <div class=\"branch-time-container-new\">\n        <div class=\"sp-branch-selects\" dir=\"rtl\">\r\n    <div class=\"sp-select-field\">\r\n        <label for=\"region-select\">Area<\/label>\r\n        <div class=\"sp-select-wrap\">\r\n            <select id=\"region-select\" name=\"billing_region\" class=\"notranslate\" translate=\"no\">\r\n                <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0646\u0637\u0642\u0629<\/option>\r\n                                    <option value=\"\u0627\u0644\u0631\u064a\u0627\u0636\" class=\"notranslate\" translate=\"no\">\u0627\u0644\u0631\u064a\u0627\u0636<\/option>\r\n                            <\/select>\r\n            <span class=\"sp-select-chevron-wrap\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sp-chevron-icon sp-chevron-icon--down\" aria-hidden=\"true\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"sp-select-field\">\r\n        <label for=\"branch-select\">Branch<\/label>\r\n        <div class=\"sp-select-wrap\">\r\n            <select id=\"branch-select\" name=\"billing_branch\" class=\"notranslate\" translate=\"no\" disabled>\r\n                <option value=\"\" disabled selected>Select Branch<\/option>\r\n            <\/select>\r\n            <span class=\"sp-select-chevron-wrap\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sp-chevron-icon sp-chevron-icon--down\" aria-hidden=\"true\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n    <\/div>\n    <div class=\"booking-branch-time-section\">\n        <div id=\"calendar-time-container\" class=\"calendar-side\">\n            <div class=\"card-header sp-step-header sp-step-header--featured booking-branch-time-section__header\">\r\n        <div class=\"card-title-group\">\r\n        <h2 class=\"card-main-title\">Select a Time<\/h2>\r\n                    <p class=\"card-sub-title\">Please select your preferred date and time.<\/p>\r\n            <\/div>\r\n<\/div>\r\n            <div class=\"calendar-time-flex\">\n                <div class=\"calendar-wrap sp-booking-panel sp-booking-panel--calendar\">\n                    <h4 class=\"sp-booking-panel__title\">Date<\/h4>\n                    <div class=\"sp-booking-panel__body sp-booking-panel__body--calendar\">\n                        <div class=\"sp-booking-panel__skeleton sp-skeleton-calendar\" aria-hidden=\"true\">\r\n    <div class=\"sp-skeleton-calendar__header\"><\/div>\r\n    <div class=\"sp-skeleton-calendar__grid\">\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n                    <span class=\"sp-skeleton-calendar__cell\"><\/span>\r\n            <\/div>\r\n<\/div>\r\n                        <div class=\"sp-booking-panel__content sp-booking-panel__content--calendar\">\n                            <div id=\"datepicker\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"time-wrap sp-booking-panel sp-booking-panel--time\">\n                    <h4 class=\"sp-booking-panel__title\">Time<\/h4>\n                    <div class=\"sp-booking-panel__body sp-booking-panel__body--time\">\n                        <div class=\"sp-booking-panel__skeleton sp-skeleton-time-grid\" aria-hidden=\"true\">\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                            <span class=\"sp-skeleton-time-slot\"><\/span>\n                                                    <\/div>\n                        <div class=\"sp-booking-panel__content sp-booking-panel__content--time\">\n                            <div id=\"time-slots-container\" class=\"time-grid sp-time-grid\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"sp-info-note sp-info-note--booking-initial\" role=\"note\">\r\n    <span class=\"sp-info-note__icon-wrap\" aria-hidden=\"true\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sp-info-note__icon sp-info-icon\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg>    <\/span>\r\n    <div class=\"sp-info-note__content\">\r\n                    <p class=\"sp-info-note__title\">Preliminary Booking<\/p>\r\n                <p class=\"sp-info-note__text\">This is a preliminary booking. Our team will contact you to confirm the appointment and details.<\/p>\r\n    <\/div>\r\n<\/div>\r\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"step-content focused-card\" data-step=\"4\">\r\n    <div class=\"card-header sp-step-header sp-step-header--numbered\">\r\n            <span class=\"sp-step-badge\" aria-hidden=\"true\">4<\/span>\r\n        <div class=\"card-title-group\">\r\n        <h2 class=\"card-main-title\">Booking Details<\/h2>\r\n                    <p class=\"card-sub-title\">Please enter your details to confirm your booking.<\/p>\r\n            <\/div>\r\n<\/div>\r\n    <div class=\"custom-booking-inputs\">\r\n        <div class=\"custom-input-row\">\r\n            <div class=\"custom-field-wrapper\">\r\n                <label for=\"custom_full_name\" class=\"custom-field-label\">Full Name<\/label>\r\n                <input type=\"text\" class=\"custom-booking-field\" id=\"custom_full_name\"\r\n                    placeholder=\"Full Name\" dir=\"rtl\">\r\n            <\/div>\r\n            <div class=\"custom-field-wrapper\">\r\n                <label for=\"custom_phone\" class=\"custom-field-label\">Phone Number<\/label>\r\n                <input type=\"tel\" class=\"custom-booking-field\" id=\"custom_phone\"\r\n                    placeholder=\"Phone Number\" dir=\"rtl\">\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"custom-input-row custom-input-row--full\">\r\n            <div class=\"custom-field-wrapper custom-field-wrapper--full\">\r\n                <label for=\"custom_email\" class=\"custom-field-label\">Email<\/label>\r\n                <input type=\"email\" class=\"custom-booking-field\" id=\"custom_email\"\r\n                    placeholder=\"Email\" dir=\"rtl\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"step-content focused-card\" data-step=\"5\">\r\n    <div class=\"card-header sp-step-header sp-step-header--numbered\">\r\n            <span class=\"sp-step-badge\" aria-hidden=\"true\">5<\/span>\r\n        <div class=\"card-title-group\">\r\n        <h2 class=\"card-main-title\">Summary &amp; Confirmation<\/h2>\r\n                    <p class=\"card-sub-title\">Please review your selections and confirm your booking.<\/p>\r\n            <\/div>\r\n<\/div>\r\n    <div class=\"sp-booking-review-section sp-booking-review-section--step\">\r\n        <div class=\"sp-booking-review-section__card booking-summary-card booking-summary-card--inline\">\r\n            <div class=\"summary-content sp-booking-summary\">\r\n    <section class=\"sp-summary-section\" aria-labelledby=\"sp-summary-booking-heading\">\r\n        <h4 id=\"sp-summary-booking-heading\" class=\"sp-summary-section__title\">Booking Details<\/h4>\r\n        <div class=\"sp-summary-grid\">\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"size\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Size<\/span>\r\n                <span class=\"value\">\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"service\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Category<\/span>\r\n                <span class=\"value\">\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"region\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Area<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"branch\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Branch<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"date\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Date<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n            <div class=\"summary-item sp-summary-item\" data-summary-field=\"time\" hidden aria-hidden=\"true\">\r\n                <span class=\"label\">Time<\/span>\r\n                <span class=\"value\">-<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"sp-summary-section sp-summary-section--services\" aria-labelledby=\"sp-summary-services-heading\">\r\n        <h4 id=\"sp-summary-services-heading\" class=\"sp-summary-section__title\">Selected Services<\/h4>\r\n        <div class=\"sp-summary-services\" data-summary-field=\"services\">\r\n            <p class=\"sp-summary-services-empty value\">\u0644\u0645 \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u062f\u0645\u0627\u062a \u0628\u0639\u062f<\/p>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"step-content focused-card\" data-step=\"6\">\r\n    <div class=\"sp-booking-payment-section\">\r\n    <div class=\"card-header sp-step-header sp-step-header--numbered sp-booking-payment-section__header\">\r\n            <span class=\"sp-step-badge\" aria-hidden=\"true\">6<\/span>\r\n        <div class=\"card-title-group\">\r\n        <h2 class=\"card-main-title\">Select a Payment Method<\/h2>\r\n                    <p class=\"card-sub-title\">Please select a payment method to complete your booking.<\/p>\r\n            <\/div>\r\n<\/div>\r\n            <fieldset class=\"sp-payment-methods\" role=\"radiogroup\" aria-label=\"Select a Payment Method\">\r\n                            <label class=\"sp-payment-method sp-payment-method--selected\">\r\n                    <input\r\n                        type=\"radio\"\r\n                        name=\"sp_payment_method\"\r\n                        class=\"sp-payment-method__input\"\r\n                        value=\"cod\"\r\n                         checked='checked'                    >\r\n                    <span class=\"sp-payment-method__body\">\r\n                        <span class=\"sp-payment-method__title\">Pay at the Branch<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sp-payment-method__check\" aria-hidden=\"true\"><\/span>\r\n                <\/label>\r\n                    <\/fieldset>\r\n    <\/div>\r\n    <div class=\"booking-confirmation-box\">\r\n        <p class=\"confirmation-message\">We\u2019ll contact you to confirm your appointment after your booking is submitted.<\/p>\r\n        <button type=\"button\" class=\"book-now-btn\">Book Now<\/button>\r\n    <\/div>\r\n<\/div>\r\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n                <\/main>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8277","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/pages\/8277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/comments?post=8277"}],"version-history":[{"count":67,"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/pages\/8277\/revisions"}],"predecessor-version":[{"id":12275,"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/pages\/8277\/revisions\/12275"}],"wp:attachment":[{"href":"https:\/\/solarpro.sa\/en\/wp-json\/wp\/v2\/media?parent=8277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}