{"id":9066,"date":"2026-08-10T17:06:11","date_gmt":"2026-08-10T13:36:11","guid":{"rendered":"https:\/\/jahanpasha.com\/home\/"},"modified":"2026-08-18T20:50:39","modified_gmt":"2026-08-18T17:20:39","slug":"home","status":"publish","type":"page","link":"https:\/\/jahanpasha.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9066\" class=\"elementor elementor-9066 elementor-1560\">\n\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-6295119 wd-section-stretch-content elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6295119\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\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-8696304\" data-id=\"8696304\" 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-8936806 elementor-widget elementor-widget-slider_revolution\" data-id=\"8936806\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"wp-block-themepunch-revslider\">\t\t\t<rs-module-wrap id=\"rev_slider_error_1_wrapper\">\n\t\t\t\t<rs-module id=\"rev_slider_error_1\">\n\t\t\t\t\t<div class=\"rs_error_message_box\">\n\t\t\t\t\t\t<div class=\"rs_error_message_oops\">There is nothing to show here!<\/div>\n\t\t\t\t\t\t<div class=\"rs_error_message_content\">Slider with alias \u0634\u0631\u06a9\u062a\u06cc not found.<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/rs-module>\n\t\t\t<\/rs-module-wrap>\n\t\t\t<script>\n\t\t\t\tvar rs_eslider = document.getElementById(\"rev_slider_error_1\");\n\t\t\t\trs_eslider.style.display = \"none\";\n\t\t\t\tconsole.log(\"Slider with alias \u0634\u0631\u06a9\u062a\u06cc not found.\");\n\t\t\t<\/script>\n<\/div>\n\n\t\t\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=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-2d1f458 wd-section-stretch elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d1f458\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\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-5f69c05\" data-id=\"5f69c05\" 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-a0e8535 elementor-widget elementor-widget-html\" data-id=\"a0e8535\" 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=\"jp-services-section\" dir=\"rtl\">\r\n\r\n  <div class=\"jp-services-inner\">\r\n\r\n    <div class=\"jp-services-heading\">\r\n      <span class=\"jp-services-eyebrow\">Our Services<\/span>\r\n\r\n      <h2>Comprehensive business solutions for your business<\/h2>\r\n\r\n      <p>\r\n We are with you at every stage of international trade\u2014\r\nfrom sourcing goods to exporting and consulting.\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"jp-services-grid\">\r\n\r\n      <!-- \u0635\u0627\u062f\u0631\u0627\u062a \u0648 \u0648\u0627\u0631\u062f\u0627\u062a -->\r\n      <article class=\"jp-service-card\">\r\n\r\n        <div class=\"jp-service-icon\">\r\n          <svg viewbox=\"0 0 64 64\">\r\n            <path d=\"M32 9c6.5 0 11.5 5 11.5 11.5S38.5 32 32 32s-11.5-5-11.5-11.5S25.5 9 32 9Z\"><\/path>\r\n            <path d=\"M14.5 54c1.2-10.2 7.1-16.5 17.5-16.5S48.3 43.8 49.5 54\"><\/path>\r\n            <path d=\"M20.5 26.5c3.2 2.8 7 4.1 11.5 4.1s8.3-1.3 11.5-4.1\"><\/path>\r\n            <path d=\"M17 30c-4.5.3-7.1 3.2-8 7.3\"><\/path>\r\n            <path d=\"M47 30c4.5.3 7.1 3.2 8 7.3\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Exports and Imports<\/h3>\r\n\r\n        <p>\r\n Comprehensive management of export and import processes\r\nIn compliance with international standards\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- \u062a\u0623\u0645\u06cc\u0646 \u06a9\u0627\u0644\u0627 -->\r\n      <article class=\"jp-service-card\">\r\n\r\n        <div class=\"jp-service-icon\">\r\n          <svg viewbox=\"0 0 64 64\">\r\n            <path d=\"M14 45c3.5-8.5 7.2-16 14.5-23\"><\/path>\r\n            <path d=\"M27.5 22c3.5-4.3 7.8-5.5 11.5-2.2-.8 5-4 8.3-9.1 9\"><\/path>\r\n            <path d=\"M39 18c3.4-5 7.9-6.4 11.7-3.8-.1 5.5-3.3 9.3-9 10.6\"><\/path>\r\n            <path d=\"M20.5 39.5c6.5-1.6 12.3.4 16.5 5.4\"><\/path>\r\n            <circle cx=\"13.5\" cy=\"48\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Goods Procurement<\/h3>\r\n\r\n        <p>\r\n Sourcing various types of goods from the most reputable domestic and foreign manufacturers.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- \u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc -->\r\n      <article class=\"jp-service-card\">\r\n\r\n        <div class=\"jp-service-icon\">\r\n          <svg viewbox=\"0 0 64 64\">\r\n            <path d=\"M12 44c4-7.2 8.2-12 15.2-14.8 5-2 8-6.4 10.2-12\"><\/path>\r\n            <path d=\"M37.5 17.2c4.5-3.3 9.4-2 12.5 2.2-.8 5.6-4.7 8.9-10.5 8.7\"><\/path>\r\n            <path d=\"M28 29.2c5.2 1.8 8.4 5.7 8.6 10.5-4.7 3-9.6 1.3-12.7-2.6\"><\/path>\r\n            <path d=\"M10.5 46.5h43\"><\/path>\r\n            <path d=\"M17 52h30\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>International Transportation<\/h3>\r\n\r\n        <p>\r\n Sea, air, and land transport\r\nWith the best logistics companies\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- \u062a\u0631\u062e\u06cc\u0635 \u06a9\u0627\u0644\u0627 -->\r\n      <article class=\"jp-service-card\">\r\n\r\n        <div class=\"jp-service-icon\">\r\n          <svg viewbox=\"0 0 64 64\">\r\n            <path d=\"M14 19h36v32H14z\"><\/path>\r\n            <path d=\"M14 19l5-6h26l5 6\"><\/path>\r\n            <path d=\"M22 33h20\"><\/path>\r\n            <path d=\"M22 40h13\"><\/path>\r\n            <circle cx=\"44\" cy=\"25\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Customs Clearance<\/h3>\r\n\r\n        <p>\r\n Customs formalities, customs clearance,\r\nSpecialized export and import\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc -->\r\n      <article class=\"jp-service-card\">\r\n\r\n        <div class=\"jp-service-icon\">\r\n          <svg viewbox=\"0 0 64 64\">\r\n            <path d=\"M32 8.5l5.4 4.2 7.1-.6 3.1 6.4 6.2 3.6-1.9 7 2.8 6.4-5.2 5.2-.9 7.1-7 .8-5.6 4.3-6.2-3.8-7 .7-3-6.5-6.2-3.5 2-7-2.8-6.4 5.1-5.2.9-7.1 7-.9z\"><\/path>\r\n            <circle cx=\"32\" cy=\"31.5\" r=\"9.5\"><\/circle>\r\n            <path d=\"M32 25v13\"><\/path>\r\n            <path d=\"M28 29c.9-2 2.7-3 4.8-3 2.8 0 4.8 1.7 4.8 3.8s-1.9 3.6-5.4 3.8c-3 .2-4.8 1.6-4.8 3.7 0 2.2 2 3.8 4.8 3.8 2.1 0 3.9-1 4.8-3\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Business Consulting<\/h3>\r\n\r\n        <p>\r\n Providing specialized consulting in the field of\r\ndomestic and international trade\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.jp-services-section {\r\n  width: 100%;\r\n  padding: 52px 24px 58px;\r\n  background: #ffffff;\r\n  direction: rtl;\r\n  overflow: hidden;\r\n  font-family: inherit;\r\n}\r\n\r\n.jp-services-inner {\r\n  width: 100%;\r\n  max-width: 1380px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.jp-services-heading {\r\n  text-align: center;\r\n  margin-bottom: 39px;\r\n}\r\n\r\n.jp-services-eyebrow {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  color: #c8a24a;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.6;\r\n}\r\n\r\n.jp-services-heading h2 {\r\n  margin: 0;\r\n  color: #171717;\r\n  font-size: clamp(27px, 2.25vw, 35px);\r\n  font-weight: 800;\r\n  line-height: 1.55;\r\n  letter-spacing: -0.7px;\r\n}\r\n\r\n.jp-services-heading p {\r\n  max-width: 760px;\r\n  margin: 8px auto 0;\r\n  color: #a0a0a0;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 2;\r\n}\r\n\r\n.jp-services-grid {\r\n  width: 100%;\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  gap: 17px;\r\n  align-items: stretch;\r\n}\r\n\r\n.jp-service-card {\r\n  position: relative;\r\n  min-height: 226px;\r\n  padding: 25px 20px 24px;\r\n  background: #ffffff;\r\n  border: 1px solid #f1f1f1;\r\n  border-radius: 2px;\r\n  box-shadow: 0 2px 12px rgba(0,0,0,0.025);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  transition:\r\n    transform 0.35s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow 0.35s ease,\r\n    border-color 0.35s ease;\r\n}\r\n\r\n.jp-service-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 50%;\r\n  bottom: 0;\r\n  width: 0;\r\n  height: 2px;\r\n  transform: translateX(50%);\r\n  background: #c8a24a;\r\n  transition: width 0.35s ease;\r\n}\r\n\r\n.jp-service-card:hover {\r\n  transform: translateY(-5px);\r\n  border-color: #eadfca;\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.065);\r\n}\r\n\r\n.jp-service-card:hover::after {\r\n  width: 42%;\r\n}\r\n\r\n.jp-service-icon {\r\n  width: 67px;\r\n  height: 67px;\r\n  margin-bottom: 13px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #c8a24a;\r\n}\r\n\r\n.jp-service-icon svg {\r\n  width: 59px;\r\n  height: 59px;\r\n  display: block;\r\n  overflow: visible;\r\n}\r\n\r\n.jp-service-icon svg path,\r\n.jp-service-icon svg circle {\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.35;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.jp-service-card h3 {\r\n  margin: 0 0 9px;\r\n  color: #242424;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  line-height: 1.75;\r\n}\r\n\r\n.jp-service-card p {\r\n  width: 100%;\r\n  max-width: 210px;\r\n  margin: 0;\r\n  color: #a0a0a0;\r\n  font-size: 11.5px;\r\n  font-weight: 400;\r\n  line-height: 2;\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 1150px) {\r\n\r\n  .jp-services-section {\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .jp-services-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n  .jp-services-heading h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .jp-services-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .jp-services-section {\r\n    padding: 42px 14px 48px;\r\n  }\r\n\r\n  .jp-services-heading {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .jp-services-eyebrow {\r\n    font-size: 12px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .jp-services-heading h2 {\r\n    font-size: 23px;\r\n    line-height: 1.65;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .jp-services-heading p {\r\n    margin-top: 7px;\r\n    font-size: 11.5px;\r\n    line-height: 2;\r\n  }\r\n\r\n  .jp-services-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 11px;\r\n  }\r\n\r\n  .jp-service-card {\r\n    min-height: 214px;\r\n    padding: 22px 10px 20px;\r\n  }\r\n\r\n  .jp-service-icon {\r\n    width: 53px;\r\n    height: 53px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .jp-service-icon svg {\r\n    width: 48px;\r\n    height: 48px;\r\n  }\r\n\r\n  .jp-service-card h3 {\r\n    font-size: 13px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  .jp-service-card p {\r\n    max-width: 175px;\r\n    font-size: 10px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* Small Mobile *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n  .jp-services-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .jp-service-card {\r\n    min-height: 200px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-8918884 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8918884\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7667753\" data-id=\"7667753\" 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-de2d770 elementor-widget elementor-widget-html\" data-id=\"de2d770\" 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=\"jp-stats-section\" dir=\"rtl\">\r\n\r\n  <div class=\"jp-stats-container\">\r\n\r\n    <!-- \u0622\u0645\u0627\u0631 1 -->\r\n    <div class=\"jp-stat-item\">\r\n\r\n      <div class=\"jp-stat-content\">\r\n\r\n        <div class=\"jp-stat-number\">+120<\/div>\r\n\r\n        <div class=\"jp-stat-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M32 8.5l5.5 4.2 7-.7 3.2 6.5 6.1 3.6-1.8 7 2.7 6.4-5.1 5.2-.8 7-7 .9-5.7 4.2-6.1-3.8-7 .7-3-6.4-6.2-3.6 2-7-2.8-6.3 5.2-5.2.8-7 7-.9z\"><\/path>\r\n            <circle cx=\"32\" cy=\"31\" r=\"9\"><\/circle>\r\n            <path d=\"M32 25v12\"><\/path>\r\n            <path d=\"M28 29c1-2 2.7-3 4.8-3 2.7 0 4.7 1.7 4.7 3.8s-1.8 3.5-5.2 3.7c-3 .2-4.8 1.6-4.8 3.7s2 3.8 4.8 3.8c2 0 3.8-1 4.7-3\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"jp-stat-title\">\r\n Successful project\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u0622\u0645\u0627\u0631 2 -->\r\n    <div class=\"jp-stat-item\">\r\n\r\n      <div class=\"jp-stat-content\">\r\n\r\n        <div class=\"jp-stat-number\">+250<\/div>\r\n\r\n        <div class=\"jp-stat-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <circle cx=\"32\" cy=\"19\" r=\"9\"><\/circle>\r\n            <path d=\"M16 48c1.5-9.5 7-15 16-15s14.5 5.5 16 15\"><\/path>\r\n            <path d=\"M10 50h44\"><\/path>\r\n            <path d=\"M21 10c-3 1.5-5 4.2-5 7.5\"><\/path>\r\n            <path d=\"M43 10c3 1.5 5 4.2 5 7.5\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"jp-stat-title\">\r\n Satisfied customer\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u0622\u0645\u0627\u0631 3 -->\r\n    <div class=\"jp-stat-item\">\r\n\r\n      <div class=\"jp-stat-content\">\r\n\r\n        <div class=\"jp-stat-number\">+15<\/div>\r\n\r\n        <div class=\"jp-stat-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M32 7l7 5 8-.5 3.5 7 6 4-2 7.5 3 7-5.5 5.5-1 7.5-7.5 1-5.5 5-7-4-7 4-5.5-5-7.5-1-1-7.5L5 37l3-7-2-7.5 6-4 3.5-7 8 .5z\"><\/path>\r\n            <path d=\"M32 18v26\"><\/path>\r\n            <path d=\"M22 27c2-3 5-4.5 9-4.5 5 0 9 3 9 7s-3 6.5-9 7c-5 .5-9 2.5-9 6\"><\/path>\r\n            <path d=\"M32 18c-5 0-9 3-9 7\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"jp-stat-title\">\r\n Years of experience\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u0622\u0645\u0627\u0631 4 -->\r\n    <div class=\"jp-stat-item\">\r\n\r\n      <div class=\"jp-stat-content\">\r\n\r\n        <div class=\"jp-stat-number\">+30<\/div>\r\n\r\n        <div class=\"jp-stat-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <circle cx=\"32\" cy=\"32\" r=\"23\"><\/circle>\r\n            <path d=\"M9 32h46\"><\/path>\r\n            <path d=\"M32 9c6 6 9 14 9 23s-3 17-9 23\"><\/path>\r\n            <path d=\"M32 9c-6 6-9 14-9 23s3 17 9 23\"><\/path>\r\n            <path d=\"M13 20h38\"><\/path>\r\n            <path d=\"M13 44h38\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"jp-stat-title\">\r\n Partner countries\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   PREMIUM STATISTICS BAR\r\n   ========================================================= *\/\r\n\r\n.jp-stats-section {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 170px;\r\n\r\n  padding: 34px 30px 30px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 15% 50%,\r\n      rgba(255,255,255,.025) 0,\r\n      transparent 35%\r\n    ),\r\n    radial-gradient(\r\n      circle at 80% 30%,\r\n      rgba(255,255,255,.018) 0,\r\n      transparent 30%\r\n    ),\r\n    #111111;\r\n\r\n  direction: rtl;\r\n\r\n  overflow: hidden;\r\n\r\n  font-family: inherit;\r\n\r\n}\r\n\r\n\r\n\/* \u0628\u0627\u0641\u062a \u062e\u06cc\u0644\u06cc \u0638\u0631\u06cc\u0641 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\r\n\r\n.jp-stats-section::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: .18;\r\n\r\n  background-image:\r\n    radial-gradient(\r\n      rgba(255,255,255,.10) .6px,\r\n      transparent .6px\r\n    );\r\n\r\n  background-size: 5px 5px;\r\n\r\n}\r\n\r\n\r\n\/* \u062e\u0637 \u0637\u0644\u0627\u06cc\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0638\u0631\u06cc\u0641 \u0628\u0627\u0644\u0627\u06cc \u0628\u062e\u0634 *\/\r\n\r\n.jp-stats-section::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n\r\n  right: 0;\r\n\r\n  left: 0;\r\n\r\n  height: 1px;\r\n\r\n  background: rgba(200,162,74,.22);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.jp-stats-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1250px;\r\n\r\n  min-height: 105px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4, 1fr);\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM\r\n   ========================================================= *\/\r\n\r\n.jp-stat-item {\r\n\r\n  position: relative;\r\n\r\n  min-height: 92px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   \u0639\u062f\u062f + \u0622\u06cc\u06a9\u0648\u0646\r\n   ========================================================= *\/\r\n\r\n.jp-stat-content {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  direction: ltr;\r\n\r\n  gap: 12px;\r\n\r\n  min-height: 43px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.jp-stat-number {\r\n\r\n  color: #c8a24a;\r\n\r\n  font-size: 31px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -.8px;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-shadow:\r\n    0 1px 8px rgba(200,162,74,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.jp-stat-icon {\r\n\r\n  width: 38px;\r\n\r\n  height: 38px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  color: #c8a24a;\r\n\r\n  flex-shrink: 0;\r\n\r\n}\r\n\r\n\r\n.jp-stat-icon svg {\r\n\r\n  width: 35px;\r\n\r\n  height: 35px;\r\n\r\n  display: block;\r\n\r\n  overflow: visible;\r\n\r\n}\r\n\r\n\r\n.jp-stat-icon svg path,\r\n.jp-stat-icon svg circle {\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2.1;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n\r\n.jp-stat-title {\r\n\r\n  margin-top: 8px;\r\n\r\n  color: #f0f0f0;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.8;\r\n\r\n  white-space: nowrap;\r\n\r\n  opacity: .92;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEPARATOR\r\n   ========================================================= *\/\r\n\r\n.jp-stat-item:not(:last-child)::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n\r\n  top: 22%;\r\n\r\n  width: 1px;\r\n\r\n  height: 56%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      rgba(200,162,74,.13),\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n\r\n.jp-stat-item {\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n.jp-stat-item:hover {\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.jp-stat-item:hover .jp-stat-number,\r\n.jp-stat-item:hover .jp-stat-icon {\r\n\r\n  color: #d5b25f;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .jp-stats-section {\r\n\r\n    padding-left: 20px;\r\n\r\n    padding-right: 20px;\r\n\r\n  }\r\n\r\n  .jp-stat-number {\r\n\r\n    font-size: 27px;\r\n\r\n  }\r\n\r\n  .jp-stat-icon {\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n  }\r\n\r\n  .jp-stat-icon svg {\r\n\r\n    width: 31px;\r\n\r\n    height: 31px;\r\n\r\n  }\r\n\r\n  .jp-stat-content {\r\n\r\n    gap: 9px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 750px) {\r\n\r\n  .jp-stats-section {\r\n\r\n    padding: 30px 15px;\r\n\r\n  }\r\n\r\n  .jp-stats-container {\r\n\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n\r\n    row-gap: 25px;\r\n\r\n  }\r\n\r\n  .jp-stat-item {\r\n\r\n    min-height: 80px;\r\n\r\n  }\r\n\r\n  .jp-stat-item:nth-child(2)::after {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n  .jp-stat-number {\r\n\r\n    font-size: 25px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 500px) {\r\n\r\n  .jp-stats-section {\r\n\r\n    min-height: auto;\r\n\r\n    padding: 27px 10px 25px;\r\n\r\n  }\r\n\r\n  .jp-stats-container {\r\n\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n\r\n    row-gap: 23px;\r\n\r\n  }\r\n\r\n  .jp-stat-item {\r\n\r\n    min-height: 72px;\r\n\r\n  }\r\n\r\n  .jp-stat-content {\r\n\r\n    gap: 7px;\r\n\r\n  }\r\n\r\n  .jp-stat-number {\r\n\r\n    font-size: 22px;\r\n\r\n    letter-spacing: -.5px;\r\n\r\n  }\r\n\r\n  .jp-stat-icon {\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n  }\r\n\r\n  .jp-stat-icon svg {\r\n\r\n    width: 28px;\r\n\r\n    height: 28px;\r\n\r\n  }\r\n\r\n  .jp-stat-title {\r\n\r\n    margin-top: 6px;\r\n\r\n    font-size: 10px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 350px) {\r\n\r\n  .jp-stat-number {\r\n\r\n    font-size: 20px;\r\n\r\n  }\r\n\r\n  .jp-stat-title {\r\n\r\n    font-size: 9px;\r\n\r\n  }\r\n\r\n  .jp-stat-content {\r\n\r\n    gap: 5px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-2539050 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2539050\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-981272\" data-id=\"981272\" 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-58ee800 elementor-widget elementor-widget-html\" data-id=\"58ee800\" 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=\"jp-about-section\" dir=\"rtl\">\r\n\r\n  <!-- =====================================================\r\n       \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0642\u0627\u0628\u0644 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u062c\u0647\u0627\u0646 \u067e\u0627\u0634\u0627\r\n       \r\n       \u0641\u0642\u0637 \u0645\u0648\u0627\u0631\u062f \u062f\u0627\u062e\u0644 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062f\u0647.\r\n       ===================================================== -->\r\n\r\n  \r\n    const JP_ABOUT_CONFIG = {\r\n\r\n      \/* =========================\r\n         \u0639\u06a9\u0633 \u0628\u0632\u0631\u06af \u0633\u0645\u062a \u0686\u067e\r\n         ========================= *\/\r\n      mainImage:\r\n        \"https:\/\/jahanpasha.com\/wp-content\/uploads\/about-main.jpg\",\r\n\r\n\r\n      \/* =========================\r\n         \u0639\u06a9\u0633 \u06a9\u0648\u0686\u06a9 \u0628\u0627\u0644\u0627\r\n         ========================= *\/\r\n      topImage:\r\n        \"https:\/\/jahanpasha.com\/wp-content\/uploads\/about-top.jpg\",\r\n\r\n\r\n      \/* =========================\r\n         \u0639\u06a9\u0633 \u06a9\u0648\u0686\u06a9 \u067e\u0627\u06cc\u06cc\u0646\r\n         ========================= *\/\r\n      bottomImage:\r\n        \"https:\/\/jahanpasha.com\/wp-content\/uploads\/about-bottom.jpg\",\r\n\r\n\r\n      \/* =========================\r\n         \u0644\u06cc\u0646\u06a9 \u062f\u06a9\u0645\u0647\r\n         \r\n         \u0645\u062b\u0627\u0644:\r\n         \/about-us\/\r\n         \u06cc\u0627:\r\n         https:\/\/jahanpasha.com\/about-us\/\r\n         ========================= *\/\r\n      buttonLink:\r\n        \"https:\/\/jahanpasha.com\/about-us\/\",\r\n\r\n\r\n      \/* =========================\r\n         \u0645\u062a\u0646 \u062f\u06a9\u0645\u0647\r\n         ========================= *\/\r\n      buttonText:\r\n        \"\u0628\u06cc\u0634\u062a\u0631 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\"\r\n\r\n    };\r\n  \r\n\r\n\r\n  <div class=\"jp-about-container\">\r\n\r\n\r\n    <!-- =====================================================\r\n         \u0628\u062e\u0634 \u062a\u0635\u0627\u0648\u06cc\u0631\r\n         ===================================================== -->\r\n\r\n    <div class=\"jp-about-gallery\">\r\n\r\n\r\n      <!-- \u062a\u0635\u0648\u06cc\u0631 \u0627\u0635\u0644\u06cc -->\r\n\r\n      <div class=\"jp-about-main-image jp-about-image\">\r\n\r\n        <img decoding=\"async\" id=\"jp-about-main-img\" src=\"\" alt=\"Jahan Pasha - International Trade\" loading=\"lazy\">\r\n\r\n        <div class=\"jp-image-overlay\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- \u062a\u0635\u0627\u0648\u06cc\u0631 \u06a9\u0648\u0686\u06a9 -->\r\n\r\n      <div class=\"jp-about-small-images\">\r\n\r\n\r\n        <!-- \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0644\u0627 -->\r\n\r\n        <div class=\"jp-about-small-image jp-about-image\">\r\n\r\n          <img decoding=\"async\" id=\"jp-about-top-img\" src=\"\" alt=\"Jahan Pasha International Transportation\" loading=\"lazy\">\r\n\r\n          <div class=\"jp-image-overlay\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u062a\u0635\u0648\u06cc\u0631 \u067e\u0627\u06cc\u06cc\u0646 -->\r\n\r\n        <div class=\"jp-about-small-image jp-about-image\">\r\n\r\n          <img decoding=\"async\" id=\"jp-about-bottom-img\" src=\"\" alt=\"Jahan Pasha Supply and Trade\" loading=\"lazy\">\r\n\r\n          <div class=\"jp-image-overlay\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         \u0628\u062e\u0634 \u0645\u062a\u0646\r\n         ===================================================== -->\r\n\r\n    <div class=\"jp-about-content\">\r\n\r\n\r\n      <!-- \u0628\u0631\u0686\u0633\u0628 -->\r\n\r\n      <span class=\"jp-about-eyebrow\">\r\n About Jahan Pasha\r\n      <\/span>\r\n\r\n\r\n      <!-- \u0639\u0646\u0648\u0627\u0646 -->\r\n\r\n      <h2>\r\n Trust, Experience, Leader in Global Trade\r\n      <\/h2>\r\n\r\n\r\n      <!-- \u062a\u0648\u0636\u06cc\u062d\u0627\u062a -->\r\n\r\n      <p class=\"jp-about-description\">\r\n\r\n Jahan Pasha Trade Development leverages years of experience in global trade\u2014spanning sourcing, transportation, customs clearance, and commercial operations\u2014to provide reliable and streamlined solutions for its clients and business partners.\r\nWe stand by you to support the growth and development of your business.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\r\n           ===================================================== -->\r\n\r\n      <div class=\"jp-about-features\">\r\n\r\n\r\n        <!-- \u0648\u06cc\u0698\u06af\u06cc 1 -->\r\n\r\n        <div class=\"jp-about-feature\">\r\n\r\n          <div class=\"jp-feature-icon\">\r\n\r\n            <svg viewbox=\"0 0 64 64\">\r\n\r\n              <circle cx=\"32\" cy=\"32\" r=\"22\"><\/circle>\r\n\r\n              <path d=\"M22 33l7 7 14-16\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <span>\r\n International experience and expertise\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- \u0648\u06cc\u0698\u06af\u06cc 2 -->\r\n\r\n        <div class=\"jp-about-feature\">\r\n\r\n          <div class=\"jp-feature-icon\">\r\n\r\n            <svg viewbox=\"0 0 64 64\">\r\n\r\n              <circle cx=\"32\" cy=\"32\" r=\"22\"><\/circle>\r\n\r\n              <path d=\"M22 32h20\"><\/path>\r\n\r\n              <path d=\"M32 22v20\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <span>\r\n Extensive network of suppliers and customers\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- \u0648\u06cc\u0698\u06af\u06cc 3 -->\r\n\r\n        <div class=\"jp-about-feature\">\r\n\r\n          <div class=\"jp-feature-icon\">\r\n\r\n            <svg viewbox=\"0 0 64 64\">\r\n\r\n              <circle cx=\"32\" cy=\"32\" r=\"22\"><\/circle>\r\n\r\n              <path d=\"M32 20v13l8 5\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <span>\r\n Commitment to Quality and Scheduling\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           \u062f\u06a9\u0645\u0647\r\n           ===================================================== -->\r\n\r\n      <a id=\"jp-about-button\" class=\"jp-about-button\" href=\"#\">\r\n\r\n        <span id=\"jp-about-button-text\">\r\n More About Us\r\n        <\/span>\r\n\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n          <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n\r\n        <\/svg>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   ABOUT SECTION\r\n   ========================================================= *\/\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   SECTION\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-section {\r\n\r\n  width: 100%;\r\n\r\n  position: relative;\r\n\r\n  padding: 72px 30px;\r\n\r\n  background: #ffffff;\r\n\r\n  direction: rtl;\r\n\r\n  overflow: hidden;\r\n\r\n  font-family: inherit;\r\n\r\n}\r\n\r\n\r\n.jp-about-section *,\r\n.jp-about-section *::before,\r\n.jp-about-section *::after {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   CONTAINER\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-container {\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1280px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.05fr)\r\n    minmax(0, .95fr);\r\n\r\n  gap: 78px;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GALLERY\r\n   ========================================================= *\/\r\n\r\n.jp-about-gallery {\r\n\r\n  width: 100%;\r\n\r\n  height: 405px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: 1.55fr .85fr;\r\n\r\n  gap: 18px;\r\n\r\n  direction: ltr;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   IMAGE COMMON\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-image {\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 5px;\r\n\r\n  background: #eeeeee;\r\n\r\n  cursor: pointer;\r\n\r\n}\r\n\r\n\r\n.jp-about-image img {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform .8s cubic-bezier(.2,.8,.2,1),\r\n    filter .5s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   MAIN IMAGE\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-main-image {\r\n\r\n  width: 100%;\r\n\r\n  height: 405px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   SMALL IMAGES\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-small-images {\r\n\r\n  height: 405px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-rows: 1fr 1fr;\r\n\r\n  gap: 18px;\r\n\r\n}\r\n\r\n\r\n.jp-about-small-image {\r\n\r\n  min-height: 0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   IMAGE OVERLAY\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-image-overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(0,0,0,0) 55%,\r\n      rgba(0,0,0,.12) 100%\r\n    );\r\n\r\n  opacity: .65;\r\n\r\n  transition:\r\n    opacity .5s ease;\r\n\r\n}\r\n\r\n\r\n.jp-about-image:hover img {\r\n\r\n  transform: scale(1.055);\r\n\r\n}\r\n\r\n\r\n.jp-about-image:hover .jp-image-overlay {\r\n\r\n  opacity: .85;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.jp-about-content {\r\n\r\n  direction: rtl;\r\n\r\n  text-align: right;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   EYEBROW\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-eyebrow {\r\n\r\n  display: inline-block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #c8a24a;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   TITLE\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-content h2 {\r\n\r\n  margin: 0 0 16px;\r\n\r\n  color: #151515;\r\n\r\n  font-size: clamp(28px, 2.5vw, 38px);\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.55;\r\n\r\n  letter-spacing: -.8px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   DESCRIPTION\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-about-description {\r\n\r\n  max-width: 570px;\r\n\r\n  margin: 0 0 24px;\r\n\r\n  color: #777777;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 2.25;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n   ========================================================= *\/\r\n\r\n.jp-about-features {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 13px;\r\n\r\n  margin-bottom: 27px;\r\n\r\n}\r\n\r\n\r\n.jp-about-feature {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  color: #555555;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 600;\r\n\r\n  line-height: 1.8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   FEATURE ICON\r\n   --------------------------------------------------------- *\/\r\n\r\n.jp-feature-icon {\r\n\r\n  width: 35px;\r\n\r\n  height: 35px;\r\n\r\n  flex: 0 0 35px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  color: #c8a24a;\r\n\r\n}\r\n\r\n\r\n.jp-feature-icon svg {\r\n\r\n  width: 33px;\r\n\r\n  height: 33px;\r\n\r\n  display: block;\r\n\r\n}\r\n\r\n\r\n.jp-feature-icon svg circle,\r\n.jp-feature-icon svg path {\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2.1;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.jp-about-button {\r\n\r\n  position: relative;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  min-width: 190px;\r\n\r\n  min-height: 52px;\r\n\r\n  padding: 13px 24px;\r\n\r\n  border-radius: 5px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #d0a84f 0%,\r\n      #b4862f 100%\r\n    );\r\n\r\n  color: #ffffff !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.5;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(180,134,47,.18);\r\n\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    filter .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-about-button::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n\r\n  left: -100%;\r\n\r\n  width: 70%;\r\n\r\n  height: 100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.22),\r\n      transparent\r\n    );\r\n\r\n  transform: skewX(-20deg);\r\n\r\n  transition: left .7s ease;\r\n\r\n}\r\n\r\n\r\n.jp-about-button:hover {\r\n\r\n  color: #ffffff !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  filter: brightness(1.04);\r\n\r\n  box-shadow:\r\n    0 13px 28px rgba(180,134,47,.25);\r\n\r\n}\r\n\r\n\r\n.jp-about-button:hover::before {\r\n\r\n  left: 140%;\r\n\r\n}\r\n\r\n\r\n.jp-about-button svg {\r\n\r\n  width: 17px;\r\n\r\n  height: 17px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-about-button:hover svg {\r\n\r\n  transform: translateX(-4px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   ========================================================= *\/\r\n\r\n.jp-about-content {\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateX(35px);\r\n\r\n}\r\n\r\n\r\n.jp-about-gallery {\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateX(-35px);\r\n\r\n}\r\n\r\n\r\n.jp-about-section.jp-about-visible\r\n.jp-about-content {\r\n\r\n  animation:\r\n    jpAboutContentReveal .9s\r\n    cubic-bezier(.2,.8,.2,1)\r\n    forwards;\r\n\r\n}\r\n\r\n\r\n.jp-about-section.jp-about-visible\r\n.jp-about-gallery {\r\n\r\n  animation:\r\n    jpAboutGalleryReveal .9s\r\n    cubic-bezier(.2,.8,.2,1)\r\n    .12s\r\n    forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes jpAboutContentReveal {\r\n\r\n  from {\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateX(35px);\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translateX(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes jpAboutGalleryReveal {\r\n\r\n  from {\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateX(-35px);\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translateX(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .jp-about-section {\r\n\r\n    padding: 60px 25px;\r\n\r\n  }\r\n\r\n  .jp-about-container {\r\n\r\n    gap: 45px;\r\n\r\n  }\r\n\r\n  .jp-about-gallery {\r\n\r\n    height: 350px;\r\n\r\n  }\r\n\r\n  .jp-about-main-image {\r\n\r\n    height: 350px;\r\n\r\n  }\r\n\r\n  .jp-about-small-images {\r\n\r\n    height: 350px;\r\n\r\n  }\r\n\r\n  .jp-about-content h2 {\r\n\r\n    font-size: 30px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n  .jp-about-section {\r\n\r\n    padding: 55px 20px;\r\n\r\n  }\r\n\r\n  .jp-about-container {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 42px;\r\n\r\n  }\r\n\r\n  .jp-about-gallery {\r\n\r\n    height: 400px;\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto;\r\n\r\n    width: 100%;\r\n\r\n  }\r\n\r\n  .jp-about-main-image {\r\n\r\n    height: 400px;\r\n\r\n  }\r\n\r\n  .jp-about-small-images {\r\n\r\n    height: 400px;\r\n\r\n  }\r\n\r\n  .jp-about-content {\r\n\r\n    text-align: right;\r\n\r\n  }\r\n\r\n  .jp-about-description {\r\n\r\n    max-width: 100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 550px) {\r\n\r\n  .jp-about-section {\r\n\r\n    padding: 45px 15px;\r\n\r\n  }\r\n\r\n  .jp-about-container {\r\n\r\n    gap: 34px;\r\n\r\n  }\r\n\r\n  .jp-about-gallery {\r\n\r\n    height: 290px;\r\n\r\n    gap: 9px;\r\n\r\n    grid-template-columns: 1.5fr .85fr;\r\n\r\n  }\r\n\r\n  .jp-about-main-image {\r\n\r\n    height: 290px;\r\n\r\n  }\r\n\r\n  .jp-about-small-images {\r\n\r\n    height: 290px;\r\n\r\n    gap: 9px;\r\n\r\n  }\r\n\r\n  .jp-about-content h2 {\r\n\r\n    font-size: 25px;\r\n\r\n    line-height: 1.65;\r\n\r\n    letter-spacing: -.3px;\r\n\r\n  }\r\n\r\n  .jp-about-eyebrow {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n  .jp-about-description {\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 2.15;\r\n\r\n  }\r\n\r\n  .jp-about-feature {\r\n\r\n    font-size: 11.5px;\r\n\r\n  }\r\n\r\n  .jp-about-button {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 50px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .jp-about-gallery {\r\n\r\n    height: 245px;\r\n\r\n  }\r\n\r\n  .jp-about-main-image {\r\n\r\n    height: 245px;\r\n\r\n  }\r\n\r\n  .jp-about-small-images {\r\n\r\n    height: 245px;\r\n\r\n  }\r\n\r\n  .jp-about-content h2 {\r\n\r\n    font-size: 23px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .jp-about-content,\r\n  .jp-about-gallery {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n  }\r\n\r\n  .jp-about-section.jp-about-visible\r\n  .jp-about-content,\r\n  .jp-about-section.jp-about-visible\r\n  .jp-about-gallery {\r\n\r\n    animation: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   ABOUT SECTION SCRIPT\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n\r\n  function initJahanPashaAbout() {\r\n\r\n    const sections =\r\n      document.querySelectorAll(\r\n        '.jp-about-section'\r\n      );\r\n\r\n\r\n    sections.forEach(function (section) {\r\n\r\n      \/* -----------------------------------------------\r\n         \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062f\u0648\u0628\u0627\u0631\u0647\r\n         ----------------------------------------------- *\/\r\n\r\n      if (\r\n        section.dataset.jpAboutInitialized === 'true'\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      section.dataset.jpAboutInitialized = 'true';\r\n\r\n\r\n\r\n      \/* -----------------------------------------------\r\n         \u062a\u0646\u0638\u06cc\u0645\u0627\u062a\r\n         ----------------------------------------------- *\/\r\n\r\n      const config =\r\n        window.JP_ABOUT_CONFIG || {};\r\n\r\n\r\n\r\n      \/* -----------------------------------------------\r\n         \u0639\u06a9\u0633 \u0627\u0635\u0644\u06cc\r\n         ----------------------------------------------- *\/\r\n\r\n      const mainImage =\r\n        section.querySelector(\r\n          '#jp-about-main-img'\r\n        );\r\n\r\n      if (\r\n        mainImage &amp;&amp;\r\n        config.mainImage\r\n      ) {\r\n\r\n        mainImage.src =\r\n          config.mainImage;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* -----------------------------------------------\r\n         \u0639\u06a9\u0633 \u0628\u0627\u0644\u0627\r\n         ----------------------------------------------- *\/\r\n\r\n      const topImage =\r\n        section.querySelector(\r\n          '#jp-about-top-img'\r\n        );\r\n\r\n      if (\r\n        topImage &amp;&amp;\r\n        config.topImage\r\n      ) {\r\n\r\n        topImage.src =\r\n          config.topImage;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* -----------------------------------------------\r\n         \u0639\u06a9\u0633 \u067e\u0627\u06cc\u06cc\u0646\r\n         ----------------------------------------------- *\/\r\n\r\n      const bottomImage =\r\n        section.querySelector(\r\n          '#jp-about-bottom-img'\r\n        );\r\n\r\n      if (\r\n        bottomImage &amp;&amp;\r\n        config.bottomImage\r\n      ) {\r\n\r\n        bottomImage.src =\r\n          config.bottomImage;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* -----------------------------------------------\r\n         \u0644\u06cc\u0646\u06a9 \u062f\u06a9\u0645\u0647\r\n         ----------------------------------------------- *\/\r\n\r\n      const button =\r\n        section.querySelector(\r\n          '#jp-about-button'\r\n        );\r\n\r\n      if (\r\n        button &amp;&amp;\r\n        config.buttonLink\r\n      ) {\r\n\r\n        button.href =\r\n          config.buttonLink;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* -----------------------------------------------\r\n         \u0645\u062a\u0646 \u062f\u06a9\u0645\u0647\r\n         ----------------------------------------------- *\/\r\n\r\n      const buttonText =\r\n        section.querySelector(\r\n          '#jp-about-button-text'\r\n        );\r\n\r\n      if (\r\n        buttonText &amp;&amp;\r\n        config.buttonText\r\n      ) {\r\n\r\n        buttonText.textContent =\r\n          config.buttonText;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* -----------------------------------------------\r\n         \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0647\u0646\u06af\u0627\u0645 \u0648\u0631\u0648\u062f \u0628\u0647 \u0635\u0641\u062d\u0647\r\n         ----------------------------------------------- *\/\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n\r\n          function (entries) {\r\n\r\n            entries.forEach(\r\n              function (entry) {\r\n\r\n                if (\r\n                  entry.isIntersecting\r\n                ) {\r\n\r\n                  section.classList.add(\r\n                    'jp-about-visible'\r\n                  );\r\n\r\n                  observer.unobserve(\r\n                    section\r\n                  );\r\n\r\n                }\r\n\r\n              }\r\n            );\r\n\r\n          },\r\n\r\n          {\r\n            threshold: 0.18\r\n          }\r\n\r\n        );\r\n\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0627\u062c\u0631\u0627\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc\r\n     ----------------------------------------------- *\/\r\n\r\n  if (\r\n    document.readyState === 'loading'\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initJahanPashaAbout\r\n    );\r\n\r\n  } else {\r\n\r\n    initJahanPashaAbout();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* -----------------------------------------------\r\n     \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 Elementor\r\n     ----------------------------------------------- *\/\r\n\r\n  if (window.jQuery) {\r\n\r\n    jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function () {\r\n\r\n        setTimeout(\r\n          initJahanPashaAbout,\r\n          300\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\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=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-1197192 wd-section-stretch_row_content elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1197192\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\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-9803595 elementor-invisible\" data-id=\"9803595\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;wd-anim-left-flip-y&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\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-969e687 elementor-widget elementor-widget-html\" data-id=\"969e687\" 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=\"jp-category-section\" dir=\"rtl\">\r\n\r\n  <div class=\"jp-category-container\">\r\n\r\n    <!-- =========================\r\n         HEADER\r\n         ========================= -->\r\n\r\n    <div class=\"jp-category-header\">\r\n\r\n      <div class=\"jp-category-label\">\r\n Product Categories\r\n      <\/div>\r\n\r\n      <h2>\r\n Products and Product Categories\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         CARDS\r\n         \u0641\u0642\u0637 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc\r\n         \u0627\u0636\u0627\u0641\u0647 \/ \u062d\u0630\u0641 \/ \u062a\u063a\u06cc\u06cc\u0631 \u06a9\u0627\u0631\u062a\r\n         \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0646\r\n         ========================= -->\r\n\r\n    <div class=\"jp-category-grid\">\r\n\r\n\r\n      <!-- 01 -->\r\n      <a href=\"\/products\/plastic\/\" class=\"jp-category-card\">\r\n\r\n        <div class=\"jp-category-image\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/dispackdistribuidora.com.br\/wp-content\/uploads\/2025\/09\/image-5.jpg\" alt=\"Plasticware and disposable products\">\r\n\r\n          <div class=\"jp-image-overlay\"><\/div>\r\n\r\n          <div class=\"jp-image-shine\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-category-title\">\r\n Plasticware and disposable products\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 02 -->\r\n      <a href=\"\/products\/home-kitchen\/\" class=\"jp-category-card\">\r\n\r\n        <div class=\"jp-category-image\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/qLF-SXFhYVRLkgyU02_wSw\/e84e6b22-e908-42fd-639b-7e058abbcc00\/public\" alt=\"Home and Kitchen Appliances\">\r\n\r\n          <div class=\"jp-image-overlay\"><\/div>\r\n\r\n          <div class=\"jp-image-shine\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-category-title\">\r\n Home and Kitchen Appliances\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 03 -->\r\n      <a href=\"\/products\/charcoal\/\" class=\"jp-category-card\">\r\n\r\n        <div class=\"jp-category-image\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/6024\/pexels-photo-6024.jpeg\" alt=\"Charcoal\">\r\n\r\n          <div class=\"jp-image-overlay\"><\/div>\r\n\r\n          <div class=\"jp-image-shine\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-category-title\">\r\n Charcoal\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 04 -->\r\n      <a href=\"\/products\/detergents\/\" class=\"jp-category-card\">\r\n\r\n        <div class=\"jp-category-image\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/5217896\/pexels-photo-5217896.jpeg\" alt=\"Detergent\">\r\n\r\n          <div class=\"jp-image-overlay\"><\/div>\r\n\r\n          <div class=\"jp-image-shine\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-category-title\">\r\n Detergent\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         BUTTON\r\n         ========================= -->\r\n\r\n    <div class=\"jp-all-products\">\r\n\r\n      <a href=\"\/products\/\" class=\"jp-all-products-button\">\r\n\r\n        <span>\r\n View all products\r\n        <\/span>\r\n\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n        <\/svg>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   CATEGORY SECTION\r\n   ========================================================= *\/\r\n\r\n\r\n.jp-category-section {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    34px 30px 30px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #111111 0%,\r\n      #0c0c0c 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* \u0646\u0648\u0631 \u0628\u0633\u06cc\u0627\u0631 \u0638\u0631\u06cc\u0641 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\r\n\r\n.jp-category-section::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% -20%,\r\n      rgba(200,162,74,.09),\r\n      transparent 42%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* \u062e\u0637 \u0637\u0644\u0627\u06cc\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0638\u0631\u06cc\u0641 \u0628\u0627\u0644\u0627 *\/\r\n\r\n.jp-category-section::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n\r\n  right: 0;\r\n\r\n  left: 0;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(200,162,74,.4),\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.jp-category-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1400px;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.jp-category-header {\r\n\r\n  text-align: center;\r\n\r\n  margin-bottom: 24px;\r\n\r\n}\r\n\r\n\r\n.jp-category-label {\r\n\r\n  margin-bottom: 4px;\r\n\r\n  color: #c8a24a;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n.jp-category-header h2 {\r\n\r\n  margin: 0;\r\n\r\n  padding: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 28px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.5;\r\n\r\n  letter-spacing: -.4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.jp-category-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4, minmax(0, 1fr));\r\n\r\n  gap: 18px;\r\n\r\n  width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.jp-category-card {\r\n\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  min-width: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #050505;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.035);\r\n\r\n  border-radius: 5px;\r\n\r\n  text-decoration: none !important;\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(0,0,0,.28);\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(24px);\r\n\r\n  animation:\r\n    jpCardEnter\r\n    .75s\r\n    cubic-bezier(.2,.8,.2,1)\r\n    forwards;\r\n\r\n}\r\n\r\n\r\n.jp-category-card:nth-child(1) {\r\n\r\n  animation-delay:\r\n    .08s;\r\n\r\n}\r\n\r\n\r\n.jp-category-card:nth-child(2) {\r\n\r\n  animation-delay:\r\n    .16s;\r\n\r\n}\r\n\r\n\r\n.jp-category-card:nth-child(3) {\r\n\r\n  animation-delay:\r\n    .24s;\r\n\r\n}\r\n\r\n\r\n.jp-category-card:nth-child(4) {\r\n\r\n  animation-delay:\r\n    .32s;\r\n\r\n}\r\n\r\n\r\n@keyframes jpCardEnter {\r\n\r\n  from {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(24px)\r\n      scale(.98);\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0)\r\n      scale(1);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n   ========================================================= *\/\r\n\r\n.jp-category-image {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio: 1.15 \/ 1;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #171717;\r\n\r\n}\r\n\r\n\r\n.jp-category-image img {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform .8s\r\n    cubic-bezier(.2,.8,.2,1),\r\n\r\n    filter .5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n   ========================================================= *\/\r\n\r\n.jp-image-overlay {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(0,0,0,0) 50%,\r\n      rgba(0,0,0,.28) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHINE\r\n   ========================================================= *\/\r\n\r\n.jp-image-shine {\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n\r\n  bottom: 0;\r\n\r\n  left: -130%;\r\n\r\n  z-index: 3;\r\n\r\n  width: 55%;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.16),\r\n      transparent\r\n    );\r\n\r\n  transform:\r\n    skewX(-20deg);\r\n\r\n  transition:\r\n    left .75s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n   ========================================================= *\/\r\n\r\n.jp-category-title {\r\n\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  min-height: 47px;\r\n\r\n  padding:\r\n    9px 8px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #050505,\r\n      #090909\r\n    );\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.6;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD LINE\r\n   ========================================================= *\/\r\n\r\n.jp-category-card::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: 50%;\r\n\r\n  bottom: 0;\r\n\r\n  z-index: 10;\r\n\r\n  width: 0;\r\n\r\n  height: 2px;\r\n\r\n  transform:\r\n    translateX(50%);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #987027,\r\n      #d6b45b,\r\n      #987027\r\n    );\r\n\r\n  transition:\r\n    width .4s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n\r\n.jp-category-card:hover {\r\n\r\n  border-color:\r\n    rgba(200,162,74,.32);\r\n\r\n  box-shadow:\r\n    0 17px 34px rgba(0,0,0,.45);\r\n\r\n  transform:\r\n    translateY(-6px)\r\n    scale(1.015);\r\n\r\n}\r\n\r\n\r\n.jp-category-card:hover\r\n.jp-category-image img {\r\n\r\n  transform:\r\n    scale(1.08);\r\n\r\n  filter:\r\n    brightness(1.06)\r\n    saturate(1.04);\r\n\r\n}\r\n\r\n\r\n.jp-category-card:hover\r\n.jp-image-shine {\r\n\r\n  left: 140%;\r\n\r\n}\r\n\r\n\r\n.jp-category-card:hover\r\n.jp-category-title {\r\n\r\n  color: #c8a24a;\r\n\r\n}\r\n\r\n\r\n.jp-category-card:hover::after {\r\n\r\n  width: 65%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.jp-all-products {\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n\r\n  margin-top: 20px;\r\n\r\n}\r\n\r\n\r\n.jp-all-products-button {\r\n\r\n  position: relative;\r\n\r\n  min-width: 215px;\r\n\r\n  height: 46px;\r\n\r\n  padding:\r\n    0 23px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  border:\r\n    1px solid #a77b30;\r\n\r\n  border-radius: 5px;\r\n\r\n  background:\r\n    rgba(200,162,74,.025);\r\n\r\n  color: #c8a24a !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-size: 11.5px;\r\n\r\n  font-weight: 700;\r\n\r\n  overflow: hidden;\r\n\r\n  transition:\r\n    all .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-all-products-button::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n\r\n  bottom: 0;\r\n\r\n  left: -120%;\r\n\r\n  width: 60%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.18),\r\n      transparent\r\n    );\r\n\r\n  transform:\r\n    skewX(-20deg);\r\n\r\n  transition:\r\n    left .7s ease;\r\n\r\n}\r\n\r\n\r\n.jp-all-products-button span,\r\n.jp-all-products-button svg {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n}\r\n\r\n\r\n.jp-all-products-button svg {\r\n\r\n  width: 15px;\r\n\r\n  height: 15px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-all-products-button:hover {\r\n\r\n  color: #ffffff !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #c8a24a,\r\n      #a8792b\r\n    );\r\n\r\n  border-color:\r\n    #c8a24a;\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(200,162,74,.22);\r\n\r\n}\r\n\r\n\r\n.jp-all-products-button:hover::before {\r\n\r\n  left: 140%;\r\n\r\n}\r\n\r\n\r\n.jp-all-products-button:hover svg {\r\n\r\n  transform:\r\n    translateX(-4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .jp-category-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2, minmax(0, 1fr));\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .jp-category-section {\r\n\r\n    padding:\r\n      38px 12px 34px;\r\n\r\n  }\r\n\r\n\r\n  .jp-category-header {\r\n\r\n    margin-bottom: 20px;\r\n\r\n  }\r\n\r\n\r\n  .jp-category-label {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n\r\n  .jp-category-header h2 {\r\n\r\n    font-size: 23px;\r\n\r\n  }\r\n\r\n\r\n  .jp-category-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 9px;\r\n\r\n  }\r\n\r\n\r\n  .jp-category-image {\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n  }\r\n\r\n\r\n  .jp-category-title {\r\n\r\n    min-height: 40px;\r\n\r\n    padding:\r\n      7px 4px;\r\n\r\n    font-size: 9.5px;\r\n\r\n  }\r\n\r\n\r\n  .jp-all-products {\r\n\r\n    margin-top: 17px;\r\n\r\n  }\r\n\r\n\r\n  .jp-all-products-button {\r\n\r\n    width: 100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .jp-category-card {\r\n\r\n    animation: none;\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-6181135 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6181135\" 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-2639513\" data-id=\"2639513\" 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-c8d9f49 elementor-widget elementor-widget-html\" data-id=\"c8d9f49\" 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=\"jp-process-section\" dir=\"rtl\">\r\n\r\n  <div class=\"jp-process-container\">\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n         ===================================================== -->\r\n\r\n    <div class=\"jp-process-header\">\r\n\r\n      <div class=\"jp-process-eyebrow\">\r\n The process of working with us\r\n      <\/div>\r\n\r\n      <h2>\r\n Simple, transparent, and reliable.\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         PROCESS\r\n         \u062a\u0631\u062a\u06cc\u0628 \u0645\u0631\u0627\u062d\u0644 \u0627\u0632 \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e \u0627\u0633\u062a\r\n         \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0647\u0631 \u0645\u0631\u062d\u0644\u0647 \u0641\u0642\u0637 \u0647\u0645\u06cc\u0646 \u0642\u0633\u0645\u062a \u0631\u0627 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0646\r\n         ===================================================== -->\r\n\r\n    <div class=\"jp-process\">\r\n\r\n      <!-- \u062e\u0637 \u0627\u0635\u0644\u06cc \u0645\u0633\u06cc\u0631 -->\r\n      <div class=\"jp-process-line\">\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- =================================================\r\n           \u0645\u0631\u062d\u0644\u0647 1\r\n           ================================================= -->\r\n\r\n      <div class=\"jp-process-step\">\r\n\r\n        <div class=\"jp-process-icon-wrap\">\r\n\r\n          <div class=\"jp-process-icon\">\r\n\r\n            <!-- \u0622\u06cc\u06a9\u0648\u0646 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 -->\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M12 3.5a8.5 8.5 0 0 0-8.5 8.5c0 1.6.45 3.1 1.3 4.4L4 20.5l4.2-1.15A8.45 8.45 0 0 0 12 20.5a8.5 8.5 0 1 0 0-17Z\"><\/path>\r\n              <path d=\"M8.5 11.2h7\"><\/path>\r\n              <path d=\"M8.5 14.4h4.5\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"jp-process-number\">\r\n  01\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-process-content\">\r\n\r\n          <h3>\r\n Request a Consultation\r\n          <\/h3>\r\n\r\n          <p>\r\n Contact us for specialized, free consultation.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           \u0645\u0631\u062d\u0644\u0647 2\r\n           ================================================= -->\r\n\r\n      <div class=\"jp-process-step\">\r\n\r\n        <div class=\"jp-process-icon-wrap\">\r\n\r\n          <div class=\"jp-process-icon\">\r\n\r\n            <!-- \u0622\u06cc\u06a9\u0648\u0646 \u0628\u0631\u0631\u0633\u06cc -->\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M12 3.5 20 7.8v8.4L12 20.5l-8-4.3V7.8l8-4.3Z\"><\/path>\r\n              <path d=\"m8.2 12 2.4 2.4 5.3-5.3\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"jp-process-number\">\r\n  02\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-process-content\">\r\n\r\n          <h3>\r\n Review and Recommendation\r\n          <\/h3>\r\n\r\n          <p>\r\n Assessing needs and providing the best solutions and recommendations.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           \u0645\u0631\u062d\u0644\u0647 3\r\n           ================================================= -->\r\n\r\n      <div class=\"jp-process-step\">\r\n\r\n        <div class=\"jp-process-icon-wrap\">\r\n\r\n          <div class=\"jp-process-icon\">\r\n\r\n            <!-- \u0622\u06cc\u06a9\u0648\u0646 \u0642\u0631\u0627\u0631\u062f\u0627\u062f -->\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M6 3.5h9l3 3v14H6z\"><\/path>\r\n              <path d=\"M15 3.5v4h3\"><\/path>\r\n              <path d=\"M9 11h6\"><\/path>\r\n              <path d=\"M9 14h6\"><\/path>\r\n              <path d=\"M9 17h3\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"jp-process-number\">\r\n  03\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-process-content\">\r\n\r\n          <h3>\r\n Conclusion of a contract\r\n          <\/h3>\r\n\r\n          <p>\r\n Final Agreement and Contract Conclusion\r\nTransparent and Sustainable\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           \u0645\u0631\u062d\u0644\u0647 4\r\n           ================================================= -->\r\n\r\n      <div class=\"jp-process-step\">\r\n\r\n        <div class=\"jp-process-icon-wrap\">\r\n\r\n          <div class=\"jp-process-icon\">\r\n\r\n            <!-- \u0622\u06cc\u06a9\u0648\u0646 \u0627\u062c\u0631\u0627 -->\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M5 5h14v14H5z\"><\/path>\r\n              <path d=\"M8 12h8\"><\/path>\r\n              <path d=\"m12 8 4 4-4 4\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"jp-process-number\">\r\n  04\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-process-content\">\r\n\r\n          <h3>\r\n Implementation and Follow-up\r\n          <\/h3>\r\n\r\n          <p>\r\n High-quality and continuous project execution\r\nuntil the desired result is achieved\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           \u0645\u0631\u062d\u0644\u0647 5\r\n           ================================================= -->\r\n\r\n      <div class=\"jp-process-step\">\r\n\r\n        <div class=\"jp-process-icon-wrap\">\r\n\r\n          <div class=\"jp-process-icon\">\r\n\r\n            <!-- \u0622\u06cc\u06a9\u0648\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc -->\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M4 13a8 8 0 0 1 16 0\"><\/path>\r\n              <path d=\"M4 13v4a2 2 0 0 0 2 2h2v-6H4Z\"><\/path>\r\n              <path d=\"M20 13v4a2 2 0 0 1-2 2h-2v-6h4Z\"><\/path>\r\n              <path d=\"M14 19h2\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"jp-process-number\">\r\n  05\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"jp-process-content\">\r\n\r\n          <h3>\r\n Support and Development\r\n          <\/h3>\r\n\r\n          <p>\r\n Providing post-implementation support and\r\nfostering the expansion of cooperation\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   PROCESS SECTION\r\n   ========================================================= *\/\r\n\r\n.jp-process-section,\r\n.jp-process-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.jp-process-section {\r\n\r\n  --jp-gold: #c8a24a;\r\n  --jp-gold-light: #d9ba6b;\r\n  --jp-gold-dark: #a87c2d;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    34px 30px 38px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #fbfbfb 100%\r\n    );\r\n\r\n  font-family: inherit;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LINE\r\n   ========================================================= *\/\r\n\r\n.jp-process-section::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n\r\n  height: 2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(200,162,74,.65),\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.jp-process-container {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1380px;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.jp-process-header {\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  text-align: center;\r\n\r\n  margin-bottom: 31px;\r\n\r\n}\r\n\r\n\r\n.jp-process-eyebrow {\r\n\r\n  margin-bottom: 3px;\r\n\r\n  color: var(--jp-gold);\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n.jp-process-header h2 {\r\n\r\n  margin: 0;\r\n\r\n  padding: 0;\r\n\r\n  color: #111111;\r\n\r\n  font-size: 30px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.45;\r\n\r\n  letter-spacing: -.5px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS WRAPPER\r\n   ========================================================= *\/\r\n\r\n.jp-process {\r\n\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(5, minmax(0, 1fr));\r\n\r\n  width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TIMELINE\r\n   ========================================================= *\/\r\n\r\n.jp-process-line {\r\n\r\n  position: absolute;\r\n\r\n  top: 49px;\r\n\r\n  right: 9%;\r\n\r\n  left: 9%;\r\n\r\n  height: 1px;\r\n\r\n  z-index: 0;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.jp-process-line::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    repeating-linear-gradient(\r\n      90deg,\r\n      #dedede 0,\r\n      #dedede 4px,\r\n      transparent 4px,\r\n      transparent 9px\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* \u062e\u0637 \u0637\u0644\u0627\u06cc\u06cc \u0645\u062a\u062d\u0631\u06a9 *\/\r\n\r\n.jp-process-line span {\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n\r\n  right: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(200,162,74,.6),\r\n      transparent\r\n    );\r\n\r\n  transform:\r\n    translateX(100%);\r\n\r\n  transition:\r\n    transform 1.5s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n.jp-process-section.jp-process-visible\r\n.jp-process-line span {\r\n\r\n  transform:\r\n    translateX(0);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n   ========================================================= *\/\r\n\r\n.jp-process-step {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  min-width: 0;\r\n\r\n  text-align: center;\r\n\r\n  padding:\r\n    0 15px;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(24px);\r\n\r\n  transition:\r\n    opacity .7s ease,\r\n    transform .7s cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n.jp-process-section.jp-process-visible\r\n.jp-process-step {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n}\r\n\r\n\r\n.jp-process-step:nth-child(2) {\r\n\r\n  transition-delay: .10s;\r\n\r\n}\r\n\r\n\r\n.jp-process-step:nth-child(3) {\r\n\r\n  transition-delay: .20s;\r\n\r\n}\r\n\r\n\r\n.jp-process-step:nth-child(4) {\r\n\r\n  transition-delay: .30s;\r\n\r\n}\r\n\r\n\r\n.jp-process-step:nth-child(5) {\r\n\r\n  transition-delay: .40s;\r\n\r\n}\r\n\r\n\r\n.jp-process-step:nth-child(6) {\r\n\r\n  transition-delay: .50s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON WRAPPER\r\n   ========================================================= *\/\r\n\r\n.jp-process-icon-wrap {\r\n\r\n  position: relative;\r\n\r\n  width: 100px;\r\n\r\n  height: 100px;\r\n\r\n  margin:\r\n    0 auto 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OUTER CIRCLE\r\n   ========================================================= *\/\r\n\r\n.jp-process-icon {\r\n\r\n  position: relative;\r\n\r\n  width: 100px;\r\n\r\n  height: 100px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid #e2e2e2;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      #ffffff 52%,\r\n      #fafafa 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 5px 18px\r\n    rgba(0,0,0,.045);\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    border-color .4s ease,\r\n    box-shadow .4s ease;\r\n}\r\n\r\n\r\n\/* \u062d\u0644\u0642\u0647 \u0637\u0644\u0627\u06cc\u06cc \u0638\u0631\u06cc\u0641 *\/\r\n\r\n.jp-process-icon::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 7px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,162,74,.16);\r\n\r\n  border-radius: 50%;\r\n\r\n  transition:\r\n    inset .4s ease,\r\n    border-color .4s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.jp-process-icon svg {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 32px;\r\n\r\n  height: 32px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    var(--jp-gold);\r\n\r\n  stroke-width: 1.7;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n  transition:\r\n    transform .4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.jp-process-number {\r\n\r\n  position: absolute;\r\n\r\n  right: 50%;\r\n\r\n  bottom: -6px;\r\n\r\n  transform:\r\n    translateX(50%);\r\n\r\n  width: 20px;\r\n\r\n  height: 20px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    2px solid #ffffff;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n  color: #ffffff;\r\n\r\n  font-family:\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 700;\r\n\r\n  box-shadow:\r\n    0 2px 7px\r\n    rgba(200,162,74,.25);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTOR DOT\r\n   ========================================================= *\/\r\n\r\n.jp-process-step:not(:last-child)::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 45px;\r\n\r\n  left: -5px;\r\n\r\n  width: 8px;\r\n\r\n  height: 8px;\r\n\r\n  border:\r\n    2px solid #ffffff;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n  box-shadow:\r\n    0 0 0 1px\r\n    rgba(200,162,74,.18);\r\n\r\n  transform:\r\n    scale(0);\r\n\r\n  transition:\r\n    transform .4s ease;\r\n\r\n}\r\n\r\n\r\n.jp-process-section.jp-process-visible\r\n.jp-process-step:not(:last-child)::after {\r\n\r\n  transform:\r\n    scale(1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.jp-process-content {\r\n\r\n  max-width: 220px;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n.jp-process-content h3 {\r\n\r\n  margin:\r\n    0 0 9px;\r\n\r\n  padding: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.6;\r\n\r\n  transition:\r\n    color .3s ease;\r\n}\r\n\r\n\r\n.jp-process-content p {\r\n\r\n  margin: 0;\r\n\r\n  padding: 0;\r\n\r\n  color: #929292;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n\r\n.jp-process-step:hover\r\n.jp-process-icon {\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  border-color:\r\n    rgba(200,162,74,.45);\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(200,162,74,.10);\r\n\r\n}\r\n\r\n\r\n.jp-process-step:hover\r\n.jp-process-icon::before {\r\n\r\n  inset: 4px;\r\n\r\n  border-color:\r\n    rgba(200,162,74,.3);\r\n\r\n}\r\n\r\n\r\n.jp-process-step:hover\r\n.jp-process-icon svg {\r\n\r\n  transform:\r\n    scale(1.08);\r\n}\r\n\r\n\r\n.jp-process-step:hover\r\n.jp-process-content h3 {\r\n\r\n  color:\r\n    var(--jp-gold-dark);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE \u2014 TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .jp-process-section {\r\n\r\n    padding:\r\n      32px 20px 35px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process {\r\n\r\n    grid-template-columns:\r\n      repeat(5, minmax(0, 1fr));\r\n\r\n  }\r\n\r\n\r\n  .jp-process-step {\r\n\r\n    padding:\r\n      0 7px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-icon-wrap,\r\n  .jp-process-icon {\r\n\r\n    width: 82px;\r\n    height: 82px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-icon svg {\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-line {\r\n\r\n    top: 40px;\r\n\r\n    right: 7%;\r\n    left: 7%;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-content h3 {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-content p {\r\n\r\n    font-size: 9.5px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-step:not(:last-child)::after {\r\n\r\n    top: 36px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE \u2014 MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .jp-process-section {\r\n\r\n    padding:\r\n      38px 15px 38px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-header {\r\n\r\n    margin-bottom: 27px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-eyebrow {\r\n\r\n    font-size: 12px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-header h2 {\r\n\r\n    font-size: 24px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 25px;\r\n\r\n  }\r\n\r\n\r\n  \/* \u062e\u0637 \u0639\u0645\u0648\u062f\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n\r\n  .jp-process-line {\r\n\r\n    top: 48px;\r\n\r\n    right: 50%;\r\n\r\n    left: auto;\r\n\r\n    width: 1px;\r\n\r\n    height: calc(100% - 96px);\r\n\r\n    transform:\r\n      translateX(50%);\r\n\r\n  }\r\n\r\n\r\n  .jp-process-line::before {\r\n\r\n    width: 1px;\r\n\r\n    height: 100%;\r\n\r\n    background:\r\n      repeating-linear-gradient(\r\n        180deg,\r\n        #dedede 0,\r\n        #dedede 4px,\r\n        transparent 4px,\r\n        transparent 9px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .jp-process-line span {\r\n\r\n    width: 1px;\r\n\r\n    height: 100%;\r\n\r\n    right: 0;\r\n\r\n    top: 0;\r\n\r\n    transform:\r\n      translateY(-100%);\r\n\r\n  }\r\n\r\n\r\n  .jp-process-section.jp-process-visible\r\n  .jp-process-line span {\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n\r\n  .jp-process-step {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      90px 1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 17px;\r\n\r\n    padding: 0;\r\n\r\n    text-align: right;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-icon-wrap {\r\n\r\n    width: 90px;\r\n\r\n    height: 90px;\r\n\r\n    margin: 0;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-icon {\r\n\r\n    width: 90px;\r\n\r\n    height: 90px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-icon svg {\r\n\r\n    width: 28px;\r\n\r\n    height: 28px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-content {\r\n\r\n    max-width: none;\r\n\r\n    margin: 0;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-content h3 {\r\n\r\n    margin-bottom: 5px;\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-content p {\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.9;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-step:not(:last-child)::after {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n  .jp-process-section {\r\n\r\n    padding:\r\n      32px 12px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-step {\r\n\r\n    grid-template-columns:\r\n      76px 1fr;\r\n\r\n    gap: 14px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-icon-wrap,\r\n  .jp-process-icon {\r\n\r\n    width: 76px;\r\n    height: 76px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-icon svg {\r\n\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-content h3 {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n\r\n  .jp-process-content p {\r\n\r\n    font-size: 9px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .jp-process-step {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition: none;\r\n\r\n  }\r\n\r\n  .jp-process-line span {\r\n\r\n    transform: none !important;\r\n\r\n    transition: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   PROCESS ANIMATION\r\n   ========================================================= *\/\r\n\r\n(function () {\r\n\r\n  function initJahanPashaProcess() {\r\n\r\n    const sections =\r\n      document.querySelectorAll(\r\n        \".jp-process-section\"\r\n      );\r\n\r\n\r\n    if (!sections.length) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/* \u0627\u06af\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 IntersectionObserver\r\n       \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f *\/\r\n\r\n    if (\r\n      \"IntersectionObserver\" in window\r\n    ) {\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n          function (entries) {\r\n\r\n            entries.forEach(\r\n              function (entry) {\r\n\r\n                if (\r\n                  entry.isIntersecting\r\n                ) {\r\n\r\n                  entry.target.classList.add(\r\n                    \"jp-process-visible\"\r\n                  );\r\n\r\n                  observer.unobserve(\r\n                    entry.target\r\n                  );\r\n\r\n                }\r\n\r\n              }\r\n            );\r\n\r\n          },\r\n          {\r\n            threshold: 0.18\r\n          }\r\n        );\r\n\r\n\r\n      sections.forEach(\r\n        function (section) {\r\n\r\n          observer.observe(section);\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n      sections.forEach(\r\n        function (section) {\r\n\r\n          section.classList.add(\r\n            \"jp-process-visible\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     DOM\r\n     ======================================================= *\/\r\n\r\n  if (\r\n    document.readyState === \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initJahanPashaProcess\r\n    );\r\n\r\n  }\r\n\r\n  else {\r\n\r\n    initJahanPashaProcess();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     ELEMENTOR\r\n     ======================================================= *\/\r\n\r\n  if (window.jQuery) {\r\n\r\n    jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function () {\r\n\r\n        setTimeout(\r\n          initJahanPashaProcess,\r\n          300\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\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=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-9107609 elementor-section-content-middle wd-section-stretch elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9107609\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\n\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\n\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7473904\" data-id=\"7473904\" 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-ddd46cb elementor-widget elementor-widget-html\" data-id=\"ddd46cb\" 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     JAHAN PASHA\r\n     BUSINESS NETWORK SECTION\r\n     Premium International Trade Experience\r\n     Elementor Ready \u2014 No External Library\r\n========================================================= -->\r\n\r\n<section class=\"jp-business-network\" dir=\"rtl\">\r\n\r\n  <!-- Ambient background -->\r\n  <div class=\"jp-network-glow jp-glow-1\"><\/div>\r\n  <div class=\"jp-network-glow jp-glow-2\"><\/div>\r\n  <div class=\"jp-network-grid\"><\/div>\r\n\r\n  <div class=\"jp-network-container\">\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"jp-network-header\">\r\n\r\n      <span class=\"jp-network-kicker\">\r\n Jahan Pasha Business Ecosystem\r\n      <\/span>\r\n\r\n      <h2>\r\n A network, for secure business\r\n      <\/h2>\r\n\r\n      <p>\r\n From product sourcing and selection to the market, logistics, and partnership development, Jahan Pasha pursues a unified and purposeful trade path.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         NETWORK\r\n    ====================================================== -->\r\n\r\n    <div class=\"jp-network-stage\">\r\n\r\n      <!-- SVG CONNECTION SYSTEM -->\r\n      <svg class=\"jp-network-lines\" viewbox=\"0 0 1200 600\" preserveaspectratio=\"none\" aria-hidden=\"true\">\r\n\r\n        <defs>\r\n\r\n          <lineargradient id=\"jpGoldLine\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#8f6827\" stop-opacity=\"0\"><\/stop>\r\n\r\n            <stop offset=\"45%\" stop-color=\"#c8a24a\" stop-opacity=\".7\"><\/stop>\r\n\r\n            <stop offset=\"100%\" stop-color=\"#e0c477\" stop-opacity=\"0\"><\/stop>\r\n          <\/lineargradient>\r\n\r\n          <filter id=\"jpLineGlow\">\r\n            <fegaussianblur stddeviation=\"3\"><\/fegaussianblur>\r\n\r\n            <femerge>\r\n              <femergenode in=\"blur\"><\/femergenode>\r\n              <femergenode in=\"SourceGraphic\"><\/femergenode>\r\n            <\/femerge>\r\n\r\n          <\/filter>\r\n\r\n        <\/defs>\r\n\r\n\r\n        <!-- Main connections -->\r\n\r\n        <path class=\"jp-network-path\" d=\"M600 300 C470 300 365 165 190 150\"><\/path>\r\n\r\n        <path class=\"jp-network-path\" d=\"M600 300 C470 300 365 435 190 450\"><\/path>\r\n\r\n        <path class=\"jp-network-path\" d=\"M600 300 C730 300 835 165 1010 150\"><\/path>\r\n\r\n        <path class=\"jp-network-path\" d=\"M600 300 C730 300 835 435 1010 450\"><\/path>\r\n\r\n      <\/svg>\r\n\r\n\r\n      <!-- ===================================================\r\n           CENTRAL CORE\r\n      ==================================================== -->\r\n\r\n      <div class=\"jp-network-core\">\r\n\r\n        <div class=\"jp-core-ring jp-ring-outer\"><\/div>\r\n        <div class=\"jp-core-ring jp-ring-middle\"><\/div>\r\n        <div class=\"jp-core-ring jp-ring-inner\"><\/div>\r\n\r\n        <div class=\"jp-core-pulse\"><\/div>\r\n\r\n        <div class=\"jp-core-content\">\r\n\r\n          <div class=\"jp-core-symbol\">\r\n jp\r\n          <\/div>\r\n\r\n          <div class=\"jp-core-title\">\r\n Jahan Pasha\r\n          <\/div>\r\n\r\n          <div class=\"jp-core-subtitle\">\r\n Smart Trade\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           NODE 01 \u2014 SUPPLY\r\n      ==================================================== -->\r\n\r\n      <div class=\"jp-network-node jp-node-1\">\r\n\r\n        <div class=\"jp-node-icon\">\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M4 8.5 12 4l8 4.5v8L12 21l-8-4.5z\"><\/path>\r\n            <path d=\"M4 8.5 12 13l8-4.5\"><\/path>\r\n            <path d=\"M12 13v8\"><\/path>\r\n            <path d=\"M8 6.2 16 10.5\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-node-content\">\r\n\r\n          <span class=\"jp-node-index\">\r\n  01\r\n          <\/span>\r\n\r\n          <h3>\r\n Product Sourcing and Variety\r\n          <\/h3>\r\n\r\n          <p>\r\n Access to a diverse product portfolio\r\nAligned with market needs\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           NODE 02 \u2014 GLOBAL MARKET\r\n      ==================================================== -->\r\n\r\n      <div class=\"jp-network-node jp-node-2\">\r\n\r\n        <div class=\"jp-node-icon\">\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\"><\/circle>\r\n            <path d=\"M3.8 12h16.4\"><\/path>\r\n            <path d=\"M12 3.5c2.2 2.4 3.3 5.2 3.3 8.5S14.2 18.1 12 20.5\"><\/path>\r\n            <path d=\"M12 3.5c-2.2 2.4-3.3 5.2-3.3 8.5S9.8 18.1 12 20.5\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-node-content\">\r\n\r\n          <span class=\"jp-node-index\">\r\n  02\r\n          <\/span>\r\n\r\n          <h3>\r\n International markets\r\n          <\/h3>\r\n\r\n          <p>\r\n Establishing a connection between supply,\r\ndemand, and target markets\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           NODE 03 \u2014 LOGISTICS\r\n      ==================================================== -->\r\n\r\n      <div class=\"jp-network-node jp-node-3\">\r\n\r\n        <div class=\"jp-node-icon\">\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M3.5 6h10v10h-10z\"><\/path>\r\n            <path d=\"M13.5 9h4l3 3v4h-7z\"><\/path>\r\n            <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\r\n            <circle cx=\"17.5\" cy=\"18\" r=\"2\"><\/circle>\r\n            <path d=\"M13.5 13h5\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-node-content\">\r\n\r\n          <span class=\"jp-node-index\">\r\n  03\r\n          <\/span>\r\n\r\n          <h3>\r\n Logistics and Supply Chain\r\n          <\/h3>\r\n\r\n          <p>\r\n Coordination of transport routes and management\r\nof the flow of goods to the destination\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           NODE 04 \u2014 DEVELOPMENT\r\n      ==================================================== -->\r\n\r\n      <div class=\"jp-network-node jp-node-4\">\r\n\r\n        <div class=\"jp-node-icon\">\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M4 18.5 9.2 13l3.2 3.2L20 8.5\"><\/path>\r\n            <path d=\"M15 8.5h5v5\"><\/path>\r\n            <path d=\"M4 20h16\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jp-node-content\">\r\n\r\n          <span class=\"jp-node-index\">\r\n  04\r\n          <\/span>\r\n\r\n          <h3>\r\n Expansion of cooperation\r\n          <\/h3>\r\n\r\n          <p>\r\n Building Lasting Business Relationships\r\nand Long-Term Opportunities\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           MICRO ORBITS\r\n      ==================================================== -->\r\n\r\n      <span class=\"jp-orbit-dot jp-dot-1\"><\/span>\r\n      <span class=\"jp-orbit-dot jp-dot-2\"><\/span>\r\n      <span class=\"jp-orbit-dot jp-dot-3\"><\/span>\r\n      <span class=\"jp-orbit-dot jp-dot-4\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM STATEMENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"jp-network-bottom\">\r\n\r\n      <div class=\"jp-bottom-line\"><\/div>\r\n\r\n      <div class=\"jp-bottom-text\">\r\n\r\n        <span>\r\n Procurement \/ Supply\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n market\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n Logistics\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n Development\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"jp-bottom-line\"><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.jp-business-network,\r\n.jp-business-network * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.jp-business-network {\r\n\r\n  --jp-black: #0b0b0b;\r\n  --jp-black-2: #111111;\r\n\r\n  --jp-gold: #c8a24a;\r\n  --jp-gold-light: #e2c879;\r\n  --jp-gold-dark: #8f6827;\r\n\r\n  --jp-white: #f7f7f7;\r\n  --jp-gray: #858585;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 700px;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    65px 30px 45px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 50% 48%,\r\n      rgba(200,162,74,.075) 0%,\r\n      rgba(200,162,74,.025) 24%,\r\n      transparent 55%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #0a0a0a 0%,\r\n      #111111 100%\r\n    );\r\n\r\n  color: #fff;\r\n\r\n  font-family: inherit;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP EDGE\r\n========================================================= *\/\r\n\r\n.jp-business-network::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n\r\n  height: 2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(200,162,74,.15) 15%,\r\n      #c8a24a 50%,\r\n      rgba(200,162,74,.15) 85%,\r\n      transparent 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n.jp-network-grid {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  opacity: .16;\r\n\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    55px 55px;\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      black 0%,\r\n      transparent 72%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AMBIENT GLOWS\r\n========================================================= *\/\r\n\r\n.jp-network-glow {\r\n\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n\r\n  filter: blur(70px);\r\n\r\n}\r\n\r\n\r\n.jp-glow-1 {\r\n\r\n  width: 360px;\r\n\r\n  height: 360px;\r\n\r\n  top: 170px;\r\n\r\n  left: 50%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  background:\r\n    rgba(200,162,74,.045);\r\n\r\n  animation:\r\n    jpAmbient 7s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.jp-glow-2 {\r\n\r\n  width: 260px;\r\n\r\n  height: 260px;\r\n\r\n  right: -100px;\r\n\r\n  bottom: -120px;\r\n\r\n  background:\r\n    rgba(200,162,74,.025);\r\n\r\n}\r\n\r\n\r\n@keyframes jpAmbient {\r\n\r\n  0%,\r\n  100% {\r\n    transform:\r\n      translateX(-50%)\r\n      scale(1);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translateX(-50%)\r\n      scale(1.16);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.jp-network-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1400px;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.jp-network-header {\r\n\r\n  position: relative;\r\n\r\n  z-index: 10;\r\n\r\n  max-width: 720px;\r\n\r\n  margin:\r\n    0 auto 48px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.jp-network-kicker {\r\n\r\n  display: inline-block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color:\r\n    var(--jp-gold);\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n.jp-network-header h2 {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--jp-white);\r\n\r\n  font-size: 32px;\r\n\r\n  font-weight: 850;\r\n\r\n  line-height: 1.45;\r\n\r\n  letter-spacing: -.8px;\r\n\r\n}\r\n\r\n\r\n.jp-network-header h2 span {\r\n\r\n  color:\r\n    var(--jp-gold-light);\r\n\r\n}\r\n\r\n\r\n.jp-network-header p {\r\n\r\n  max-width: 600px;\r\n\r\n  margin:\r\n    12px auto 0;\r\n\r\n  color:\r\n    #858585;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 2.1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGE\r\n========================================================= *\/\r\n\r\n.jp-network-stage {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height: 500px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTION SVG\r\n========================================================= *\/\r\n\r\n.jp-network-lines {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 1;\r\n\r\n  top: 0;\r\n  right: 0;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  overflow: visible;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.jp-network-path {\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    url(#jpGoldLine);\r\n\r\n  stroke-width: 1;\r\n\r\n  stroke-dasharray:\r\n    4 7;\r\n\r\n  opacity: .65;\r\n\r\n  filter:\r\n    url(#jpLineGlow);\r\n\r\n  stroke-dashoffset: 500;\r\n\r\n  transition:\r\n    stroke-dashoffset 1.8s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n.jp-business-network.jp-network-visible\r\n.jp-network-path {\r\n\r\n  stroke-dashoffset: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTRAL CORE\r\n========================================================= *\/\r\n\r\n.jp-network-core {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 8;\r\n\r\n  top: 50%;\r\n\r\n  right: 50%;\r\n\r\n  width: 190px;\r\n\r\n  height: 190px;\r\n\r\n  transform:\r\n    translate(50%, -50%);\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE RINGS\r\n========================================================= *\/\r\n\r\n.jp-core-ring {\r\n\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.jp-ring-outer {\r\n\r\n  inset: 0;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,162,74,.15);\r\n\r\n  animation:\r\n    jpRotate 22s linear infinite;\r\n\r\n}\r\n\r\n\r\n.jp-ring-outer::before,\r\n.jp-ring-outer::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 5px;\r\n\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n  box-shadow:\r\n    0 0 12px\r\n    rgba(200,162,74,.7);\r\n\r\n}\r\n\r\n\r\n.jp-ring-outer::before {\r\n\r\n  top: 21px;\r\n\r\n  right: 27px;\r\n\r\n}\r\n\r\n\r\n.jp-ring-outer::after {\r\n\r\n  bottom: 18px;\r\n\r\n  left: 25px;\r\n\r\n}\r\n\r\n\r\n.jp-ring-middle {\r\n\r\n  inset: 16px;\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(200,162,74,.25);\r\n\r\n  animation:\r\n    jpRotateReverse 17s linear infinite;\r\n\r\n}\r\n\r\n\r\n.jp-ring-inner {\r\n\r\n  inset: 31px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,162,74,.25);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(200,162,74,.13),\r\n      rgba(200,162,74,.025) 58%,\r\n      transparent 72%\r\n    );\r\n\r\n  box-shadow:\r\n    inset 0 0 30px\r\n    rgba(200,162,74,.045),\r\n    0 0 45px\r\n    rgba(200,162,74,.07);\r\n\r\n}\r\n\r\n\r\n@keyframes jpRotate {\r\n\r\n  to {\r\n    transform:\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes jpRotateReverse {\r\n\r\n  to {\r\n    transform:\r\n      rotate(-360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE PULSE\r\n========================================================= *\/\r\n\r\n.jp-core-pulse {\r\n\r\n  position: absolute;\r\n\r\n  width: 92px;\r\n\r\n  height: 92px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(200,162,74,.045);\r\n\r\n  animation:\r\n    jpCorePulse 3.2s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes jpCorePulse {\r\n\r\n  0%,\r\n  100% {\r\n    transform: scale(.9);\r\n    opacity: .65;\r\n  }\r\n\r\n  50% {\r\n    transform: scale(1.08);\r\n    opacity: 1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE CONTENT\r\n========================================================= *\/\r\n\r\n.jp-core-content {\r\n\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.jp-core-symbol {\r\n\r\n  margin-bottom: 2px;\r\n\r\n  color:\r\n    var(--jp-gold-light);\r\n\r\n  font-family:\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 28px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n\r\n}\r\n\r\n\r\n.jp-core-title {\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 850;\r\n\r\n}\r\n\r\n\r\n.jp-core-subtitle {\r\n\r\n  margin-top: 2px;\r\n\r\n  color:\r\n    #8d8d8d;\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: 1.2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODES\r\n========================================================= *\/\r\n\r\n.jp-network-node {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 7;\r\n\r\n  width: 255px;\r\n\r\n  min-height: 100px;\r\n\r\n  padding:\r\n    16px 17px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.055);\r\n\r\n  border-radius: 4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.045),\r\n      rgba(255,255,255,.012)\r\n    );\r\n\r\n  box-shadow:\r\n    0 15px 35px\r\n    rgba(0,0,0,.22);\r\n\r\n  backdrop-filter:\r\n    blur(12px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(12px);\r\n\r\n  opacity: 0;\r\n\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .55s cubic-bezier(.2,.8,.2,1),\r\n    border-color .35s ease,\r\n    background .35s ease,\r\n    box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE POSITIONS\r\n========================================================= *\/\r\n\r\n.jp-node-1 {\r\n\r\n  top: 60px;\r\n\r\n  right: 3%;\r\n\r\n  transform:\r\n    translateX(35px);\r\n\r\n}\r\n\r\n\r\n.jp-node-2 {\r\n\r\n  bottom: 55px;\r\n\r\n  right: 3%;\r\n\r\n  transform:\r\n    translateX(35px);\r\n\r\n}\r\n\r\n\r\n.jp-node-3 {\r\n\r\n  top: 60px;\r\n\r\n  left: 3%;\r\n\r\n  transform:\r\n    translateX(-35px);\r\n\r\n}\r\n\r\n\r\n.jp-node-4 {\r\n\r\n  bottom: 55px;\r\n\r\n  left: 3%;\r\n\r\n  transform:\r\n    translateX(-35px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE ANIMATION\r\n========================================================= *\/\r\n\r\n.jp-business-network.jp-network-visible\r\n.jp-network-node {\r\n\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateX(0);\r\n\r\n}\r\n\r\n\r\n.jp-business-network.jp-network-visible\r\n.jp-node-1 {\r\n  transition-delay: .15s;\r\n}\r\n\r\n\r\n.jp-business-network.jp-network-visible\r\n.jp-node-2 {\r\n  transition-delay: .3s;\r\n}\r\n\r\n\r\n.jp-business-network.jp-network-visible\r\n.jp-node-3 {\r\n  transition-delay: .45s;\r\n}\r\n\r\n\r\n.jp-business-network.jp-network-visible\r\n.jp-node-4 {\r\n  transition-delay: .6s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE ICON\r\n========================================================= *\/\r\n\r\n.jp-node-icon {\r\n\r\n  flex: 0 0 53px;\r\n\r\n  width: 53px;\r\n\r\n  height: 53px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,162,74,.25);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(200,162,74,.045);\r\n\r\n  transition:\r\n    all .4s ease;\r\n\r\n}\r\n\r\n\r\n.jp-node-icon svg {\r\n\r\n  width: 25px;\r\n\r\n  height: 25px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    var(--jp-gold);\r\n\r\n  stroke-width: 1.45;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE CONTENT\r\n========================================================= *\/\r\n\r\n.jp-node-content {\r\n\r\n  min-width: 0;\r\n\r\n}\r\n\r\n\r\n.jp-node-index {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 2px;\r\n\r\n  color:\r\n    var(--jp-gold);\r\n\r\n  font-family:\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n.jp-node-content h3 {\r\n\r\n  margin: 0 0 4px;\r\n\r\n  color:\r\n    #f1f1f1;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.6;\r\n\r\n  transition:\r\n    color .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-node-content p {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #777;\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.9;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE HOVER\r\n========================================================= *\/\r\n\r\n.jp-network-node:hover {\r\n\r\n  border-color:\r\n    rgba(200,162,74,.4);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(200,162,74,.07),\r\n      rgba(255,255,255,.018)\r\n    );\r\n\r\n  box-shadow:\r\n    0 18px 45px\r\n    rgba(0,0,0,.34),\r\n    0 0 25px\r\n    rgba(200,162,74,.045);\r\n\r\n}\r\n\r\n\r\n.jp-network-node:hover\r\n.jp-node-icon {\r\n\r\n  transform:\r\n    scale(1.08);\r\n\r\n  border-color:\r\n    rgba(200,162,74,.65);\r\n\r\n  background:\r\n    rgba(200,162,74,.1);\r\n\r\n  box-shadow:\r\n    0 0 20px\r\n    rgba(200,162,74,.08);\r\n\r\n}\r\n\r\n\r\n.jp-network-node:hover\r\n.jp-node-content h3 {\r\n\r\n  color:\r\n    var(--jp-gold-light);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT DOTS\r\n========================================================= *\/\r\n\r\n.jp-orbit-dot {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n  width: 4px;\r\n\r\n  height: 4px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n  box-shadow:\r\n    0 0 10px\r\n    rgba(200,162,74,.65);\r\n\r\n  opacity: 0;\r\n\r\n}\r\n\r\n\r\n.jp-business-network.jp-network-visible\r\n.jp-orbit-dot {\r\n\r\n  opacity: .75;\r\n\r\n}\r\n\r\n\r\n.jp-dot-1 {\r\n\r\n  top: 30%;\r\n\r\n  right: 31%;\r\n\r\n  animation:\r\n    jpFloat1 5s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.jp-dot-2 {\r\n\r\n  top: 67%;\r\n\r\n  right: 35%;\r\n\r\n  animation:\r\n    jpFloat2 6s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.jp-dot-3 {\r\n\r\n  top: 31%;\r\n\r\n  left: 32%;\r\n\r\n  animation:\r\n    jpFloat3 5.5s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.jp-dot-4 {\r\n\r\n  top: 68%;\r\n\r\n  left: 34%;\r\n\r\n  animation:\r\n    jpFloat4 7s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes jpFloat1 {\r\n\r\n  0%,100% {\r\n    transform:\r\n      translate(0,0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translate(8px,-6px);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes jpFloat2 {\r\n\r\n  0%,100% {\r\n    transform:\r\n      translate(0,0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translate(-7px,6px);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes jpFloat3 {\r\n\r\n  0%,100% {\r\n    transform:\r\n      translate(0,0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translate(-7px,-5px);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes jpFloat4 {\r\n\r\n  0%,100% {\r\n    transform:\r\n      translate(0,0);\r\n  }\r\n\r\n  50% {\r\n    transform:\r\n      translate(6px,7px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.jp-network-bottom {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 20px;\r\n\r\n  margin-top: 5px;\r\n\r\n}\r\n\r\n\r\n.jp-bottom-line {\r\n\r\n  width: 110px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(200,162,74,.25)\r\n    );\r\n\r\n}\r\n\r\n\r\n.jp-bottom-line:last-child {\r\n\r\n  transform:\r\n    rotate(180deg);\r\n\r\n}\r\n\r\n\r\n.jp-bottom-text {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n  color:\r\n    #777;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n.jp-bottom-text span {\r\n\r\n  transition:\r\n    color .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-bottom-text span:hover {\r\n\r\n  color:\r\n    var(--jp-gold-light);\r\n\r\n}\r\n\r\n\r\n.jp-bottom-text i {\r\n\r\n  width: 3px;\r\n\r\n  height: 3px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n  opacity: .7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE \u2014 TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .jp-business-network {\r\n\r\n    padding:\r\n      55px 20px 40px;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-stage {\r\n\r\n    height: 470px;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-node {\r\n\r\n    width: 225px;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-1,\r\n  .jp-node-2 {\r\n\r\n    right: 0;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-3,\r\n  .jp-node-4 {\r\n\r\n    left: 0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE \u2014 MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .jp-business-network {\r\n\r\n    min-height: auto;\r\n\r\n    padding:\r\n      48px 15px 35px;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-header {\r\n\r\n    margin-bottom: 35px;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-kicker {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-header h2 {\r\n\r\n    font-size: 24px;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-header p {\r\n\r\n    padding:\r\n      0 10px;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 2;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-stage {\r\n\r\n    height: auto;\r\n\r\n    min-height: 650px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n  }\r\n\r\n\r\n  \/* Hide desktop connection system *\/\r\n\r\n  .jp-network-lines {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  \/* Center *\/\r\n\r\n  .jp-network-core {\r\n\r\n    position: relative;\r\n\r\n    top: auto;\r\n\r\n    right: auto;\r\n\r\n    width: 145px;\r\n\r\n    height: 145px;\r\n\r\n    transform: none;\r\n\r\n    margin:\r\n      0 auto 20px;\r\n\r\n    order: 0;\r\n\r\n  }\r\n\r\n\r\n  .jp-ring-inner {\r\n\r\n    inset: 25px;\r\n\r\n  }\r\n\r\n\r\n  .jp-ring-middle {\r\n\r\n    inset: 12px;\r\n\r\n  }\r\n\r\n\r\n  .jp-core-symbol {\r\n\r\n    font-size: 23px;\r\n\r\n  }\r\n\r\n\r\n  .jp-core-title {\r\n\r\n    font-size: 12px;\r\n\r\n  }\r\n\r\n\r\n  \/* Nodes *\/\r\n\r\n  .jp-network-node {\r\n\r\n    position: relative;\r\n\r\n    top: auto !important;\r\n\r\n    right: auto !important;\r\n\r\n    bottom: auto !important;\r\n\r\n    left: auto !important;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 440px;\r\n\r\n    min-height: 82px;\r\n\r\n    transform:\r\n      translateY(20px) !important;\r\n\r\n    opacity: 0;\r\n\r\n    padding:\r\n      12px 14px;\r\n\r\n  }\r\n\r\n\r\n  .jp-business-network.jp-network-visible\r\n  .jp-network-node {\r\n\r\n    transform:\r\n      translateY(0) !important;\r\n\r\n    opacity: 1;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-1 {\r\n    order: 1;\r\n  }\r\n\r\n  .jp-node-2 {\r\n    order: 2;\r\n  }\r\n\r\n  .jp-node-3 {\r\n    order: 3;\r\n  }\r\n\r\n  .jp-node-4 {\r\n    order: 4;\r\n  }\r\n\r\n\r\n  .jp-node-icon {\r\n\r\n    flex-basis: 46px;\r\n\r\n    width: 46px;\r\n\r\n    height: 46px;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-icon svg {\r\n\r\n    width: 22px;\r\n\r\n    height: 22px;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-content h3 {\r\n\r\n    font-size: 12px;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-content p {\r\n\r\n    font-size: 8.5px;\r\n\r\n  }\r\n\r\n\r\n  .jp-orbit-dot {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-bottom {\r\n\r\n    margin-top: 25px;\r\n\r\n  }\r\n\r\n\r\n  .jp-bottom-line {\r\n\r\n    width: 45px;\r\n\r\n  }\r\n\r\n\r\n  .jp-bottom-text {\r\n\r\n    gap: 7px;\r\n\r\n    font-size: 8px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .jp-network-header h2 {\r\n\r\n    font-size: 22px;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-node {\r\n\r\n    min-height: 76px;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-content h3 {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n\r\n  .jp-node-content p {\r\n\r\n    font-size: 8px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .jp-network-glow,\r\n  .jp-core-ring,\r\n  .jp-core-pulse,\r\n  .jp-orbit-dot {\r\n\r\n    animation: none !important;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-path {\r\n\r\n    stroke-dashoffset: 0 !important;\r\n\r\n  }\r\n\r\n\r\n  .jp-network-node {\r\n\r\n    opacity: 1 !important;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   NETWORK REVEAL\r\n========================================================= *\/\r\n\r\n(function () {\r\n\r\n  function initJahanPashaNetwork() {\r\n\r\n    const sections =\r\n      document.querySelectorAll(\r\n        \".jp-business-network\"\r\n      );\r\n\r\n\r\n    if (!sections.length) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/* ================================================\r\n       Fallback\r\n    ================================================ *\/\r\n\r\n    if (\r\n      !(\"IntersectionObserver\" in window)\r\n    ) {\r\n\r\n      sections.forEach(function(section) {\r\n\r\n        section.classList.add(\r\n          \"jp-network-visible\"\r\n        );\r\n\r\n      });\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/* ================================================\r\n       Observer\r\n    ================================================ *\/\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        function(entries) {\r\n\r\n          entries.forEach(function(entry) {\r\n\r\n            if (\r\n              entry.isIntersecting\r\n            ) {\r\n\r\n              entry.target.classList.add(\r\n                \"jp-network-visible\"\r\n              );\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n        {\r\n          threshold: .18\r\n        }\r\n      );\r\n\r\n\r\n    sections.forEach(function(section) {\r\n\r\n      observer.observe(section);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* ================================================\r\n     DOM\r\n  ================================================ *\/\r\n\r\n  if (\r\n    document.readyState === \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initJahanPashaNetwork\r\n    );\r\n\r\n  } else {\r\n\r\n    initJahanPashaNetwork();\r\n\r\n  }\r\n\r\n\r\n  \/* ================================================\r\n     Elementor\r\n  ================================================ *\/\r\n\r\n  if (window.jQuery) {\r\n\r\n    jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function() {\r\n\r\n        setTimeout(\r\n          initJahanPashaNetwork,\r\n          350\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\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=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-3535648 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3535648\" 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-5427290\" data-id=\"5427290\" 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-b505ca4 elementor-widget elementor-widget-html\" data-id=\"b505ca4\" 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=\"jp-news\" dir=\"rtl\" data-jp-news=\"\">\r\n\r\n  <!-- =====================================================\r\n       CONFIG\r\n       \u0641\u0642\u0637 \u0647\u0645\u06cc\u0646 \u0642\u0633\u0645\u062a \u0631\u0627 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062f\u0647\r\n  ====================================================== -->\r\n\r\n  \r\n  {\r\n    \"blogUrl\": \"https:\/\/jahanpasha.com\/blog\/\",\r\n    \"postsPerPage\": 9,\r\n    \"desktopItems\": 3,\r\n    \"tabletItems\": 2,\r\n    \"mobileItems\": 1,\r\n    \"autoplay\": 5000,\r\n    \"showDate\": true,\r\n    \"showCategory\": true,\r\n    \"allButtonText\": \"\u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0627\u062e\u0628\u0627\u0631\"\r\n  }\r\n  \r\n\r\n\r\n  <!-- =====================================================\r\n       DECORATIVE BACKGROUND\r\n  ====================================================== -->\r\n\r\n  <div class=\"jp-news__ambient jp-news__ambient--1\"><\/div>\r\n  <div class=\"jp-news__ambient jp-news__ambient--2\"><\/div>\r\n\r\n\r\n  <div class=\"jp-news__container\">\r\n\r\n    <!-- ===================================================\r\n         HEADER\r\n    ==================================================== -->\r\n\r\n    <header class=\"jp-news__header\">\r\n\r\n      <div class=\"jp-news__heading\">\r\n\r\n        <span class=\"jp-news__eyebrow\">\r\n News and Articles\r\n        <\/span>\r\n\r\n        <h2 class=\"jp-news__title\">\r\n Latest News and Updates\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a class=\"jp-news__all\" href=\"#\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0627\u062e\u0628\u0627\u0631\">\r\n\r\n        <span>\r\n View all news\r\n        <\/span>\r\n\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M8 5l7 7-7 7\"><\/path>\r\n        <\/path><\/svg>\r\n\r\n      <\/a>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- ===================================================\r\n         SLIDER\r\n    ==================================================== -->\r\n\r\n    <div class=\"jp-news__viewport\">\r\n\r\n      <!-- PREVIOUS -->\r\n      <button class=\"jp-news__arrow jp-news__arrow--prev\" type=\"button\" aria-label=\"\u0645\u0642\u0627\u0644\u0627\u062a \u0642\u0628\u0644\u06cc\">\r\n\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n        <\/path><\/svg>\r\n\r\n      <\/button>\r\n\r\n\r\n      <!-- TRACK -->\r\n      <div class=\"jp-news__mask\">\r\n\r\n        <div class=\"jp-news__track\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- NEXT -->\r\n      <button class=\"jp-news__arrow jp-news__arrow--next\" type=\"button\" aria-label=\"\u0645\u0642\u0627\u0644\u0627\u062a \u0628\u0639\u062f\u06cc\">\r\n\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M9 5l7 7-7 7\"><\/path>\r\n        <\/path><\/svg>\r\n\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         LOADING\r\n    ==================================================== -->\r\n\r\n    <div class=\"jp-news__loading\">\r\n\r\n      <span class=\"jp-news__spinner\"><\/span>\r\n\r\n      <span>\r\n Retrieving the latest news...\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         DOTS\r\n    ==================================================== -->\r\n\r\n    <div class=\"jp-news__dots\" aria-label=\"\u0646\u0627\u0648\u0628\u0631\u06cc \u0645\u0642\u0627\u0644\u0627\u062a\"><\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   PREMIUM NEWS SECTION\r\n========================================================= *\/\r\n\r\n.jp-news,\r\n.jp-news * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.jp-news {\r\n\r\n  --jp-gold: #c8a24a;\r\n  --jp-gold-light: #dfc477;\r\n  --jp-gold-dark: #9d7429;\r\n\r\n  --jp-text: #111111;\r\n  --jp-muted: #777777;\r\n\r\n  --jp-border: rgba(0, 0, 0, .07);\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    58px 30px\r\n    55px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #fbfbfb 100%\r\n    );\r\n\r\n  font-family: inherit;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AMBIENT LIGHT\r\n========================================================= *\/\r\n\r\n.jp-news__ambient {\r\n\r\n  position: absolute;\r\n\r\n  pointer-events: none;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(2px);\r\n\r\n}\r\n\r\n\r\n.jp-news__ambient--1 {\r\n\r\n  width: 480px;\r\n  height: 480px;\r\n\r\n  top: -390px;\r\n  right: 10%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(200,162,74,.09),\r\n      transparent 68%\r\n    );\r\n\r\n}\r\n\r\n\r\n.jp-news__ambient--2 {\r\n\r\n  width: 400px;\r\n  height: 400px;\r\n\r\n  bottom: -350px;\r\n  left: 10%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(200,162,74,.055),\r\n      transparent 68%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.jp-news__container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1380px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.jp-news__header {\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-end;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  margin-bottom: 30px;\r\n\r\n}\r\n\r\n\r\n.jp-news__heading {\r\n\r\n  text-align: right;\r\n\r\n}\r\n\r\n\r\n.jp-news__eyebrow {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  color:\r\n    var(--jp-gold);\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n.jp-news__title {\r\n\r\n  margin: 0;\r\n\r\n  padding: 0;\r\n\r\n  color:\r\n    var(--jp-text);\r\n\r\n  font-size: 30px;\r\n\r\n  font-weight: 850;\r\n\r\n  line-height: 1.5;\r\n\r\n  letter-spacing: -.5px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALL NEWS BUTTON\r\n========================================================= *\/\r\n\r\n.jp-news__all {\r\n\r\n  position: relative;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 8px;\r\n\r\n  min-width: 185px;\r\n\r\n  height: 48px;\r\n\r\n  padding:\r\n    0 18px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--jp-gold);\r\n\r\n  border-radius: 5px;\r\n\r\n  color: #fff;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--jp-gold),\r\n      #b48531\r\n    );\r\n\r\n  text-decoration: none;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  overflow: hidden;\r\n\r\n  box-shadow:\r\n    0 9px 26px\r\n    rgba(200,162,74,.14);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__all::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  transform:\r\n    translateX(-110%);\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      transparent,\r\n      rgba(255,255,255,.25),\r\n      transparent\r\n    );\r\n\r\n  transition:\r\n    transform .6s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__all:hover {\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 14px 35px\r\n    rgba(200,162,74,.22);\r\n\r\n}\r\n\r\n\r\n.jp-news__all:hover::before {\r\n\r\n  transform:\r\n    translateX(110%);\r\n\r\n}\r\n\r\n\r\n.jp-news__all span,\r\n.jp-news__all svg {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n}\r\n\r\n\r\n.jp-news__all svg {\r\n\r\n  width: 14px;\r\n\r\n  height: 14px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n========================================================= *\/\r\n\r\n.jp-news__viewport {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MASK\r\n========================================================= *\/\r\n\r\n.jp-news__mask {\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    3px 2px 8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.jp-news__track {\r\n\r\n  display: flex;\r\n\r\n  align-items: stretch;\r\n\r\n  direction: ltr;\r\n\r\n  gap: 25px;\r\n\r\n  width: 100%;\r\n\r\n  will-change:\r\n    transform;\r\n\r\n  transition:\r\n    transform\r\n    .65s\r\n    cubic-bezier(.22,.61,.36,1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.jp-news__card {\r\n\r\n  position: relative;\r\n\r\n  flex:\r\n    0 0\r\n    calc(\r\n      (100% - 50px) \/ 3\r\n    );\r\n\r\n  min-width: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  direction: rtl;\r\n\r\n  border:\r\n    1px solid\r\n    var(--jp-border);\r\n\r\n  border-radius: 6px;\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  box-shadow:\r\n    0 7px 28px\r\n    rgba(0,0,0,.055);\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(16px);\r\n\r\n  animation:\r\n    jpNewsCardIn\r\n    .65s\r\n    cubic-bezier(.2,.8,.2,1)\r\n    forwards;\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    box-shadow .4s ease,\r\n    border-color .4s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__card:hover {\r\n\r\n  transform:\r\n    translateY(-6px);\r\n\r\n  border-color:\r\n    rgba(200,162,74,.28);\r\n\r\n  box-shadow:\r\n    0 18px 44px\r\n    rgba(0,0,0,.105);\r\n\r\n}\r\n\r\n\r\n@keyframes jpNewsCardIn {\r\n\r\n  to {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD GOLD LINE\r\n========================================================= *\/\r\n\r\n.jp-news__card::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 10;\r\n\r\n  top: 0;\r\n\r\n  right: 0;\r\n\r\n  width: 0;\r\n\r\n  height: 2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--jp-gold-dark),\r\n      var(--jp-gold-light)\r\n    );\r\n\r\n  transition:\r\n    width .45s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__card:hover::before {\r\n\r\n  width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.jp-news__image {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio:\r\n    16 \/ 9;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #ededed,\r\n      #dcdcdc\r\n    );\r\n\r\n}\r\n\r\n\r\n.jp-news__image img {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform\r\n    .75s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n.jp-news__card:hover\r\n.jp-news__image img {\r\n\r\n  transform:\r\n    scale(1.055);\r\n\r\n}\r\n\r\n\r\n\/* IMAGE OVERLAY *\/\r\n\r\n.jp-news__image::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(0,0,0,0) 48%,\r\n      rgba(0,0,0,.32) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY BADGE\r\n========================================================= *\/\r\n\r\n.jp-news__category {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n  right: 14px;\r\n\r\n  bottom: 13px;\r\n\r\n  max-width: calc(100% - 28px);\r\n\r\n  padding:\r\n    5px 10px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.25);\r\n\r\n  border-radius: 3px;\r\n\r\n  background:\r\n    rgba(15,15,15,.7);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n  -webkit-backdrop-filter:\r\n    blur(8px);\r\n\r\n  color:\r\n    #fff;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 800;\r\n\r\n  white-space: nowrap;\r\n\r\n  overflow: hidden;\r\n\r\n  text-overflow: ellipsis;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.jp-news__content {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  flex: 1;\r\n\r\n  padding:\r\n    18px 20px\r\n    20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   META\r\n========================================================= *\/\r\n\r\n.jp-news__meta {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 7px;\r\n\r\n  min-height: 16px;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color:\r\n    var(--jp-gold-dark);\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 750;\r\n\r\n}\r\n\r\n\r\n.jp-news__meta-dot {\r\n\r\n  width: 3px;\r\n\r\n  height: 3px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.jp-news__card-title {\r\n\r\n  margin:\r\n    0 0 8px;\r\n\r\n  padding: 0;\r\n\r\n  color:\r\n    #161616;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 850;\r\n\r\n  line-height: 1.75;\r\n\r\n  display:\r\n    -webkit-box;\r\n\r\n  -webkit-box-orient:\r\n    vertical;\r\n\r\n  -webkit-line-clamp: 2;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.jp-news__card-title a {\r\n\r\n  color: inherit;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    color .25s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__card:hover\r\n.jp-news__card-title a {\r\n\r\n  color:\r\n    var(--jp-gold-dark);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXCERPT\r\n========================================================= *\/\r\n\r\n.jp-news__excerpt {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    var(--jp-muted);\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 2;\r\n\r\n  display:\r\n    -webkit-box;\r\n\r\n  -webkit-box-orient:\r\n    vertical;\r\n\r\n  -webkit-line-clamp: 3;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   READ MORE\r\n========================================================= *\/\r\n\r\n.jp-news__read {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 5px;\r\n\r\n  width: fit-content;\r\n\r\n  margin-top: auto;\r\n\r\n  padding-top: 14px;\r\n\r\n  color:\r\n    var(--jp-gold-dark);\r\n\r\n  text-decoration: none;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 850;\r\n\r\n}\r\n\r\n\r\n.jp-news__read svg {\r\n\r\n  width: 12px;\r\n\r\n  height: 12px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__read:hover svg {\r\n\r\n  transform:\r\n    translateX(-4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n.jp-news__arrow {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 30;\r\n\r\n  top: 50%;\r\n\r\n  width: 43px;\r\n\r\n  height: 43px;\r\n\r\n  margin-top: -22px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  padding: 0;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,162,74,.38);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  color:\r\n    var(--jp-gold-dark);\r\n\r\n  box-shadow:\r\n    0 9px 28px\r\n    rgba(0,0,0,.11);\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    color .3s ease,\r\n    box-shadow .3s ease,\r\n    opacity .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__arrow:hover {\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  box-shadow:\r\n    0 12px 32px\r\n    rgba(200,162,74,.25);\r\n\r\n}\r\n\r\n\r\n.jp-news__arrow:active {\r\n\r\n  transform:\r\n    scale(.93);\r\n\r\n}\r\n\r\n\r\n.jp-news__arrow svg {\r\n\r\n  width: 17px;\r\n\r\n  height: 17px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    currentColor;\r\n\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* Right = previous *\/\r\n\r\n.jp-news__arrow--prev {\r\n\r\n  right: -21px;\r\n\r\n}\r\n\r\n\r\n\/* Left = next *\/\r\n\r\n.jp-news__arrow--next {\r\n\r\n  left: -21px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.jp-news__dots {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 6px;\r\n\r\n  min-height: 7px;\r\n\r\n  margin-top: 19px;\r\n\r\n}\r\n\r\n\r\n.jp-news__dot {\r\n\r\n  width: 5px;\r\n\r\n  height: 5px;\r\n\r\n  padding: 0;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    #d7d7d7;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    width .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n.jp-news__dot.is-active {\r\n\r\n  width: 20px;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    var(--jp-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING\r\n========================================================= *\/\r\n\r\n.jp-news__loading {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  min-height: 40px;\r\n\r\n  color:\r\n    #888;\r\n\r\n  font-size: 10px;\r\n\r\n}\r\n\r\n\r\n.jp-news__spinner {\r\n\r\n  width: 22px;\r\n\r\n  height: 22px;\r\n\r\n  border:\r\n    2px solid\r\n    #ededed;\r\n\r\n  border-top-color:\r\n    var(--jp-gold);\r\n\r\n  border-radius: 50%;\r\n\r\n  animation:\r\n    jpNewsSpin\r\n    .8s\r\n    linear\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes jpNewsSpin {\r\n\r\n  to {\r\n\r\n    transform:\r\n      rotate(360deg);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ERROR\r\n========================================================= *\/\r\n\r\n.jp-news__error {\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    25px;\r\n\r\n  text-align: center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(0,0,0,.06);\r\n\r\n  border-radius: 6px;\r\n\r\n  background:\r\n    #fff;\r\n\r\n}\r\n\r\n\r\n.jp-news__error strong {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color:\r\n    #333;\r\n\r\n  font-size: 12px;\r\n\r\n}\r\n\r\n\r\n.jp-news__error span {\r\n\r\n  color:\r\n    #888;\r\n\r\n  font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .jp-news {\r\n\r\n    padding:\r\n      50px 22px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__track {\r\n\r\n    gap: 18px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__card {\r\n\r\n    flex-basis:\r\n      calc(\r\n        (100% - 18px) \/ 2\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .jp-news__title {\r\n\r\n    font-size: 27px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .jp-news {\r\n\r\n    padding:\r\n      44px 15px\r\n      45px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__header {\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    gap: 17px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__heading {\r\n\r\n    text-align: center;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__eyebrow {\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__title {\r\n\r\n    font-size: 22px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__all {\r\n\r\n    min-width: 175px;\r\n\r\n    height: 43px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__track {\r\n\r\n    gap: 16px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__card {\r\n\r\n    flex-basis:\r\n      100%;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__content {\r\n\r\n    padding:\r\n      17px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__card-title {\r\n\r\n    font-size: 15px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__arrow {\r\n\r\n    width: 36px;\r\n\r\n    height: 36px;\r\n\r\n    margin-top: -18px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__arrow--prev {\r\n\r\n    right: -8px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__arrow--next {\r\n\r\n    left: -8px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .jp-news__title {\r\n\r\n    font-size: 20px;\r\n\r\n  }\r\n\r\n\r\n  .jp-news__card-title {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .jp-news__track,\r\n  .jp-news__card,\r\n  .jp-news__image img,\r\n  .jp-news__arrow,\r\n  .jp-news__all {\r\n\r\n    animation: none !important;\r\n\r\n    transition: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   JAHAN PASHA\r\n   SMART WORDPRESS NEWS SLIDER\r\n========================================================= *\/\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n\r\n  \/* =======================================================\r\n     ELEMENT\r\n  ======================================================== *\/\r\n\r\n  const root =\r\n    document.querySelector(\r\n      \"[data-jp-news]\"\r\n    );\r\n\r\n\r\n  if (!root) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062f\u0648\u0628\u0627\u0631\u0647 \u062f\u0631 Elementor\r\n   *\/\r\n\r\n  if (\r\n    root.dataset.jpInitialized === \"true\"\r\n  ) {\r\n    return;\r\n  }\r\n\r\n\r\n  root.dataset.jpInitialized =\r\n    \"true\";\r\n\r\n\r\n  \/* =======================================================\r\n     CONFIG\r\n  ======================================================== *\/\r\n\r\n  let config = {};\r\n\r\n\r\n  try {\r\n\r\n    const configElement =\r\n      root.querySelector(\r\n        \".jp-news-config\"\r\n      );\r\n\r\n\r\n    config =\r\n      JSON.parse(\r\n        configElement.textContent\r\n      );\r\n\r\n  } catch (error) {\r\n\r\n    console.error(\r\n      \"Jahan Pasha News Config Error:\",\r\n      error\r\n    );\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     DEFAULTS\r\n  ======================================================== *\/\r\n\r\n  config.blogUrl =\r\n    config.blogUrl ||\r\n    window.location.origin +\r\n    \"\/blog\/\";\r\n\r\n\r\n  config.postsPerPage =\r\n    Number(\r\n      config.postsPerPage\r\n    ) || 9;\r\n\r\n\r\n  config.desktopItems =\r\n    Number(\r\n      config.desktopItems\r\n    ) || 3;\r\n\r\n\r\n  config.tabletItems =\r\n    Number(\r\n      config.tabletItems\r\n    ) || 2;\r\n\r\n\r\n  config.mobileItems =\r\n    Number(\r\n      config.mobileItems\r\n    ) || 1;\r\n\r\n\r\n  config.autoplay =\r\n    Number(\r\n      config.autoplay\r\n    ) || 5000;\r\n\r\n\r\n  \/* =======================================================\r\n     DOM\r\n  ======================================================== *\/\r\n\r\n  const track =\r\n    root.querySelector(\r\n      \".jp-news__track\"\r\n    );\r\n\r\n\r\n  const loading =\r\n    root.querySelector(\r\n      \".jp-news__loading\"\r\n    );\r\n\r\n\r\n  const dots =\r\n    root.querySelector(\r\n      \".jp-news__dots\"\r\n    );\r\n\r\n\r\n  const prev =\r\n    root.querySelector(\r\n      \".jp-news__arrow--prev\"\r\n    );\r\n\r\n\r\n  const next =\r\n    root.querySelector(\r\n      \".jp-news__arrow--next\"\r\n    );\r\n\r\n\r\n  const allButton =\r\n    root.querySelector(\r\n      \".jp-news__all\"\r\n    );\r\n\r\n\r\n  \/* =======================================================\r\n     STATE\r\n  ======================================================== *\/\r\n\r\n  let posts = [];\r\n\r\n  let current =\r\n    0;\r\n\r\n  let perView =\r\n    config.desktopItems;\r\n\r\n  let step =\r\n    0;\r\n\r\n  let timer =\r\n    null;\r\n\r\n  let isAnimating =\r\n    false;\r\n\r\n  let touchStartX =\r\n    0;\r\n\r\n  let touchStartY =\r\n    0;\r\n\r\n  let resizeTimer =\r\n    null;\r\n\r\n\r\n  \/* =======================================================\r\n     URL HELPERS\r\n  ======================================================== *\/\r\n\r\n  function cleanUrl(url) {\r\n\r\n    return String(url || \"\")\r\n      .trim();\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * \u0633\u0627\u062e\u062a API \u0648\u0631\u062f\u067e\u0631\u0633\r\n   *\r\n   * \u0627\u06af\u0631 \u0648\u0628\u0644\u0627\u06af:\r\n   *\r\n   * https:\/\/jahanpasha.com\/blog\/\r\n   *\r\n   * \u0628\u0627\u0634\u062f API \u0645\u06cc\u200c\u0634\u0648\u062f:\r\n   *\r\n   * https:\/\/jahanpasha.com\/wp-json\/wp\/v2\/posts\r\n   *\/\r\n\r\n  function getApiUrl() {\r\n\r\n    const blog =\r\n      new URL(\r\n        cleanUrl(\r\n          config.blogUrl\r\n        ),\r\n        window.location.href\r\n      );\r\n\r\n\r\n    return (\r\n      blog.origin +\r\n      \"\/wp-json\/wp\/v2\/posts\"\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     HTML SANITIZER\r\n  ======================================================== *\/\r\n\r\n  function escapeHTML(value) {\r\n\r\n    const div =\r\n      document.createElement(\r\n        \"div\"\r\n      );\r\n\r\n    div.textContent =\r\n      String(value || \"\");\r\n\r\n    return div.innerHTML;\r\n\r\n  }\r\n\r\n\r\n  function cleanText(html) {\r\n\r\n    const div =\r\n      document.createElement(\r\n        \"div\"\r\n      );\r\n\r\n    div.innerHTML =\r\n      html || \"\";\r\n\r\n    return (\r\n      div.textContent ||\r\n      div.innerText ||\r\n      \"\"\r\n    )\r\n      .replace(\/\\s+\/g, \" \")\r\n      .trim();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     DATE\r\n  ======================================================== *\/\r\n\r\n  function formatDate(date) {\r\n\r\n    if (!date) {\r\n      return \"\";\r\n    }\r\n\r\n\r\n    const parsed =\r\n      new Date(date);\r\n\r\n\r\n    if (\r\n      Number.isNaN(\r\n        parsed.getTime()\r\n      )\r\n    ) {\r\n\r\n      return \"\";\r\n\r\n    }\r\n\r\n\r\n    return parsed.toLocaleDateString(\r\n      \"fa-IR\",\r\n      {\r\n        year: \"numeric\",\r\n        month: \"long\",\r\n        day: \"numeric\"\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CATEGORY\r\n  ======================================================== *\/\r\n\r\n  function getCategory(post) {\r\n\r\n    try {\r\n\r\n      const terms =\r\n        post._embedded &amp;&amp;\r\n        post._embedded[\r\n          \"wp:term\"\r\n        ];\r\n\r\n\r\n      if (\r\n        !terms ||\r\n        !Array.isArray(terms)\r\n      ) {\r\n\r\n        return \"\";\r\n\r\n      }\r\n\r\n\r\n      const categories =\r\n        terms.find(\r\n          group =&gt;\r\n            Array.isArray(group) &amp;&amp;\r\n            group.some(\r\n              item =&gt;\r\n                item.taxonomy ===\r\n                \"category\"\r\n            )\r\n        );\r\n\r\n\r\n      if (!categories) {\r\n        return \"\";\r\n      }\r\n\r\n\r\n      const category =\r\n        categories.find(\r\n          item =&gt;\r\n            item.taxonomy ===\r\n            \"category\"\r\n        );\r\n\r\n\r\n      return category\r\n        ? cleanText(category.name)\r\n        : \"\";\r\n\r\n    } catch (error) {\r\n\r\n      return \"\";\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     IMAGE\r\n  ======================================================== *\/\r\n\r\n  function getImage(post) {\r\n\r\n    try {\r\n\r\n      const media =\r\n        post._embedded &amp;&amp;\r\n        post._embedded[\r\n          \"wp:featuredmedia\"\r\n        ] &amp;&amp;\r\n        post._embedded[\r\n          \"wp:featuredmedia\"\r\n        ][0];\r\n\r\n\r\n      if (\r\n        media &amp;&amp;\r\n        media.source_url\r\n      ) {\r\n\r\n        return media.source_url;\r\n\r\n      }\r\n\r\n\r\n      \/*\r\n       * \u0628\u0639\u0636\u06cc \u0633\u0627\u06cc\u062a\u200c\u0647\u0627\r\n       * \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0631\u0627 \u062f\u0627\u0631\u0646\u062f.\r\n       *\/\r\n\r\n      if (\r\n        post.jetpack_featured_media_url\r\n      ) {\r\n\r\n        return (\r\n          post.jetpack_featured_media_url\r\n        );\r\n\r\n      }\r\n\r\n    } catch (error) {\r\n\r\n      console.warn(\r\n        \"Image extraction error:\",\r\n        error\r\n      );\r\n\r\n    }\r\n\r\n\r\n    return \"\";\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CREATE CARD\r\n  ======================================================== *\/\r\n\r\n  function createCard(\r\n    post,\r\n    index\r\n  ) {\r\n\r\n    const article =\r\n      document.createElement(\r\n        \"article\"\r\n      );\r\n\r\n\r\n    article.className =\r\n      \"jp-news__card\";\r\n\r\n\r\n    article.dataset.realIndex =\r\n      String(index);\r\n\r\n\r\n    const title =\r\n      cleanText(\r\n        post.title?.rendered\r\n      );\r\n\r\n\r\n    const excerpt =\r\n      cleanText(\r\n        post.excerpt?.rendered\r\n      );\r\n\r\n\r\n    const link =\r\n      post.link ||\r\n      \"#\";\r\n\r\n\r\n    const image =\r\n      getImage(post);\r\n\r\n\r\n    const category =\r\n      getCategory(post);\r\n\r\n\r\n    const date =\r\n      formatDate(\r\n        post.date\r\n      );\r\n\r\n\r\n    \/* =====================================================\r\n       IMAGE\r\n    ====================================================== *\/\r\n\r\n    const imageBox =\r\n      document.createElement(\r\n        \"div\"\r\n      );\r\n\r\n\r\n    imageBox.className =\r\n      \"jp-news__image\";\r\n\r\n\r\n    if (image) {\r\n\r\n      const img =\r\n        document.createElement(\r\n          \"img\"\r\n        );\r\n\r\n\r\n      img.src =\r\n        image;\r\n\r\n\r\n      img.alt =\r\n        title;\r\n\r\n\r\n      img.loading =\r\n        \"lazy\";\r\n\r\n\r\n      img.decoding =\r\n        \"async\";\r\n\r\n\r\n      \/*\r\n       * \u0627\u06af\u0631 \u0639\u06a9\u0633 \u062e\u0631\u0627\u0628 \u0628\u0648\u062f\u060c\r\n       * \u06a9\u0627\u0631\u062a \u0647\u0645\u0686\u0646\u0627\u0646 \u0633\u0627\u0644\u0645 \u0628\u0645\u0627\u0646\u062f.\r\n       *\/\r\n\r\n      img.addEventListener(\r\n        \"error\",\r\n        function () {\r\n\r\n          this.remove();\r\n\r\n        },\r\n        {\r\n          once: true\r\n        }\r\n      );\r\n\r\n\r\n      imageBox.appendChild(\r\n        img\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CATEGORY\r\n    ====================================================== *\/\r\n\r\n    if (\r\n      config.showCategory &amp;&amp;\r\n      category\r\n    ) {\r\n\r\n      const badge =\r\n        document.createElement(\r\n          \"span\"\r\n        );\r\n\r\n\r\n      badge.className =\r\n        \"jp-news__category\";\r\n\r\n\r\n      badge.textContent =\r\n        category;\r\n\r\n\r\n      imageBox.appendChild(\r\n        badge\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CONTENT\r\n    ====================================================== *\/\r\n\r\n    const content =\r\n      document.createElement(\r\n        \"div\"\r\n      );\r\n\r\n\r\n    content.className =\r\n      \"jp-news__content\";\r\n\r\n\r\n    \/* META *\/\r\n\r\n    if (\r\n      config.showDate &amp;&amp;\r\n      date\r\n    ) {\r\n\r\n      const meta =\r\n        document.createElement(\r\n          \"div\"\r\n        );\r\n\r\n\r\n      meta.className =\r\n        \"jp-news__meta\";\r\n\r\n\r\n      meta.innerHTML = `\r\n\r\n        <span>\r\n          ${escapeHTML(date)}\r\n        <\/span>\r\n\r\n        <span class=\"jp-news__meta-dot\"><\/span>\r\n\r\n        <span>\r\n          \u062c\u0647\u0627\u0646 \u067e\u0627\u0634\u0627\r\n        <\/span>\r\n\r\n      `;\r\n\r\n\r\n      content.appendChild(\r\n        meta\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* TITLE *\/\r\n\r\n    const heading =\r\n      document.createElement(\r\n        \"h3\"\r\n      );\r\n\r\n\r\n    heading.className =\r\n      \"jp-news__card-title\";\r\n\r\n\r\n    const titleLink =\r\n      document.createElement(\r\n        \"a\"\r\n      );\r\n\r\n\r\n    titleLink.href =\r\n      link;\r\n\r\n\r\n    titleLink.textContent =\r\n      title;\r\n\r\n\r\n    heading.appendChild(\r\n      titleLink\r\n    );\r\n\r\n\r\n    content.appendChild(\r\n      heading\r\n    );\r\n\r\n\r\n    \/* EXCERPT *\/\r\n\r\n    if (excerpt) {\r\n\r\n      const paragraph =\r\n        document.createElement(\r\n          \"p\"\r\n        );\r\n\r\n\r\n      paragraph.className =\r\n        \"jp-news__excerpt\";\r\n\r\n\r\n      paragraph.textContent =\r\n        excerpt;\r\n\r\n\r\n      content.appendChild(\r\n        paragraph\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* READ MORE *\/\r\n\r\n    const readMore =\r\n      document.createElement(\r\n        \"a\"\r\n      );\r\n\r\n\r\n    readMore.className =\r\n      \"jp-news__read\";\r\n\r\n\r\n    readMore.href =\r\n      link;\r\n\r\n\r\n    readMore.innerHTML = `\r\n\r\n      <span>\r\n        \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647\r\n      <\/span>\r\n\r\n      <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M8 5l7 7-7 7\"><\/path>\r\n      <\/svg>\r\n\r\n    `;\r\n\r\n\r\n    content.appendChild(\r\n      readMore\r\n    );\r\n\r\n\r\n    \/* BUILD *\/\r\n\r\n    article.appendChild(\r\n      imageBox\r\n    );\r\n\r\n\r\n    article.appendChild(\r\n      content\r\n    );\r\n\r\n\r\n    return article;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     RESPONSIVE ITEMS\r\n  ======================================================== *\/\r\n\r\n  function getPerView() {\r\n\r\n    const width =\r\n      window.innerWidth;\r\n\r\n\r\n    if (\r\n      width &lt;= 700\r\n    ) {\r\n\r\n      return config.mobileItems;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      width &lt;= 1050\r\n    ) {\r\n\r\n      return config.tabletItems;\r\n\r\n    }\r\n\r\n\r\n    return config.desktopItems;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     BUILD SLIDER\r\n  ======================================================== *\/\r\n\r\n  function buildSlider(\r\n    reset = true\r\n  ) {\r\n\r\n    perView =\r\n      Math.min(\r\n        getPerView(),\r\n        posts.length\r\n      );\r\n\r\n\r\n    if (\r\n      !perView\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n     * \u0628\u0631\u0627\u06cc \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u062d\u0644\u0642\u0647\u200c\u0627\u06cc:\r\n     * \u0622\u062e\u0631\u06cc\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0628\u062a\u062f\u0627\r\n     * \u0648 \u0627\u0648\u0644\u06cc\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0628\u0639\u062f \u0627\u0632 \u0627\u0646\u062a\u0647\u0627\r\n     *\/\r\n\r\n    const fragment =\r\n      document.createDocumentFragment();\r\n\r\n\r\n    const cloneBefore =\r\n      posts.slice(\r\n        posts.length - perView\r\n      );\r\n\r\n\r\n    const cloneAfter =\r\n      posts.slice(\r\n        0,\r\n        perView\r\n      );\r\n\r\n\r\n    \/* BEFORE *\/\r\n\r\n    cloneBefore.forEach(\r\n      function(post, index) {\r\n\r\n        const card =\r\n          createCard(\r\n            post,\r\n            posts.length -\r\n            perView +\r\n            index\r\n          );\r\n\r\n\r\n        card.dataset.clone =\r\n          &quot;before&quot;;\r\n\r\n\r\n        fragment.appendChild(\r\n          card\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* REAL *\/\r\n\r\n    posts.forEach(\r\n      function(post, index) {\r\n\r\n        const card =\r\n          createCard(\r\n            post,\r\n            index\r\n          );\r\n\r\n\r\n        fragment.appendChild(\r\n          card\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* AFTER *\/\r\n\r\n    cloneAfter.forEach(\r\n      function(post, index) {\r\n\r\n        const card =\r\n          createCard(\r\n            post,\r\n            index\r\n          );\r\n\r\n\r\n        card.dataset.clone =\r\n          &quot;after&quot;;\r\n\r\n\r\n        fragment.appendChild(\r\n          card\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    track.innerHTML = &quot;&quot;;\r\n\r\n\r\n    track.appendChild(\r\n      fragment\r\n    );\r\n\r\n\r\n    \/*\r\n     * Current starts after\r\n     * cloned cards.\r\n     *\/\r\n\r\n    current =\r\n      perView;\r\n\r\n\r\n    requestAnimationFrame(\r\n      function() {\r\n\r\n        calculateStep();\r\n\r\n        setPosition(\r\n          false\r\n        );\r\n\r\n        buildDots();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CALCULATE STEP\r\n  ======================================================== *\/\r\n\r\n  function calculateStep() {\r\n\r\n    const cards =\r\n      track.querySelectorAll(\r\n        &quot;.jp-news__card&quot;\r\n      );\r\n\r\n\r\n    if (\r\n      !cards.length\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const first =\r\n      cards[0];\r\n\r\n\r\n    const style =\r\n      window.getComputedStyle(\r\n        track\r\n      );\r\n\r\n\r\n    const gap =\r\n      parseFloat(\r\n        style.columnGap ||\r\n        style.gap ||\r\n        0\r\n      );\r\n\r\n\r\n    step =\r\n      first.getBoundingClientRect()\r\n        .width +\r\n      gap;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     POSITION\r\n  ======================================================== *\/\r\n\r\n  function setPosition(\r\n    animate = true\r\n  ) {\r\n\r\n    if (\r\n      !step\r\n    ) {\r\n\r\n      calculateStep();\r\n\r\n    }\r\n\r\n\r\n    track.style.transition =\r\n      animate\r\n        ? &quot;&quot;\r\n        : &quot;none&quot;;\r\n\r\n\r\n    const offset =\r\n      current * step;\r\n\r\n\r\n    track.style.transform =\r\n      `translate3d(-${offset}px,0,0)`;\r\n\r\n\r\n    if (!animate) {\r\n\r\n      requestAnimationFrame(\r\n        function() {\r\n\r\n          requestAnimationFrame(\r\n            function() {\r\n\r\n              track.style.transition =\r\n                &quot;&quot;;\r\n\r\n            }\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     MOVE\r\n  ======================================================== *\/\r\n\r\n  function move(\r\n    direction\r\n  ) {\r\n\r\n    if (\r\n      isAnimating ||\r\n      posts.length =\r\n          posts.length +\r\n          perView\r\n        ) {\r\n\r\n          current =\r\n            perView;\r\n\r\n          setPosition(\r\n            false\r\n          );\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * \u0627\u06af\u0631 \u0628\u0647 clone \u0627\u0648\u0644 \u0631\u0633\u06cc\u062f\u06cc\u0645\r\n         *\/\r\n\r\n        if (\r\n          current &lt;\r\n          perView\r\n        ) {\r\n\r\n          current =\r\n            posts.length +\r\n            current;\r\n\r\n          setPosition(\r\n            false\r\n          );\r\n\r\n        }\r\n\r\n\r\n        isAnimating =\r\n          false;\r\n\r\n      },\r\n      680\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     DOTS\r\n  ======================================================== *\/\r\n\r\n  function buildDots() {\r\n\r\n    dots.innerHTML =\r\n      &quot;&quot;;\r\n\r\n\r\n    if (\r\n      posts.length &lt;= perView\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * \u06cc\u06a9 \u0646\u0642\u0637\u0647 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0635\u0641\u062d\u0647\r\n     *\/\r\n\r\n    const pages =\r\n      Math.ceil(\r\n        posts.length \/\r\n        perView\r\n      );\r\n\r\n\r\n    for (\r\n      let i = 0;\r\n      i &lt; pages;\r\n      i++\r\n    ) {\r\n\r\n      const dot =\r\n        document.createElement(\r\n          &quot;button&quot;\r\n        );\r\n\r\n\r\n      dot.type =\r\n        &quot;button&quot;;\r\n\r\n\r\n      dot.className =\r\n        &quot;jp-news__dot&quot;;\r\n\r\n\r\n      dot.setAttribute(\r\n        &quot;aria-label&quot;,\r\n        `\u0635\u0641\u062d\u0647 ${i + 1}`\r\n      );\r\n\r\n\r\n      dot.addEventListener(\r\n        &quot;click&quot;,\r\n        function() {\r\n\r\n          current =\r\n            perView +\r\n            (\r\n              i *\r\n              perView\r\n            );\r\n\r\n\r\n          setPosition(\r\n            true\r\n          );\r\n\r\n\r\n          updateDots();\r\n\r\n          restartAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n\r\n      dots.appendChild(\r\n        dot\r\n      );\r\n\r\n    }\r\n\r\n\r\n    updateDots();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     UPDATE DOT\r\n  ======================================================== *\/\r\n\r\n  function updateDots() {\r\n\r\n    const dotList =\r\n      dots.querySelectorAll(\r\n        &quot;.jp-news__dot&quot;\r\n      );\r\n\r\n\r\n    if (\r\n      !dotList.length\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    let realIndex =\r\n      current -\r\n      perView;\r\n\r\n\r\n    if (\r\n      realIndex =\r\n      posts.length\r\n    ) {\r\n\r\n      realIndex =\r\n        0;\r\n\r\n    }\r\n\r\n\r\n    const page =\r\n      Math.floor(\r\n        realIndex \/\r\n        perView\r\n      );\r\n\r\n\r\n    dotList.forEach(\r\n      function(dot, index) {\r\n\r\n        dot.classList.toggle(\r\n          \"is-active\",\r\n          index === page\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     AUTOPLAY\r\n  ======================================================== *\/\r\n\r\n  function startAutoplay() {\r\n\r\n    stopAutoplay();\r\n\r\n\r\n    if (\r\n      config.autoplay &lt;= 0 ||\r\n      posts.length \r\n        Math.abs(deltaX)\r\n      ) {\r\n\r\n        startAutoplay();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        Math.abs(deltaX) &gt;\r\n        45\r\n      ) {\r\n\r\n        if (\r\n          deltaX &lt; 0\r\n        ) {\r\n\r\n          move(1);\r\n\r\n        } else {\r\n\r\n          move(-1);\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      startAutoplay();\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     KEYBOARD\r\n  ======================================================== *\/\r\n\r\n  root.addEventListener(\r\n    &quot;keydown&quot;,\r\n    function(event) {\r\n\r\n      if (\r\n        event.key ===\r\n        &quot;ArrowLeft&quot;\r\n      ) {\r\n\r\n        move(1);\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        event.key ===\r\n        &quot;ArrowRight&quot;\r\n      ) {\r\n\r\n        move(-1);\r\n\r\n        restartAutoplay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  root.setAttribute(\r\n    &quot;tabindex&quot;,\r\n    &quot;0&quot;\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     RESIZE\r\n  ======================================================== *\/\r\n\r\n  window.addEventListener(\r\n    &quot;resize&quot;,\r\n    function() {\r\n\r\n      clearTimeout(\r\n        resizeTimer\r\n      );\r\n\r\n\r\n      resizeTimer =\r\n        setTimeout(\r\n          function() {\r\n\r\n            const newPerView =\r\n              getPerView();\r\n\r\n\r\n            if (\r\n              newPerView !==\r\n              perView\r\n            ) {\r\n\r\n              buildSlider(\r\n                true\r\n              );\r\n\r\n            } else {\r\n\r\n              calculateStep();\r\n\r\n              setPosition(\r\n                false\r\n              );\r\n\r\n            }\r\n\r\n          },\r\n          180\r\n        );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     FETCH WORDPRESS POSTS\r\n  ======================================================== *\/\r\n\r\n  async function loadPosts() {\r\n\r\n    try {\r\n\r\n      const api =\r\n        getApiUrl();\r\n\r\n\r\n      \/*\r\n       * _embed:\r\n       * \u062a\u0635\u0648\u06cc\u0631 \u0634\u0627\u062e\u0635 + \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\r\n       *\/\r\n\r\n      const requestUrl =\r\n        api +\r\n        &quot;?per_page=&quot; +\r\n        encodeURIComponent(\r\n          config.postsPerPage\r\n        ) +\r\n        &quot;&amp;_embed&quot;;\r\n\r\n\r\n      const response =\r\n        await fetch(\r\n          requestUrl,\r\n          {\r\n            method: &quot;GET&quot;,\r\n\r\n            headers: {\r\n              &quot;Accept&quot;:\r\n                &quot;application\/json&quot;\r\n            },\r\n\r\n            cache:\r\n              &quot;no-store&quot;\r\n          }\r\n        );\r\n\r\n\r\n      if (\r\n        !response.ok\r\n      ) {\r\n\r\n        throw new Error(\r\n          &quot;WordPress API HTTP &quot; +\r\n          response.status\r\n        );\r\n\r\n      }\r\n\r\n\r\n      const data =\r\n        await response.json();\r\n\r\n\r\n      if (\r\n        !Array.isArray(data) ||\r\n        !data.length\r\n      ) {\r\n\r\n        throw new Error(\r\n          &quot;\u0647\u06cc\u0686 \u0645\u0642\u0627\u0644\u0647\u200c\u0627\u06cc \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f.&quot;\r\n        );\r\n\r\n      }\r\n\r\n\r\n      posts =\r\n        data;\r\n\r\n\r\n      \/*\r\n       * \u0644\u06cc\u0646\u06a9 \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647\r\n       *\/\r\n\r\n      if (allButton) {\r\n\r\n        allButton.href =\r\n          config.blogUrl;\r\n\r\n      }\r\n\r\n\r\n      \/*\r\n       * Loading\r\n       *\/\r\n\r\n      loading.style.display =\r\n        &quot;none&quot;;\r\n\r\n\r\n      \/*\r\n       * Build\r\n       *\/\r\n\r\n      buildSlider(\r\n        true\r\n      );\r\n\r\n\r\n      \/*\r\n       * Start\r\n       *\/\r\n\r\n      startAutoplay();\r\n\r\n\r\n    } catch (error) {\r\n\r\n      console.error(\r\n        &quot;Jahan Pasha News Error:&quot;,\r\n        error\r\n      );\r\n\r\n\r\n      loading.style.display =\r\n        &quot;none&quot;;\r\n\r\n\r\n      const errorBox =\r\n        document.createElement(\r\n          &quot;div&quot;\r\n        );\r\n\r\n\r\n      errorBox.className =\r\n        &quot;jp-news__error&quot;;\r\n\r\n\r\n      errorBox.innerHTML = `\r\n\r\n        <strong>\r\n          \u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u062e\u0628\u0627\u0631 \u0628\u0627 \u0645\u0634\u06a9\u0644 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f\r\n        <\/strong>\r\n\r\n        <span>\r\n          \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 API \u0648\u0631\u062f\u067e\u0631\u0633 \u06cc\u0627 \u0622\u062f\u0631\u0633 \u0648\u0628\u0644\u0627\u06af \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.\r\n        <\/span>\r\n\r\n      `;\r\n\r\n\r\n      const viewport =\r\n        root.querySelector(\r\n          \".jp-news__viewport\"\r\n        );\r\n\r\n\r\n      viewport.replaceWith(\r\n        errorBox\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     INIT\r\n  ======================================================== *\/\r\n\r\n  loadPosts();\r\n\r\n\r\n})();\r\n\r\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services Comprehensive business solutions for your business We are with you at every stage of international trade\u2014 from sourcing<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9066","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/pages\/9066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/comments?post=9066"}],"version-history":[{"count":1,"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/pages\/9066\/revisions"}],"predecessor-version":[{"id":9071,"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/pages\/9066\/revisions\/9071"}],"wp:attachment":[{"href":"https:\/\/jahanpasha.com\/en\/wp-json\/wp\/v2\/media?parent=9066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}