{"id":96,"date":"2025-12-17T08:44:23","date_gmt":"2025-12-17T08:44:23","guid":{"rendered":"https:\/\/onto.sa\/?page_id=96"},"modified":"2026-01-04T02:31:05","modified_gmt":"2026-01-04T02:31:05","slug":"about-us","status":"publish","type":"page","link":"https:\/\/onto.sa\/en\/about-us\/","title":{"rendered":"about-us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"96\" class=\"elementor elementor-96\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c43c961 e-con-full e-flex e-con e-parent\" data-id=\"c43c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85c7d37 elementor-widget elementor-widget-heading\" data-id=\"85c7d37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0646 \u0646\u062d\u0646<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5fb6b4 elementor-widget elementor-widget-heading\" data-id=\"e5fb6b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u0646\u0635\u0629 ONTO \u0648\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0644\u064a \u062c\u0645\u0639\u062a \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a2c011 e-con-full e-flex e-con e-parent\" data-id=\"7a2c011\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6056785 elementor-widget elementor-widget-shortcode\" data-id=\"6056785\" 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\">\n    <section class=\"onto-about\" dir=\"ltr\">\n        <div class=\"onto-about-container\">\n            \n            <!-- 1. Text Column -->\n            <div class=\"onto-about-content\">\n                <h2>About Us<\/h2>\n                <div class=\"onto-about-body\">\n                    \n        <p><strong>ONTO<\/strong> is a Saudi platform that connects 3D printing service providers with clients, providing an integrated ecosystem for modern digital manufacturing.<\/p>\n        <p><strong>We<\/strong> empower individuals and companies to embody their designs into real products through innovative, high-quality, and effective 3D printing solutions.<\/p>\n        <p><strong>At ONTO<\/strong>, we believe in the power of collaboration and strive to build a community bringing together manufacturers and clients to transform creativity into tangible products.<\/p>\n        <p><strong>We<\/strong> aspire to make 3D printing accessible to everyone in a professional and reliable manner.<\/p>\n                        <\/div>\n                \n                <!-- START: \u0634\u0631\u0637 \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0632\u0631 -->\n                                <!-- END: \u0634\u0631\u0637 \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0632\u0631 -->\n\n            <\/div>\n\n            <!-- 2. Image Column -->\n            <div class=\"onto-about-image\">\n                <div class=\"image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/onto.sa\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_heeahqheeahqheea.png\" alt=\"About Us\">\n                    <!-- The Green Overlay -->\n                    <div class=\"overlay\"><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* --- General Styles --- *\/\n        .onto-about {\n            background-color: #fff;\n            padding: 100px 20px;\n            font-family: 'Cairo', sans-serif;\n            overflow: hidden;\n        }\n\n        .onto-about-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        \/* --- Text Styling --- *\/\n        .onto-about-content h2 {\n            font-size: 42px;\n            font-weight: 900;\n            color: #000;\n            margin-bottom: 30px;\n            position: relative;\n        }\n        \n        \/* Optional: Green dot next to title *\/\n        .onto-about-content h2::after {\n            content: '';\n            display: inline-block;\n            width: 10px;\n            height: 10px;\n            background-color: #4cd97b;\n            border-radius: 50%;\n            margin-right: 10px; \n        }\n        .onto-about[dir=\"ltr\"] .onto-about-content h2::after { margin-right: 0; margin-left: 10px; }\n\n\n        .onto-about-body p {\n            font-size: 16px;\n            line-height: 1.8;\n            color: #555;\n            margin-bottom: 15px;\n            text-align: justify; \n        }\n\n        \/* Styling for the Bold words *\/\n        .onto-about-body strong {\n            font-weight: 800; \/* Extra Bold *\/\n            color: #000;      \/* Pure Black *\/\n        }\n\n        .onto-btn-black {\n            display: inline-block;\n            background-color: #000;\n            color: #fff;\n            padding: 14px 40px;\n            border-radius: 50px; \n            text-decoration: none;\n            font-weight: 700;\n            margin-top: 20px;\n            transition: all 0.3s ease;\n        }\n\n        .onto-btn-black:hover {\n            background-color: #4cd97b; \n            color: #000;\n            transform: translateY(-2px);\n        }\n\n        \/* --- Image Styling with Zoom & Green Tint --- *\/\n        .onto-about-image {\n            position: relative;\n        }\n\n        .onto-about-image .image-wrapper {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden; \n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        }\n\n        .onto-about-image img {\n            width: 100%;\n            height: auto;\n            display: block;\n            \/* Zoom 12% to hide watermark *\/\n            transform: scale(1.12); \n            transition: transform 0.5s ease;\n        }\n\n        \/* Green Overlay *\/\n        .onto-about-image .overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(76, 217, 123, 0.2) 0%, rgba(20, 80, 40, 0.8) 100%);\n            mix-blend-mode: multiply; \n            transition: opacity 0.3s;\n            z-index: 2;\n            pointer-events: none; \n        }\n        \n        \/* Hover Effect *\/\n        .onto-about-image:hover img {\n            transform: scale(1.18); \n        }\n        .onto-about-image:hover .overlay {\n            opacity: 0.8; \n        }\n\n        \/* --- Responsive --- *\/\n        @media (max-width: 992px) {\n            .onto-about-container {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n            .onto-about-image {\n                order: -1; \n            }\n            .onto-about-content {\n                text-align: center;\n            }\n            .onto-about-body p {\n                text-align: center;\n            }\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-054de6a e-con-full e-flex e-con e-parent\" data-id=\"054de6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40b3eab elementor-widget elementor-widget-shortcode\" data-id=\"40b3eab\" 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\">    \n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n    <section class=\"onto-slider-v6-section\" dir=\"ltr\">\n        <div class=\"onto-container-v6\">\n            \n            <div class=\"onto-slider-area\">\n                \n                <!-- Swiper Container (No Arrows) -->\n                <div class=\"swiper onto-main-swiper-v6\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"onto-card-v6\">\n                                    <div class=\"onto-card-icon\">\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>                                    <\/div>\n                                    <h3>Our Vision<\/h3>\n                                    <p>To be the leading platform redefining digital manufacturing, turning 3D printing from complex tech into a daily sustainable solution.<\/p>\n                                    <div class=\"active-border\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"onto-card-v6\">\n                                    <div class=\"onto-card-icon\">\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>                                    <\/div>\n                                    <h3>Our Goals<\/h3>\n                                    <p>Transforming 3D printing from a complex and fragmented process into an easy, fast, and accessible service for everyone.<\/p>\n                                    <div class=\"active-border\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"onto-card-v6\">\n                                    <div class=\"onto-card-icon\">\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>                                    <\/div>\n                                    <h3>Our Mission<\/h3>\n                                    <p>Empowering individuals and businesses to transform their ideas into tangible products with ease, speed, and confidence.<\/p>\n                                    <div class=\"active-border\"><\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <!-- Pagination (Dots) - Still useful for mobile -->\n                    <div class=\"swiper-pagination onto-pagination\"><\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* === Fix: 3 Cards Logic === *\/\n        \n        .onto-main-swiper-v6 .swiper-wrapper {\n            display: flex;\n            box-sizing: border-box;\n        }\n\n        .onto-main-swiper-v6 .swiper-slide {\n            box-sizing: border-box;\n            flex-shrink: 0;\n            display: block;\n            height: auto;\n            position: relative;\n            width: 100%;\n        }\n        \n        \/* Desktop: Show exactly 3 cards *\/\n        @media (min-width: 1024px) {\n            .onto-main-swiper-v6 .swiper-slide {\n                width: calc(100% \/ 3) !important;\n                padding: 0 15px; \n            }\n        }\n\n        \/* === Styles === *\/\n        .onto-slider-v6-section {\n            padding: 40px 0 60px 0;\n            background: #fff;\n            overflow: hidden;\n            font-family: 'Cairo', sans-serif;\n            position: relative;\n        }\n\n        .onto-container-v6 {\n            max-width: 1240px;\n            width: 95%;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .onto-slider-area {\n            position: relative;\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .onto-main-swiper-v6 {\n            width: 100%;\n            \/* Padding adjustment since arrows are gone *\/\n            padding: 40px 5px 60px 5px !important; \n            overflow: hidden;\n        }\n\n        \/* Cards *\/\n        .onto-card-v6 {\n            background: #fff;\n            border-radius: 20px;\n            padding: 40px 25px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n            border: 1px solid #f5f5f5;\n            transition: all 0.3s ease;\n            height: 100%;\n            min-height: 320px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            position: relative;\n        }\n\n        .onto-card-icon {\n            width: 70px; height: 70px;\n            background: #effff5;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 25px;\n            color: #4cd97b;\n            transition: 0.3s;\n        }\n        .onto-card-icon svg { width: 32px; height: 32px; }\n\n        .onto-card-v6 h3 {\n            font-size: 22px; font-weight: 800; color: #000; margin-bottom: 15px;\n        }\n        .onto-card-v6 p {\n            font-size: 15px; line-height: 1.8; color: #666; margin: 0;\n        }\n\n        \/* Hover Effect *\/\n        .onto-card-v6:hover {\n            transform: translateY(-10px);\n            border-color: #4cd97b;\n            box-shadow: 0 15px 40px rgba(76, 217, 123, 0.15);\n        }\n        .onto-card-v6:hover .onto-card-icon {\n            background: #4cd97b;\n            color: #fff;\n        }\n\n        \/* Pagination Dots *\/\n        .swiper-pagination-bullet { width: 10px; height: 10px; background: #ddd; opacity: 1; }\n        .swiper-pagination-bullet-active { background: #4cd97b; width: 25px; border-radius: 5px; transition: 0.3s; }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        var swiperV6 = new Swiper(\".onto-main-swiper-v6\", {\n            \/\/ Mobile\n            slidesPerView: 1, \n            spaceBetween: 10,\n            centeredSlides: false, \n            loop: false, \n            \n            rtl: false,\n            \n            \/\/ Navigation (Arrows) REMOVED\n            \n            pagination: {\n                el: \".swiper-pagination\",\n                clickable: true,\n            },\n            breakpoints: {\n                \/\/ Tablet\n                768: {\n                    slidesPerView: 2,\n                    spaceBetween: 20,\n                },\n                \/\/ Desktop: Show exact 3\n                1024: {\n                    slidesPerView: 3, \n                    spaceBetween: 0,\n                }\n            }\n        });\n    });\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a6510e e-con-full e-flex e-con e-parent\" data-id=\"2a6510e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947ef2d elementor-widget elementor-widget-shortcode\" data-id=\"947ef2d\" 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\">\n    <section class=\"onto-features\" dir=\"ltr\">\n        <div class=\"onto-features-header\">\n            <h2>Why Choose <img decoding=\"async\" src=\"https:\/\/onto.sa\/wp-content\/uploads\/2025\/12\/final-1.png\" class=\"onto-inline-logo\" alt=\"ONTO\"> ?<\/h2>\n            <p>We provide an integrated environment to complete your projects.<\/p>\n        <\/div>\n\n        <div class=\"onto-features-grid\">\n            \n            <!-- Column 1 -->\n            <div class=\"onto-col-cards col-side-1\">\n                                    <div class=\"onto-card card-pos-0\">\n                        <div class=\"onto-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H3V12h18v6zm0-10H3V6h18v2z\"\/><\/svg>\n                        <\/div>\n                        <h3>Secure Transactions<\/h3>\n                        <p>Safe payment system protecting all parties<\/p>\n                    <\/div>\n                                    <div class=\"onto-card card-pos-1\">\n                        <div class=\"onto-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\n                        <\/div>\n                        <h3>Fast Execution<\/h3>\n                        <p>Get instant quotes and fast execution<\/p>\n                    <\/div>\n                                    <div class=\"onto-card card-pos-2\">\n                        <div class=\"onto-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n                        <\/div>\n                        <h3>Reliable Providers<\/h3>\n                        <p>All providers are carefully qualified<\/p>\n                    <\/div>\n                            <\/div>\n\n            <!-- Center Logo (Resized) -->\n            <div class=\"onto-col-center\">\n                <div class=\"onto-center-wrapper\">\n                    <!-- \u0627\u0644\u0644\u0648\u062c\u0648 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 -->\n                    <img decoding=\"async\" src=\"https:\/\/onto.sa\/wp-content\/uploads\/2025\/12\/final-1.png\" alt=\"ONTO Center\" class=\"onto-center-img\">\n                <\/div>\n            <\/div>\n\n            <!-- Column 2 -->\n            <div class=\"onto-col-cards col-side-2\">\n                                    <div class=\"onto-card card-pos-0\">\n                        <div class=\"onto-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\n                        <\/div>\n                        <h3>Quality Guaranteed<\/h3>\n                        <p>Rating system ensuring service quality<\/p>\n                    <\/div>\n                                    <div class=\"onto-card card-pos-1\">\n                        <div class=\"onto-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V7h2v3z\"\/><\/svg>\n                        <\/div>\n                        <h3>24\/7 Support<\/h3>\n                        <p>Support team available to help anytime<\/p>\n                    <\/div>\n                                    <div class=\"onto-card card-pos-2\">\n                        <div class=\"onto-card-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg>\n                        <\/div>\n                        <h3>Best Prices<\/h3>\n                        <p>Compare offers and choose the best fit<\/p>\n                    <\/div>\n                            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* --- General Layout --- *\/\n        .onto-features {\n            background: linear-gradient(180deg, #f0fcf8 0%, #e3ffef 100%);\n            padding: 80px 20px 100px 20px;\n            font-family: 'Cairo', sans-serif;\n            text-align: center;\n            overflow-x: hidden;\n        }\n\n        \/* --- Header & Title Logo Styling --- *\/\n        .onto-features-header { margin-bottom: 70px; }\n        \n        .onto-features-header h2 { \n            font-size: 38px; \n            font-weight: 900; \n            color: #000; \n            margin-bottom: 15px;\n            display: flex;             \n            align-items: center;       \n            justify-content: center;   \n            gap: 10px;                 \n            flex-wrap: wrap;           \n        }\n        \n        \/* \n         * --- [\u062a\u0639\u062f\u064a\u0644 \u0647\u0627\u0645 1] --- \n         * \u062a\u0635\u063a\u064a\u0631 \u0644\u0648\u062c\u0648 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0644\u064a\u0635\u0628\u062d 25px \u0628\u062f\u0642\u0629 \n         *\/\n        .onto-inline-logo {\n            height: 70px !important;   \n            width: auto !important;    \n            object-fit: contain;\n            display: block;\n        }\n\n        .onto-features-header p { color: #555; font-size: 17px; max-width: 600px; margin: 0 auto; }\n\n        \/* --- GRID SETUP --- *\/\n        .onto-features-grid {\n            max-width: 1250px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 180px 1fr; \/* \u0645\u0633\u0627\u062d\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0648\u0633\u0637 *\/\n            gap: 20px;\n            align-items: center;\n        }\n\n        .onto-col-cards {\n            display: flex;\n            flex-direction: column;\n            gap: 40px; \n            position: relative;\n        }\n\n        \/* --- CARD STYLING --- *\/\n        .onto-card {\n            background: #fff;\n            padding: 40px 30px;\n            border-radius: 26px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.03);\n            text-align: center;\n            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n            border: 1px solid rgba(255,255,255,0.8);\n        }\n\n        .onto-card:hover {\n            transform: translateY(-8px) scale(1.02) !important;\n            box-shadow: 0 25px 60px rgba(76, 217, 123, 0.15);\n            z-index: 10;\n        }\n\n        .onto-card-icon {\n            width: 60px;\n            height: 60px;\n            background-color: #e6ffed;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: #4cd97b;\n            font-size: 0;\n            transition: 0.3s;\n        }\n        .onto-card:hover .onto-card-icon { background-color: #4cd97b; color: #fff; }\n        .onto-card-icon svg { width: 28px; height: 28px; }\n        .onto-card h3 { font-size: 20px; font-weight: 800; margin-bottom: 12px; color: #1a1a1a; }\n        .onto-card p { font-size: 14px; color: #666; line-height: 1.6; margin: 0; }\n\n        \/* \n         * --- [\u062a\u0639\u062f\u064a\u0644 \u0647\u0627\u0645 2] ---\n         * \u062a\u0635\u063a\u064a\u0631 \u0644\u0648\u062c\u0648 \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u0645\u0646 160px \u0627\u0644\u0649 80px \n         * \u0648\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u062e\u0636\u0631\n         *\/\n        .onto-col-center { display: flex; justify-content: center; align-items: center; height: 100%; z-index: 1; }\n        .onto-center-wrapper { position: relative; display: flex; justify-content: center; align-items: center; }\n        \n        .onto-center-img {\n            width: 80px !important;  \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062d\u062c\u0645 \u062c\u0630\u0631\u064a\u0627\u064b *\/\n            height: auto;\n            display: block;\n            transition: transform 0.3s ease;\n        }\n        \n        \/* \u0644\u0627 \u064a\u0648\u062c\u062f ::after \u0647\u0646\u0627 (\u062a\u0645 \u062d\u0630\u0641 \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u062e\u0636\u0631) *\/\n        \n        .onto-col-center:hover .onto-center-img { transform: scale(1.1); }\n\n        \/* --- DESKTOP V-SHAPE ANIMATION --- *\/\n        @media (min-width: 993px) {\n            \/* LTR *\/\n            .onto-features[dir=\"ltr\"] .col-side-1 .card-pos-0 { transform: translateX(-80px); }\n            .onto-features[dir=\"ltr\"] .col-side-1 .card-pos-1 { transform: translateX(-20px); }\n            .onto-features[dir=\"ltr\"] .col-side-1 .card-pos-2 { transform: translateX(50px); }\n            .onto-features[dir=\"ltr\"] .col-side-2 .card-pos-0 { transform: translateX(80px); }\n            .onto-features[dir=\"ltr\"] .col-side-2 .card-pos-1 { transform: translateX(20px); }\n            .onto-features[dir=\"ltr\"] .col-side-2 .card-pos-2 { transform: translateX(-50px); }\n\n            \/* RTL *\/\n            .onto-features[dir=\"rtl\"] .col-side-1 .card-pos-0 { transform: translateX(80px); }\n            .onto-features[dir=\"rtl\"] .col-side-1 .card-pos-1 { transform: translateX(20px); }\n            .onto-features[dir=\"rtl\"] .col-side-1 .card-pos-2 { transform: translateX(-50px); }\n            .onto-features[dir=\"rtl\"] .col-side-2 .card-pos-0 { transform: translateX(-80px); }\n            .onto-features[dir=\"rtl\"] .col-side-2 .card-pos-1 { transform: translateX(-20px); }\n            .onto-features[dir=\"rtl\"] .col-side-2 .card-pos-2 { transform: translateX(50px); }\n        }\n\n        \/* --- MOBILE --- *\/\n        @media (max-width: 992px) {\n            .onto-features { padding: 60px 20px; }\n            .onto-features-grid { grid-template-columns: 1fr; gap: 30px; }\n            .onto-col-center { order: -1; margin-bottom: 10px; }\n            \/* \u062a\u0635\u063a\u064a\u0631 \u0644\u0648\u062c\u0648 \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0627\u064a\u0636\u0627\u064b *\/\n            .onto-center-img { width: 60px !important; } \n            .onto-card { transform: none !important; margin: 0 !important; }\n            \n            .onto-features-header h2 { font-size: 28px; }\n            \/* \u0644\u0648\u062c\u0648 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n            .onto-inline-logo { height: 22px !important; } \n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7924e4 e-con-full e-flex e-con e-parent\" data-id=\"b7924e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79dc14a elementor-widget elementor-widget-shortcode\" data-id=\"79dc14a\" 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\">    \n    <section class=\"onto-cta-section\" dir=\"ltr\">\n        <div class=\"onto-cta-container\">\n            <h2 class=\"onto-cta-title\">Are you ready to start?<\/h2>\n            <p class=\"onto-cta-desc\">ONTO is here to meet your 3D printing needs.<\/p>\n            <a href=\"https:\/\/onto.sa\/auth-client\/\" class=\"onto-cta-btn\">Upload Your File Now<\/a>\n        <\/div>\n    <\/section>\n\n    <style>\n        .onto-cta-section {\n            background: linear-gradient(180deg, #ccffe6 0%, #b3ffda 100%);\n            padding: 80px 20px;\n            text-align: center;\n            font-family: 'Cairo', sans-serif;\n            \/* Border separating CTA from Footer *\/\n            border-bottom: 1px solid rgba(0,0,0,0.08);\n        }\n\n        .onto-cta-container {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .onto-cta-title {\n            font-size: 42px;\n            font-weight: 900;\n            color: #000;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .onto-cta-desc {\n            font-size: 18px;\n            color: #444;\n            margin-bottom: 40px;\n            line-height: 1.6;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .onto-cta-btn {\n            display: inline-block;\n            background-color: #000;\n            color: #fff;\n            text-decoration: none;\n            padding: 18px 50px;\n            border-radius: 12px;\n            font-size: 20px;\n            font-weight: 700;\n            transition: all 0.3s;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        }\n\n        .onto-cta-btn:hover {\n            transform: translateY(-3px);\n            background-color: #1a1a1a;\n            box-shadow: 0 15px 25px rgba(0,0,0,0.15);\n        }\n\n        @media (max-width: 768px) {\n            .onto-cta-title { font-size: 32px; }\n            .onto-cta-desc { font-size: 16px; padding: 0 10px; }\n            .onto-cta-btn { width: 100%; box-sizing: border-box; }\n        }\n    <\/style>\n\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":"<p>\u0645\u0646 \u0646\u062d\u0646 \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u0646\u0635\u0629 ONTO \u0648\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0644\u064a \u062c\u0645\u0639\u062a \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/pages\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":37,"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/pages\/96\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/onto.sa\/en\/wp-json\/wp\/v2\/media?parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}