{"id":5953,"date":"2025-09-24T11:46:30","date_gmt":"2025-09-24T08:46:30","guid":{"rendered":"https:\/\/majex.com.sa\/home\/"},"modified":"2025-11-09T13:10:06","modified_gmt":"2025-11-09T10:10:06","slug":"home","status":"publish","type":"page","link":"https:\/\/majex.com.sa\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5953\" class=\"elementor elementor-5953 elementor-5944\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-33a5d9f elementor-section-full_width elementor-section-stretched thsn-col-stretched-none thsn-bg-color-over-image elementor-section-height-default elementor-section-height-default\" data-id=\"33a5d9f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4997a9e thsn-bg-color-over-image\" data-id=\"4997a9e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d453a89 elementor-widget elementor-widget-html\" data-id=\"d453a89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <section class=\"hero-slider\" id=\"home\"> <div class=\"slide active\" style=\"background-image: url('https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/09\/\u062a\u0633\u0644\u064a\u0645-\u0634\u062d\u0646\u0627\u062aAR07012020-1024x640-1.jpg');\"> <div class=\"slide-overlay\"><\/div> <div class=\"slide-content\"> <h1 class=\"slide-title\">A Leading Company in Shipping and Transportation<\/h1> <p class=\"slide-description\"> A leading company in the world of shipping and transportation, <\/p> <a href=\"https:\/\/majex.com.sa\/en\/contact-us\/\" class=\"slide-button\">Contact Us<\/a> <\/div> <\/div> <div class=\"slide\" style=\"background-image: url('https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/09\/220217_a4c377fa0e-2.png');\"> <div class=\"slide-overlay\"><\/div> <div class=\"slide-content\"> <h1 class=\"slide-title\">Our Logistic Services with Professionalism and Precision<\/h1> <p class=\"slide-description\"> We save our clients' time and effort and move at the speed of wings by offering various forms of services. <\/p> <a href=\"https:\/\/majex.com.sa\/en\/contact-us\/\" class=\"slide-button\">Contact Us<\/a> <\/div> <\/div> <button class=\"slider-nav slider-prev\" id=\"sliderPrev\"> <i class=\"fas fa-chevron-right\"><\/i> <\/button> <button class=\"slider-nav slider-next\" id=\"sliderNext\"> <i class=\"fas fa-chevron-left\"><\/i> <\/button> <\/section>\n\n<style>\n        \n        .card-section-container {\n           \n        }\n\n        .card-toggle-container {\n            display: flex;\n            gap: 30px; \n            margin-bottom: 40px; \n            \n            justify-content: center;\n            padding: 50px;\n        }\n\n        .toggle-card {\n            background-color: #ffffff;\n            border-radius: 15px;\n            padding: 30px;\n            text-align: center;\n            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);\n            transition: var(--transition);\n            cursor: pointer;\n            border: 2px solid #0000001c; \n            position: relative;\n            overflow: hidden;\n            z-index: 1000;\n        }\n\n        .toggle-card::before {\n            content: '';\n            position: absolute;\n            top: -50px;\n            right: -50px;\n            width: 120px;\n            height: 120px;\n            background-color: #ff0000;\n            opacity: 0.05;\n            border-radius: 50%;\n            transition: var(--transition);\n        }\n         \n        .toggle-card:hover::before {\n            transform: scale(1.2);\n            opacity: 0.1;\n        }\n\n        .toggle-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);\n        }\n\n        .toggle-card.active {\n            border-color: #df3535;\n            box-shadow: 0 10px 30px rgba(217, 4, 41, 0.15);\n        }\n         \n        .toggle-card.active::before {\n             opacity: 0.1;\n        }\n\n        .card-icon {\n            font-size: 3rem;\n            color: var(--primary-color);\n            margin-bottom: 20px;\n            transition: var(--transition);\n        }\n         \n        .toggle-card:hover .card-icon {\n            transform: scale(1.1) rotate(5deg);\n        }\n        \n        .toggle-card.active .card-icon {\n             color: var(--secondary-color);\n        }\n\n        .card-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--secondary-color);\n            margin-bottom: 10px;\n        }\n\n        .card-description {\n            font-size: 1rem;\n            \n            line-height: 1.6;\n        }\n\n      \n        .content-section {\n            display: none; \n            background-color: #ffffff;\n            padding: 30px;\n            border-radius: 15px;\n            box-shadow: var(--shadow);\n            animation: fadeIn 0.5s ease; \n        }\n        \n        .content-section.active {\n            display: block;\n        }\n        \n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0638\u0647\u0648\u0631 *\/\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .content-section h2 {\n            font-size: 1.8rem;\n            color: var(--secondary-color);\n            margin-bottom: 20px;\n        }\n        .content-section p {\n            font-size: 1.1rem;\n            color: var(--light-text);\n            line-height: 1.7;\n        }\n        .content-section input, .content-section button {\n             padding: 10px; margin: 10px 0; font-size: 1rem;\n        }\n\n        @media (max-width: 768px) {\n            .card-toggle-container {\n                flex-direction: column;\n                gap: 20px;\n            }\n            .card-title {\n                font-size: 1.3rem;\n            }\n        }\n\n    <\/style>\n\n<div class=\"card-toggle-container\">\n    <div class=\"toggle-card toggle-card-button active\" data-target=\"#custom-tracking-wrapper\">\n        <div class=\"card-icon\">\n            <i class=\"fas fa-truck\"><\/i>\n        <\/div>\n        <h3 class=\"card-title\">Track Your Shipment<\/h3>\n        <p class=\"card-description\">Enter your tracking number to follow your shipment\u2019s status in real-time.<\/p>\n    <\/div>\n\n    <div class=\"toggle-card toggle-card-button\" data-target=\".majex-price-calculator\">\n        <div class=\"card-icon\">\n            <i class=\"fas fa-calculator\"><\/i>\n        <\/div>\n        <h3 class=\"card-title\">Shipping Price Calculator<\/h3>\n        <p class=\"card-description\">Easily calculate your parcel\u2019s shipping cost based on destination and weight.<\/p>\n    <\/div>\n<\/div>\n\n    \n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b7be822 elementor-section-full_width elementor-section-stretched thsn-col-stretched-none thsn-bg-color-over-image elementor-section-height-default elementor-section-height-default\" data-id=\"b7be822\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-644f027 thsn-bg-color-over-image\" data-id=\"644f027\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-42cf32e elementor-widget elementor-widget-shortcode\" data-id=\"42cf32e\" 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\">        <div class=\"majex-forms-container\" dir=\"ltr\" lang=\"en\">\n            <div class=\"content-section active\" id=\"custom-tracking-wrapper\" dir=\"ltr\">\n                <form id=\"tracking-form\">\n                    <div class=\"input-group\">\n                        <input\n                            id=\"tracking-input\"\n                            name=\"tracking-id\"\n                            type=\"text\"\n                            required\n                            placeholder=\"Enter your tracking number here\"\n                            pattern=\"[0-9a-zA-Z+]*\"\n                            oninput=\"this.value = this.value.replace(\/[^0-9a-zA-Z+]\/g, '')\"\n                            style=\"width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 10px; font-family: 'Tajawal'; direction: ltr;\"\n                        \/>\n                        <button type=\"submit\">\n                            Track                        <\/button>\n                    <\/div>\n                    <p id=\"tracking-error\" class=\"error-message\" style=\"display:none;\">\n                        Please enter your tracking number                    <\/p>\n                <\/form>\n\n            <\/div>\n            <div class=\"content-section majex-price-calculator\" id=\"majexPriceCalculator\">\n                <div class=\"majex-container\">\n                    <div class=\"majex-section-header\">\n                        <h2 class=\"majex-section-title\">\n\t\t\t\t\t\t  Price <span class=\"gold-accent\">Calculator<\/span>\t\t\t\t\t\t<\/h2>\n\n                        <p class=\"majex-section-subtitle\">Get instant shipping prices<\/p>\n                    <\/div>\n                    \n                    <div class=\"majex-calculator-form\">\n                        <form id=\"majexPriceCalculatorForm\" class=\"majex-form\">\n                            <input type=\"hidden\" id=\"nonce\" name=\"nonce\" value=\"1ec8efecc7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/5953\" \/>                            \n                            <div class=\"majex-form-row\">\n                                <div class=\"majex-form-group\">\n                                    <label class=\"majex-form-label\">From *<\/label>\n                                    <select name=\"from_city\" class=\"majex-form-input\" required>\n                                        <option value=\"\">-- Select City --<\/option>\n                                        <option value=\"KHOBAR\">Al Khobar (KHOBAR)<\/option>\n                                        <option value=\"JUBAIL\">Al Jubail (JUBAIL)<\/option>\n                                        <option value=\"HUFUF\">Al Hufuf (HUFUF)<\/option>\n                                        <option value=\"RIYADH\">Riyadh (RIYADH)<\/option>\n                                        <option value=\"QSSIM\">Al Qassim \/ Buraydah (QSSIM)<\/option>\n                                        <option value=\"HAIL\">Hail (HAIL)<\/option>\n                                        <option value=\"JEDDAH\">Jeddah (JEDDAH)<\/option>\n                                        <option value=\"MADINA\">Madinah \/ Yanbu (MADINA)<\/option>\n                                        <option value=\"MAKKAH\">Makkah \/ Taif (MAKKAH)<\/option>\n                                        <option value=\"ABHA\">Abha \/ Khamis (ABHA)<\/option>\n                                        <option value=\"JIZAN\">Jizan \/ Najran (JIZAN)<\/option>\n                                        <option value=\"TABUK\">Tabuk (TABUK)<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"majex-form-group\">\n                                    <label class=\"majex-form-label\">To *<\/label>\n                                    <select name=\"to_city\" class=\"majex-form-input\" required>\n                                        <option value=\"\">-- Select City --<\/option>\n                                        <option value=\"KHOBAR\">Al Khobar (KHOBAR)<\/option>\n                                        <option value=\"JUBAIL\">Al Jubail (JUBAIL)<\/option>\n                                        <option value=\"HUFUF\">Al Hufuf (HUFUF)<\/option>\n                                        <option value=\"RIYADH\">Riyadh (RIYADH)<\/option>\n                                        <option value=\"QSSIM\">Al Qassim \/ Buraydah (QSSIM)<\/option>\n                                        <option value=\"HAIL\">Hail (HAIL)<\/option>\n                                        <option value=\"JEDDAH\">Jeddah (JEDDAH)<\/option>\n                                        <option value=\"MADINA\">Madinah \/ Yanbu (MADINA)<\/option>\n                                        <option value=\"MAKKAH\">Makkah \/ Taif (MAKKAH)<\/option>\n                                        <option value=\"ABHA\">Abha \/ Khamis (ABHA)<\/option>\n                                        <option value=\"JIZAN\">Jizan \/ Najran (JIZAN)<\/option>\n                                        <option value=\"TABUK\">Tabuk (TABUK)<\/option>\n                                    <\/select>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"majex-form-row\">\n                                <div class=\"majex-form-group\">\n                                    <label class=\"majex-form-label\">Weight (kg) *<\/label>\n                                    <input type=\"number\" name=\"weight\" class=\"majex-form-input\" min=\"0\" step=\"0.1\" placeholder=\"0\" required>\n                                <\/div>\n                                <div class=\"majex-form-group\">\n                                    <label class=\"majex-form-label\">Number of Units *<\/label>\n                                    <input type=\"number\" name=\"units\" class=\"majex-form-input\" min=\"1\" placeholder=\"0\" required>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"majex-form-group\">\n                                <label class=\"majex-form-label\">Shipment Type *<\/label>\n                                <select name=\"shipment_type\" class=\"majex-form-input\" required>\n                                    <option value=\"\">-- Select Type --<\/option>\n                                    <option value=\"documents\">Documents<\/option>\n                                    <option value=\"boxes\">Boxes<\/option>\n                                    <option value=\"parcels\">Pallet<\/option>\n                                    <option value=\"full_load\">Full Load<\/option>\n                                <\/select>\n                            <\/div>\n                            \n                            <div class=\"majex-form-actions\">\n                                <button type=\"submit\" class=\"majex-btn majex-btn-primary\" id=\"majexCalculatePrice\">\n                                    Calculate Price                                <\/button>\n                            <\/div>\n                        <\/form>\n                        \n                        <div class=\"majex-results\" id=\"majexResults\" style=\"display:none;\">\n                            <div class=\"majex-section-header\">\n                                <h2 class=\"majex-section-title\">Calculation Result<\/h2>\n                            <\/div>\n                            \n                            <div class=\"majex-price-result\">\n                                <div class=\"majex-price-amount\" id=\"majexPriceAmount\">0.00<\/div>\n                                <div class=\"majex-price-currency\">SAR<\/div>\n                            <\/div>\n                            \n                            <div class=\"majex-form-actions\">\n                                <button type=\"button\" class=\"majex-btn majex-btn-primary\" id=\"majexNewCalculation\">\n                                    New Calculation                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d62a29c elementor-widget elementor-widget-html\" data-id=\"d62a29c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n        :root {\r\n            --primary: #df1118;\r\n            --secondary: #0e1422;\r\n            --text: #666;\r\n            --white: #fff;\r\n            --light-bg: #f2f2f2;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Tajawal', sans-serif;\r\n            color: var(--text);\r\n            line-height: 1.6;\r\n            direction: rtl;\r\n        }\r\n\r\n        .company-about {\r\n            padding: 60px 20px;\r\n            position: relative;\r\n            background: var(--white);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .about-wrapper {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n            align-items: center;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .about-wrapper {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 60px;\r\n            }\r\n        }\r\n\r\n        \/* \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0635\u0648\u0631 *\/\r\n        .about-images {\r\n            position: relative;\r\n            height: 400px;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .about-images {\r\n                height: 500px;\r\n            }\r\n        }\r\n\r\n        .about-img-main {\r\n            padding-right: 5px;\r\n            width: 80%;\r\n            height: 300px;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            position: relative;\r\n        }\r\n\r\n        .about-img-main img {\r\n            width: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .about-img-secondary {\r\n            width: 60%;\r\n            height: 250px;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n        }\r\n\r\n        .about-img-secondary img {\r\n            width: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .experience-counter {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            right: 20px;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            padding: 15px 20px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 5px 15px rgba(223, 17, 24, 0.3);\r\n            z-index: 2;\r\n        }\r\n\r\n        .years-number {\r\n            font-size: 2rem;\r\n            font-weight: bold;\r\n            display: block;\r\n        }\r\n\r\n        .years-text {\r\n            font-size: 0.9rem;\r\n            display: block;\r\n        }\r\n\r\n        \/* \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n        .about-content h2 {\r\n            font-size: 1.8rem;\r\n            color: var(--secondary);\r\n            margin-bottom: 20px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .about-content h2 {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n\r\n        .about-content p {\r\n            font-size: 1rem;\r\n            margin-bottom: 25px;\r\n            color: var(--text);\r\n        }\r\n\r\n        \/* \u0627\u0644\u062e\u062f\u0645\u0627\u062a *\/\r\n        .services-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n            margin: 25px 0;\r\n        }\r\n\r\n        @media (min-width: 480px) {\r\n            .services-container {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n        }\r\n\r\n        .service-item {\r\n            display: flex;\r\n            align-items: center;\r\n            background: var(--light-bg);\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .service-item:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .service-icon-wrapper {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-left: 15px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .service-icon-wrapper i {\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .service-details h4 {\r\n            color: var(--secondary);\r\n            margin-bottom: 5px;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .service-details p {\r\n            margin: 0;\r\n            font-size: 0.9rem;\r\n            color: var(--text);\r\n        }\r\n\r\n        \/* \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a *\/\r\n        .advantages-list {\r\n            list-style: none;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .advantages-list li {\r\n            position: relative;\r\n            padding: 8px 0 8px 30px;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n            color: var(--secondary);\r\n        }\r\n\r\n        .advantages-list li:before {\r\n            content: \"\u2713\";\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--primary);\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0628\u0633\u064a\u0637\u0629 *\/\r\n        .scroll-animate {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.6s ease;\r\n        }\r\n\r\n        .scroll-animate.visible {\r\n            opacity: 1;\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0644\u0647\u0648\u0627\u062a\u0641 *\/\r\n        @media (max-width: 767px) {\r\n            .company-about {\r\n                padding: 40px 15px;\r\n            }\r\n            \r\n            .about-images {\r\n                height: 300px;\r\n            }\r\n            \r\n            .about-img-main {\r\n                height: 200px;\r\n            }\r\n            \r\n            .about-img-secondary {\r\n                height: 180px;\r\n            }\r\n            \r\n            .experience-counter {\r\n                bottom: 10px;\r\n                right: 10px;\r\n                padding: 10px 15px;\r\n            }\r\n            \r\n            .years-number {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .services-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .service-item {\r\n                padding: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n    \r\n    <section class=\"company-about\">\r\n    <div class=\"about-wrapper\">\r\n        \r\n        <div class=\"about-images scroll-animate\">\r\n            <div class=\"about-img-main\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/images\/about1.png?_t=1761641314\" \r\n                     alt=\"Majex International Team\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"about-img-secondary\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/images\/about2.png\" \r\n                     alt=\"Majex International Warehouses\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"experience-counter\">\r\n                <span class=\"years-number\">15<\/span>\r\n                <span class=\"years-text\">Years of Experience<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"about-content\">\r\n            <h2 class=\"scroll-animate\">We are your partners in success<br>We are more than just a logistics company<\/h2>\r\n            \r\n            <p class=\"scroll-animate\">\r\n                As an industry leader, we\u2019ve always believed that logistics is about people \u2014 and our dedicated team is what sets us apart. \r\n                Each of us brings unique skills and passion, and we enjoy collaborating with our clients just as much as we enjoy solving complex supply chain challenges.\r\n            <\/p>\r\n\r\n            \r\n            <div class=\"services-container\">\r\n                <div class=\"service-item scroll-animate\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-cubes\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"service-details\">\r\n                        <h4>Better Storage<\/h4>\r\n                        <p>Smarter Solutions<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"service-item scroll-animate\">\r\n                    <div class=\"service-icon-wrapper\">\r\n                        <i class=\"fas fa-medal\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"service-details\">\r\n                        <h4>Shipping Experts<\/h4>\r\n                        <p>Faster Solutions<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            \r\n            <ul class=\"advantages-list scroll-animate\">\r\n                <li>Team with 15+ Years of Experience<\/li>\r\n                <li>Offices in China and Saudi Arabia<\/li>\r\n                <li>Comprehensive Logistics Coverage<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    \r\n    \r\n     <script>\r\n        \r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const animatedElements = document.querySelectorAll('.scroll-animate');\r\n            \r\n            const checkVisibility = () => {\r\n                animatedElements.forEach(el => {\r\n                    const rect = el.getBoundingClientRect();\r\n                    if (rect.top < window.innerHeight - 100) {\r\n                        el.classList.add('visible');\r\n                    }\r\n                });\r\n            };\r\n            \r\n            \r\n            checkVisibility();\r\n            window.addEventListener('scroll', checkVisibility);\r\n            \r\n            \r\n            const imagesSection = document.querySelector('.about-images');\r\n            window.addEventListener('scroll', () => {\r\n                if (imagesSection) {\r\n                    const scrolled = window.pageYOffset;\r\n                    const rate = scrolled * 0.1;\r\n                    imagesSection.style.transform = `translateY(${rate}px)`;\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n\r\n\r\n\r\n<style>\r\n        :root {\r\n            --dt-pri-color: #d32f2f;\r\n            --dt-priTwo-color: #b71c1c;\r\n            --dt-sec-color: #1a1a2e;\r\n            --dt-whi-color: #ffffff;\r\n            --dt-gray-color: #f8f9fa;\r\n            --dt-title-font: 'Tajawal', sans-serif;\r\n            --dt-transition: all 0.3s ease;\r\n        }\r\n\r\n  \r\n        .dt_process {\r\n            width: 100%;\r\n\r\n            position: relative;\r\n            z-index: 0;\r\n            color: var(--dt-whi-color);\r\n            border-radius: 25px;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);\r\n            \r\n            padding-top: 20px;\r\n    padding-bottom: 20px;\r\n        }\r\n\r\n        .bg_layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            display: block;\r\n            z-index: 0;\r\n        }\r\n\r\n        .dt_cta--three .bg_layer:after, .dt_process--one .bg_layer:after {\r\n            position: absolute;\r\n            content: '';\r\n            width: 100%;\r\n            height: 100%;\r\n            top: 0;\r\n            right: 0;\r\n            background: var(--dt-sec-color);\r\n            opacity: .8;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        .bg__ayer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            background: linear-gradient(135deg, rgba(26, 26, 46, 0.95) 0%, rgba(40, 40, 70, 0.95) 100%);\r\n            background-size: cover !important;\r\n            background-position: center !important;\r\n        }\r\n\r\n        .pattern_lines {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .pattern_line {\r\n            position: absolute;\r\n            width: 1px;\r\n            height: 100%;\r\n            background: rgba(255, 255, 255, 0.08);\r\n        }\r\n\r\n        .pattern_line_1 {\r\n            left: 25%;\r\n        }\r\n\r\n        .pattern_line_2 {\r\n            right: 25%;\r\n        }\r\n\r\n        .pattern-layer {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .dt_process--one .pattern-layer .pattern-1 {\r\n            display: block;\r\n                width: 20.6rem;\r\n                height: 22rem;\r\n                position: absolute;\r\n                top: -13rem;\r\n                left: auto;\r\n                background-color: var(--dt-pri-color);\r\n                -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='368' height='398' viewBox='0 0 368 398' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M71.432 32.044c-11.476 6.635-20.97 12.14-21.1 12.237-.212.158 1.726 1.307 20.795 12.323 11.566 6.682 21.097 12.166 21.18 12.187.083.02 9.56-5.396 21.061-12.037a28989.533 28989.533 0 0 1 21.129-12.194c.175-.096-4.067-2.597-20.916-12.331-11.624-6.716-21.168-12.22-21.21-12.229-.04-.01-9.463 5.41-20.939 12.044ZM50 69.722V92.94l19.942 11.518a20963.575 20963.575 0 0 0 20.675 11.935l.734.417V93.663l-.002-23.147-20.56-11.964c-11.307-6.58-20.61-11.982-20.674-12.005-.069-.025-.115 9.233-.115 23.175Zm63.951-11.19-20.58 11.984-.001 23.15-.002 23.151.567-.317c.312-.174 9.616-5.541 20.676-11.927l20.109-11.611V69.744c0-12.77-.043-23.213-.095-23.208-.052.006-9.355 5.404-20.674 11.995Zm45.879 47.8c-28.867 16.68-52.535 30.377-52.595 30.438-.089.09 104.728 60.754 105.219 60.896.144.042 105.451-60.725 105.44-60.843-.01-.113-105.128-60.764-105.361-60.792-.119-.014-23.835 13.621-52.703 30.301Zm-52.846 93.425v57.916l51.216 29.572c28.169 16.265 51.344 29.654 51.5 29.754l.284.182-.032-57.719-.031-57.718-51.119-29.745c-28.116-16.36-51.277-29.838-51.469-29.952l-.349-.206v57.916Zm159.542-27.94-51.436 29.931-.032 57.709c-.017 31.74.011 57.684.063 57.654l51.405-29.678c28.221-16.291 51.354-29.66 51.406-29.709.052-.048.08-26.131.063-57.963l-.032-57.874-51.437 29.93Z' clip-rule='evenodd'\/%3E%3C\/g%3E%3Cdefs%3E%3Cfilter id='a' width='368' height='397.181' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'\/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'\/%3E%3CfeOffset dy='30'\/%3E%3CfeGaussianBlur stdDeviation='25'\/%3E%3CfeComposite in2='hardAlpha' operator='out'\/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'\/%3E%3CfeBlend in2='BackgroundImageFix' result='polygon_dropShadow'\/%3E%3CfeBlend in='SourceGraphic' in2='polygon_dropShadow' result='shape'\/%3E%3C\/filter%3E%3C\/defs%3E%3C\/svg%3E\");\r\n                mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='368' height='398' viewBox='0 0 368 398' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M71.432 32.044c-11.476 6.635-20.97 12.14-21.1 12.237-.212.158 1.726 1.307 20.795 12.323 11.566 6.682 21.097 12.166 21.18 12.187.083.02 9.56-5.396 21.061-12.037a28989.533 28989.533 0 0 1 21.129-12.194c.175-.096-4.067-2.597-20.916-12.331-11.624-6.716-21.168-12.22-21.21-12.229-.04-.01-9.463 5.41-20.939 12.044ZM50 69.722V92.94l19.942 11.518a20963.575 20963.575 0 0 0 20.675 11.935l.734.417V93.663l-.002-23.147-20.56-11.964c-11.307-6.58-20.61-11.982-20.674-12.005-.069-.025-.115 9.233-.115 23.175Zm63.951-11.19-20.58 11.984-.001 23.15-.002 23.151.567-.317c.312-.174 9.616-5.541 20.676-11.927l20.109-11.611V69.744c0-12.77-.043-23.213-.095-23.208-.052.006-9.355 5.404-20.674 11.995Zm45.879 47.8c-28.867 16.68-52.535 30.377-52.595 30.438-.089.09 104.728 60.754 105.219 60.896.144.042 105.451-60.725 105.44-60.843-.01-.113-105.128-60.764-105.361-60.792-.119-.014-23.835 13.621-52.703 30.301Zm-52.846 93.425v57.916l51.216 29.572c28.169 16.265 51.344 29.654 51.5 29.754l.284.182-.032-57.719-.031-57.718-51.119-29.745c-28.116-16.36-51.277-29.838-51.469-29.952l-.349-.206v57.916Zm159.542-27.94-51.436 29.931-.032 57.709c-.017 31.74.011 57.684.063 57.654l51.405-29.678c28.221-16.291 51.354-29.66 51.406-29.709.052-.048.08-26.131.063-57.963l-.032-57.874-51.437 29.93Z' clip-rule='evenodd'\/%3E%3C\/g%3E%3Cdefs%3E%3Cfilter id='a' width='368' height='397.181' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'\/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'\/%3E%3CfeOffset dy='30'\/%3E%3CfeGaussianBlur stdDeviation='25'\/%3E%3CfeComposite in2='hardAlpha' operator='out'\/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'\/%3E%3CfeBlend in2='BackgroundImageFix' result='polygon_dropShadow'\/%3E%3CfeBlend in='SourceGraphic' in2='polygon_dropShadow' result='shape'\/%3E%3C\/filter%3E%3C\/defs%3E%3C\/svg%3E\");\r\n                -webkit-mask-position: center top;\r\n                mask-position: center top;\r\n                -webkit-mask-size: 100%;\r\n                mask-size: 100%;\r\n                -webkit-mask-repeat: no-repeat;\r\n                mask-repeat: no-repeat;\r\n                z-index: 1;\r\n                animation: floating--updown 4s infinite linear alternate;\r\n        }\r\n\r\n        .dt_process--one .pattern-layer .pattern-2 {\r\n            display: block;\r\n                width: 20.6rem;\r\n                height: 22rem;\r\n                position: absolute;\r\n                bottom: -14rem;\r\n                right: auto;\r\n                left: -1rem;\r\n                background-color: var(--dt-pri-color);\r\n                -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='206' height='220' viewBox='0 0 206 220' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M76.564 34.928c-14.223 8.223-25.992 15.048-26.152 15.167-.264.196 2.139 1.62 25.774 15.274 14.335 8.282 26.148 15.079 26.251 15.105.103.026 11.85-6.688 26.105-14.919a33276.621 33276.621 0 0 1 26.188-15.114c.217-.119-5.041-3.218-25.924-15.284-14.407-8.324-26.237-15.145-26.288-15.157-.051-.012-11.73 6.706-25.954 14.928ZM50 81.629v28.778l24.716 14.276a29561.168 29561.168 0 0 0 25.627 14.793l.91.516-.001-28.689-.002-28.69-25.482-14.828c-14.016-8.156-25.547-14.852-25.625-14.88-.086-.032-.143 11.444-.143 28.725Zm79.264-13.87-25.507 14.854-.002 28.694-.002 28.694.703-.392c.386-.216 11.918-6.869 25.626-14.784l24.924-14.391V81.655c0-15.827-.053-28.772-.117-28.764-.065.007-11.596 6.697-25.625 14.867Z' clip-rule='evenodd'\/%3E%3C\/g%3E%3Cdefs%3E%3Cfilter id='a' width='205.006' height='220' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'\/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'\/%3E%3CfeOffset dy='30'\/%3E%3CfeGaussianBlur stdDeviation='25'\/%3E%3CfeComposite in2='hardAlpha' operator='out'\/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'\/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_116_62'\/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_116_62' result='shape'\/%3E%3C\/filter%3E%3C\/defs%3E%3C\/svg%3E\");\r\n                mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='206' height='220' viewBox='0 0 206 220' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M76.564 34.928c-14.223 8.223-25.992 15.048-26.152 15.167-.264.196 2.139 1.62 25.774 15.274 14.335 8.282 26.148 15.079 26.251 15.105.103.026 11.85-6.688 26.105-14.919a33276.621 33276.621 0 0 1 26.188-15.114c.217-.119-5.041-3.218-25.924-15.284-14.407-8.324-26.237-15.145-26.288-15.157-.051-.012-11.73 6.706-25.954 14.928ZM50 81.629v28.778l24.716 14.276a29561.168 29561.168 0 0 0 25.627 14.793l.91.516-.001-28.689-.002-28.69-25.482-14.828c-14.016-8.156-25.547-14.852-25.625-14.88-.086-.032-.143 11.444-.143 28.725Zm79.264-13.87-25.507 14.854-.002 28.694-.002 28.694.703-.392c.386-.216 11.918-6.869 25.626-14.784l24.924-14.391V81.655c0-15.827-.053-28.772-.117-28.764-.065.007-11.596 6.697-25.625 14.867Z' clip-rule='evenodd'\/%3E%3C\/g%3E%3Cdefs%3E%3Cfilter id='a' width='205.006' height='220' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'\/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'\/%3E%3CfeOffset dy='30'\/%3E%3CfeGaussianBlur stdDeviation='25'\/%3E%3CfeComposite in2='hardAlpha' operator='out'\/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'\/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_116_62'\/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_116_62' result='shape'\/%3E%3C\/filter%3E%3C\/defs%3E%3C\/svg%3E\");\r\n                -webkit-mask-position: center top;\r\n                mask-position: center top;\r\n                -webkit-mask-size: 100%;\r\n                mask-size: 100%;\r\n                -webkit-mask-repeat: no-repeat;\r\n                mask-repeat: no-repeat;\r\n                z-index: 1;\r\n                animation: floating--updown 4s infinite linear alternate\r\n        }\r\n\r\n        @media (max-width: 61.95em) {\r\n            .dt_process--one .pattern-layer {\r\n                display:none\r\n            }\r\n        }\r\n\r\n        .dt-container {\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n         .parallax_none {\r\n            transform: translate(0) !important;\r\n          }\r\n\r\n          .dt_process--one .bg_layer:before {\r\n                opacity: .15\r\n            }\r\n\r\n            .dt_cta--three .bg_layer:after,.dt_process--one .bg_layer:after {\r\n                position: absolute;\r\n                content: '';\r\n                width: 100%;\r\n                height: 100%;\r\n                top: 0;\r\n                right: 0;\r\n                background: var(--dt-sec-color);\r\n                opacity: .8;\r\n                z-index: -1\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_title,.dt_process--one .dt_siteheading .title {\r\n                color: inherit\r\n            }\r\n\r\n            .dt_process--one .dt_process_item {\r\n                padding: 0 1.5rem;\r\n                position: relative;\r\n                text-align: center\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_line {\r\n                content: '';\r\n                position: absolute;\r\n                top: 5.2rem;\r\n                left: -8.3rem;\r\n                width: 12.6rem;\r\n                height: 0;\r\n                border-bottom: .2rem dashed rgba(216, 216, 217, 0)\r\n            }\r\n\r\n            .dt_process--one .dt-row .dt-col-12:first-child .dt_process_item .dt_process_line {\r\n                display: none\r\n            }\r\n\r\n            @media (max-width: 74.95em) {\r\n                .dt_process--one .dt_process_item .dt_process_line {\r\n                    display:none\r\n                }\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_number {\r\n                font-weight: 700;\r\n                font-size: 5rem;\r\n                line-height: 1;\r\n                font-family: var(--dt-title-font);\r\n                position: relative;\r\n                display: inline-block;\r\n                margin: 0 auto 1.2rem\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_icon {\r\n                width: 3.5rem;\r\n                height: 3.5rem;\r\n                line-height: 3.5rem;\r\n                border-radius: 3.5rem;\r\n                font-size: 2.4rem;\r\n                text-align: center;\r\n                position: absolute;\r\n                top: .6rem;\r\n                left: -3rem;\r\n                color: var(--dt-whi-color);\r\n                background: linear-gradient(55deg,var(--dt-priTwo-color) 0%,var(--dt-pri-color) 100%)\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_icon i {\r\n                vertical-align: -.2rem\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_description {\r\n                margin-top: 1.5rem\r\n            }\r\n\r\n            .dt_pricing {\r\n                position: relative;\r\n                overflow: hidden;\r\n                z-index: 0\r\n            }\r\n\r\n            .dt_pricing--one:before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background-image: url(\/\/majexint.com\/wp-content\/themes\/softalt-pro\/assets\/css\/..\/images\/background\/pricing_bg.png);\r\n                background-position: right center;\r\n                background-repeat: no-repeat;\r\n                z-index: 0;\r\n                display: none\r\n            }\r\n\r\n            @media (min-width: 75em) {\r\n                .dt_pricing--one:before {\r\n                    display:block\r\n                }\r\n            }\r\n\r\n            .dt_pricing--one .dt_pricing_column {\r\n                position: relative\r\n            }\r\n\r\n            .dt_pricing--one .dt_pricing_column:before {\r\n                content: '';\r\n                position: absolute;\r\n                width: 100%;\r\n                left: 23.5%;\r\n                background: linear-gradient(90deg,transparent 0%,var(--dt-gray-color) 100%);\r\n                top: -100%;\r\n                bottom: -100%;\r\n                z-index: -1\r\n            }\r\n\r\n            @media (min-width: 62em) {\r\n                .dt_pricing--one:not(.pg-pricing) .dt_pricing_column:before {\r\n                    background:var(--dt-pri-color)\r\n                }\r\n            }\r\n\r\n            .parallax-bg {\r\n                top: -30% !important;\r\n                width: 100% !important;\r\n                height: 150% !important;\r\n                background-size: cover !important;\r\n                background-repeat: no-repeat !important;\r\n                background-position: center !important;\r\n                background-attachment: fixed;\r\n            }\r\n\r\n        .dt-row {\r\n                --dt-gutter-x: 2.4rem;\r\n                --dt-gutter-y: 0;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                -ms-flex-wrap: wrap;\r\n                flex-wrap: wrap;\r\n                margin-top: calc(var(--dt-gutter-y) * -1);\r\n                margin-right: calc(var(--dt-gutter-x)\/ -2);\r\n                margin-left: calc(var(--dt-gutter-x)\/ -2)\r\n            }\r\n\r\n            .dt-row>* {\r\n                flex-shrink: 0;\r\n                width: 100%;\r\n                max-width: 100%;\r\n                padding-right: calc(var(--dt-gutter-x)\/ 2);\r\n                padding-left: calc(var(--dt-gutter-x)\/ 2);\r\n                margin-top: var(--dt-gutter-y)\r\n            }\r\n\r\n            .dt-g-0,.dt-gx-0 {\r\n                --dt-gutter-x: 0rem\r\n            }\r\n\r\n            .dt-g-0,.dt-gy-0 {\r\n                --dt-gutter-y: 0rem\r\n            }\r\n\r\n            .dt-g-1,.dt-gx-1 {\r\n                --dt-gutter-x: .4rem\r\n            }\r\n\r\n            .dt-g-1,.dt-gy-1 {\r\n                --dt-gutter-y: .4rem\r\n            }\r\n\r\n            .dt-g-2,.dt-gx-2 {\r\n                --dt-gutter-x: .8rem\r\n            }\r\n\r\n            .dt-g-2,.dt-gy-2 {\r\n                --dt-gutter-y: .8rem\r\n            }\r\n\r\n            .dt-g-3,.dt-gx-3 {\r\n                --dt-gutter-x: 1.6rem\r\n            }\r\n\r\n            .dt-g-3,.dt-gy-3 {\r\n                --dt-gutter-y: 1.6rem\r\n            }\r\n\r\n            .dt-g-4,.dt-gx-4 {\r\n                --dt-gutter-x: 2.4rem;\r\n            }\r\n\r\n            .dt-g-4,.dt-gy-4 {\r\n                --dt-gutter-y: 2.4rem;\r\n            }\r\n\r\n            .dt-g-5,.dt-gx-5 {\r\n                --dt-gutter-x: 4.8rem\r\n            }\r\n\r\n            .dt-g-5,.dt-gy-5 {\r\n                --dt-gutter-y: 4.8rem\r\n            }\r\n\r\n            .dt-col-1 {\r\n                -ms-flex: 0 0 8.333333%;\r\n                flex: 0 0 8.333333%;\r\n                max-width: 8.333333%\r\n            }\r\n\r\n            .dt-col-2 {\r\n                -ms-flex: 0 0 16.666667%;\r\n                flex: 0 0 16.666667%;\r\n                max-width: 16.666667%\r\n            }\r\n\r\n            .dt-col-3 {\r\n                -ms-flex: 0 0 25%;\r\n                flex: 0 0 25%;\r\n                max-width: 25%\r\n            }\r\n\r\n            .dt-col-4 {\r\n                -ms-flex: 0 0 33.333333%;\r\n                flex: 0 0 33.333333%;\r\n                max-width: 33.333333%\r\n            }\r\n\r\n            .dt-col-5 {\r\n                -ms-flex: 0 0 41.666667%;\r\n                flex: 0 0 41.666667%;\r\n                max-width: 41.666667%\r\n            }\r\n\r\n            .dt-col-6 {\r\n                -ms-flex: 0 0 50%;\r\n                flex: 0 0 50%;\r\n                max-width: 50%\r\n            }\r\n\r\n            .dt-col-7 {\r\n                -ms-flex: 0 0 58.333333%;\r\n                flex: 0 0 58.333333%;\r\n                max-width: 58.333333%\r\n            }\r\n\r\n            .dt-col-8 {\r\n                -ms-flex: 0 0 66.666667%;\r\n                flex: 0 0 66.666667%;\r\n                max-width: 66.666667%\r\n            }\r\n\r\n            .dt-col-9 {\r\n                -ms-flex: 0 0 75%;\r\n                flex: 0 0 75%;\r\n                max-width: 75%\r\n            }\r\n\r\n            .dt-col-10 {\r\n                -ms-flex: 0 0 83.333333%;\r\n                flex: 0 0 83.333333%;\r\n                max-width: 83.333333%\r\n            }\r\n\r\n            .dt-col-11 {\r\n                -ms-flex: 0 0 91.666667%;\r\n                flex: 0 0 91.666667%;\r\n                max-width: 91.666667%\r\n            }\r\n\r\n            .dt-col-12 {\r\n                -ms-flex: 0 0 100%;\r\n                \r\n                max-width: 100%\r\n            }\r\n\r\n            .dt-m-0 {\r\n                margin: 0\r\n            }\r\n\r\n            .dt-mt-auto {\r\n                margin-top: auto\r\n            }\r\n\r\n            .dt-mr-auto {\r\n                margin-right: auto\r\n            }\r\n\r\n            .dt-mb-auto {\r\n                margin-bottom: auto\r\n            }\r\n\r\n            .dt-ml-auto {\r\n                margin-left: auto\r\n            }\r\n\r\n            .dt-my-auto {\r\n                margin-top: auto;\r\n                margin-bottom: auto\r\n            }\r\n\r\n            .dt-mx-auto {\r\n                margin-left: auto;\r\n                margin-right: auto\r\n            }\r\n\r\n            .dt-mt-0 {\r\n                margin-top: 0\r\n            }\r\n\r\n            .dt-mt-1 {\r\n                margin-top: .4rem\r\n            }\r\n\r\n            .dt-mt-2 {\r\n                margin-top: .8rem\r\n            }\r\n\r\n            .dt-mt-3 {\r\n                margin-top: 1.6rem\r\n            }\r\n\r\n            .dt-mt-4 {\r\n                margin-top: 2.4rem\r\n            }\r\n\r\n            .dt-mt-5 {\r\n                margin-top: 3.2rem\r\n            }\r\n\r\n            .dt-mt-6 {\r\n                margin-top: 4.8rem\r\n            }\r\n\r\n            .dt-mr-0 {\r\n                margin-right: 0\r\n            }\r\n\r\n            .dt-mr-1 {\r\n                margin-right: .4rem\r\n            }\r\n\r\n            .dt-mr-2 {\r\n                margin-right: .8rem\r\n            }\r\n\r\n            .dt-mr-3 {\r\n                margin-right: 1.6rem\r\n            }\r\n\r\n            .dt-mr-4 {\r\n                margin-right: 2.4rem\r\n            }\r\n\r\n            .dt-mr-5 {\r\n                margin-right: 3.2rem\r\n            }\r\n\r\n            .dt-mr-6 {\r\n                margin-right: 4.8rem\r\n            }\r\n\r\n            .dt-mb-0 {\r\n                margin-bottom: 0\r\n            }\r\n\r\n            .dt-mb-1 {\r\n                margin-bottom: .4rem\r\n            }\r\n\r\n            .dt-mb-2 {\r\n                margin-bottom: .8rem\r\n            }\r\n\r\n            .dt-mb-3 {\r\n                margin-bottom: 1.6rem\r\n            }\r\n\r\n            .dt-mb-4 {\r\n                margin-bottom: 2.4rem\r\n            }\r\n\r\n            .dt-mb-5 {\r\n                margin-bottom: 3.2rem\r\n            }\r\n\r\n            .dt-mb-6 {\r\n                margin-bottom: 4.8rem\r\n            }\r\n\r\n            .dt-ml-0 {\r\n                margin-left: 0\r\n            }\r\n\r\n            .dt-ml-1 {\r\n                margin-left: .4rem\r\n            }\r\n\r\n            .dt-ml-2 {\r\n                margin-left: .8rem\r\n            }\r\n\r\n            .dt-ml-3 {\r\n                margin-left: 1.6rem\r\n            }\r\n\r\n            .dt-ml-4 {\r\n                margin-left: 2.4rem\r\n            }\r\n\r\n            .dt-ml-5 {\r\n                margin-left: 3.2rem\r\n            }\r\n\r\n            .dt-ml-6 {\r\n                margin-left: 4.8rem\r\n            }\r\n\r\n            .dt-my-0 {\r\n                margin-top: 0;\r\n                margin-bottom: 0\r\n            }\r\n\r\n            .dt-my-1 {\r\n                margin-top: .4rem;\r\n                margin-bottom: .4rem\r\n            }\r\n\r\n            .dt-my-2 {\r\n                margin-top: .8rem;\r\n                margin-bottom: .8rem\r\n            }\r\n\r\n            .dt-my-3 {\r\n                margin-top: 1.6rem;\r\n                margin-bottom: 1.6rem\r\n            }\r\n\r\n            .dt-my-4 {\r\n                margin-top: 2.4rem;\r\n                margin-bottom: 2.4rem\r\n            }\r\n\r\n            .dt-my-5 {\r\n                margin-top: 3.2rem;\r\n                margin-bottom: 3.2rem\r\n            }\r\n\r\n            .dt-my-6 {\r\n                margin-top: 4.8rem;\r\n                margin-bottom: 4.8rem\r\n            }\r\n\r\n            .dt-mx-0 {\r\n                margin-left: 0;\r\n                margin-right: 0\r\n            }\r\n\r\n            .dt-mx-1 {\r\n                margin-left: .4rem;\r\n                margin-right: .4rem\r\n            }\r\n\r\n            .dt-mx-2 {\r\n                margin-left: .8rem;\r\n                margin-right: .8rem\r\n            }\r\n\r\n            .dt-mx-3 {\r\n                margin-left: 1.6rem;\r\n                margin-right: 1.6rem\r\n            }\r\n\r\n            .dt-mx-4 {\r\n                margin-left: 2.4rem;\r\n                margin-right: 2.4rem\r\n            }\r\n\r\n            .dt-mx-5 {\r\n                margin-left: 3.2rem;\r\n                margin-right: 3.2rem\r\n            }\r\n\r\n            .dt-mx-6 {\r\n                margin-left: 4.8rem;\r\n                margin-right: 4.8rem\r\n            }\r\n\r\n            .dt-pt-0 {\r\n                padding-top: 0\r\n            }\r\n\r\n            .dt-pt-1 {\r\n                padding-top: .4rem\r\n            }\r\n\r\n            .dt-pt-2 {\r\n                padding-top: .8rem\r\n            }\r\n\r\n            .dt-pt-3 {\r\n                padding-top: 1.6rem\r\n            }\r\n\r\n            .dt-pt-4 {\r\n                padding-top: 2.4rem\r\n            }\r\n\r\n            .dt-pt-5 {\r\n                padding-top: 3.2rem\r\n            }\r\n\r\n            .dt-pt-6 {\r\n                padding-top: 4.8rem\r\n            }\r\n\r\n            .dt-pr-0 {\r\n                padding-right: 0\r\n            }\r\n\r\n            .dt-pr-1 {\r\n                padding-right: .4rem\r\n            }\r\n\r\n            .dt-pr-2 {\r\n                padding-right: .8rem\r\n            }\r\n\r\n            .dt-pr-3 {\r\n                padding-right: 1.6rem\r\n            }\r\n\r\n            .dt-pr-4 {\r\n                padding-right: 2.4rem\r\n            }\r\n\r\n            .dt-pr-5 {\r\n                padding-right: 3.2rem\r\n            }\r\n\r\n            .dt-pr-6 {\r\n                padding-right: 4.8rem\r\n            }\r\n\r\n            .dt-pb-0 {\r\n                padding-bottom: 0\r\n            }\r\n\r\n            .dt-pb-1 {\r\n                padding-bottom: .4rem\r\n            }\r\n\r\n            .dt-pb-2 {\r\n                padding-bottom: .8rem\r\n            }\r\n\r\n            .dt-pb-3 {\r\n                padding-bottom: 1.6rem\r\n            }\r\n\r\n            .dt-pb-4 {\r\n                padding-bottom: 2.4rem\r\n            }\r\n\r\n            .dt-pb-5 {\r\n                padding-bottom: 3.2rem\r\n            }\r\n\r\n            .dt-pb-6 {\r\n                padding-bottom: 4.8rem\r\n            }\r\n\r\n            .dt-pl-0 {\r\n                padding-left: 0\r\n            }\r\n\r\n            .dt-pl-1 {\r\n                padding-left: .4rem\r\n            }\r\n\r\n            .dt-pl-2 {\r\n                padding-left: .8rem\r\n            }\r\n\r\n            .dt-pl-3 {\r\n                padding-left: 1.6rem\r\n            }\r\n\r\n            .dt-pl-4 {\r\n                padding-left: 2.4rem\r\n            }\r\n\r\n            .dt-pl-5 {\r\n                padding-left: 3.2rem\r\n            }\r\n\r\n            .dt-pl-6 {\r\n                padding-left: 4.8rem\r\n            }\r\n\r\n            .dt-p-0 {\r\n                padding: 0\r\n            }\r\n\r\n            .dt-py-0 {\r\n                padding-top: 0;\r\n                padding-bottom: 0\r\n            }\r\n\r\n            .dt-py-1 {\r\n                padding-top: .4rem;\r\n                padding-bottom: .4rem\r\n            }\r\n\r\n            .dt-py-2 {\r\n                padding-top: .8rem;\r\n                padding-bottom: .8rem\r\n            }\r\n\r\n            .dt-py-3 {\r\n                padding-top: 1.6rem;\r\n                padding-bottom: 1.6rem\r\n            }\r\n\r\n            .dt-py-4 {\r\n                padding-top: 2.4rem;\r\n                padding-bottom: 2.4rem\r\n            }\r\n\r\n            .dt-py-5 {\r\n                padding-top: 3.2rem;\r\n                padding-bottom: 3.2rem\r\n            }\r\n\r\n            .dt-py-6 {\r\n                padding-top: 4.8rem;\r\n                padding-bottom: 4.8rem\r\n            }\r\n\r\n            .dt-px-0 {\r\n                padding-left: 0;\r\n                padding-right: 0\r\n            }\r\n\r\n            .dt-px-1 {\r\n                padding-left: .4rem;\r\n                padding-right: .4rem\r\n            }\r\n\r\n            .dt-px-2 {\r\n                padding-left: .8rem;\r\n                padding-right: .8rem\r\n            }\r\n\r\n            .dt-px-3 {\r\n                padding-left: 1.6rem;\r\n                padding-right: 1.6rem\r\n            }\r\n\r\n            .dt-px-4 {\r\n                padding-left: 2.4rem;\r\n                padding-right: 2.4rem\r\n            }\r\n\r\n            .dt-px-5 {\r\n                padding-left: 3.2rem;\r\n                padding-right: 3.2rem\r\n            }\r\n\r\n            .dt-px-6 {\r\n                padding-left: 4.8rem;\r\n                padding-right: 4.8rem\r\n            }\r\n\r\n            .dt-text-left {\r\n                text-align: left\r\n            }\r\n\r\n            .dt-text-right {\r\n                text-align: right\r\n            }\r\n\r\n            .dt-text-center {\r\n                text-align: center\r\n            }\r\n\r\n            .dt-flex-10 {\r\n                -ms-flex: 1 1 10%;\r\n                flex: 1 1 10%\r\n            }\r\n\r\n            .dt-flex-15 {\r\n                -ms-flex: 1 1 15%;\r\n                flex: 1 1 15%\r\n            }\r\n\r\n            .dt-flex-20 {\r\n                -ms-flex: 1 1 20%;\r\n                flex: 1 1 20%\r\n            }\r\n\r\n            .dt-flex-25 {\r\n                -ms-flex: 1 1 25%;\r\n                flex: 1 1 25%\r\n            }\r\n\r\n            .dt-flex-30 {\r\n                -ms-flex: 1 1 30%;\r\n                flex: 1 1 30%\r\n            }\r\n\r\n            .dt-flex-35 {\r\n                -ms-flex: 1 1 35%;\r\n                flex: 1 1 35%\r\n            }\r\n\r\n            .dt-flex-40 {\r\n                -ms-flex: 1 1 40%;\r\n                flex: 1 1 40%\r\n            }\r\n\r\n            .dt-flex-45 {\r\n                -ms-flex: 1 1 45%;\r\n                flex: 1 1 45%\r\n            }\r\n\r\n            .dt-flex-50 {\r\n                -ms-flex: 1 1 50%;\r\n                flex: 1 1 50%\r\n            }\r\n\r\n            .dt-flex-55 {\r\n                -ms-flex: 1 1 55%;\r\n                flex: 1 1 55%\r\n            }\r\n\r\n            .dt-flex-60 {\r\n                -ms-flex: 1 1 60%;\r\n                flex: 1 1 60%\r\n            }\r\n\r\n            .dt-flex-65 {\r\n                -ms-flex: 1 1 65%;\r\n                flex: 1 1 65%\r\n            }\r\n\r\n            .dt-flex-70 {\r\n                -ms-flex: 1 1 70%;\r\n                flex: 1 1 70%\r\n            }\r\n\r\n            .dt-flex-75 {\r\n                -ms-flex: 1 1 75%;\r\n                flex: 1 1 75%\r\n            }\r\n\r\n            .dt-flex-80 {\r\n                -ms-flex: 1 1 80%;\r\n                flex: 1 1 80%\r\n            }\r\n\r\n            .dt-flex-85 {\r\n                -ms-flex: 1 1 85%;\r\n                flex: 1 1 85%\r\n            }\r\n\r\n            .dt-flex-90 {\r\n                -ms-flex: 1 1 90%;\r\n                flex: 1 1 90%\r\n            }\r\n\r\n            .dt-flex-95 {\r\n                -ms-flex: 1 1 95%;\r\n                flex: 1 1 95%\r\n            }\r\n\r\n            .dt-flex-100 {\r\n                -ms-flex: 1 1 100%;\r\n                flex: 1 1 100%\r\n            }\r\n\r\n            .dt-flex-auto {\r\n                -ms-flex: 1 1 auto;\r\n                flex: 1 1 auto\r\n            }\r\n\r\n            .dt-float-right {\r\n                float: right\r\n            }\r\n\r\n            .dt-float-left {\r\n                float: left\r\n            }\r\n\r\n            .dt-float-none {\r\n                float: none\r\n            }\r\n\r\n            .dt-order-1 {\r\n                order: 1\r\n            }\r\n\r\n            .dt-order-2 {\r\n                order: 2\r\n            }\r\n\r\n            .dt-order-3 {\r\n                order: 3\r\n            }\r\n\r\n            .dt-order-4 {\r\n                order: 4\r\n            }\r\n\r\n            .dt-order-5 {\r\n                order: 5\r\n            }\r\n\r\n            .dt-order-6 {\r\n                order: 6\r\n            }\r\n\r\n            .dt-order-7 {\r\n                order: 7\r\n            }\r\n\r\n            .dt-order-8 {\r\n                order: 8\r\n            }\r\n\r\n            .dt-order-9 {\r\n                order: 9\r\n            }\r\n\r\n            .dt-order-10 {\r\n                order: 10\r\n            }\r\n\r\n            .dt-order-11 {\r\n                order: 11\r\n            }\r\n\r\n            .dt-order-12 {\r\n                order: 12\r\n            }\r\n\r\n            .dt-masonry {\r\n                width: 100%;\r\n                -webkit-column-gap: 2.4rem;\r\n                -moz-column-gap: 2.4rem;\r\n                column-gap: 2.4rem;\r\n                -moz-column-gap: 2.4rem;\r\n                -webkit-column-gap: 2.4rem;\r\n                column-gap: 2.4rem\r\n            }\r\n\r\n            .dt-masonry-4 {\r\n                -webkit-column-count: 4;\r\n                -moz-column-count: 4;\r\n                column-count: 4\r\n            }\r\n\r\n            .dt-masonry-3 {\r\n                -webkit-column-count: 3;\r\n                -moz-column-count: 3;\r\n                column-count: 3\r\n            }\r\n\r\n            .dt-masonry-2 {\r\n                -webkit-column-count: 2;\r\n                -moz-column-count: 2;\r\n                column-count: 2\r\n            }\r\n\r\n        .dt-col-xl-7, .dt-col-lg-8, .dt-col-md-9, .dt-col-12, .dt-col-lg-3, .dt-col-sm-6 {\r\n            padding: 0 15px;\r\n            position: relative;\r\n        }\r\n\r\n        .dt-col-xl-7 { width: 58.333333%; }\r\n        .dt-col-lg-8 { width: 66.666667%; }\r\n        .dt-col-md-9 { width: 75%; }\r\n        .dt-col-12 { width: 100%; }\r\n        .dt-col-lg-3 { width: 25%; }\r\n        .dt-col-sm-6 { width: 25%; }\r\n\r\n        .dt-mx-auto {\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .dt-mb-6 {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .dt-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .dt_siteheading .title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: var(--dt-whi-color);\r\n            font-family: var(--dt-title-font);\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .dt_siteheading .title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            right: 0;\r\n            width: 100px;\r\n            height: 4px;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .dt_siteheading .title span {\r\n            color: var(--dt-pri-color);\r\n        }\r\n\r\n        .dt_process--one .dt_process_item {\r\n            padding: 0 1.5rem;\r\n            position: relative;\r\n            text-align: center;\r\n            transition: var(--dt-transition);\r\n        }\r\n\r\n        .dt_process--one .dt_process_item:hover {\r\n            transform: translateY(-10px);\r\n        }\r\n\r\n        .dt_process--one .dt_process_item .dt_process_line {\r\n            content: '';\r\n            position: absolute;\r\n            top: 5.2rem;\r\n            left: -8.3rem;\r\n            width: 12.6rem;\r\n            height: 0;\r\n            border-bottom: .2rem dashed rgba(211, 47, 47, 0);\r\n        }\r\n\r\n        .dt_process--one .dt-row .dt-col-12:first-child .dt_process_item .dt_process_line {\r\n            display: none\r\n        }\r\n\r\n        @media (max-width: 74.95em) {\r\n            .dt_process--one .dt_process_item .dt_process_line {\r\n                display:none\r\n            }\r\n        }\r\n\r\n       .dt_process--one .dt_process_item .dt_process_number {\r\n                font-weight: 700;\r\n                font-size: 5rem;\r\n                line-height: 1;\r\n                font-family: var(--dt-title-font);\r\n                position: relative;\r\n                display: inline-block;\r\n                margin: 0 auto 1.2rem\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_icon {\r\n                width: 3.5rem;\r\n                height: 3.5rem;\r\n                line-height: 3.5rem;\r\n                border-radius: .5rem;\r\n                font-size: 2.4rem;\r\n                text-align: center;\r\n                position: absolute;\r\n                top: .6rem;\r\n                left: -3rem;\r\n                color: var(--dt-whi-color);\r\n                background: linear-gradient(55deg,var(--dt-priTwo-color) 0%,var(--dt-pri-color) 100%)\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_icon i {\r\n                vertical-align: -.2rem\r\n            }\r\n\r\n            .dt_process--one .dt_process_item .dt_process_description {\r\n                margin-top: 1.5rem\r\n            }\r\n\r\n        .dt_process--one .dt_process_item:hover .dt_process_icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .dt_process--one .dt_process_item .dt_process_icon i {\r\n            vertical-align: -.2rem\r\n        }\r\n\r\n        .dt_process--one .dt_process_item .dt_process_title {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin: 1.5rem 0;\r\n            color: var(--dt-whi-color);\r\n            position: relative;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .dt_process--one .dt_process_item .dt_process_title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 50px;\r\n            height: 3px;\r\n            background: var(--dt-pri-color);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .dt_process--one .dt_process_item .dt_process_description {\r\n            margin-top: 1.5rem;\r\n            font-size: 1.1rem;\r\n            line-height: 1.7;\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Responsive Styles *\/\r\n        @media (max-width: 1200px) {\r\n            .dt_siteheading .title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_number {\r\n                font-size: 8rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_icon {\r\n                width: 4rem;\r\n                height: 4rem;\r\n                line-height: 4rem;\r\n                font-size: 2rem;\r\n                top: .4rem;\r\n                left: -2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .dt-col-lg-3 {\r\n                width: 50%;\r\n            }\r\n            \r\n            .dt_process_item {\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_number {\r\n                font-size: 7rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_icon {\r\n                width: 3.8rem;\r\n                height: 3.8rem;\r\n                line-height: 3.8rem;\r\n                font-size: 1.8rem;\r\n                top: .3rem;\r\n                left: -2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .dt_process {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .dt_siteheading .title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .dt-col-sm-6 {\r\n                width: 100%;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_number {\r\n                font-size: 6rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_icon {\r\n                width: 3.5rem;\r\n                height: 3.5rem;\r\n                line-height: 3.5rem;\r\n                font-size: 1.6rem;\r\n                top: .2rem;\r\n                left: -1.5rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_title {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_description {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .dt_process {\r\n                padding: 50px 0;\r\n                border-radius: 20px;\r\n            }\r\n            \r\n            .dt_siteheading .title {\r\n                font-size: 1.6rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_number {\r\n                font-size: 5rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_icon {\r\n                width: 3rem;\r\n                height: 3rem;\r\n                line-height: 3rem;\r\n                font-size: 1.4rem;\r\n                top: .1rem;\r\n                left: -1rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_title {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .dt_process--one .dt_process_item .dt_process_description {\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n\r\n        @keyframes floating--updown {\r\n            0% {\r\n                transform: translateY(0);\r\n            }\r\n            100% {\r\n                transform: translateY(-20px);\r\n            }\r\n        }\r\n\r\n        .wow {\r\n            visibility: visible;\r\n        }\r\n\r\n        .fadeInUp {\r\n            animation-name: fadeInUp;\r\n        }\r\n\r\n        .animated {\r\n            animation-duration: 1s;\r\n            animation-fill-mode: both;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translate3d(0, 30px, 0);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translate3d(0, 0, 0);\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n<section id=\"dt_process\" class=\"dt_process dt_process--one bg-secondary text-white dt-py-default front-process\">\r\n    <div class=\"bg_layer\">\r\n        <div class=\"bg__ayer parallax_none parallax-bg\" data-parallax=\"{&quot;y&quot;: 100}\" style=\"transform:translate3d(0px, 93.739px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform:translate3d(0px, 93.739px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); background-image: url(https:\/\/majexint.com\/wp-content\/uploads\/2025\/08\/scaled.webp\"><\/div>\r\n        <div class=\"pattern_lines\">\r\n            <div class=\"pattern_line pattern_line_1\"><\/div>\r\n            <div class=\"pattern_line pattern_line_2\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"pattern-layer\">\r\n        <div class=\"pattern-1\"><\/div>\r\n        <div class=\"pattern-2\"><\/div>\r\n    <\/div>\r\n    <div class=\"dt-container\">\r\n        <div class=\"dt-row\">\r\n            <div class=\"dt-col-xl-7 dt-col-lg-8 dt-col-md-9 dt-col-12 dt-mx-auto dt-mb-6\">\r\n                <div class=\"dt_siteheading dt-text-center\">\r\n                    <h2 class=\"title\">\r\n                        Your Steps for the Shipping Process <span>From Door to Door the Right Way<\/span>\r\n                    <\/h2>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"dt-row dt-g-4\">\r\n            <div class=\"dt-col-lg-3 dt-col-sm-6 dt-col-12\">\r\n                <div class=\"dt_process_item wow fadeInUp animated\" data-wow-delay=\"0ms\" data-wow-duration=\"1500ms\">\r\n                    <div class=\"dt_process_line\"><\/div>\r\n                    <div class=\"dt_process_number\">\r\n                        01\r\n                        <div class=\"dt_process_icon\">\r\n                            <i class=\"fas fa-paper-plane\" aria-hidden=\"true\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h4 class=\"dt_process_title\">Send Your Request<\/h4>\r\n                    <div class=\"dt_process_description\">Choose your shipment type and send your details via WhatsApp or the form.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dt-col-lg-3 dt-col-sm-6 dt-col-12\">\r\n                <div class=\"dt_process_item wow fadeInUp animated\" data-wow-delay=\"100ms\" data-wow-duration=\"1500ms\">\r\n                    <div class=\"dt_process_line\"><\/div>\r\n                    <div class=\"dt_process_number\">\r\n                        02\r\n                        <div class=\"dt_process_icon\">\r\n                            <i class=\"fas fa-box-open\" aria-hidden=\"true\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h4 class=\"dt_process_title\">Prepare and Receive the Goods<\/h4>\r\n                    <div class=\"dt_process_description\">We receive your goods from the supplier, check the quantity and packaging, and store them in our warehouse.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dt-col-lg-3 dt-col-sm-6 dt-col-12\">\r\n                <div class=\"dt_process_item wow fadeInUp animated\" data-wow-delay=\"200ms\" data-wow-duration=\"1500ms\">\r\n                    <div class=\"dt_process_line\"><\/div>\r\n                    <div class=\"dt_process_number\">\r\n                        03\r\n                        <div class=\"dt_process_icon\">\r\n                            <i class=\"fas fa-file-invoice\" aria-hidden=\"true\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h4 class=\"dt_process_title\">Issue the Shipping Bill<\/h4>\r\n                    <div class=\"dt_process_description\">We determine the shipping method, confirm the prices, and issue the loading bill.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dt-col-lg-3 dt-col-sm-6 dt-col-12\">\r\n                <div class=\"dt_process_item wow fadeInUp animated\" data-wow-delay=\"300ms\" data-wow-duration=\"1500ms\">\r\n                    <div class=\"dt_process_line\"><\/div>\r\n                    <div class=\"dt_process_number\">\r\n                        04\r\n                        <div class=\"dt_process_icon\">\r\n                            <i class=\"fas fa-truck\" aria-hidden=\"true\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h4 class=\"dt_process_title\">Delivery and Handover<\/h4>\r\n                    <div class=\"dt_process_description\">We handle receiving and delivering your shipment to your warehouse or home anywhere within Saudi Arabia.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n        \r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const processItems = document.querySelectorAll('.dt_process_item');\r\n            \r\n            processItems.forEach(item => {\r\n                item.addEventListener('mouseenter', function() {\r\n                    this.style.transform = 'translateY(-10px)';\r\n                });\r\n                \r\n                item.addEventListener('mouseleave', function() {\r\n                    this.style.transform = 'translateY(0)';\r\n                });\r\n            });\r\n        });\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-066954d elementor-widget elementor-widget-html\" data-id=\"066954d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\r\n.carousel {\r\n  width: 100%;\r\n  \r\n  text-align: center;\r\n  position: relative;\r\n  padding: 30px 10px;\r\n}\r\n\r\n.carousel h2 {\r\n  font-size: 2.2rem;\r\n  color: var(--dark-red);\r\n  margin-bottom: 100px;\r\n  font-weight: 800;\r\n}\r\n\r\n.carousel h2::after {\r\n    content: '';\r\n    position: absolute;\r\n    margin-top: 50px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80px;\r\n    height: 4px;\r\n    background: var(--gradient-secondary);\r\n    border-radius: 2px;\r\n}\r\n\r\n.carousel-track {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 420px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  perspective: 1000px;\r\n}\r\n\r\n.stat-card {\r\n  position: absolute;\r\n  \r\n  background: white;\r\n  border-radius: 25px;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.8s ease, opacity 0.6s ease;\r\n  cursor: grab;\r\n  user-select: none;\r\n}\r\n\r\n.stat-card .stat-icon {\r\n  color: white;\r\n  width: 80px;\r\n  height: 80px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.stat-card .stat-icon i {\r\n  font-size: 2rem;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 2rem;\r\n  color: var(--dark-red);\r\n  font-weight: bold;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.stat-desc {\r\n  font-size: 1.1rem;\r\n  color: #555;\r\n  line-height: 1.5;\r\n  padding: 0 10px;\r\n}\r\n\r\n.carousel-controls {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 25px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.arrow {\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  border: 2px solid var(--primary-red);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  color: var(--primary-red);\r\n  transition: all 0.3s ease;\r\n}\r\n.arrow:hover {\r\n  background: var(--primary-red);\r\n  color: white;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 *\/\r\n@media (max-width: 768px) {\r\n  .carousel h2 {\r\n    font-size: 1.8rem;\r\n  }\r\n  .carousel-track {\r\n    height: 380px;\r\n  }\r\n  .stat-card {\r\n    width: 240px;\r\n    height: 290px;\r\n  }\r\n  .stat-number {\r\n    font-size: 1.8rem;\r\n  }\r\n}\r\n\r\n\/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 *\/\r\n@media (max-width: 480px) {\r\n  .carousel h2 {\r\n    font-size: 1.6rem;\r\n  }\r\n  .carousel-track {\r\n    height: 340px;\r\n  }\r\n  .stat-card {\r\n    width: 220px;\r\n    height: 270px;\r\n  }\r\n  .stat-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n  }\r\n  .stat-card .stat-icon i {\r\n    font-size: 1.6rem;\r\n  }\r\n  .stat-number {\r\n    font-size: 1.6rem;\r\n  }\r\n  .stat-desc {\r\n    font-size: 0.95rem;\r\n  }\r\n  .arrow {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"carousel\">\r\n  <h2>\r\n  Our Achievements <span class=\"gold-accent\">in Golden Numbers<\/span>\r\n<\/h2>\r\n  <div class=\"carousel-track\" id=\"carouselTrack\"><\/div>\r\n  <div class=\"carousel-controls\">\r\n    <div class=\"arrow prev-arrow\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\r\n    <div class=\"arrow next-arrow\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const achievements = [\r\n        { icon: 'fas fa-cubes', number: '2,000,000+', desc: 'Cartons shipped successfully' },\r\n        { icon: 'fas fa-chart-line', number: '90%', desc: 'Order success rate' },\r\n        { icon: 'fas fa-building', number: '1,500 m\u00b2', desc: 'Warehouse space' },\r\n        { icon: 'fas fa-truck-loading', number: '1,200', desc: 'Shipments per day' },\r\n        { icon: 'fas fa-store', number: '700+', desc: 'Online merchants relying on us' }\r\n    ];\r\n\r\n\r\n  const track = document.getElementById('carouselTrack');\r\n  achievements.forEach((a, i) => {\r\n    const card = document.createElement('div');\r\n    card.className = 'stat-card';\r\n    card.innerHTML = `\r\n      <div class=\"stat-icon\"><i class=\"${a.icon}\"><\/i><\/div>\r\n      <div class=\"stat-number\">${a.number}<\/div>\r\n      <div class=\"stat-desc\">${a.desc}<\/div>\r\n    `;\r\n    track.appendChild(card);\r\n  });\r\n\r\n  const cards = document.querySelectorAll('.stat-card');\r\n  let current = 0;\r\n\r\n  function updateCarousel() {\r\n    cards.forEach((card, i) => {\r\n        const offset = ((i - current + cards.length) % cards.length);\r\n        const angle = offset * 60;\r\n\r\n        \r\n        let depth;\r\n        if (window.innerWidth >= 1920) {\r\n            depth = 450; \r\n        }\r\n        if (window.innerWidth >= 1400) {\r\n            depth = 380; \r\n        }\r\n        if (window.innerWidth >= 1200) {\r\n            depth = 340; \r\n        } else if (window.innerWidth >= 992) {\r\n            depth = 300; \r\n        } else if (window.innerWidth >= 768) {\r\n            depth = 250; \r\n        } else if (window.innerWidth >= 480) {\r\n            depth = 190; \r\n        } else {\r\n            depth = 130; \r\n        }\r\n\r\n       \r\n        const scale = offset === 0 ? 1 : 0.85;\r\n\r\n        const opacity = offset === 0 ? 1 : 0.5;\r\n\r\n        card.style.transform = `rotateY(${angle}deg) translateZ(${depth}px) scale(${scale})`;\r\n        card.style.opacity = opacity;\r\n        card.style.zIndex = offset === 0 ? 2 : 1;\r\n        });\r\n\r\n    }\r\n\r\n  document.querySelector('.next-arrow').addEventListener('click', () => {\r\n    current = (current + 1) % cards.length;\r\n    updateCarousel();\r\n  });\r\n\r\n  document.querySelector('.prev-arrow').addEventListener('click', () => {\r\n    current = (current - 1 + cards.length) % cards.length;\r\n    updateCarousel();\r\n  });\r\n\r\n  let startX = 0;\r\n  let dragging = false;\r\n  track.addEventListener('mousedown', e => { dragging = true; startX = e.clientX; });\r\n  track.addEventListener('mouseup', e => {\r\n    if (!dragging) return;\r\n    const diff = e.clientX - startX;\r\n    if (diff > 50) current = (current - 1 + cards.length) % cards.length;\r\n    if (diff < -50) current = (current + 1) % cards.length;\r\n    updateCarousel();\r\n    dragging = false;\r\n  });\r\n\r\n  track.addEventListener('touchstart', e => { dragging = true; startX = e.touches[0].clientX; });\r\n  track.addEventListener('touchend', e => {\r\n    if (!dragging) return;\r\n    const diff = e.changedTouches[0].clientX - startX;\r\n    if (diff > 50) current = (current - 1 + cards.length) % cards.length;\r\n    if (diff < -50) current = (current + 1) % cards.length;\r\n    updateCarousel();\r\n    dragging = false;\r\n  });\r\n\r\n  updateCarousel();\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-705532b elementor-widget elementor-widget-html\" data-id=\"705532b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <section class=\"app-download\"> <div class=\"container\"> <div class=\"app-content\"> <div class=\"app-info\"> <h2>Download MAJEX App Now<\/h2> <p class=\"app-description\"> Enjoy a unique and easy experience to manage and track your shipments anytime, anywhere. With the MAJEX Express app, logistics are faster and more efficient. <\/p> <div class=\"app-features\"> <div class=\"app-feature\"> <i class=\"fas fa-check-circle\"><\/i> <span>Real-time shipment tracking<\/span> <\/div> <div class=\"app-feature\"> <i class=\"fas fa-check-circle\"><\/i> <span>Instant shipment update notifications<\/span> <\/div> <div class=\"app-feature\"> <i class=\"fas fa-check-circle\"><\/i> <span>Quick and easy service booking<\/span> <\/div> <div class=\"app-feature\"> <i class=\"fas fa-check-circle\"><\/i> <span>Secure and fast online payment<\/span> <\/div> <\/div> <div class=\"app-buttons\"> <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.logestechs.customer_majex\" class=\"app-button\"> <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/09\/playstore.png\" alt=\"\u062c\u0648\u062c\u0644 \u0628\u0644\u0627\u064a\" class=\"app-button-img\"> <\/a> <a href=\"https:\/\/apps.apple.com\/us\/app\/vendor-app\/id1547994390\" class=\"app-button\"> <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/09\/appstore.png\" alt=\"\u0622\u0628 \u0633\u062a\u0648\u0631\" class=\"app-button-img\"> <\/a> <\/div> <div class=\"app-ratings\"> <div class=\"app-stars\"> <i class=\"fas fa-star\"><\/i> <i class=\"fas fa-star\"><\/i> <i class=\"fas fa-star\"><\/i> <i class=\"fas fa-star\"><\/i> <i class=\"fas fa-star-half-alt\"><\/i> <\/div> <div class=\"app-rating-text\">4.0 rating (10,000+ downloads)<\/div> <\/div> <\/div> <div class=\"app-mockup\"> <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/09\/iPhone-15-Pro-1-1-scaled.png\" alt=\"Maj Express App\"> <\/div> <\/div> <\/div> <\/section>  <section class=\"services\" id=\"contact\"> <div class=\"container\"> <div class=\"section-header\"> <h2 class=\"section-title\">Contact <span class=\"gold-accent\">Us<\/span><\/h2> <p class=\"section-subtitle\">We are here to serve you and meet your needs in the best way possible<\/p> <\/div> <div class=\"contact-grid\"> <div class=\"contact-card\"> <i class=\"fas fa-map-marker-alt\"><\/i> <h3>Address<\/h3> <p>Al Malaz,Riyadh,Saudi Arabia<\/p> <\/div> <div class=\"contact-card\"> <i class=\"fas fa-phone\"><\/i> <h3>Phone<\/h3> <p>920008235+<\/p> <\/div> <div class=\"contact-card\"> <i class=\"fas fa-envelope\"><\/i> <h3>Email<\/h3> <p>Info@majex.com.sa<\/p> <\/div> <div class=\"contact-card\"> <i class=\"fas fa-clock\"><\/i> <h3>Working Hours<\/h3> <p>Sunday - Thursday: 9 AM - 5 PM<\/p> <\/div> <\/div> <\/div> <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Leading Company in Shipping and Transportation A leading company in the world of shipping and transportation, Contact Us Our Logistic Services with Professionalism and Precision We save our clients&#8217; time and effort and move at the speed of wings by offering various forms of services. Contact Us Track Your Shipment Enter your tracking number to follow your shipment\u2019s status in real-time. Shipping Price Calculator Easily calculate your parcel\u2019s shipping[&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-5953","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/5953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/comments?post=5953"}],"version-history":[{"count":110,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/5953\/revisions"}],"predecessor-version":[{"id":7162,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/5953\/revisions\/7162"}],"wp:attachment":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/media?parent=5953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}