{"id":6049,"date":"2025-10-22T22:44:46","date_gmt":"2025-10-22T19:44:46","guid":{"rendered":"https:\/\/majex.com.sa\/our-clients\/"},"modified":"2025-10-28T14:34:15","modified_gmt":"2025-10-28T11:34:15","slug":"our-clients","status":"publish","type":"page","link":"https:\/\/majex.com.sa\/en\/our-clients\/","title":{"rendered":"Our clients"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6049\" class=\"elementor elementor-6049 elementor-6047\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe225ac thsn-col-stretched-none thsn-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe225ac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62cfe47 thsn-bg-color-over-image\" data-id=\"62cfe47\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-af8ddac thsn-col-stretched-none thsn-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"af8ddac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f9f2fdf thsn-bg-color-over-image\" data-id=\"f9f2fdf\" 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-2c2046e elementor-widget elementor-widget-html\" data-id=\"2c2046e\" 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        .clientbs-sectionn {\r\n            padding: 100px 0;\r\n            background: linear-gradient(135deg, #faf8f8 0%, #efe9e9 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .clientbs-sectionn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%231a365d\" fill-opacity=\"0.03\" d=\"M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,192C672,181,768,139,864,138.7C960,139,1056,181,1152,186.7C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat;\r\n            background-size: cover;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .clientbs-header {\r\n            text-align: center;\r\n            margin-bottom: 70px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .sectionn-title {\r\n            font-size: 2.8rem;\r\n            font-weight: 800;\r\n            color: var(--primary-color);\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .sectionn-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--secondary-color), #f1c40f);\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .gold-accent {\r\n            color: var(--secondary-color);\r\n        }\r\n        \r\n        .sectionn-subtitle {\r\n            font-size: 1.3rem;\r\n            color: #000000;\r\n            max-width: 700px;\r\n            margin: 30px auto 0;\r\n        }\r\n        \r\n        \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 *\/\r\n        .clientbs-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 40px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .clientb-item {\r\n            background: white;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--card-shadow);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            height: 220px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 30px;\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .clientb-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(26, 54, 93, 0.1) 100%);\r\n            opacity: 0;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .clientb-item:hover {\r\n            transform: translateY(-15px) scale(1.03);\r\n            box-shadow: var(--hover-shadow);\r\n            border-color: var(--secondary-color);\r\n        }\r\n        \r\n        .clientb-item:hover::before {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .clientb-item img {\r\n            max-width: 180px;\r\n            max-height: 100px;\r\n            width: auto;\r\n            height: auto;\r\n            filter: grayscale(100%);\r\n            transition: var(--transition);\r\n            object-fit: contain;\r\n        }\r\n        \r\n        .clientb-item:hover img {\r\n            filter: grayscale(0%);\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        \/* \u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 *\/\r\n        .clientbs-carousel {\r\n            margin-top: 80px;\r\n            position: relative;\r\n            height: 300px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .carousel-track {\r\n            position: relative;\r\n            width: 500px;\r\n            height: 500px;\r\n            animation: rotate 40s linear infinite;\r\n        }\r\n        \r\n        .carousel-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n        \r\n        .carousel-item {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            transform-origin: center;\r\n        }\r\n        \r\n        .carousel-item:nth-child(1) { transform: rotate(0deg); }\r\n        .carousel-item:nth-child(2) { transform: rotate(45deg); }\r\n        .carousel-item:nth-child(3) { transform: rotate(90deg); }\r\n        .carousel-item:nth-child(4) { transform: rotate(135deg); }\r\n        .carousel-item:nth-child(5) { transform: rotate(180deg); }\r\n        .carousel-item:nth-child(6) { transform: rotate(225deg); }\r\n        .carousel-item:nth-child(7) { transform: rotate(270deg); }\r\n        .carousel-item:nth-child(8) { transform: rotate(315deg); }\r\n        \r\n        .carousel-logo {\r\n            position: absolute;\r\n            top: -40px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 80px;\r\n            height: 80px;\r\n            background: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .carousel-logo:hover {\r\n            transform: translateX(50%) scale(1.2);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .carousel-logo img {\r\n            max-width: 50px;\r\n            max-height: 40px;\r\n            filter: grayscale(100%);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .carousel-logo:hover img {\r\n            filter: grayscale(0%);\r\n        }\r\n        \r\n        @keyframes rotate {\r\n            0% {\r\n                transform: rotate(0deg);\r\n            }\r\n            100% {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n        \r\n        \/* \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 *\/\r\n        .clientbs-stats {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            flex-wrap: wrap;\r\n            margin-top: 80px;\r\n            gap: 30px;\r\n        }\r\n        \r\n        .clientb-stat-box {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            background: white;\r\n            border-radius: 15px;\r\n            box-shadow: var(--card-shadow);\r\n            flex: 1;\r\n            min-width: 200px;\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .clientb-stat-box::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, var(--secondary-color), var(--primary-color));\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .clientb-stat-box:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--hover-shadow);\r\n        }\r\n        \r\n        .clientb-stat-box:hover::before {\r\n            height: 100%;\r\n            opacity: 0.05;\r\n        }\r\n        \r\n        .clientb-stat-icon {\r\n            font-size: 2.5rem;\r\n            color: var(--secondary-color);\r\n            margin-bottom: 15px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .clientb-stat-number {\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            color: var(--primary-color);\r\n            margin-bottom: 10px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .clientb-stat-text {\r\n            color: var(--accent-color);\r\n            font-size: 1.1rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        \/* \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 *\/\r\n        .testimonials-sectionn {\r\n            margin-top: 100px;\r\n        }\r\n        \r\n        .testimonials-title {\r\n            font-size: 2rem;\r\n            color: var(--primary-color);\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n            display: inline-block;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n        }\r\n        \r\n        .testimonials-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n            width: 80px;\r\n            height: 3px;\r\n            background-color: var(--secondary-color);\r\n        }\r\n        \r\n        .testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n        }\r\n        \r\n        .testimonial-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--card-shadow);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            border-top: 5px solid var(--secondary-color);\r\n        }\r\n        \r\n        .testimonial-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--hover-shadow);\r\n        }\r\n        \r\n        .testimonial-text {\r\n            font-size: 1.1rem;\r\n            color: var(--dark-color);\r\n            line-height: 1.8;\r\n            margin-bottom: 25px;\r\n            text-align: justify;\r\n            position: relative;\r\n        }\r\n        \r\n        .testimonial-text::before {\r\n            content: \"\"\";\r\n            position: absolute;\r\n            top: -15px;\r\n            right: -10px;\r\n            font-size: 4rem;\r\n            color: var(--secondary-color);\r\n            opacity: 0.2;\r\n            font-family: Georgia, serif;\r\n            line-height: 1;\r\n        }\r\n        \r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .author-avatar {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .author-info {\r\n            flex: 1;\r\n        }\r\n        \r\n        .author-name {\r\n            font-weight: 700;\r\n            color: var(--primary-color);\r\n            font-size: 1.1rem;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .author-role {\r\n            color: var(--accent-color);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .rating {\r\n            color: var(--secondary-color);\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 *\/\r\n        .floating-elements {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            top: 0;\r\n            right: 0;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .floating-element {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: var(--secondary-color);\r\n            opacity: 0.05;\r\n            animation: float 8s ease-in-out infinite;\r\n        }\r\n        \r\n        .element-1 {\r\n            width: 120px;\r\n            height: 120px;\r\n            top: 10%;\r\n            right: 5%;\r\n            animation-delay: 0s;\r\n        }\r\n        \r\n        .element-2 {\r\n            width: 80px;\r\n            height: 80px;\r\n            bottom: 20%;\r\n            left: 8%;\r\n            animation-delay: 2s;\r\n        }\r\n        \r\n        .element-3 {\r\n            width: 60px;\r\n            height: 60px;\r\n            top: 40%;\r\n            left: 5%;\r\n            animation-delay: 4s;\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% {\r\n                transform: translateY(0) rotate(0deg);\r\n            }\r\n            50% {\r\n                transform: translateY(-20px) rotate(10deg);\r\n            }\r\n        }\r\n        \r\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 *\/\r\n        @media (max-width: 992px) {\r\n            .clientbs-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .carousel-track {\r\n                width: 400px;\r\n                height: 400px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .clientbs-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .sectionn-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .sectionn-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .clientb-item {\r\n                height: 180px;\r\n            }\r\n            \r\n            .carousel-track {\r\n                width: 300px;\r\n                height: 300px;\r\n            }\r\n            \r\n            .carousel-logo {\r\n                width: 60px;\r\n                height: 60px;\r\n                top: -30px;\r\n            }\r\n            \r\n            .carousel-logo img {\r\n                max-width: 35px;\r\n                max-height: 30px;\r\n            }\r\n            \r\n            .testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .clientbs-sectionn {\r\n                padding: 60px 0;\r\n            }\r\n            \r\n            .testimonial-card {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .testimonial-text {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style><br>    <br>    <section class=\"clientbs-sectionn\" id=\"clientbs\">\r\n    <div class=\"container\">\r\n        <div class=\"clientbs-header\">\r\n            <h2 class=\"sectionn-title\">Our <span class=\"gold-accent\">Valued Clients<\/span><\/h2>\r\n            <p class=\"sectionn-subtitle\">The trust of our clients is our true testimony and the reason behind our continuous growth.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"floating-elements\">\r\n            <div class=\"floating-element element-1\"><\/div>\r\n            <div class=\"floating-element element-2\"><\/div>\r\n            <div class=\"floating-element element-3\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"clientbs-grid\">\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/1-3.jpg\" alt=\"Client 1\">\r\n            <\/div>\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/1-4.jpg\" alt=\"Client 2\">\r\n            <\/div>\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/1-5.jpg\" alt=\"Client 3\">\r\n            <\/div>\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/1-6.jpg\" alt=\"Client 4\">\r\n            <\/div>\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/images\/c1.jpg?_t=1761217268\" alt=\"Client 5\">\r\n            <\/div>\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/images\/c2.png?_t=1761217268\" alt=\"Client 6\">\r\n            <\/div>\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/images\/c3.gif?_t=176121726\" alt=\"Client 7\">\r\n            <\/div>\r\n            <div class=\"clientb-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/images\/c4.png?_t=1761217268\" alt=\"Client 8\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Client Statistics -->\r\n        <div class=\"clientbs-stats\">\r\n            <div class=\"clientb-stat-box\">\r\n                <div class=\"clientb-stat-icon\">\r\n                    <i class=\"fas fa-users\"><\/i>\r\n                <\/div>\r\n                <div class=\"clientb-stat-number\">500+<\/div>\r\n                <div class=\"clientb-stat-text\">Regular Clients<\/div>\r\n            <\/div>\r\n            <div class=\"clientb-stat-box\">\r\n                <div class=\"clientb-stat-icon\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"clientb-stat-number\">25+<\/div>\r\n                <div class=\"clientb-stat-text\">Saudi Cities<\/div>\r\n            <\/div>\r\n            <div class=\"clientb-stat-box\">\r\n                <div class=\"clientb-stat-icon\">\r\n                    <i class=\"fas fa-truck\"><\/i>\r\n                <\/div>\r\n                <div class=\"clientb-stat-number\">50,000+<\/div>\r\n                <div class=\"clientb-stat-text\">Annual Shipments<\/div>\r\n            <\/div>\r\n            <div class=\"clientb-stat-box\">\r\n                <div class=\"clientb-stat-icon\">\r\n                    <i class=\"fas fa-heart\"><\/i>\r\n                <\/div>\r\n                <div class=\"clientb-stat-number\">96%<\/div>\r\n                <div class=\"clientb-stat-text\">Customer Satisfaction<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Client Testimonials -->\r\n        <div class=\"testimonials-sectionn\">\r\n            <h3 class=\"testimonials-title\">What Our Clients Say<\/h3>\r\n            <div class=\"testimonials-grid\">\r\n                <div class=\"testimonial-card\">\r\n                    <p class=\"testimonial-text\">\r\n                        Excellent service and fast delivery. The team is highly professional and always available for support\r\n                    <\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">M<\/div>\r\n                        <div class=\"author-info\">\r\n                            <div class=\"author-name\">Mohammed Ahmed<\/div>\r\n                            <div class=\"author-role\">E-commerce Store Manager<\/div>\r\n                            <div class=\"rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"testimonial-card\">\r\n                    <p class=\"testimonial-text\">\r\n                        Working with Majex Express saved us a lot of time and effort. The tracking system is excellent\r\n                    <\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">S<\/div>\r\n                        <div class=\"author-info\">\r\n                            <div class=\"author-name\">Sara Al-Ghamdi<\/div>\r\n                            <div class=\"author-role\">E-commerce Business Owner<\/div>\r\n                            <div class=\"rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"testimonial-card\">\r\n                    <p class=\"testimonial-text\">\r\n                        The best shipping company I\u2019ve dealt with in terms of price and quality. Highly recommended\r\n                    <\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">K<\/div>\r\n                        <div class=\"author-info\">\r\n                            <div class=\"author-name\">Khalid Al-Saadi<\/div>\r\n                            <div class=\"author-role\">Retail Chain Manager<\/div>\r\n                            <div class=\"rating\">\u2605\u2605\u2605\u2605\u2606<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section><br><br><script>\r\n    \/\/ Additional interactive effects\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ Hover effect for client cards\r\n        const clientbItems = document.querySelectorAll('.clientb-item');\r\n        \r\n        clientbItems.forEach(item => {\r\n            item.addEventListener('mouseenter', function() {\r\n                this.style.zIndex = '10';\r\n            });\r\n            \r\n            item.addEventListener('mouseleave', function() {\r\n                this.style.zIndex = '1';\r\n            });\r\n        });\r\n        \r\n        \/\/ Fade-in on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n        \r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n        \r\n        \/\/ Apply animation to stats and testimonials\r\n        const statBoxes = document.querySelectorAll('.clientb-stat-box');\r\n        const testimonialCards = document.querySelectorAll('.testimonial-card');\r\n        \r\n        statBoxes.forEach(box => {\r\n            box.style.opacity = '0';\r\n            box.style.transform = 'translateY(30px)';\r\n            box.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            observer.observe(box);\r\n        });\r\n        \r\n        testimonialCards.forEach(card => {\r\n            card.style.opacity = '0';\r\n            card.style.transform = 'translateY(30px)';\r\n            card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            observer.observe(card);\r\n        });\r\n    });\r\n<\/script><br>\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\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>Our Valued Clients The trust of our clients is our true testimony and the reason behind our continuous growth. 500+ Regular Clients 25+ Saudi Cities 50,000+ Annual Shipments 96% Customer Satisfaction What Our Clients Say Excellent service and fast delivery. The team is highly professional and always available for support M Mohammed Ahmed E-commerce Store Manager \u2605\u2605\u2605\u2605\u2605 Working with Majex Express saved us a lot of time and effort. The[&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-6049","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/6049","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=6049"}],"version-history":[{"count":7,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/6049\/revisions"}],"predecessor-version":[{"id":7052,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/6049\/revisions\/7052"}],"wp:attachment":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/media?parent=6049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}