{"id":334,"date":"2025-07-07T12:55:22","date_gmt":"2025-07-07T12:55:22","guid":{"rendered":"https:\/\/intelligentcomputingtrends.com\/?page_id=334"},"modified":"2025-12-04T07:27:35","modified_gmt":"2025-12-04T07:27:35","slug":"trendroute","status":"publish","type":"page","link":"https:\/\/intelligentcomputingtrends.com\/en\/trendroute\/","title":{"rendered":"TrendRoute"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"334\" class=\"elementor elementor-334\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fdffc3 e-con-full e-flex e-con e-parent\" data-id=\"7fdffc3\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ac468b elementor-widget elementor-widget-html\" data-id=\"9ac468b\" 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<!-- ===== TrendRoute Section \u2013 \u0633\u0627\u062f\u0647\u060c \u062e\u0648\u0627\u0646\u0627\u060c \u0628\u062f\u0648\u0646 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u062a \u0634\u0644\u0648\u063a ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"trendroute-section\" aria-label=\"TrendRoute \u2013 AI-Powered Route Optimization\">\r\n  <div class=\"trendroute-inner\">\r\n    <!-- Text Column -->\r\n    <div class=\"trendroute-text\">\r\n      <h2 class=\"trendroute-heading\">\r\n        Optimize Your Routes with<br>\r\n        AI-Powered TrendRoute\r\n      <\/h2>\r\n\r\n      <p class=\"trendroute-intro\">\r\n        TrendRoute is an AI-driven routing API that empowers transportation and last-mile delivery\r\n        companies to boost operational efficiency on their own platforms.\r\n      <\/p>\r\n\r\n      <h3 class=\"trendroute-subtitle\">How TrendRoute Works<\/h3>\r\n\r\n      <p class=\"trendroute-details\">\r\n        TrendRoute harnesses advanced mathematical algorithms and machine learning to transform\r\n        route planning\u2014analyzing historical traffic data, weather conditions, and usage patterns\r\n        to predict congestion and proactively mitigate delays.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/intelligentcomputingtrends.com\/en\/trendroute\/#form\" class=\"trendroute-btn\">\r\n        Learn More\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Image Column -->\r\n    <div class=\"trendroute-image\">\r\n      <img\r\n        src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250519_1324_Futuristic-Smart-City_simple_compose_01jvm7zqt4e24bs4mczs41ch88.webp\"\r\n        alt=\"Illustration of AI-driven route optimization in a futuristic smart city\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== TrendRoute \u2013 \u062a\u0645\u0631\u06a9\u0632 \u0631\u0648\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc ===== *\/\r\n\r\n.trendroute-section {\r\n  font-family: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n  background: #f7fafc;           \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u06cc \u062e\u06cc\u0644\u06cc \u0631\u0648\u0634\u0646 \u0648 \u0633\u0627\u062f\u0647 *\/\r\n  color: #0f2c3e;                \/* \u0633\u0631\u0645\u0647\u200c\u0627\u06cc \u062a\u06cc\u0631\u0647 \u0648 \u062e\u0648\u0627\u0646\u0627 *\/\r\n  padding: 60px 1.5rem;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.trendroute-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 40px;\r\n}\r\n\r\n\/* Text column *\/\r\n.trendroute-text {\r\n  flex: 1 1 380px;\r\n  min-width: 280px;\r\n}\r\n\r\n\/* Heading \u2013 \u067e\u0631\u0631\u0646\u06af \u0648 \u06a9\u0627\u0645\u0644\u0627\u064b \u062e\u0648\u0627\u0646\u0627 *\/\r\n.trendroute-heading {\r\n  margin: 0 0 18px;\r\n  font-size: clamp(2.1rem, 2.3vw + 1.6rem, 2.7rem);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  color: #0f2c3e;\r\n}\r\n\r\n\/* Intro paragraph *\/\r\n.trendroute-intro {\r\n  margin: 0 0 16px;\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  color: #1f2933; \/* \u062a\u06cc\u0631\u0647\u060c \u0628\u062f\u0648\u0646 \u0634\u0641\u0627\u0641\u06cc\u062a *\/\r\n}\r\n\r\n\/* Subtitle *\/\r\n.trendroute-subtitle {\r\n  margin: 6px 0 10px;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: #1e88e5;\r\n}\r\n\r\n\/* Details paragraph *\/\r\n.trendroute-details {\r\n  margin: 0 0 24px;\r\n  font-size: 0.98rem;\r\n  line-height: 1.8;\r\n  color: #334e68;\r\n}\r\n\r\n\/* Button \u2013 \u0633\u0627\u062f\u0647 \u0648 \u06a9\u0627\u0646\u062a\u0631\u0627\u0633\u062a \u0628\u0627\u0644\u0627 *\/\r\n.trendroute-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0.75rem 1.8rem;\r\n  border-radius: 999px;\r\n  border: none;\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.03em;\r\n  text-transform: uppercase;\r\n  background: #1e88e5;\r\n  color: #ffffff;\r\n  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.35);\r\n  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.trendroute-btn:hover,\r\n.trendroute-btn:focus-visible {\r\n  background: #1565c0;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 10px 26px rgba(21, 101, 192, 0.4);\r\n}\r\n\r\n.trendroute-btn:focus-visible {\r\n  outline: 2px solid #1565c0;\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* Image column *\/\r\n.trendroute-image {\r\n  flex: 1 1 380px;\r\n  min-width: 280px;\r\n  text-align: center;\r\n}\r\n\r\n.trendroute-image img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  border-radius: 16px;\r\n  display: block;\r\n  margin: 0 auto;\r\n  box-shadow: 0 14px 32px rgba(15, 44, 62, 0.18);\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 768px) {\r\n  .trendroute-inner {\r\n    flex-direction: column-reverse; \/* \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644: \u0627\u0648\u0644 \u062a\u0635\u0648\u06cc\u0631\u060c \u0628\u0639\u062f \u0645\u062a\u0646\u061b \u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc \u0628\u0631\u0639\u06a9\u0633 \u06a9\u0646 *\/\r\n  }\r\n\r\n  .trendroute-text {\r\n    text-align: left;\r\n  }\r\n\r\n  .trendroute-section {\r\n    padding: 50px 1.25rem;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df15849 e-con-full e-flex e-con e-parent\" data-id=\"df15849\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abbb395 elementor-widget elementor-widget-html\" data-id=\"abbb395\" 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<!-- \u06f1. FontAwesome (\u0627\u06af\u0631 \u0642\u0628\u0644\u0627\u064b \u0644\u0648\u062f \u0646\u0634\u062f\u0647) -->\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n<style>\r\n  \/* ===== Benefits Section \u2013 \u0628\u062f\u0648\u0646 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u0633\u06a9\u0634\u0646\u060c \u0628\u0627 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0633\u0641\u06cc\u062f \u062e\u0648\u0627\u0646\u0627 ===== *\/\r\n\r\n  .benefits-section{\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(3rem, 6vw, 4.5rem) 1.5rem;\r\n    \/* \u0647\u06cc\u0686 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc \u0633\u06a9\u0634\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0646\u0634\u062f\u0647 *\/\r\n    background: transparent;\r\n    box-sizing: border-box;\r\n\r\n    color: #111827;\r\n    font-family: system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n  }\r\n\r\n  .benefits-section .container{\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u0639\u0646\u0648\u0627\u0646 \u0633\u06a9\u0634\u0646 *\/\r\n  .benefits-section .section-header{\r\n    display: inline-block;\r\n    padding: 10px 26px;\r\n    margin-bottom: 40px;\r\n    border-radius: 999px;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    text-align: center;\r\n\r\n    background: #002F6C;\r\n    color: #ffffff;\r\n    letter-spacing: 0.03em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* \u06af\u0631\u06cc\u062f \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\r\n  .benefits-grid{\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* \u0647\u0631 \u0622\u06cc\u062a\u0645 \u0628\u0647 \u0635\u0648\u0631\u062a \u06a9\u0627\u0631\u062a \u0633\u0641\u06cc\u062f \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc *\/\r\n  .benefit-item{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n\r\n    background:#ffffff;\r\n    border-radius: 14px;\r\n    padding: 14px 16px;\r\n    box-shadow: 0 8px 18px rgba(15,23,42,0.06);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .benefit-item .icon{\r\n    flex-shrink: 0;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background: #f3f4f6;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .benefit-item .icon i{\r\n    font-size: 22px;\r\n    color: #16a34a;\r\n  }\r\n\r\n  .benefit-item h4{\r\n    margin: 0 0 6px;\r\n    font-size: 1.05rem;\r\n    font-weight: 600;\r\n    color: #111827;\r\n  }\r\n\r\n  .benefit-item p{\r\n    margin: 0;\r\n    font-size: 0.98rem;\r\n    line-height: 1.7;\r\n    color: #4b5563;\r\n  }\r\n\r\n  @media (max-width: 800px){\r\n    .benefits-section .section-header{\r\n      font-size: 1rem;\r\n      padding: 8px 20px;\r\n      margin-bottom: 32px;\r\n    }\r\n    .benefits-grid{\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 500px){\r\n    .benefits-grid{\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"benefits\" class=\"benefits-section\">\r\n  <div class=\"container\">\r\n    <!-- \u0639\u0646\u0648\u0627\u0646 -->\r\n    <div class=\"section-header\">\r\n      Benefits for your business\r\n    <\/div>\r\n\r\n    <!-- \u0634\u0628\u06a9\u0647 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 -->\r\n    <div class=\"benefits-grid\">\r\n      <div class=\"benefit-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-recycle\"><\/i><\/div>\r\n        <div>\r\n          <h4>Gained Competitive advantages<\/h4>\r\n          <p>Deliver faster, greener, and time-predictable to stand distinct in the logistics landscape.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-coins\"><\/i><\/div>\r\n        <div>\r\n          <h4>Reduced Operational Costs<\/h4>\r\n          <p>With optimal routing, witness diminished miles, lowered fuel consumption, and shorter delivery period.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n        <div>\r\n          <h4>Scalable Solutions<\/h4>\r\n          <p>Fitting perfectly for enterprises of varied scales, from local storefronts to vast retail giants.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-stopwatch\"><\/i><\/div>\r\n        <div>\r\n          <h4>Predictable & Timely Deliveries<\/h4>\r\n          <p>Using AI\/ML, we provide predictions of ETA of deliveries with good accuracy to diminish delivery uncertainties.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n        <div>\r\n          <h4>Elevated Customer Satisfaction<\/h4>\r\n          <p>Punctual deliveries, precise ETAs, and a greener footprint are sure to win customer trust and foster loyalty.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-money-bill-alt\"><\/i><\/div>\r\n        <div>\r\n          <h4>Flexible Pay-Per-Use Model<\/h4>\r\n          <p>Embrace financial flexibility with our unique pay-per-use cost model.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef5a162 e-con-full e-flex e-con e-parent\" data-id=\"ef5a162\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f7d449 elementor-widget elementor-widget-html\" data-id=\"5f7d449\" 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<!-- \u06f1. \u0644\u0648\u062f FontAwesome (\u0627\u06af\u0631 \u0642\u0628\u0644\u0627\u064b \u0644\u0648\u062f \u0646\u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f) -->\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n<!-- \u06f2. CSS \u0645\u062e\u0635\u0648\u0635 \u0627\u06cc\u0646 \u0633\u06a9\u0634\u0646 (\u0628\u062f\u0648\u0646 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f) -->\r\n<style>\r\n  \/* === Who Section === *\/\r\n  .who-section {\r\n    padding: 80px 20px;\r\n    \/* \u0647\u06cc\u0686 background \u0628\u0631\u0627\u06cc \u0633\u06a9\u0634\u0646 \u0633\u062a \u0646\u0634\u062f\u0647\u060c \u0627\u0632 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0635\u0641\u062d\u0647 \u0627\u0631\u062b \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f *\/\r\n    color: #FFFFFF; \/* \u0627\u06af\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u0627\u062a \u0631\u0648\u0634\u0646 \u0627\u0633\u062a \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc \u0627\u06cc\u0646 \u0631\u0648 \u062a\u06cc\u0631\u0647 \u06a9\u0646\u06cc *\/\r\n  }\r\n\r\n  .who-section .container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .who-header {\r\n    text-align: center;\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .who-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .who-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n  }\r\n\r\n  .who-item .icon {\r\n    flex-shrink: 0;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .who-item .icon i {\r\n    font-size: 24px;\r\n    color: #00FFC2;\r\n  }\r\n\r\n  .who-item .content p {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .who-header {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .who-item .content p {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u06f3. \u0633\u0627\u062e\u062a\u0627\u0631 HTML -->\r\n<section class=\"who-section\">\r\n  <div class=\"container\">\r\n    <h2 class=\"who-header\">Who can use our API service?<\/h2>\r\n    <div class=\"who-grid\">\r\n      <div class=\"who-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-truck\"><\/i><\/div>\r\n        <div class=\"content\">\r\n          <p>\r\n            Last-mile delivery companies that already have their own platforms but want to further enhance their services by integrating this service.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"who-item\">\r\n        <div class=\"icon\"><i class=\"fas fa-code\"><\/i><\/div>\r\n        <div class=\"content\">\r\n          <p>\r\n            Building a last-mile delivery platform from scratch. Developers can skip the complexity of developing their own route-optimization engine and focus on building the rest of their platform.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6661f84 e-con-full e-flex e-con e-parent\" data-id=\"6661f84\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bbcdac elementor-widget elementor-widget-html\" data-id=\"0bbcdac\" 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<!-- \u06f1. \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc FontAwesome (\u0627\u06af\u0631 \u0642\u0628\u0644\u0627\u064b \u0644\u0648\u062f \u0646\u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f) -->\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n<!-- \u06f2. CSS \u0627\u062e\u062a\u0635\u0627\u0635\u06cc (\u0645\u062a\u0646 \u0631\u0648\u0634\u0646 \u0628\u0631\u0627\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647) -->\r\n<style>\r\n  \/* === API Section === *\/\r\n  .api-section {\r\n    padding: 80px 20px;\r\n    \/* \u0647\u0646\u0648\u0632 \u0647\u06cc\u0686 background \u0646\u062f\u0627\u0631\u0647 \u0648 \u0627\u0632 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u06cc \u0627\u0635\u0644\u06cc \u0635\u0641\u062d\u0647 \u0627\u0631\u062b \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647 *\/\r\n    color: #e5e7eb; \/* \u0631\u0646\u06af \u0645\u062a\u0646 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0631\u0648\u0634\u0646 *\/\r\n  }\r\n\r\n  .api-section .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n  }\r\n\r\n  \/* \u0645\u062a\u0646 \u0648 \u0644\u06cc\u0633\u062a *\/\r\n  .api-text {\r\n    flex: 1;\r\n  }\r\n\r\n  .api-text h2 {\r\n    font-size: 32px;\r\n    margin-bottom: 30px;\r\n    color: #f9fafb; \/* \u062a\u06cc\u062a\u0631 \u062e\u06cc\u0644\u06cc \u0631\u0648\u0634\u0646 *\/\r\n    text-shadow: 0 2px 6px rgba(0,0,0,0.6);\r\n    animation: fadeInUp 0.6s ease-out forwards;\r\n    opacity: 0;\r\n  }\r\n\r\n  .api-text ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .api-text ul li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n    opacity: 0;\r\n    transform: translateX(-20px);\r\n    animation: slideInLeft 0.6s ease-out forwards;\r\n  }\r\n\r\n  .api-text ul li .step {\r\n    flex-shrink: 0;\r\n    width: 32px;\r\n    height: 32px;\r\n    background: #5B5DE0;\r\n    color: #fff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 600;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.4);\r\n  }\r\n\r\n  .api-text ul li strong {\r\n    color: #ffffff; \/* \u0639\u0646\u0648\u0627\u0646 \u0647\u0631 \u0622\u06cc\u062a\u0645 \u0633\u0641\u06cc\u062f *\/\r\n  }\r\n\r\n  .api-text ul li p {\r\n    margin: 0;\r\n    color: #e5e7eb;   \/* \u0645\u062a\u0646 \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u0631\u0648\u0634\u0646 *\/\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* \u062a\u0635\u0648\u06cc\u0631 *\/\r\n  .api-image {\r\n    flex: 1;\r\n    text-align: center;\r\n  }\r\n\r\n  .api-image img {\r\n    width: 100%;\r\n    max-width: 500px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.35);\r\n    opacity: 0;\r\n    transform: translateX(20px);\r\n    animation: slideInRight 0.8s ease-out forwards;\r\n    animation-delay: 0.4s;\r\n  }\r\n\r\n  \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 *\/\r\n  @keyframes slideInLeft {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes slideInRight {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* \u062a\u0627\u062e\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0622\u06cc\u062a\u0645 *\/\r\n  .api-text ul li:nth-child(1) { animation-delay: 0.2s; }\r\n  .api-text ul li:nth-child(2) { animation-delay: 0.3s; }\r\n  .api-text ul li:nth-child(3) { animation-delay: 0.4s; }\r\n  .api-text ul li:nth-child(4) { animation-delay: 0.5s; }\r\n  .api-text ul li:nth-child(5) { animation-delay: 0.6s; }\r\n\r\n  \/* \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 *\/\r\n  @media (max-width: 999px) {\r\n    .api-section .container {\r\n      flex-direction: column-reverse;\r\n      gap: 60px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .api-text h2 {\r\n      font-size: 28px;\r\n    }\r\n    .api-text ul li p {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u06f3. \u0633\u0627\u062e\u062a\u0627\u0631 HTML -->\r\n<section class=\"api-section\">\r\n  <div class=\"container\">\r\n    <!-- \u0633\u062a\u0648\u0646 \u0645\u062a\u0646 -->\r\n    <div class=\"api-text\">\r\n      <h2>The API input parameters:<\/h2>\r\n      <ul>\r\n        <li>\r\n          <div class=\"step\">1<\/div>\r\n          <div>\r\n            <strong>Hub Details:<\/strong>\r\n            <p>A single pickup point (hub) specified by its coordinates (latitude and longitude).<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"step\">2<\/div>\r\n          <div>\r\n            <strong>Delivery Details:<\/strong>\r\n            <p>Delivery locations are specified as latitude and longitude, along with the weight and volume of each delivery.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"step\">3<\/div>\r\n          <div>\r\n            <strong>Vehicle Fleet:<\/strong>\r\n            <p>Details of available vehicles, which can be heterogeneous, including weight and volume capacities.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"step\">4<\/div>\r\n          <div>\r\n            <strong>Custom Constraints:<\/strong>\r\n            <p>Specify limits like maximum route distance, duration, and number of deliveries per route.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li>\r\n          <div class=\"step\">5<\/div>\r\n          <div>\r\n            <strong>Optimisation Goals:<\/strong>\r\n            <p>Choose criteria to minimize, such as route duration, distance, or cost.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- \u0633\u062a\u0648\u0646 \u062a\u0635\u0648\u06cc\u0631 -->\r\n    <div class=\"api-image\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250520_1242_Logistic-API-Integration_remix_01jvpqybjnf76a26h43asrm85v.jpg\"\r\n        alt=\"Logistic API Integration\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a851ec3 e-con-full e-flex e-con e-parent\" data-id=\"a851ec3\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f73bfcf elementor-widget elementor-widget-html\" data-id=\"f73bfcf\" 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<!-- TrendRoute Key Features -->\r\n<div class=\"tr-key-features\">\r\n  <!-- Tabs -->\r\n  <div class=\"tr-tabs\">\r\n    <button class=\"tr-tab active\" data-plan=\"basic\">Basic Plan<\/button>\r\n    <button class=\"tr-tab\" data-plan=\"standard\">Standard Plan<\/button>\r\n    <button class=\"tr-tab\" data-plan=\"premium\">Premium Plan<\/button>\r\n  <\/div>\r\n\r\n  <!-- Basic Plan Content -->\r\n  <div class=\"tr-plan-content\" id=\"basic\">\r\n    <div class=\"tr-features-grid\">\r\n      <!-- Multi-Route Optimization -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M20 3l-8 4-8-4v18l8-4 8 4V3z\"\/><\/svg>\r\n        <div>\r\n          <h4>Multi-Route Optimization<\/h4>\r\n          <p>Plan and optimize multiple transportation routes simultaneously, ensuring efficient resource allocation and reduced costs.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Delivery Time Windows -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1zm0 20a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm.5-9.25V6h-1v6h5v-1z\"\/><\/svg>\r\n        <div>\r\n          <h4>Delivery Time Windows<\/h4>\r\n          <p>Specify individual time constraints for each delivery. The system plans routes to satisfy these windows as closely as possible.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Single Hub\/Multi Hub -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 12l4-4v3h8V8l4 4-4 4v-3H8v3z\"\/><\/svg>\r\n        <div>\r\n          <h4>Single Hub\/Multi Hub Support<\/h4>\r\n          <p>Enabling centralized or distributed route planning.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Loading Time -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 3h18v18H3V3zm16 2H5v14h14V5z\"\/><\/svg>\r\n        <div>\r\n          <h4>Loading Time Consideration<\/h4>\r\n          <p>Factor in vehicle loading times at the hub, ensuring total route duration accounts for every step of the delivery process.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Service Time -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M15.07 1H8.93L8 5H4v2h16V5h-4l-.93-4zM12 8a7 7 0 1 0 7 7 7 7 0 0 0-7-7zm.5 7H11V11h1.5v4z\"\/><\/svg>\r\n        <div>\r\n          <h4>Service Time Inclusion<\/h4>\r\n          <p>Include the time spent at delivery locations for tasks like parking, locating entrances, obtaining signatures, and navigating buildings.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Flexible Optimization -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M19.14 12.94a7.14 7.14 0 0 0 0-1.88l2.03-1.58a.5.5 0 0 0 .11-.64l-1.92-3.32a.5.5 0 0 0-.61-.22l-2.39.96a7.05 7.05 0 0 0-1.63-.95l-.36-2.54A.5.5 0 0 0 14.79 3h-3.58a.5.5 0 0 0-.49.42l-.36 2.54a7.05 7.05 0 0 0-1.63.95l-2.39-.96a.5.5 0 0 0-.61.22L2.72 9.84a.5.5 0 0 0 .11.64l2.03 1.58a7.14 7.14 0 0 0 0 1.88L2.83 14.62a.5.5 0 0 0-.11.64l1.92 3.32a.5.5 0 0 0 .61.22l2.39-.96c.5.38 1.04.7 1.63.95l.36 2.54a.5.5 0 0 0 .49.42h3.58a.5.5 0 0 0 .49-.42l.36-2.54c.59-.25 1.13-.57 1.63-.95l2.39.96a.5.5 0 0 0 .61-.22l1.92-3.32a.5.5 0 0 0-.11-.64l-2.03-1.58zM12 15.5A3.5 3.5 0 1 1 15.5 12 3.5 3.5 0 0 1 12 15.5z\"\/><\/svg>\r\n        <div>\r\n          <h4>Flexible Optimization Criteria<\/h4>\r\n          <p>Customize route optimization based on your preference, such as minimizing distance, duration, or a custom cost function.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Custom Constraints -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 17h18v-2H3v2zm0-8h18v-2H3v2zm0 4h10v-2H3v2z\"\/><\/svg>\r\n        <div>\r\n          <h4>Customizable Constraints<\/h4>\r\n          <p>Set limits for route deadlines, maximum distances, costs, or fuel consumption to meet your operational needs.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Driver Rest Time -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M2 12h2v6h16v-6h2v8H2v-8zm20-6H4v4h18V6zm-2 2H6V8h14v2z\"\/><\/svg>\r\n        <div>\r\n          <h4>Driver Rest Time<\/h4>\r\n          <p>Include driver breaks in route planning, specifying X minutes of rest after every N hours of driving.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Route Improvement -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M22 2l-5 5c-1.17-1.17-2.83-1.17-4 0l-1 1 3 3 1-1c1.17-1.17 1.17-2.83 0-4l5-5zm-15 9l-2 8 8-2 9-9-6-6-9 9z\"\/><\/svg>\r\n        <div>\r\n          <h4>Route Improvement Tool<\/h4>\r\n          <p>Submit existing routes to the system for analysis and optimization while respecting predefined constraints.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Bike Route Support -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm14-6a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm-11-4l4-4 4 4h-3v4h-2v-4z\"\/><\/svg>\r\n        <div>\r\n          <h4>Bike Route Support<\/h4>\r\n          <p>Generate routes optimized for cargo bikes, considering bike routes and speeds.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- GDPR -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2l8 4v6c0 5-3.7 9.6-8 10-4.3-.4-8-5-8-10V6l8-4zm0 14l4-4-1.4-1.4L12 13.2l-1.6-1.6L9 12l3 3z\"\/><\/svg>\r\n        <div>\r\n          <h4>GDPR Compliance<\/h4>\r\n          <p>Fully compliant with GDPR regulations, all data hosted on AWS Europe. Read our complete consent form.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Standard Plan Content -->\r\n  <div class=\"tr-plan-content\" id=\"standard\" hidden>\r\n    <div class=\"tr-features-grid\">\r\n      <!-- Custom Cost Functions -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 4h14v16H5V4zm2 2v4h10V6H7zm0 6v6h10v-6H7z\"\/><\/svg>\r\n        <div>\r\n          <h4>Custom Cost Functions<\/h4>\r\n          <p>Define tailored cost functions, such as fuel consumption or incorporating driver and truck rates where each could have a different hourly cost.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Analytics Dashboard -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 17h4v-7H3v7zm6 0h4v-12h-4v12zm6 0h4v-4h-4v4z\"\/><\/svg>\r\n        <div>\r\n          <h4>Comprehensive Analytics Dashboard<\/h4>\r\n          <p>Access detailed operational statistics such as routes per day, vehicle usage, average\/min\/max distances, durations, and other key performance indicators.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Premium Plan Content -->\r\n  <div class=\"tr-plan-content\" id=\"premium\" hidden>\r\n    <div class=\"tr-features-grid\">\r\n      <!-- Hazardous Load -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 22h20L12 2zm0 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm1-6h-2v-4h2v4z\"\/><\/svg>\r\n        <div>\r\n          <h4>Hazardous Load Routing<\/h4>\r\n          <p>Mark routes carrying hazardous loads, ensuring they avoid restricted zones like city centers or residential areas.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Congestion-Aware -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 2h10v20H7V2zm2 4a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm0 6a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm0 6a2 2 0 1 1-2 2 2 2 0 0 1 2-2z\"\/><\/svg>\r\n        <div>\r\n          <h4>Congestion-Aware Routing<\/h4>\r\n          <p>Plan routes that account for traffic congestion zones in cities like Stockholm, Oslo, and other urban areas across Europe and the UK.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- Driver Insights -->\r\n      <div class=\"tr-feature-item\">\r\n        <svg class=\"tr-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2l6 4v4.17a6 6 0 0 0-12 0V6l6-4zm0 18a6 6 0 0 0 6-6v-4l-6 4-6-4v4a6 6 0 0 0 6 6zM12 12a3 3 0 1 1 3-3 3 3 0 0 1-3 3z\"\/><\/svg>\r\n        <div>\r\n          <h4>Smarter with Historical & Driver-Based Insights<\/h4>\r\n          <p>TrendRoute uses historical traffic patterns and Driver ID to predict travel time. The system learns from each driver\u2019s habits like speed and stop time for more personalized and accurate ETAs over time.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Styles -->\r\n<style>\r\n  :root {\r\n    --tr-color-basic: #1f237e;\r\n    --tr-color-standard: #C0C0C0; \/* Silver *\/\r\n    --tr-color-premium: #c2902c;\r\n    --tr-light: #f5f5f5;\r\n    --tr-dark: #333;\r\n    --tr-gap: 1rem;\r\n  }\r\n  .tr-key-features {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: var(--tr-gap);\r\n    font-family: \"Poppins\", sans-serif;\r\n  }\r\n  .tr-tabs {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: var(--tr-gap);\r\n    margin-bottom: calc(var(--tr-gap) * 1.5);\r\n  }\r\n  .tr-tab {\r\n    padding: 0.75em 1.5em;\r\n    border: none;\r\n    border-radius: 999px;\r\n    background: var(--tr-light);\r\n    color: var(--tr-dark);\r\n    font-size: 1rem;\r\n    cursor: pointer;\r\n    transition: transform 0.2s, background 0.3s, color 0.3s;\r\n  }\r\n  .tr-tab.active {\r\n    background: var(--tr-color-basic);\r\n    color: #fff;\r\n  }\r\n  .tr-tab[data-plan=\"standard\"].active {\r\n    background: var(--tr-color-standard);\r\n  }\r\n  .tr-tab[data-plan=\"premium\"].active {\r\n    background: var(--tr-color-premium);\r\n  }\r\n  .tr-tab:hover {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .tr-plan-content {\r\n    animation: fadeIn 0.5s ease;\r\n  }\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .tr-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: var(--tr-gap);\r\n  }\r\n  .tr-feature-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    background: #fff;\r\n    padding: 1.2rem;\r\n    border-left: 4px solid transparent;\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n    transition: transform 0.3s, border-color 0.3s;\r\n  }\r\n  .tr-feature-item:hover {\r\n    transform: translateY(-4px);\r\n  }\r\n  #basic .tr-feature-item { border-color: var(--tr-color-basic); }\r\n  #standard .tr-feature-item { border-color: var(--tr-color-standard); }\r\n  #premium .tr-feature-item { border-color: var(--tr-color-premium); }\r\n\r\n  .tr-icon {\r\n    flex-shrink: 0;\r\n    width: 32px;\r\n    height: 32px;\r\n    margin-right: 0.75rem;\r\n    margin-top: 0.25rem;\r\n    transition: transform 0.3s;\r\n  }\r\n  #basic .tr-icon { fill: var(--tr-color-basic); }\r\n  #standard .tr-icon { fill: var(--tr-color-standard); }\r\n  #premium .tr-icon { fill: var(--tr-color-premium); }\r\n  .tr-feature-item:hover .tr-icon { transform: scale(1.2); }\r\n\r\n  .tr-feature-item h4 { margin: 0 0 0.25rem; font-size: 1.125rem; color: var(--tr-dark); }\r\n  .tr-feature-item p { margin: 0; font-size: 0.95rem; line-height: 1.4; color: #555; }\r\n\r\n  @media (max-width: 600px) { .tr-tabs { flex-wrap: wrap; } }\r\n<\/style>\r\n\r\n<!-- Script -->\r\n<script>\r\n  document.querySelectorAll('.tr-tab').forEach(tab => {\r\n    tab.addEventListener('click', () => {\r\n      const plan = tab.dataset.plan;\r\n      document.querySelectorAll('.tr-tab').forEach(t => t.classList.toggle('active', t === tab));\r\n      document.querySelectorAll('.tr-plan-content').forEach(c => c.hidden = c.id !== plan);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5c2218 e-con-full e-flex e-con e-parent\" data-id=\"f5c2218\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1847cad elementor-widget elementor-widget-html\" data-id=\"1847cad\" 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<!-- ===== TrendRoute Pricing (EN \/ Oman) \u2014 LTR, OMR + USD ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<section class=\"tr-pricing-en\" dir=\"ltr\" lang=\"en\" aria-label=\"TrendRoute Pricing\">\r\n  <style>\r\n    .tr-pricing-en{\r\n      --ink:#0e2b4d; --muted:#5d6f8f; --bg:#f7fbff;\r\n      --g1:#0ea5ea; --g2:#3b82f6; --g3:#22d3ee;\r\n      --card:#ffffff; --edge:#e8eef8; --ok:#16a34a; --warn:#f59e0b;\r\n      --shadow:0 20px 46px rgba(15,41,86,.10);\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      padding:clamp(40px,7vw,84px) clamp(16px,5vw,36px);\r\n      background:\r\n        radial-gradient(800px 380px at 0% 0%, #dff4ff7a, transparent 60%),\r\n        radial-gradient(800px 380px at 100% 0%, #eaf6ff8c, transparent 60%),\r\n        linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);\r\n      color:var(--ink);\r\n      font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n      border-radius:20px; border:1px solid #edf3ff;\r\n    }\r\n    .tr-pricing-en .hero{ max-width:1100px; margin:0 auto 32px; text-align:center; }\r\n    .tr-pricing-en .eyebrow{\r\n      display:inline-block; font-weight:800; letter-spacing:.08em;\r\n      font-size:.8rem; color:#0f6eca; background:linear-gradient(90deg,var(--g1),var(--g2));\r\n      -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\r\n      text-transform:uppercase;\r\n    }\r\n    .tr-pricing-en h1{\r\n      font-size:clamp(26px,4.2vw,42px); line-height:1.15; margin:.35em 0 .45em;\r\n      background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3));\r\n      -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\r\n      font-weight:900;\r\n    }\r\n    .tr-pricing-en .sub{\r\n      color:var(--muted); font-size:clamp(14px,1.6vw,18px); max-width:880px; margin:0 auto 18px;\r\n    }\r\n\r\n    \/* Controls *\/\r\n    .tr-pricing-en .controls{\r\n      display:flex; gap:14px; justify-content:center; align-items:center; flex-wrap:wrap;\r\n      margin:18px auto 6px;\r\n    }\r\n    .tr-pricing-en .selector{\r\n      display:flex; align-items:center; gap:10px; padding:8px 12px; background:#fff; border:1px solid var(--edge);\r\n      border-radius:12px; box-shadow:var(--shadow);\r\n    }\r\n    .tr-pricing-en label{ font-weight:800; font-size:.9rem; }\r\n    .tr-pricing-en select, .tr-pricing-en input[type=\"number\"]{\r\n      border:1px solid var(--edge); border-radius:10px; padding:8px 10px; background:#fff; color:var(--ink);\r\n      font-size:14px; outline:0;\r\n    }\r\n\r\n    \/* Cards Grid *\/\r\n    .tr-pricing-en .grid{\r\n      max-width:1180px; margin:26px auto 14px;\r\n      display:grid; grid-template-columns:repeat(3,1fr); gap:18px;\r\n    }\r\n    @media (max-width:980px){ .tr-pricing-en .grid{ grid-template-columns:1fr; } }\r\n\r\n    .tr-pricing-en .card{\r\n      position:relative; background:var(--card); border:1px solid var(--edge);\r\n      border-radius:18px; padding:22px 20px 20px; box-shadow:var(--shadow); overflow:hidden; text-align:left;\r\n    }\r\n    .tr-pricing-en .badge{\r\n      position:absolute; top:14px; inset-inline-start:14px; font-size:12px; font-weight:900;\r\n      color:#0b5; background:#def7ec; border:1px solid #c6f6d5; padding:6px 10px; border-radius:999px;\r\n    }\r\n    .tr-pricing-en .title{ font-weight:900; font-size:18px; margin-bottom:6px; }\r\n    .tr-pricing-en .cap{ color:var(--muted); font-size:13px; margin-bottom:10px; }\r\n    .tr-pricing-en .price{ display:flex; align-items:flex-end; gap:8px; margin:8px 0 12px; flex-wrap:wrap; }\r\n    .tr-pricing-en .now{\r\n      font-size:clamp(24px,3vw,32px); font-weight:900;\r\n      background:linear-gradient(90deg,var(--g1),var(--g2));\r\n      -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\r\n      line-height:1;\r\n    }\r\n    .tr-pricing-en .unit{ color:var(--muted); font-size:12px; margin-bottom:4px; }\r\n    .tr-pricing-en .was{ color:#9aa8c0; font-size:12px; text-decoration:line-through; margin-inline-start:auto; }\r\n\r\n    .tr-pricing-en ul{ list-style:none; padding:0; margin:10px 0 14px; }\r\n    .tr-pricing-en li{\r\n      display:flex; align-items:flex-start; gap:10px; padding:7px 0; border-bottom:1px dashed #eef3fb;\r\n    }\r\n    .tr-pricing-en .dot{\r\n      width:8px; height:8px; border-radius:999px; margin-top:6px;\r\n      background:linear-gradient(90deg,var(--g1),var(--g2));\r\n      box-shadow:0 0 0 3px #eaf4ff; flex:0 0 8px;\r\n    }\r\n    .tr-pricing-en .cta{ display:flex; gap:10px; flex-wrap:wrap; }\r\n    .tr-pricing-en .btn{\r\n      appearance:none; border:0; cursor:pointer; text-decoration:none;\r\n      padding:10px 14px; border-radius:12px; font-weight:800; font-size:14px;\r\n      background:linear-gradient(90deg,var(--g1),var(--g2)); color:#fff; box-shadow:var(--shadow);\r\n    }\r\n    .tr-pricing-en .btn.ghost{ background:#fff; color:var(--ink); border:1px solid var(--edge); }\r\n\r\n    \/* Estimator *\/\r\n    .tr-pricing-en .estimator{\r\n      max-width:1180px; margin:24px auto 0; background:#ffffff; border:1px solid var(--edge);\r\n      border-radius:18px; padding:16px; box-shadow:var(--shadow);\r\n    }\r\n    .tr-pricing-en .est-top{\r\n      display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:space-between;\r\n    }\r\n    .tr-pricing-en .range{ display:flex; align-items:center; gap:10px; flex:1 1 420px; min-width:260px; }\r\n    .tr-pricing-en input[type=\"range\"]{ width:100%; accent-color:#3b82f6; }\r\n    .tr-pricing-en .est-cards{\r\n      display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px;\r\n    }\r\n    @media (max-width:980px){ .tr-pricing-en .est-cards{ grid-template-columns:1fr; } }\r\n    .tr-pricing-en .est-card{ border:1px dashed var(--edge); border-radius:16px; padding:14px; background:#fbfdff; }\r\n    .tr-pricing-en .est-line{ display:flex; justify-content:space-between; align-items:center; margin:6px 0; gap:10px; }\r\n    .tr-pricing-en .pill{\r\n      display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;\r\n      background:#f0f7ff; border:1px solid #dfeeff; font-size:12px; color:#0f6eca;\r\n    }\r\n    .tr-pricing-en .status.ok{ color:var(--ok); font-weight:800; }\r\n    .tr-pricing-en .status.warn{ color:var(--warn); font-weight:800; }\r\n\r\n    \/* Trust strip *\/\r\n    .tr-trust-en{\r\n      max-width:1180px; margin:22px auto 0; display:flex; gap:10px; flex-wrap:wrap; justify-content:center;\r\n    }\r\n    .tr-trust-en .trust{\r\n      font-size:12px; color:#0f3b6b; background:#eef6ff; border:1px solid #dfeeff;\r\n      padding:8px 12px; border-radius:999px; white-space:nowrap;\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Hero -->\r\n  <div class=\"hero\">\r\n    <span class=\"eyebrow\">Usage-based, transparent pricing<\/span>\r\n    <h1>Flexible plans for smart last-mile routing<\/h1>\r\n    <p class=\"sub\">\r\n      Pay only per <b>delivery point<\/b>. Start small and scale confidently with EU-hosted, GDPR-compliant infrastructure and <b>99.9%<\/b> availability.\r\n    <\/p>\r\n\r\n    <!-- Controls: Currency -->\r\n    <div class=\"controls\" aria-label=\"Controls\">\r\n      <div class=\"selector\" aria-label=\"Currency Selector\">\r\n        <label for=\"currency\"><span aria-hidden=\"true\">\ud83d\udcb1<\/span> Currency<\/label>\r\n        <select id=\"currency\" aria-label=\"Currency\">\r\n          <option value=\"OMR\" selected>Omani Rial (OMR)<\/option>\r\n          <option value=\"USD\">US Dollar ($)<\/option>\r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Pricing Cards -->\r\n  <div class=\"grid\" id=\"pricingCards\" role=\"list\" aria-label=\"Plans\">\r\n    <!-- Basic -->\r\n    <article class=\"card\" role=\"listitem\" data-plan=\"basic\" data-cap=\"500\" data-usd=\"0.02\">\r\n      <div class=\"title\">Basic<\/div>\r\n      <div class=\"cap\">Up to <b>500<\/b> orders<\/div>\r\n      <div class=\"price\">\r\n        <div class=\"now\" data-price-now><\/div>\r\n        <div class=\"unit\">per delivery point<\/div>\r\n      <\/div>\r\n      <ul>\r\n        <li><span class=\"dot\"><\/span> Flexible optimization criteria<\/li>\r\n        <li><span class=\"dot\"><\/span> Customizable constraints<\/li>\r\n        <li><span class=\"dot\"><\/span> Driver break times<\/li>\r\n      <\/ul>\r\n      <div class=\"cta\">\r\n        <a class=\"btn\" href=\"\/contact\" aria-label=\"Start Basic trial\">Start free trial<\/a>\r\n        <a class=\"btn ghost\" href=\"#compare\" aria-label=\"Compare plans\">Compare plans<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Standard -->\r\n    <article class=\"card\" role=\"listitem\" data-plan=\"standard\" data-cap=\"1000\" data-usd=\"0.022\" data-was=\"0.027\">\r\n      <div class=\"badge\">Most Popular<\/div>\r\n      <div class=\"title\">Standard<\/div>\r\n      <div class=\"cap\">Up to <b>1000<\/b> orders<\/div>\r\n      <div class=\"price\">\r\n        <div class=\"now\" data-price-now><\/div>\r\n        <div class=\"unit\">per delivery point<\/div>\r\n        <div class=\"was\" data-price-was><\/div>\r\n      <\/div>\r\n      <ul>\r\n        <li><span class=\"dot\"><\/span> Everything in \u201cBasic\u201d<\/li>\r\n        <li><span class=\"dot\"><\/span> Comprehensive analytics dashboard<\/li>\r\n        <li><span class=\"dot\"><\/span> Custom cost functions<\/li>\r\n      <\/ul>\r\n      <div class=\"cta\">\r\n        <a class=\"btn\" href=\"\/contact\" aria-label=\"Start Standard trial\">Start free trial<\/a>\r\n        <a class=\"btn ghost\" href=\"#compare\" aria-label=\"Compare plans\">Compare plans<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Premium -->\r\n    <article class=\"card\" role=\"listitem\" data-plan=\"premium\" data-cap=\"1000\" data-usd=\"0.03\">\r\n      <div class=\"title\">Premium<\/div>\r\n      <div class=\"cap\">Up to <b>1000<\/b> orders<\/div>\r\n      <div class=\"price\">\r\n        <div class=\"now\" data-price-now><\/div>\r\n        <div class=\"unit\">per delivery point<\/div>\r\n      <\/div>\r\n      <ul>\r\n        <li><span class=\"dot\"><\/span> Congestion-aware routing<\/li>\r\n        <li><span class=\"dot\"><\/span> Hazardous load routing<\/li>\r\n        <li><span class=\"dot\"><\/span> Traffic forecasting<\/li>\r\n      <\/ul>\r\n      <div class=\"cta\">\r\n        <a class=\"btn\" href=\"\/contact\" aria-label=\"Start Premium trial\">Start free trial<\/a>\r\n        <a class=\"btn ghost\" href=\"#compare\" aria-label=\"Compare plans\">Compare plans<\/a>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n\r\n  <!-- Estimator -->\r\n  <div class=\"estimator\" aria-label=\"Cost Estimator\">\r\n    <div class=\"est-top\">\r\n      <div class=\"pill\">\r\n        <strong>Cost Estimator<\/strong>\r\n        <span>\u00b7 Live<\/span>\r\n      <\/div>\r\n      <div class=\"range\">\r\n        <label for=\"volumeRange\"><b>Deliveries \/ month<\/b><\/label>\r\n        <input id=\"volumeRange\" type=\"range\" min=\"50\" max=\"2500\" step=\"50\" value=\"500\" \/>\r\n        <input id=\"volumeInput\" type=\"number\" min=\"1\" value=\"500\" aria-label=\"Monthly deliveries\" \/>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"est-cards\" id=\"estCards\">\r\n      <!-- Filled by JS -->\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Trust strip -->\r\n  <div class=\"tr-trust-en\" aria-label=\"Assurance Benefits\">\r\n    <div class=\"trust\">EU-hosted \u00b7 GDPR-compliant<\/div>\r\n    <div class=\"trust\">99.9% availability (SLA)<\/div>\r\n    <div class=\"trust\">Developer-friendly APIs<\/div>\r\n    <div class=\"trust\">No long-term commitment<\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      \/\/ Settings\r\n      const locale = 'en';              \/\/ \u2190 number formatting (English digits)\r\n      const conversionRateOMR = 0.385;  \/\/ \u2190 USD\u2192OMR (peg). Adjust if needed.\r\n\r\n      \/\/ Unit price formatter\r\n      const fmtUnit = (vUSD, curr) => {\r\n        if(curr === 'USD'){\r\n          return '$' + Number(vUSD.toFixed(3)).toLocaleString(locale, {minimumFractionDigits:3, maximumFractionDigits:3});\r\n        }\r\n        const omr = vUSD * conversionRateOMR;\r\n        return Number(omr.toFixed(3)).toLocaleString(locale, {minimumFractionDigits:3, maximumFractionDigits:3}) + ' OMR';\r\n      };\r\n\r\n      \/\/ Monthly total formatter\r\n      const fmtTotal = (totalUSD, curr) => {\r\n        if(curr === 'USD'){\r\n          return '$' + Number(totalUSD.toFixed(2)).toLocaleString(locale, {minimumFractionDigits:2, maximumFractionDigits:2});\r\n        }\r\n        const omr = totalUSD * conversionRateOMR;\r\n        return Number(omr.toFixed(3)).toLocaleString(locale, {minimumFractionDigits:3, maximumFractionDigits:3}) + ' OMR';\r\n      };\r\n\r\n      \/\/ Elements\r\n      const $currency = document.getElementById('currency');\r\n      const $cards = [...document.querySelectorAll('.tr-pricing-en .card')];\r\n      const $range = document.getElementById('volumeRange');\r\n      const $input = document.getElementById('volumeInput');\r\n      const $estCards = document.getElementById('estCards');\r\n\r\n      function renderPrices(){\r\n        const curr = $currency.value;\r\n        $cards.forEach(card=>{\r\n          const usd = parseFloat(card.dataset.usd);\r\n          const was = parseFloat(card.dataset.was || '0');\r\n          const nowEl = card.querySelector('[data-price-now]');\r\n          const wasEl = card.querySelector('[data-price-was]');\r\n          nowEl.textContent = fmtUnit(usd, curr);\r\n          if(wasEl && was){ wasEl.textContent = fmtUnit(was, curr); }\r\n        });\r\n      }\r\n\r\n      function planEstimate(priceUSD, cap, volume, curr){\r\n        const within = volume <= cap;\r\n        const billable = Math.min(volume, cap);\r\n        const totalUSD = billable * priceUSD;\r\n\r\n        const label = within ? 'Within plan limit' : `Exceeds plan limit (${cap.toLocaleString(locale)})`;\r\n        const status = within ? 'ok' : 'warn';\r\n        const totalTxt = fmtTotal(totalUSD, curr);\r\n\r\n        return { label, status, totalTxt, billable };\r\n      }\r\n\r\n      function renderEstimator(){\r\n        const curr = $currency.value;\r\n        const volume = Math.max(1, parseInt($range.value || '0',10));\r\n        $input.value = volume;\r\n        const data = $cards.map(card=>({\r\n          name: card.querySelector('.title').textContent.trim(),\r\n          cap: parseInt(card.dataset.cap,10),\r\n          usd: parseFloat(card.dataset.usd),\r\n        }));\r\n\r\n        $estCards.innerHTML = data.map(d=>{\r\n          const est = planEstimate(d.usd, d.cap, volume, curr);\r\n          const unit = fmtUnit(d.usd, curr);\r\n          return `\r\n            <div class=\"est-card\">\r\n              <div class=\"est-line\"><strong>${d.name}<\/strong><span class=\"pill\">${unit} \u00b7 per point<\/span><\/div>\r\n              <div class=\"est-line\"><span>Billable deliveries<\/span><span>${Math.min(volume, d.cap).toLocaleString(locale)}<\/span><\/div>\r\n              <div class=\"est-line\"><span>Status<\/span><span class=\"status ${est.status}\">${est.label}<\/span><\/div>\r\n              <div class=\"est-line\"><span><b>Estimated monthly cost<\/b><\/span><span><b>${est.totalTxt}<\/b><\/span><\/div>\r\n              ${volume > d.cap ? `<div class=\"est-line\"><em>Need more than ${d.cap.toLocaleString(locale)}? <a href=\"\/contact\">Contact Sales<\/a>.<\/em><\/div>`:''}\r\n            <\/div>\r\n          `;\r\n        }).join('');\r\n      }\r\n\r\n      \/\/ Events\r\n      $currency.addEventListener('change', ()=>{ renderPrices(); renderEstimator(); });\r\n      $range.addEventListener('input', renderEstimator);\r\n      $input.addEventListener('input', ()=>{\r\n        const v = parseInt($input.value||'0',10) || 0;\r\n        const clamped = Math.max(1, Math.min(2500, v));\r\n        $input.value = clamped; $range.value = clamped; renderEstimator();\r\n      });\r\n\r\n      \/\/ Init\r\n      renderPrices(); renderEstimator();\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c5d92b e-con-full e-flex e-con e-parent\" data-id=\"1c5d92b\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75cc914 elementor-widget elementor-widget-html\" data-id=\"75cc914\" 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<!-- ===== Minimum Monthly Invoice Note (Elementor-ready) ===== -->\r\n<div class=\"tr-min-invoice\" dir=\"ltr\" lang=\"en\" aria-label=\"Minimum monthly invoice amount\">\r\n  <style>\r\n    .tr-min-invoice{max-width:980px;margin:16px auto 0;padding:0 8px}\r\n    .tr-min-invoice .note{\r\n      display:flex;align-items:center;justify-content:center;gap:10px;\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      font-weight:500;font-size:14.5px;line-height:1.8;color:#0e2b4d;\r\n      background:#f1f8ff;border:1px solid #dbeafe;border-radius:12px;\r\n      padding:12px 16px;box-shadow:0 8px 22px rgba(15,41,86,.08)\r\n    }\r\n    .tr-min-invoice .note strong{font-weight:800}\r\n    .tr-min-invoice .icon{width:18px;height:18px;color:#3b82f6;flex:0 0 18px}\r\n  <\/style>\r\n\r\n  <div class=\"note\" role=\"note\">\r\n    <!-- info icon -->\r\n    <svg class=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\" opacity=\".12\"><\/circle>\r\n      <path d=\"M11 10h2v7h-2zM11 7h2v2h-2z\" fill=\"currentColor\"><\/path>\r\n    <\/svg>\r\n    <span>The minimum acceptable <strong>monthly<\/strong> invoice amount is <strong>$300<\/strong>.<\/span>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13b5278 e-con-full e-flex e-con e-parent\" data-id=\"13b5278\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e365e6 elementor-widget elementor-widget-html\" data-id=\"7e365e6\" 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<!-- ===== 1) CSS \u0627\u0635\u0644\u06cc Swiper ===== -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\"\r\n\/>\r\n\r\n<!-- ===== 2) \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc (\u0628\u062f\u0648\u0646 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f) ===== -->\r\n<style>\r\n  :root {\r\n    --tp-bg-1: #0e2a6b;\r\n    --tp-bg-2: #0063c6;\r\n    --tp-bg-3: #00b6ff;\r\n    --tp-accent: #00e0b8;\r\n    --tp-white: #ffffff;\r\n  }\r\n\r\n  .tp-slider {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    min-height: 480px;\r\n    padding: 60px 0;\r\n    \/* \u0647\u06cc\u0686 background \u0633\u062a \u0646\u0634\u062f\u0647\u060c \u0627\u0632 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u06cc \u0635\u0641\u062d\u0647 \u0627\u0631\u062b \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f *\/\r\n  }\r\n\r\n  \/* SWIPER CORE & LAYOUT *\/\r\n  .tp-slider.swiper { width: 100%; height: 100%; }\r\n  .tp-slider .swiper-wrapper { display: flex; }\r\n  .tp-slider .swiper-slide {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  \/* CARD \u2014 GLASSMORPHISM + TILT *\/\r\n  .tp-card {\r\n    position: relative;\r\n    max-width: 520px;\r\n    width: 100%;\r\n    padding: 48px 36px;\r\n    background: rgba(255,255,255,0.12);\r\n    border-radius: 24px;\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    backdrop-filter: blur(16px);\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.15);\r\n    transform: perspective(600px) rotateX(8deg) rotateY(0deg) translateY(50px);\r\n    opacity: 0;\r\n    transition: transform .8s ease, opacity .8s ease, box-shadow .4s;\r\n  }\r\n  .swiper-slide-active .tp-card {\r\n    transform: perspective(600px) rotateX(0deg) rotateY(0deg) translateY(0);\r\n    opacity: 1;\r\n  }\r\n  .tp-card:hover {\r\n    box-shadow: 0 16px 48px rgba(0,0,0,0.2);\r\n    transform: perspective(600px) rotateX(0deg) rotateY(4deg) translateY(-8px);\r\n  }\r\n\r\n  \/* ICON *\/\r\n  .tp-icon {\r\n    width: 72px;\r\n    height: 72px;\r\n    margin-bottom: 24px;\r\n  }\r\n  .tp-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: var(--tp-accent);\r\n    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\r\n  }\r\n\r\n  \/* TEXT STYLES *\/\r\n  .tp-card h3 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 30px;\r\n    font-weight: 600;\r\n    margin: 0 0 16px;\r\n    color: var(--tp-white);\r\n    text-shadow: 0 2px 4px rgba(0,0,0,0.4);\r\n  }\r\n  .tp-card p {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    color: var(--tp-white);\r\n  }\r\n  .tp-card p span {\r\n    color: var(--tp-accent);\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* NAVIGATION BUTTONS *\/\r\n  .tp-slider .swiper-button-next,\r\n  .tp-slider .swiper-button-prev {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.85);\r\n    color: var(--tp-bg-1);\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.25);\r\n    transition: transform .3s, background .3s;\r\n  }\r\n  .tp-slider .swiper-button-next:hover,\r\n  .tp-slider .swiper-button-prev:hover {\r\n    background: var(--tp-accent);\r\n    color: #fff;\r\n    transform: scale(1.14) translateY(-2px);\r\n  }\r\n  .tp-slider .swiper-button-next:after,\r\n  .tp-slider .swiper-button-prev:after {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* PAGINATION BULLETS *\/\r\n  .tp-slider .swiper-pagination-bullet {\r\n    width: 16px;\r\n    height: 16px;\r\n    background: rgba(255,255,255,0.6);\r\n    opacity: 0.5;\r\n    margin: 0 8px;\r\n    transition: all .3s;\r\n  }\r\n  .tp-slider .swiper-pagination-bullet-active {\r\n    opacity: 1;\r\n    background: var(--tp-accent);\r\n    transform: scale(1.4);\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media(max-width:768px) {\r\n    .tp-card { padding: 36px 28px; }\r\n    .tp-card h3 { font-size: 26px; }\r\n    .tp-card p { font-size: 16px; }\r\n    .tp-icon { width: 60px; height: 60px; }\r\n  }\r\n  @media(max-width:480px) {\r\n    .tp-slider { padding: 30px 0; min-height: 380px; }\r\n    .tp-card { padding: 28px 20px; }\r\n    .tp-card h3 { font-size: 22px; }\r\n    .tp-card p { font-size: 14px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== 3) HTML \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 ===== -->\r\n<div class=\"tp-slider swiper\">\r\n  <div class=\"swiper-wrapper\">\r\n    <!-- SLIDE 1 -->\r\n    <div class=\"swiper-slide\">\r\n      <div class=\"tp-card\">\r\n        <div class=\"tp-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M11 2v9H2a9 9 0 0 1 9-9zm2 0a9 9 0 0 1 9 9h-9V2zm9 11a9 9 0 0 1-9 9v-9h9zm-11 9a9 9 0 0 1-9-9h9v9z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Customisation for Your Needs<\/h3>\r\n        <p>Fully customisable platform, empowering you to add or modify features as your business demands.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- SLIDE 2 -->\r\n    <div class=\"swiper-slide\">\r\n      <div class=\"tp-card\">\r\n        <div class=\"tp-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6 2 2 9 2 14c0 4 3 6 6 6 4 0 6-3 6-6 0-4-2-6-2-6s2 0 6 0c0-4-4-6-6-6z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Sustainable Route Planning<\/h3>\r\n        <p>Takes into account vehicles fuel consumption, aiming to drastically reduce your operational <span>costs<\/span> and <span>carbon footprint<\/span>.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- SLIDE 3 -->\r\n    <div class=\"swiper-slide\">\r\n      <div class=\"tp-card\">\r\n        <div class=\"tp-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v12H5.17L4 17.17V4z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>24\/7 Customer Support Chatbot<\/h3>\r\n        <p>It provides 24\/7 days support for all common actions needed by customers and making a new ticket or follow up.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- SLIDE 4 -->\r\n    <div class=\"swiper-slide\">\r\n      <div class=\"tp-card\">\r\n        <div class=\"tp-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 21l9-9-9-9-9 9 9 9zm0-11a2 2 0 110-4 2 2 0 010 4z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Unbeatable Pricing in Europe<\/h3>\r\n        <p>We not only offer the <span>lowest price in the region<\/span> but also very flexible cost model.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- SLIDE 5 -->\r\n    <div class=\"swiper-slide\">\r\n      <div class=\"tp-card\">\r\n        <div class=\"tp-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l4 4-4 4-4-4 4-4zm0 12l4 4-4 4-4-4 4-4z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>AI-Driven Design<\/h3>\r\n        <p>The API is genuinely driven by AI from the ground up, tailored for optimal cost efficiency.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- pagination & navigation -->\r\n  <div class=\"swiper-pagination\"><\/div>\r\n  <div class=\"swiper-button-prev\"><\/div>\r\n  <div class=\"swiper-button-next\"><\/div>\r\n<\/div>\r\n\r\n<!-- ===== 4) \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a Swiper ===== -->\r\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n  new Swiper('.tp-slider.swiper', {\r\n    slidesPerView: 1,\r\n    loop: true,\r\n    speed: 700,\r\n    autoplay: { delay: 6500, disableOnInteraction: false },\r\n    navigation: {\r\n      nextEl: '.tp-slider .swiper-button-next',\r\n      prevEl: '.tp-slider .swiper-button-prev'\r\n    },\r\n    pagination: {\r\n      el: '.tp-slider .swiper-pagination',\r\n      clickable: true\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-683638a e-flex e-con-boxed e-con e-parent\" data-id=\"683638a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b48bb6a elementor-widget elementor-widget-menu-anchor\" data-id=\"b48bb6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"form\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70fdd54 e-flex e-con-boxed e-con e-parent\" data-id=\"70fdd54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-74454d9 e-con-full e-flex e-con e-child\" data-id=\"74454d9\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-125ddaf elementor-widget elementor-widget-html\" data-id=\"125ddaf\" 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<!-- HTML: Stylish Demo Request Form Title -->\r\n<div class=\"form-section-title\">\r\n  <span class=\"line\"><\/span>\r\n  <h2>Demo Request Form<\/h2>\r\n  <span class=\"line\"><\/span>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-152a867 e-con-full e-flex e-con e-child\" data-id=\"152a867\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3601da multi-step-form elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"a3601da\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;none&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-no-translation=\"\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"English-form\" aria-label=\"English-form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"334\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"a3601da\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-field_cb595af elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"\" data-previousButton=\"\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"\" data-icon=\"\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_3110342 elementor-col-100\">\n\t\t\t\t\t<div class=\"form-step-indicator\">\n  <div class=\"step active\">1<\/div>\n  <div class=\"step\">2<\/div>\n  <div class=\"step\">3<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_2e37102 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_2e37102\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany Location\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_2e37102]\" id=\"form-field-field_2e37102\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Afghanistan\">Afghanistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Albania\">Albania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Algeria\">Algeria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Andorra\">Andorra<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Angola\">Angola<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Argentina\">Argentina<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Armenia\">Armenia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Australia\">Australia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Austria\">Austria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Azerbaijan\">Azerbaijan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bahamas\">Bahamas<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bahrain\">Bahrain<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bangladesh\">Bangladesh<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Barbados\">Barbados<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Belarus\">Belarus<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Belgium\">Belgium<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Belize\">Belize<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Benin\">Benin<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bhutan\">Bhutan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bolivia\">Bolivia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Botswana\">Botswana<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Brazil\">Brazil<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Brunei\">Brunei<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Bulgaria\">Bulgaria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Burkina Faso\">Burkina Faso<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Burundi\">Burundi<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cabo Verde\">Cabo Verde<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cambodia\">Cambodia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cameroon\">Cameroon<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Canada\">Canada<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Central African Republic\">Central African Republic<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Chad\">Chad<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Chile\">Chile<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"China\">China<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Colombia\">Colombia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Comoros\">Comoros<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Costa Rica\">Costa Rica<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Croatia\">Croatia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cuba\">Cuba<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Cyprus\">Cyprus<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Czech Republic\">Czech Republic<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Denmark\">Denmark<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Djibouti\">Djibouti<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Dominica\">Dominica<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Dominican Republic\">Dominican Republic<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ecuador\">Ecuador<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Egypt\">Egypt<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"El Salvador\">El Salvador<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Eritrea\">Eritrea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Estonia\">Estonia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Eswatini\">Eswatini<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ethiopia\">Ethiopia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Fiji\">Fiji<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Finland\">Finland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"France\">France<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Gabon\">Gabon<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Gambia\">Gambia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Georgia\">Georgia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Germany\">Germany<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ghana\">Ghana<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Greece\">Greece<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Grenada\">Grenada<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guatemala\">Guatemala<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guinea\">Guinea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guinea\u2011Bissau\">Guinea\u2011Bissau<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Guyana\">Guyana<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Haiti\">Haiti<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Honduras\">Honduras<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Hungary\">Hungary<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Iceland\">Iceland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"India\">India<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Indonesia\">Indonesia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Iran\">Iran<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Iraq\">Iraq<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ireland\">Ireland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Israel\">Israel<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Italy\">Italy<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ivory Coast\">Ivory Coast<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Jamaica\">Jamaica<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Japan\">Japan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Jordan\">Jordan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kazakhstan\">Kazakhstan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kenya\">Kenya<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kiribati\">Kiribati<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kuwait\">Kuwait<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Laos\">Laos<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Latvia\">Latvia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Lebanon\">Lebanon<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Lesotho\">Lesotho<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Liberia\">Liberia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Libya\">Libya<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Liechtenstein\">Liechtenstein<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Lithuania\">Lithuania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Luxembourg\">Luxembourg<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Madagascar\">Madagascar<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Malawi\">Malawi<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Malaysia\">Malaysia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Maldives\">Maldives<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mali\">Mali<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Malta\">Malta<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Marshall Islands\">Marshall Islands<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mauritania\">Mauritania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mauritius\">Mauritius<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mexico\">Mexico<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Micronesia\">Micronesia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Moldova\">Moldova<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Monaco\">Monaco<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mongolia\">Mongolia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Montenegro\">Montenegro<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Morocco\">Morocco<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mozambique\">Mozambique<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Myanmar\">Myanmar<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Namibia\">Namibia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nauru\">Nauru<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nepal\">Nepal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Netherlands\">Netherlands<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"New\u00a0Zealand\">New\u00a0Zealand<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nicaragua\">Nicaragua<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Niger\">Niger<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nigeria\">Nigeria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"North Korea\">North Korea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"North Macedonia\">North Macedonia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Norway\">Norway<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Oman\" selected=\"selected\">Oman<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Pakistan\">Pakistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Palau\">Palau<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Panama\">Panama<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Paraguay\">Paraguay<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Peru\">Peru<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Philippines\">Philippines<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Poland\">Poland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Portugal\">Portugal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Qatar\">Qatar<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Republic of the Congo\">Republic of the Congo<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Romania\">Romania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Russia\">Russia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Rwanda\">Rwanda<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saint Lucia\">Saint Lucia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Samoa\">Samoa<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"San Marino\">San Marino<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Senegal\">Senegal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Serbia\">Serbia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Seychelles\">Seychelles<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sierra Leone\">Sierra Leone<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Singapore\">Singapore<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Slovakia\">Slovakia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Slovenia\">Slovenia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Solomon Islands\">Solomon Islands<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Somalia\">Somalia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"South Africa\">South Africa<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"South Sudan\">South Sudan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"South Korea\">South Korea<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Spain\">Spain<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sri Lanka\">Sri Lanka<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sudan\">Sudan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Suriname\">Suriname<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Sweden\">Sweden<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Switzerland\">Switzerland<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Syria\">Syria<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tajikistan\">Tajikistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tanzania\">Tanzania<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Thailand\">Thailand<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Timor\u2011Leste\">Timor\u2011Leste<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Togo\">Togo<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tonga\">Tonga<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tunisia\">Tunisia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Turkey\">Turkey<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Turkmenistan\">Turkmenistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tuvalu\">Tuvalu<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Uganda\">Uganda<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Ukraine\">Ukraine<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"United Kingdom\">United Kingdom<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"United States\">United States<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Uruguay\">Uruguay<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Uzbekistan\">Uzbekistan<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Vanuatu\">Vanuatu<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Vatican City\">Vatican City<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Venezuela\">Venezuela<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Vietnam\">Vietnam<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Yemen\">Yemen<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Zambia\">Zambia<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Zimbabwe\">Zimbabwe<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Palestine\">Palestine<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_d13ad3d elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_d13ad3d\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tBusiness Type\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_d13ad3d]\" id=\"form-field-field_d13ad3d\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"IT\">IT<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Telecom\">Telecom<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Logistics\">Logistics<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Others\">Others<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_20e9dfb elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_20e9dfb\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany Size\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_20e9dfb]\" id=\"form-field-field_20e9dfb\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"less than 10 Persons\">less than 10 Persons<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"10 to 100 Persons\">10 to 100 Persons<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"More than 100 Persons\">More than 100 Persons<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"\"><\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-field_8d2f583 elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"\" data-previousButton=\"\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-star\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-star&quot; viewBox=&quot;0 0 576 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_70379e6 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_70379e6\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tRequired Services\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_70379e6]\" id=\"form-field-field_70379e6\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"TrendRoute\">TrendRoute<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"TrendBot\">TrendBot<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"customised AI services\">customised AI services<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Dedicated AI\/ML Teams\">Dedicated AI\/ML Teams<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_e700a2b elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_e700a2b\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDescription\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_e700a2b]\" id=\"form-field-field_e700a2b\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Description\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-step elementor-field-group elementor-column elementor-field-group-field_d240fa8 elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"e-field-step elementor-hidden\" data-label=\"\" data-previousButton=\"\" data-nextButton=\"\" data-iconUrl=\"\" data-iconLibrary=\"fas fa-star\" data-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-star&quot; viewBox=&quot;0 0 576 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" ><\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_24d3022 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_24d3022\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFull Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_24d3022]\" id=\"form-field-field_24d3022\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Full Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_bb1dd49 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_bb1dd49\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_bb1dd49]\" id=\"form-field-field_bb1dd49\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_a359a87 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_a359a87\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_a359a87]\" id=\"form-field-field_a359a87\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_cd7d59a elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"I agree to the Terms and Conditions of intelligent computing trends.\" id=\"form-field-field_cd7d59a-0\" name=\"form_fields[field_cd7d59a]\" required=\"required\"> <label for=\"form-field-field_cd7d59a-0\">I agree to the Terms and Conditions of intelligent computing trends.<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_6428177 elementor-col-100\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n  const form = document.querySelector('.multi-step-form');\n  const steps = form.querySelectorAll('.form-step-indicator .step');\n  const btnNext = form.querySelector('.elementor-button-next');\n  const btnBack = form.querySelector('.elementor-button-back');\n  let current = 0;\n\n  function updateProgress() {\n    steps.forEach((step, i) => {\n      step.classList.toggle('active', i === current);\n      step.classList.toggle('completed', i < current);\n    });\n  }\n\n  btnNext.addEventListener('click', function(e){\n    btnNext.classList.add('loading');\n    btnNext.setAttribute('disabled','disabled');\n    setTimeout(function(){\n      btnNext.classList.remove('loading');\n      btnNext.removeAttribute('disabled');\n      if (current < steps.length - 1) current++;\n      updateProgress();\n    }, 800);\n  });\n\n  btnBack.addEventListener('click', function(e){\n    btnBack.classList.add('loading');\n    btnBack.setAttribute('disabled','disabled');\n    setTimeout(function(){\n      btnBack.classList.remove('loading');\n      btnBack.removeAttribute('disabled');\n      if (current > 0) current--;\n      updateProgress();\n    }, 200);\n  });\n\n  updateProgress();\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87eb3b8 e-flex e-con-boxed e-con e-parent\" data-id=\"87eb3b8\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eff6018 elementor-widget elementor-widget-html\" data-id=\"eff6018\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* FAQ Section *\/\r\n  #faqs {\r\n    font-family: 'Poppins', sans-serif;\r\n    padding: 60px 20px;\r\n    max-width: 900px;\r\n    margin: auto;\r\n  }\r\n\r\n  \/* \u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0636\u062d\u200c\u062a\u0631 \u0648 \u0631\u0648\u0634\u0646\u200c\u062a\u0631 + \u0633\u0627\u06cc\u0647 *\/\r\n  #faqs h2 {\r\n    text-align: center;\r\n    font-size: 2.5rem;\r\n    color: #f9fafb;                 \/* \u0631\u0648\u0634\u0646 \u0628\u0631\u0627\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u062a\u06cc\u0631\u0647 *\/\r\n    margin-bottom: 40px;\r\n    text-shadow: 0 2px 6px rgba(0,0,0,0.5);\r\n    transition: color 0.3s;\r\n  }\r\n  #faqs h2:hover {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .faq-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .faq-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\r\n    overflow: hidden;\r\n    transition: box-shadow 0.3s, transform 0.4s ease;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    animation: fadeInUp 0.6s ease forwards;\r\n  }\r\n  @keyframes fadeInUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  .faq-card:nth-child(1) { animation-delay: 0.1s; }\r\n  .faq-card:nth-child(2) { animation-delay: 0.2s; }\r\n  .faq-card:nth-child(3) { animation-delay: 0.3s; }\r\n  .faq-card:nth-child(4) { animation-delay: 0.4s; }\r\n  .faq-card:nth-child(5) { animation-delay: 0.5s; }\r\n  .faq-card:nth-child(6) { animation-delay: 0.6s; }\r\n  .faq-card:nth-child(7) { animation-delay: 0.7s; }\r\n  .faq-card:nth-child(8) { animation-delay: 0.8s; }\r\n\r\n  .faq-card:hover {\r\n    box-shadow: 0 6px 20px rgba(31, 35, 126, 0.1);\r\n  }\r\n\r\n  .faq-question {\r\n    display: block;\r\n    width: 100%;\r\n    padding: 20px 24px;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    color: #333;\r\n    background: none;\r\n    border: none;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: color 0.3s;\r\n    white-space: normal;\r\n  }\r\n\r\n  \/* \u0631\u0646\u06af \u0628\u0647\u062a\u0631 \u0628\u0631\u0627\u06cc \u0647\u0627\u0648\u0631 \u0648 \u062d\u0627\u0644\u062a \u0641\u0639\u0627\u0644 *\/\r\n  .faq-question:hover,\r\n  .faq-question.active {\r\n    color: #0056d6; \/* \u0622\u0628\u06cc \u0627\u06a9\u0633\u0646\u062a \u0648\u0627\u0636\u062d *\/\r\n  }\r\n\r\n  .faq-question::after {\r\n    content: '\u25be';\r\n    font-size: 1.2rem;\r\n    position: absolute;\r\n    right: 24px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    transition: transform 0.3s, color 0.3s;\r\n    color: #888; \/* \u0631\u0646\u06af \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0641\u0644\u0634 *\/\r\n  }\r\n\r\n  \/* \u0641\u0644\u0634 \u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0627 \u0641\u0639\u0627\u0644 \u0634\u062f\u0646\/\u0647\u0627\u0648\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u0628\u062f\u0647 *\/\r\n  .faq-card.active .faq-question::after,\r\n  .faq-question:hover::after {\r\n    transform: translateY(-50%) rotate(180deg);\r\n    color: #0056d6;\r\n  }\r\n\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    padding: 0 24px;\r\n    background: #f9f9f9;\r\n    color: #444;\r\n    transition: max-height 0.5s ease, padding 0.5s ease;\r\n  }\r\n  .faq-card.active .faq-answer {\r\n    padding: 16px 24px 24px;\r\n    max-height: 1000px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #faqs h2 { font-size: 2rem; }\r\n    .faq-question { font-size: 1rem; padding: 16px 20px; }\r\n    .faq-answer { padding: 0 20px; }\r\n    .faq-card.active .faq-answer { padding: 12px 20px 20px; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .faq-question::after { right: 16px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"faqs\">\r\n  <h2 id=\"faq-title\">FAQs<\/h2>\r\n  <div class=\"faq-container\">\r\n    <!-- \u0647\u0645\u0648\u0646 FAQ\u0647\u0627 \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u062a\u0646 -->\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">What is the Route Engine, and how does it revolutionize fleet management?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>The Route Engine is an AI-powered system designed to optimize fleet management. It leverages machine learning and real-time traffic data to predict accurate travel times, dynamically adjust routes, and improve fuel efficiency. This innovative technology transforms logistics by reducing delays, enhancing delivery schedules, and maximizing productivity.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">How does the Route Engine accurately predict travel times?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>The Route Engine utilizes historical traffic data and machine learning algorithms to anticipate congestion, roadwork, and other potential delays. By continuously analyzing these patterns and combining them with real-time traffic information, the system provides accurate travel time predictions, even for complex, multi-stop routes.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">How does the Route Engine adapt to changing traffic conditions in real time?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>The Route Engine continuously monitors live traffic feeds, dynamically rerouting vehicles around road closures, accidents, or congestion. This adaptability ensures that drivers always follow the fastest routes, maintaining efficiency even when conditions change rapidly.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">What industries can benefit most from using the Route Engine?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>Industries that require precise fleet management and delivery planning, such as urban couriers, postal services, parcel delivery companies, last-mile logistics providers, and fleet management businesses, can significantly benefit from the Route Engine\u2019s optimized routing strategies.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">How does the Route Engine improve fuel efficiency for fleets?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>By streamlining routes and minimizing redundant trips, the Route Engine reduces unnecessary mileage and fuel consumption. This results in significant savings for logistics providers by ensuring vehicles follow the most efficient routes based on vehicle load capacities and delivery windows.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">What features does the Route Engine offer to enhance fleet management customization?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>The Route Engine accommodates different fleet needs by considering vehicle types, load capacities, fuel consumption rates, and unique loading\/unloading requirements. This flexibility ensures that every fleet can implement optimized, tailored routing strategies to suit their specific logistical challenges.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">How does the Route Engine help businesses handle multi-stop routes more efficiently?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>The Route Engine manages multi-stop routes by considering factors like delivery windows, vehicle loads, and overall route efficiency. Its optimized routing strategies minimize delays, maximize productivity, and provide drivers with accurate and dynamic instructions to navigate even the most complex delivery schedules.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card\">\r\n      <button class=\"faq-question\">How does the Route Engine contribute to improved customer satisfaction?<\/button>\r\n      <div class=\"faq-answer\">\r\n        <p>The Route Engine ensures that vehicles are always on the most efficient routes and adapt quickly to changing traffic conditions. This leads to timely deliveries, reduced delays, and enhanced customer satisfaction, helping businesses exceed customer expectations consistently.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ FAQ toggle\r\n  document.querySelectorAll('.faq-question').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      const card = btn.closest('.faq-card');\r\n      const isActive = card.classList.contains('active');\r\n      document.querySelectorAll('.faq-card').forEach(c => c.classList.remove('active'));\r\n      if (!isActive) card.classList.add('active');\r\n    });\r\n  });\r\n\r\n  \/\/ Title hover effect \u2013 \u0647\u0645\u06cc\u0634\u0647 \u0631\u0648\u0634\u0646 \u0648 \u062e\u0648\u0627\u0646\u0627\r\n  const title = document.getElementById('faq-title');\r\n  title.addEventListener('mouseover', () => title.style.color = '#ffffff');\r\n  title.addEventListener('mouseout', () => title.style.color = '#f9fafb');\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-020ae02 e-flex e-con-boxed e-con e-parent\" data-id=\"020ae02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6234112 elementor-widget elementor-widget-html\" data-id=\"6234112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* FAQ Section Arabic RTL *\/\r\n  #faqs-rtl {\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: 'Poppins', sans-serif;\r\n    padding: 60px 20px;\r\n    max-width: 900px;\r\n    margin: auto;\r\n  }\r\n\r\n  \/* \u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0636\u062d\u200c\u062a\u0631 \u0628\u0631\u0627\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 *\/\r\n  #faqs-rtl h2 {\r\n    text-align: center;\r\n    font-size: 2.5rem;\r\n    color: #f9fafb;\r\n    margin-bottom: 40px;\r\n    text-shadow: 0 2px 6px rgba(0,0,0,0.5);\r\n    transition: color 0.3s;\r\n  }\r\n  #faqs-rtl h2:hover {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .faq-container-rtl {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .faq-card-rtl {\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 14px rgba(0,0,0,0.06);\r\n    overflow: hidden;\r\n    transition: box-shadow 0.3s, transform 0.4s ease;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    animation: fadeInUp 0.6s ease forwards;\r\n  }\r\n  @keyframes fadeInUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  .faq-card-rtl:nth-child(1) { animation-delay: 0.1s; }\r\n  .faq-card-rtl:nth-child(2) { animation-delay: 0.2s; }\r\n  .faq-card-rtl:nth-child(3) { animation-delay: 0.3s; }\r\n  .faq-card-rtl:nth-child(4) { animation-delay: 0.4s; }\r\n  .faq-card-rtl:nth-child(5) { animation-delay: 0.5s; }\r\n  .faq-card-rtl:nth-child(6) { animation-delay: 0.6s; }\r\n  .faq-card-rtl:nth-child(7) { animation-delay: 0.7s; }\r\n  .faq-card-rtl:nth-child(8) { animation-delay: 0.8s; }\r\n\r\n  .faq-card-rtl:hover {\r\n    box-shadow: 0 6px 20px rgba(31,35,126,0.1);\r\n  }\r\n\r\n  .faq-question-rtl {\r\n    display: block;\r\n    width: 100%;\r\n    padding: 20px 24px;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    color: #333;\r\n    background: none;\r\n    border: none;\r\n    text-align: right;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: color 0.3s;\r\n    white-space: normal;\r\n  }\r\n\r\n  \/* \u0631\u0646\u06af \u0628\u0647\u062a\u0631 \u0628\u0631\u0627\u06cc \u0647\u0627\u0648\u0631\/\u0627\u06a9\u062a\u06cc\u0648 *\/\r\n  .faq-question-rtl:hover,\r\n  .faq-question-rtl.active {\r\n    color: #0056d6;\r\n  }\r\n\r\n  .faq-question-rtl::before {\r\n    content: '\u25be';\r\n    font-size: 1.2rem;\r\n    position: absolute;\r\n    left: 24px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    transition: transform 0.3s, color 0.3s;\r\n    color: #888;\r\n  }\r\n\r\n  \/* \u0641\u0644\u0634 \u0631\u0648\u06cc \u0647\u0627\u0648\u0631 \u0648 \u0627\u06a9\u062a\u06cc\u0648 \u0631\u0646\u06af \u0628\u06af\u06cc\u0631\u062f \u0648 \u0628\u0686\u0631\u062e\u062f *\/\r\n  .faq-card-rtl.active .faq-question-rtl::before,\r\n  .faq-question-rtl:hover::before {\r\n    transform: translateY(-50%) rotate(180deg);\r\n    color: #0056d6;\r\n  }\r\n\r\n  .faq-answer-rtl {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    padding: 0 24px;\r\n    background: #f9f9f9;\r\n    color: #444;\r\n    transition: max-height 0.5s ease, padding 0.5s ease;\r\n    white-space: normal;\r\n  }\r\n  .faq-card-rtl.active .faq-answer-rtl {\r\n    padding: 16px 24px 24px;\r\n    max-height: 1000px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #faqs-rtl h2 { font-size: 2rem; }\r\n    .faq-question-rtl { font-size: 1rem; padding: 16px 20px; }\r\n    .faq-answer-rtl { padding: 0 20px; }\r\n    .faq-card-rtl.active .faq-answer-rtl { padding: 12px 20px 20px; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .faq-question-rtl::before { left: 16px; }\r\n  }\r\n<\/style>\r\n<style>\r\n  \/* --- Fix FAQ hover colors (LTR + RTL) --- *\/\r\n\r\n  \/* \u062d\u0627\u0644\u062a \u0639\u0627\u062f\u06cc \u062f\u06a9\u0645\u0647 \u0633\u0624\u0627\u0644 *\/\r\n  #faqs .faq-question,\r\n  #faqs-rtl .faq-question-rtl {\r\n    background: #ffffff !important;\r\n    color: #333333 !important;\r\n  }\r\n\r\n  \/* \u0647\u0627\u0648\u0631 + \u062d\u0627\u0644\u062a \u0628\u0627\u0632 (active) *\/\r\n  #faqs .faq-question:hover,\r\n  #faqs .faq-card.active .faq-question,\r\n  #faqs-rtl .faq-question-rtl:hover,\r\n  #faqs-rtl .faq-card-rtl.active .faq-question-rtl {\r\n    background: #eef3ff !important;  \/* \u06cc\u0647 \u0622\u0628\u06cc \u062e\u06cc\u0644\u06cc \u0645\u0644\u0627\u06cc\u0645 *\/\r\n    color: #0b3bbf !important;       \/* \u0622\u0628\u06cc \u062a\u06cc\u0631\u0647 \u062e\u0648\u0627\u0646\u0627 *\/\r\n  }\r\n\r\n  \/* \u0641\u0644\u0634 \u0647\u0645 \u0647\u0645\u0631\u0646\u06af \u0645\u062a\u0646 \u0627\u06a9\u0633\u0646\u062a \u0628\u0634\u0647 *\/\r\n  #faqs .faq-question:hover::after,\r\n  #faqs .faq-card.active .faq-question::after,\r\n  #faqs-rtl .faq-question-rtl:hover::before,\r\n  #faqs-rtl .faq-card-rtl.active .faq-question-rtl::before {\r\n    color: #0b3bbf !important;\r\n  }\r\n<\/style>\r\n\r\n\r\n<section id=\"faqs-rtl\">\r\n  <h2>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h2>\r\n  <div class=\"faq-container-rtl\">\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0645\u0627 \u0647\u0648 \u0645\u062d\u0631\u0643 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a Route Engine\u060c \u0648\u0643\u064a\u0641 \u064a\u062d\u062f\u062b \u062b\u0648\u0631\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0637\u0648\u0644\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u0645\u062d\u0631\u0643 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0647\u0648 \u0646\u0638\u0627\u0645 \u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0635\u0645\u0645 \u0644\u062a\u062d\u0633\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0637\u0648\u0644. \u064a\u0633\u062a\u062e\u062f\u0645 \u062a\u0639\u0644\u0645 \u0627\u0644\u0622\u0644\u0629 \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u062a\u0646\u0628\u0624 \u0628\u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0628\u062f\u0642\u0629\u060c \u0648\u0636\u0628\u0637 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0643\u0641\u0627\u0621\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0648\u0642\u0648\u062f. \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u062d\u0648\u0651\u0644 \u0642\u0637\u0627\u0639 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0639\u0628\u0631 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0643\u064a\u0641 \u064a\u062a\u0646\u0628\u0623 \u0645\u062d\u0631\u0643 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0628\u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0628\u062f\u0642\u0629\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0645\u062d\u0631\u0643 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629 \u0648\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0627\u062a \u062a\u0639\u0644\u0645 \u0627\u0644\u0622\u0644\u0629 \u0644\u0644\u062a\u0646\u0628\u0624 \u0628\u0627\u0644\u0627\u0632\u062f\u062d\u0627\u0645 \u0648\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629. \u0628\u062f\u0645\u062c \u0647\u0630\u0647 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062d\u064a\u0629\u060c \u064a\u064f\u0642\u062f\u0651\u0645 \u0627\u0644\u0646\u0638\u0627\u0645 \u062a\u0648\u0642\u0639\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0631\u062d\u0644\u0627\u062a \u062d\u062a\u0649 \u0644\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u0648\u0642\u0641\u0627\u062a.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0643\u064a\u0641 \u064a\u062a\u0643\u064a\u0641 \u0627\u0644\u0645\u062d\u0631\u0643 \u0645\u0639 \u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u0631 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u064a\u0631\u0627\u0642\u0628 \u0627\u0644\u0645\u062d\u0631\u0643 \u062a\u062f\u0641\u0642\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062d\u064a\u0629 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u060c \u0648\u064a\u0639\u064a\u062f \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0625\u063a\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062d\u0648\u0627\u062f\u062b \u0623\u0648 \u0627\u0644\u0627\u0632\u062f\u062d\u0627\u0645 \u0628\u0634\u0643\u0644 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a. \u064a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u062a\u0643\u064a\u0641 \u0623\u0646 \u064a\u0633\u0644\u0643 \u0627\u0644\u0633\u0627\u0626\u0642\u0648\u0646 \u062f\u0627\u0626\u0645\u064b\u0627 \u0623\u0633\u0631\u0639 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0639\u0646\u062f \u062a\u063a\u064a\u0631 \u0627\u0644\u0638\u0631\u0648\u0641 \u0628\u0633\u0631\u0639\u0629.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0645\u0627 \u0647\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u0641\u064a\u062f \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062d\u0631\u0643 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u064a\u0645\u0643\u0646 \u0644\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0625\u062f\u0627\u0631\u0629 \u0623\u0633\u0637\u0648\u0644 \u062f\u0642\u064a\u0642\u0629 \u0648\u062a\u062e\u0637\u064a\u0637 \u062a\u0633\u0644\u064a\u0645\u060c \u0645\u062b\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u0648\u0645\u0648\u0641\u0631\u064a \u0622\u062e\u0631 \u0645\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0637\u064a\u0644\u060c \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u062d\u0633\u0651\u0646\u0629 \u0627\u0644\u062a\u064a \u064a\u0642\u062f\u0645\u0647\u0627 \u0627\u0644\u0645\u062d\u0631\u0643.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0643\u064a\u0641 \u064a\u064f\u062d\u0633\u0651\u0646 \u0627\u0644\u0645\u062d\u0631\u0643 \u0645\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0648\u0642\u0648\u062f \u0644\u0644\u0623\u0633\u0627\u0637\u064a\u0644\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0632\u0627\u0626\u062f\u0629\u060c \u064a\u0642\u0644\u0644 \u0627\u0644\u0645\u062d\u0631\u0643 \u0645\u0646 \u0627\u0644\u0623\u0645\u064a\u0627\u0644 \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0648\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0648\u0642\u0648\u062f. \u064a\u0624\u062f\u064a \u0630\u0644\u0643 \u0625\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0643\u0628\u064a\u0631 \u0644\u0645\u0642\u062f\u0645\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0628\u0631 \u0636\u0645\u0627\u0646 \u0633\u0644\u0648\u0643 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0643\u0641\u0627\u0621\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0623\u062d\u0645\u0627\u0644\u0647\u0627 \u0648\u0646\u0648\u0627\u0641\u0630 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0645\u0627 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0648\u0641\u0631\u0647\u0627 \u0627\u0644\u0645\u062d\u0631\u0643 \u0644\u062a\u062e\u0635\u064a\u0635 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0637\u0648\u0644\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u064a\u0623\u062e\u0630 \u0627\u0644\u0645\u062d\u0631\u0643 \u0641\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0648\u0633\u0639\u0627\u062a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0648\u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0648\u0642\u0648\u062f \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0648\u0627\u0644\u062a\u0641\u0631\u064a\u063a \u0627\u0644\u0641\u0631\u064a\u062f\u0629. \u062a\u062a\u064a\u062d \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0648\u0646\u0629 \u0644\u0643\u0644 \u0623\u0633\u0637\u0648\u0644 \u062a\u0637\u0628\u064a\u0642 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062a\u0648\u062c\u064a\u0647 \u0645\u062e\u0635\u0651\u0635\u0629 \u062a\u0646\u0627\u0633\u0628 \u062a\u062d\u062f\u064a\u0627\u062a\u0647\u0645 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u0648\u0642\u0641\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u064a\u062f\u064a\u0631 \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u0648\u0642\u0641\u0627\u062a \u0639\u0628\u0631 \u0645\u0631\u0627\u0639\u0627\u0629 \u0646\u0648\u0627\u0641\u0630 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u062d\u0645\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0639\u0627\u0645. \u062a\u062d\u062f\u062f \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u062d\u0633\u0646\u0629 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0648\u062a\u0632\u064a\u062f \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u0645 \u0644\u0644\u0633\u0627\u0626\u0642\u064a\u0646 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0644\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0639\u0642\u062f\u0629.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-card-rtl\">\r\n      <button class=\"faq-question-rtl\">\u0643\u064a\u0641 \u064a\u0633\u0627\u0647\u0645 \u0627\u0644\u0645\u062d\u0631\u0643 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u061f<\/button>\r\n      <div class=\"faq-answer-rtl\">\r\n        <p>\u064a\u0636\u0645\u0646 \u0627\u0644\u0645\u062d\u0631\u0643 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u062f\u0627\u0626\u0645\u064b\u0627 \u0639\u0644\u0649 \u0623\u0633\u0631\u0639 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0648\u064a\u062a\u0643\u064a\u0641 \u0628\u0633\u0631\u0639\u0629 \u0645\u0639 \u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u0631. \u064a\u0624\u062f\u064a \u0630\u0644\u0643 \u0625\u0644\u0649 \u062a\u0633\u0644\u064a\u0645\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u062a\u062c\u0627\u0648\u0632 \u062a\u0648\u0642\u0639\u0627\u062a\u0647\u0645 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ Toggle FAQs RTL\r\n  document.querySelectorAll('.faq-question-rtl').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      const card = btn.closest('.faq-card-rtl');\r\n      const isActive = card.classList.contains('active');\r\n      document.querySelectorAll('.faq-card-rtl').forEach(c => c.classList.remove('active'));\r\n      if (!isActive) card.classList.add('active');\r\n    });\r\n  });\r\n\r\n  \/\/ Title hover \u2013 \u0647\u0645\u06cc\u0634\u0647 \u0631\u0648\u0634\u0646 \u0648 \u062e\u0648\u0627\u0646\u0627\r\n  const titleRtl = document.querySelector('#faqs-rtl h2');\r\n  titleRtl.addEventListener('mouseover', () => titleRtl.style.color = '#ffffff');\r\n  titleRtl.addEventListener('mouseout', () => titleRtl.style.color = '#f9fafb');\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Optimize Your Routes with AI-Powered TrendRoute TrendRoute is an AI-driven routing API that empowers transportation and last-mile delivery companies to boost operational efficiency on their own platforms. How TrendRoute Works TrendRoute harnesses advanced mathematical algorithms and machine learning to transform route planning\u2014analyzing historical traffic data, weather conditions, and usage patterns to predict congestion and proactively [&hellip;]<\/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-334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/comments?post=334"}],"version-history":[{"count":154,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages\/334\/revisions"}],"predecessor-version":[{"id":849,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages\/334\/revisions\/849"}],"wp:attachment":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/media?parent=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}