{"id":861,"date":"2020-09-11T07:47:04","date_gmt":"2020-09-11T07:47:04","guid":{"rendered":"http:\/\/wpdemo.archiwp.com\/maxbizz\/?page_id=861"},"modified":"2025-10-16T03:20:11","modified_gmt":"2025-10-16T00:20:11","slug":"portfolio-carousel","status":"publish","type":"page","link":"https:\/\/osoulfinancial.com\/en\/portfolio-carousel\/","title":{"rendered":"Portfolio Carousel"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"861\" class=\"elementor elementor-861\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9feed5 e-flex e-con-boxed e-con e-parent\" data-id=\"b9feed5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-286f715 elementor-widget elementor-widget-html\" data-id=\"286f715\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Osoul Clients (Elementor-safe, \u0628\u062f\u0648\u0646 AOS) ===== -->\r\n<section class=\"os-clients\" dir=\"rtl\">\r\n  <div class=\"osc-wrap\">\r\n    <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 -->\r\n    <header class=\"osc-head aosify\">\r\n      <h3 class=\"osc-sub\">Clients<\/h3>\r\n      <h2 class=\"osc-title\">Major real estate and industrial companies trust<br>Osoul Financial Consulting<\/h2>\r\n      <p class=\"osc-desc\">We are proud to partner with leading companies across various sectors, providing them with innovative financial solutions that enhance their success and sustainability.<\/p>\r\n    <\/header>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a -->\r\n    <div class=\"osc-grid aosify\">\r\n      <div class=\"osc-card\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/asfour_crystal.jpeg\" alt=\"Asfour Crystal\"><\/div>\r\n      <div class=\"osc-card\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/madar_alkhebra.jpeg\" alt=\"Madar Alkhebra\"><\/div>\r\n      <div class=\"osc-card\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/panorama_developments.jpeg\" alt=\"Panorama Developments\"><\/div>\r\n      <div class=\"osc-card\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/dar_al_omran.jpeg\" alt=\"Dar Al Omran\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0633\u0644\u0627\u064a\u062f\u0631 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d -->\r\n    <div class=\"osc-carousel aosify\">\r\n      <h3 class=\"osc-carousel-title\">Partners of Success<\/h3>\r\n\r\n      <div class=\"swiper oscSwiper\">\r\n        <div class=\"swiper-wrapper\">\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/asfour_crystal.jpeg\" alt=\"\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/arqa_development_group.jpeg\" alt=\"\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/syndan_developments.jpeg\" alt=\"\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/el_saraya_real_estate.jpeg\" alt=\"\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/panorama_developments.jpeg\" alt=\"\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/madar_alkhebra.jpeg\" alt=\"\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/08\/dar_al_omran.jpeg\" alt=\"\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/osoulfinancial.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-15-at-22.29.45.jpeg\" alt=\"\"><\/div>\r\n        <\/div>\r\n        <div class=\"swiper-button-next\"><\/div>\r\n        <div class=\"swiper-button-prev\"><\/div>\r\n        <div class=\"swiper-pagination\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a -->\r\n    <div class=\"osc-stats aosify\">\r\n      <div class=\"osc-stats-grid\">\r\n        <div class=\"osc-stat\">\r\n          <div class=\"osc-num\" data-target=\"50\">0<\/div>\r\n          <div class=\"osc-label\">satisfied customer<\/div>\r\n        <\/div>\r\n        <div class=\"osc-stat\">\r\n          <div class=\"osc-num\" data-target=\"72\">0<\/div>\r\n          <div class=\"osc-label\">successful project<\/div>\r\n        <\/div>\r\n        <div class=\"osc-stat\">\r\n          <div class=\"osc-num\" data-target=\"25\">0<\/div>\r\n          <div class=\"osc-label\">Years of experience<\/div>\r\n        <\/div>\r\n        <div class=\"osc-stat\">\r\n          <div class=\"osc-num\" data-target=\"100\">0<\/div>\r\n          <div class=\"osc-label\">Customer satisfaction %<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Scoped CSS -->\r\n<style>\r\n.os-clients{--c1:#1a365d;--c2:#8BC34A;--muted:#64748b;--bg:#fff;--bg2:#f6fbf6;font-family:\"Cairo\",sans-serif;background:var(--bg);padding:70px 0}\r\n.os-clients .osc-wrap{max-width:1200px;margin:0 auto;padding:0 16px}\r\n.os-clients .osc-head{text-align:center;margin-bottom:48px}\r\n.os-clients .osc-sub{color:var(--c2);font-size:1.6rem;font-weight:800;margin:0 0 8px}\r\n.os-clients .osc-title{color:var(--c1);font-size:1.8rem;font-weight:800;margin:0 0 14px;line-height:1.5}\r\n.os-clients .osc-desc{color:var(--muted);max-width:700px;margin:0 auto}\r\n.os-clients .osc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}\r\n@media (max-width:992px){.os-clients .osc-grid{grid-template-columns:repeat(3,1fr)}}\r\n@media (max-width:640px){.os-clients .osc-grid{grid-template-columns:repeat(2,1fr)}}\r\n.os-clients .osc-card{background:#fff;border:1px solid #e8edf2;border-radius:12px;height:130px;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.06);transition:.25s}\r\n.os-clients .osc-card::before{content:\"\";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#8BC34A,#7CB342);transform:scaleX(0);transform-origin:right;transition:transform .25s}\r\n.os-clients .osc-card:hover{transform:translateY(-6px);border-color:var(--c2);box-shadow:0 12px 25px rgba(139,195,74,.18)}\r\n.os-clients .osc-card:hover::before{transform:scaleX(1)}\r\n.os-clients .osc-card img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:.3s}\r\n.os-clients .osc-card:hover img{filter:none;opacity:1;transform:scale(1.04)}\r\n\/* Carousel *\/\r\n.os-clients .osc-carousel{background:linear-gradient(135deg,#f0f7f0,#e8f5e9);border-radius:12px;padding:28px;margin-top:44px}\r\n.os-clients .osc-carousel-title{text-align:center;color:var(--c1);font-weight:800;margin:0 0 18px}\r\n.os-clients .swiper{width:100%;padding:10px 0 36px}\r\n.os-clients .swiper-slide{background:#fff;border-radius:10px;height:120px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 3px 10px rgba(0,0,0,.06);transition:.25s}\r\n.os-clients .swiper-slide:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(139,195,74,.15)}\r\n.os-clients .swiper-slide img{width:100%;height:100%;object-fit:contain;transition:.25s}\r\n.os-clients .swiper-button-next,.os-clients .swiper-button-prev{color:var(--c2);width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.1)}\r\n.os-clients .swiper-button-next:after,.os-clients .swiper-button-prev:after{font-size:16px;font-weight:700}\r\n.os-clients .swiper-pagination-bullet{width:10px;height:10px;background:#cbd5e0;opacity:1}\r\n.os-clients .swiper-pagination-bullet-active{background:var(--c2);width:24px;border-radius:6px}\r\n\/* Stats *\/\r\n.os-clients .osc-stats{background:linear-gradient(135deg,#1a365d,#2d5a8f);border-radius:12px;padding:32px;margin-top:44px;color:#fff;position:relative;overflow:hidden}\r\n.os-clients .osc-stats::before{content:\"\";position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:rgba(139,195,74,.1);border-radius:50%}\r\n.os-clients .osc-stats::after{content:\"\";position:absolute;bottom:-50%;left:-12%;width:360px;height:360px;background:rgba(139,195,74,.08);border-radius:50%}\r\n.os-clients .osc-stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\r\n@media (max-width:992px){.os-clients .osc-stats-grid{grid-template-columns:repeat(2,1fr)}}\r\n.os-clients .osc-stat{text-align:center;padding:10px}\r\n.os-clients .osc-num{font-size:2.4rem;font-weight:800;color:#8BC34A;text-shadow:0 2px 4px rgba(0,0,0,.1)}\r\n.os-clients .osc-label{font-weight:700;color:#e2e8f0}\r\n\r\n\/* ====== Simple AOS replacement ====== *\/\r\n.os-clients .aosify{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease}\r\n.os-clients .aosify.on{opacity:1;transform:none}\r\n<\/style>\r\n\r\n<!-- Swiper \u0641\u0642\u0637 (\u0644\u0648 \u0645\u0634 \u0645\u062d\u0645\u0651\u0644 \u0628\u0627\u0644\u0641\u0639\u0644) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<!-- Scoped JS (\u0628\u062f\u0648\u0646 AOS) -->\r\n<script>\r\n(function(){\r\n  \/\/ init Swiper\r\n  new Swiper(\".os-clients .oscSwiper\", {\r\n    slidesPerView: 1,\r\n    spaceBetween: 22,\r\n    loop: true,\r\n    autoplay: { delay: 2500, disableOnInteraction: false },\r\n    pagination: { el: \".os-clients .swiper-pagination\", clickable: true },\r\n    navigation: {\r\n      nextEl: \".os-clients .swiper-button-next\",\r\n      prevEl: \".os-clients .swiper-button-prev\"\r\n    },\r\n    breakpoints: {\r\n      640: { slidesPerView: 2, spaceBetween: 18 },\r\n      768: { slidesPerView: 3, spaceBetween: 22 },\r\n      1024:{ slidesPerView: 4, spaceBetween: 22 }\r\n    }\r\n  });\r\n\r\n  \/\/ \u0628\u062f\u064a\u0644 AOS: IntersectionObserver\r\n  const els = document.querySelectorAll(\".os-clients .aosify\");\r\n  const io = new IntersectionObserver((entries)=>{\r\n    entries.forEach(en=>{\r\n      if(en.isIntersecting){ en.target.classList.add(\"on\"); io.unobserve(en.target); }\r\n    });\r\n  }, { threshold: .2, rootMargin: \"0px 0px -10% 0px\" });\r\n  els.forEach(el=>io.observe(el));\r\n\r\n  \/\/ Counters\r\n  const counters = document.querySelectorAll(\".os-clients .osc-num\");\r\n  const obs = new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n      if(!entry.isIntersecting) return;\r\n      const c = entry.target;\r\n      const target = +c.getAttribute(\"data-target\");\r\n      const speed = 100;\r\n      const tick = ()=>{\r\n        const cur = +c.textContent.replace(\/\\D\/g,\"\") || 0;\r\n        const inc = Math.max(1, Math.ceil(target\/speed));\r\n        if(cur < target){ c.textContent = cur + inc; requestAnimationFrame(tick); }\r\n        else { c.textContent = target + \"+\"; }\r\n      };\r\n      tick();\r\n      obs.unobserve(c);\r\n    });\r\n  },{threshold:.4});\r\n  counters.forEach(el=>obs.observe(el));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u062b\u0642\u0629 \u0643\u0628\u0631\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0641\u064a\u0623\u0635\u0648\u0644 \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0646\u0641\u062e\u0631 \u0628\u0634\u0631\u0627\u0643\u062a\u0646\u0627 \u0645\u0639 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u0645\u0642\u062f\u0645\u064a\u0646 \u0644\u0647\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u0627\u0644\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0639\u0632\u0632 \u0646\u062c\u0627\u062d\u0647\u0645 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u062a\u0647\u0645. \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d 0 \u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d 0 \u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d 0 \u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629 0 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 %<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-861","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/pages\/861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/comments?post=861"}],"version-history":[{"count":21,"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/pages\/861\/revisions"}],"predecessor-version":[{"id":4596,"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/pages\/861\/revisions\/4596"}],"wp:attachment":[{"href":"https:\/\/osoulfinancial.com\/en\/wp-json\/wp\/v2\/media?parent=861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}