{"id":6046,"date":"2025-10-22T22:42:46","date_gmt":"2025-10-22T19:42:46","guid":{"rendered":"https:\/\/majex.com.sa\/our-partners\/"},"modified":"2025-10-28T14:35:11","modified_gmt":"2025-10-28T11:35:11","slug":"our-partners","status":"publish","type":"page","link":"https:\/\/majex.com.sa\/en\/our-partners\/","title":{"rendered":"Our partners"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6046\" class=\"elementor elementor-6046 elementor-6044\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-996704b thsn-col-stretched-none thsn-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"996704b\" 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-9e234d9 thsn-bg-color-over-image\" data-id=\"9e234d9\" 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-9fb8f10 thsn-col-stretched-none thsn-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9fb8f10\" 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-50e7909 thsn-bg-color-over-image\" data-id=\"50e7909\" 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-8542916 elementor-widget elementor-widget-html\" data-id=\"8542916\" 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        .partnerbs-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        .partnerbs-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            .partnerbs-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        \r\n        .partnerrs-slider {\r\n            margin-top: 80px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 20px 0;\r\n        }\r\n        \r\n        .slider-track {\r\n            display: flex;\r\n            animation: scroll 30s linear infinite;\r\n        }\r\n        \r\n        .slider-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n        \r\n        .slider-item {\r\n            flex: 0 0 200px;\r\n            margin: 0 25px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 15px;\r\n            padding: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            height: 120px;\r\n            backdrop-filter: blur(5px);\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .slider-item:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .slider-item img {\r\n            max-width: 120px;\r\n            max-height: 60px;\r\n            opacity: 0.7;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .slider-item:hover img {\r\n            opacity: 1;\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        @keyframes scroll {\r\n            0% {\r\n                transform: translateX(0);\r\n            }\r\n            100% {\r\n                transform: translateX(-50%);\r\n            }\r\n        }\r\n    <\/style><br>    <br><section class=\"partnerbs-sectionn\" id=\"partnerbs\">\r\n    <div class=\"container\">\r\n        <div class=\"clientbs-header\">\r\n            <h2 class=\"sectionn-title\">Our <span class=\"gold-accent\">Strategic Partners<\/span><\/h2>\r\n            <p class=\"sectionn-subtitle\">\r\n                We collaborate with the best local and international partners to ensure the highest standards of quality and efficiency in our services\r\n            <\/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.jpg\" alt=\"Partner 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-1.jpg\" alt=\"Partner 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-2.jpg\" alt=\"Partner 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\/logo_result.webp\" alt=\"Partner 4\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"partnerrs-slider\">\r\n        <div class=\"slider-track\">\r\n            <div class=\"slider-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/1.jpg\" alt=\"Partner\">\r\n            <\/div>\r\n            <div class=\"slider-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/1-1.jpg\" alt=\"Partner\">\r\n            <\/div>\r\n            <div class=\"slider-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/1-2.jpg\" alt=\"Partner\">\r\n            <\/div>\r\n            <div class=\"slider-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/majex.com.sa\/wp-content\/uploads\/2025\/05\/logo_result.webp\" alt=\"Partner\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section><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 Strategic Partners We collaborate with the best local and international partners to ensure the highest standards of quality and efficiency in our services<\/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-6046","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/6046","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=6046"}],"version-history":[{"count":5,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/6046\/revisions"}],"predecessor-version":[{"id":7056,"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/pages\/6046\/revisions\/7056"}],"wp:attachment":[{"href":"https:\/\/majex.com.sa\/en\/wp-json\/wp\/v2\/media?parent=6046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}