{"id":1023,"date":"2024-11-26T15:45:33","date_gmt":"2024-11-26T15:45:33","guid":{"rendered":"http:\/\/rtis-co.com\/?page_id=1023"},"modified":"2026-01-28T12:23:03","modified_gmt":"2026-01-28T08:53:03","slug":"recruitment-home-alt","status":"publish","type":"page","link":"https:\/\/rtis-co.com\/","title":{"rendered":"\u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1023\" class=\"elementor elementor-1023\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28483d1 e-con-full e-flex e-con e-parent\" data-id=\"28483d1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed25e8c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ed25e8c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 1: HEADER - \u0647\u062f\u0631 \u0648 \u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc\r\n     ======================================== -->\r\n\r\n<style>\r\n.main-header {\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);\r\n  padding: 0;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1000;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.top-bar {\r\n  background: rgba(0, 0, 0, 0.2);\r\n  padding: 10px 0;\r\n  font-size: 14px;\r\n  color: #fff;\r\n}\r\n\r\n.top-bar-content {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.top-bar-right,\r\n.top-bar-left {\r\n  display: flex;\r\n  gap: 25px;\r\n  align-items: center;\r\n}\r\n\r\n.top-bar i {\r\n  margin-left: 8px;\r\n  color: #fb923c;\r\n}\r\n\r\n.navbar {\r\n  background: transparent;\r\n  padding: 15px 0;\r\n}\r\n\r\n.navbar-content {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.logo-section {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.logo-img {\r\n  width: 70px;\r\n  height: 70px;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 32px;\r\n  font-weight: 900;\r\n  color: #1e3a8a;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.logo-text h1 {\r\n  color: #fff;\r\n  font-size: 22px;\r\n  margin: 0;\r\n  font-weight: 700;\r\n}\r\n\r\n.logo-text p {\r\n  color: rgba(255, 255, 255, 0.9);\r\n  font-size: 13px;\r\n  margin: 0;\r\n  font-weight: 400;\r\n}\r\n\r\n.nav-menu {\r\n  display: flex;\r\n  list-style: none;\r\n  gap: 5px;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.nav-menu li a {\r\n  color: #fff;\r\n  text-decoration: none;\r\n  padding: 4px 10px;\r\n  display: block;\r\n  border-radius: 8px;\r\n  font-weight: 500;\r\n  transition: all 0.3s ease;\r\n  font-size: 15px;\r\n  font-family: 'Vazirmatn';\r\n}\r\n\r\n.nav-menu li a:hover {\r\n  background: rgba(255, 255, 255, 0.15);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.nav-menu li a.active {\r\n  background: #fb923c;\r\n}\r\n\r\n.mobile-menu-toggle {\r\n  display: none;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  border: none;\r\n  color: #fff;\r\n  font-size: 24px;\r\n  padding: 10px 15px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.lang-switcher {\r\n  background: rgba(255, 255, 255, 0.2);\r\n  color: #fff;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n  padding: 8px 15px;\r\n  border-radius: 8px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.lang-switcher:hover {\r\n  background: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .top-bar {\r\n    font-size: 12px;\r\n  }\r\n  \r\n  .top-bar-content {\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n  \r\n  .nav-menu {\r\n    display: none;\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 0;\r\n    left: 0;\r\n    background: #1e3a8a;\r\n    flex-direction: column;\r\n    padding: 20px;\r\n    gap: 0;\r\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\r\n  }\r\n  \r\n  .nav-menu.active {\r\n    display: flex;\r\n  }\r\n  \r\n  .nav-menu li a {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .mobile-menu-toggle {\r\n    display: block;\r\n  }\r\n  \r\n  .logo-text h1 {\r\n    font-size: 18px;\r\n  }\r\n  \r\n  .logo-text p {\r\n    font-size: 11px;\r\n  }\r\n  \r\n  .logo-img {\r\n    width: 55px;\r\n    height: 55px;\r\n    font-size: 26px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<header class=\"main-header\">\r\n  <!-- Top Bar -->\r\n  <div class=\"top-bar\">\r\n    <div class=\"container\">\r\n      <div class=\"top-bar-content\">\r\n        <div class=\"top-bar-right\">\r\n          <span><i class=\"fas fa-phone\"><\/i> \u062a\u0644\u0641\u0646: 021-12345678<\/span>\r\n          <span><i class=\"fas fa-envelope\"><\/i> info@rtis.co<\/span>\r\n        <\/div>\r\n        <div class=\"top-bar-left\">\r\n          <span><i class=\"fas fa-clock\"><\/i> \u0634\u0646\u0628\u0647 \u062a\u0627 \u067e\u0646\u062c\u0634\u0646\u0628\u0647: 8:00 - 17:00<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Main Navigation -->\r\n  <nav class=\"navbar\">\r\n    <div class=\"container\">\r\n      <div class=\"navbar-content\">\r\n        <!-- Logo -->\r\n        <div class=\"logo-section\">\r\n          <div class=\"logo-img\">\r\n            R\r\n          <\/div>\r\n          <div class=\"logo-text\">\r\n            <h1>\u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a<\/h1>\r\n            <p>RTIS-Co | Rayaneh Tejarat Industrial Supply<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Navigation Menu -->\r\n        <ul class=\"nav-menu\" id=\"navMenu\">\r\n          <li><a href=\"#home\" class=\"active\">\u062e\u0627\u0646\u0647<\/a><\/li>\r\n          <li><a href=\"#about\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a><\/li>\r\n          <li><a href=\"#raw-materials\">\u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0641\u0648\u0644\u0627\u062f<\/a><\/li>\r\n          <li><a href=\"#products\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc<\/a><\/li>\r\n          <li><a href=\"#goals\">\u0627\u0647\u062f\u0627\u0641 \u0634\u0631\u06a9\u062a<\/a><\/li>\r\n          <li><a href=\"#news\">\u0627\u062e\u0628\u0627\u0631<\/a><\/li>\r\n          <li><a href=\"#contact\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a><\/li>\r\n        <\/ul>\r\n\r\n        <!-- Language Switcher & Mobile Toggle -->\r\n        <div style=\"display: flex; gap: 15px; align-items: center;\">\r\n          <button class=\"lang-switcher\">EN<\/button>\r\n          <button class=\"mobile-menu-toggle\" onclick=\"toggleMenu()\">\r\n            <i class=\"fas fa-bars\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/nav>\r\n<\/header>\r\n\r\n<script>\r\nfunction toggleMenu() {\r\n  const menu = document.getElementById('navMenu');\r\n  menu.classList.toggle('active');\r\n}\r\n\r\n\/\/ Close menu when clicking outside\r\ndocument.addEventListener('click', function(event) {\r\n  const menu = document.getElementById('navMenu');\r\n  const toggle = document.querySelector('.mobile-menu-toggle');\r\n  \r\n  if (!menu.contains(event.target) && !toggle.contains(event.target)) {\r\n    menu.classList.remove('active');\r\n  }\r\n});\r\n\r\n\/\/ Smooth scroll for anchor links\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n  anchor.addEventListener('click', function (e) {\r\n    e.preventDefault();\r\n    const target = document.querySelector(this.getAttribute('href'));\r\n    if (target) {\r\n      target.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'start'\r\n      });\r\n    }\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39c4b2f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"39c4b2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 2: HERO SECTION - \u0628\u062e\u0634 \u0645\u0639\u0631\u0641\u06cc \u0627\u0635\u0644\u06cc\r\n     ======================================== -->\r\n\r\n<style>\r\n.hero-section {\r\n  position: relative;\r\n  min-height: 600px;\r\n  display: flex;\r\n  align-items: center;\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n.hero-bg-pattern {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  opacity: 0.1;\r\n  background-image: \r\n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\r\n}\r\n\r\n.hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 80px 0;\r\n}\r\n\r\n.hero-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 60px;\r\n}\r\n\r\n.hero-text {\r\n  flex: 1;\r\n  color: #fff;\r\n  animation: slideInRight 0.8s ease-out;\r\n}\r\n\r\n.hero-badge {\r\n  display: inline-block;\r\n  background: rgba(251, 146, 60, 0.2);\r\n  color: #fb923c;\r\n  padding: 8px 20px;\r\n  border-radius: 30px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(251, 146, 60, 0.3);\r\n}\r\n\r\n.hero-text h1 {\r\n  font-size: 3rem;\r\n  font-weight: 900;\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n  color: #fff;\r\n  font-family: 'Vazirmatn';\r\n}\r\n\r\n.hero-text h1 .highlight {\r\n  color: #fb923c;\r\n  position: relative;\r\n}\r\n\r\n.hero-text h1 .highlight::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -5px;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, transparent, #fb923c, transparent);\r\n}\r\n\r\n.hero-text p {\r\n  font-size: 1.2rem;\r\n  line-height: 1.8;\r\n  margin-bottom: 30px;\r\n  color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.hero-buttons {\r\n  display: flex;\r\n  gap: 15px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.hero-btn {\r\n  padding: 15px 35px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.hero-btn-primary {\r\n  background: #fb923c;\r\n  color: #fff;\r\n  box-shadow: 0 4px 15px rgba(251, 146, 60, 0.4);\r\n}\r\n\r\n.hero-btn-primary:hover {\r\n  background: #ea580c;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 6px 20px rgba(251, 146, 60, 0.5);\r\n}\r\n\r\n.hero-btn-outline {\r\n  background: transparent;\r\n  color: #fff;\r\n  border: 2px solid rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.hero-btn-outline:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-color: #fff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.hero-image {\r\n  flex: 1;\r\n  animation: zoomIn 0.8s ease-out;\r\n}\r\n\r\n.hero-img-wrapper {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.hero-img-wrapper img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  background: linear-gradient(135deg, #334155 0%, #475569 100%);\r\n  min-height: 400px;\r\n  object-fit: cover;\r\n}\r\n\r\n.hero-img-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: linear-gradient(135deg, rgba(30, 58, 138, 0.3) 0%, rgba(251, 146, 60, 0.2) 100%);\r\n}\r\n\r\n.hero-stats {\r\n  margin-top: 50px;\r\n  display: flex;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.stat-item {\r\n  text-align: center;\r\n}\r\n\r\n.stat-number {\r\n  font-size: 2.5rem;\r\n  font-weight: 900;\r\n  color: #fb923c;\r\n  display: block;\r\n  line-height: 1;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 14px;\r\n  color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n\/* Floating Animation for Image *\/\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0px);\r\n  }\r\n  50% {\r\n    transform: translateY(-20px);\r\n  }\r\n}\r\n\r\n.hero-img-wrapper {\r\n  animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .hero-section {\r\n    min-height: auto;\r\n  }\r\n  \r\n  .hero-row {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .hero-text h1 {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .hero-text p {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .hero-buttons {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .hero-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .hero-stats {\r\n    gap: 30px;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .stat-number {\r\n    font-size: 2rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .hero-text h1 {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .hero-content {\r\n    padding: 50px 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero-section\" id=\"home\">\r\n  <div class=\"hero-bg-pattern\"><\/div>\r\n  \r\n  <div class=\"container\">\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-row\">\r\n        <!-- Hero Text -->\r\n        <div class=\"hero-text\">\r\n          <span class=\"hero-badge\">\r\n            <i class=\"fas fa-industry\"><\/i> \u062a\u0623\u0645\u06cc\u0646 \u06a9\u0646\u0646\u062f\u0647 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc\r\n          <\/span>\r\n          \r\n          <h1>\r\n            \u0631\u0627\u0647\u06a9\u0627\u0631 \u062c\u0627\u0645\u0639 \u062a\u0623\u0645\u06cc\u0646\r\n            <span class=\"highlight\">\u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0641\u0648\u0644\u0627\u062f<\/span>\r\n            \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc\r\n          <\/h1>\r\n          \r\n          <p>\r\n            \u0634\u0631\u06a9\u062a \u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u062c\u0631\u0628\u0647 \u0686\u0646\u062f\u06cc\u0646 \u0633\u0627\u0644\u0647 \u0648 \u06a9\u0627\u062f\u0631 \u0645\u062a\u062e\u0635\u0635\u060c \r\n            \u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0635\u0646\u0627\u06cc\u0639 \u0641\u0648\u0644\u0627\u062f \u0648 \u0628\u0627\u0632\u0631\u06af\u0627\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc \u0628\u0627 \r\n            \u0628\u0647\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0642\u06cc\u0645\u062a \u0631\u0642\u0627\u0628\u062a\u06cc \u062f\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646\r\n          <\/p>\r\n          \r\n          <div class=\"hero-buttons\">\r\n            <a href=\"#contact\" class=\"hero-btn hero-btn-primary\">\r\n              <i class=\"fas fa-phone-alt\"><\/i>\r\n              \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\r\n            <\/a>\r\n            <a href=\"#products\" class=\"hero-btn hero-btn-outline\">\r\n              <i class=\"fas fa-box\"><\/i>\r\n              \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n            <\/a>\r\n          <\/div>\r\n          \r\n          <!-- Stats -->\r\n          <div class=\"hero-stats\">\r\n            <div class=\"stat-item\">\r\n              <span class=\"stat-number\">15+<\/span>\r\n              <span class=\"stat-label\">\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647<\/span>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n              <span class=\"stat-number\">500+<\/span>\r\n              <span class=\"stat-label\">\u0645\u0634\u062a\u0631\u06cc \u0641\u0639\u0627\u0644<\/span>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n              <span class=\"stat-number\">24\/7<\/span>\r\n              <span class=\"stat-label\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Hero Image -->\r\n        <div class=\"hero-image\">\r\n          <div class=\"hero-img-wrapper\">\r\n            <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/IMG_5560.jpg\" alt=\"\u0635\u0646\u0639\u062a \u0641\u0648\u0644\u0627\u062f\">\r\n            <div class=\"hero-img-overlay\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5fac4f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b5fac4f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 3: ABOUT US - \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\r\n     ======================================== -->\r\n\r\n<style>\r\n.about-section {\r\n  padding: 100px 0;\r\n  background: #f8fafc;\r\n  position: relative;\r\n  overflow: hidden;\r\n  \r\n}\r\n\r\n.about-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100px;\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(30, 58, 138, 0.05) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  \r\n  \r\n}\r\n\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n  \r\n  \r\n}\r\n\r\n.section-subtitle {\r\n  color: #fb923c;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 10px;\r\n  display: block;\r\n  \r\n  \r\n}\r\n\r\n.section-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 900;\r\n  color: #1a1a1a;\r\n  margin-bottom: 15px;\r\n  position: relative;\r\n  display: inline-block;\r\n  font-family:'Vazirmatn'!important;\r\n  \r\n}\r\n\r\n.section-title::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -10px;\r\n  right: 50%;\r\n  transform: translateX(50%);\r\n  width: 80px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #1e3a8a, #fb923c);\r\n  border-radius: 2px;\r\n  \r\n}\r\n\r\n.section-description {\r\n  font-size: 1.1rem;\r\n  color: #64748b;\r\n  max-width: 700px;\r\n  margin: 20px auto 0;\r\n  line-height: 1.8;\r\n  \r\n}\r\n\r\n.about-content {\r\n  display: flex;\r\n  gap: 60px;\r\n  align-items: center;\r\n  margin-top: 50px;\r\n}\r\n\r\n.about-image {\r\n  flex: 1;\r\n  position: relative;\r\n}\r\n\r\n.about-img-main {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n  \r\n}\r\n\r\n.about-img-main img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  background: linear-gradient(135deg, #334155 0%, #475569 100%);\r\n  min-height: 450px;\r\n  object-fit: cover;\r\n  \r\n}\r\n\r\n.about-img-badge {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  right: 30px;\r\n  background: #fff;\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n  text-align: center;\r\n  animation: pulse 2s ease-in-out infinite;\r\n  \r\n}\r\n\r\n.about-img-badge-number {\r\n  font-size: 2.5rem;\r\n  font-weight: 900;\r\n  color: #1e3a8a;\r\n  line-height: 1;\r\n  margin-bottom: 5px;\r\n  display: block;\r\n  \r\n}\r\n\r\n.about-img-badge-text {\r\n  font-size: 14px;\r\n  color: #64748b;\r\n  font-weight: 500;\r\n  \r\n}\r\n\r\n@keyframes pulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n  }\r\n  50% {\r\n    transform: scale(1.05);\r\n  }\r\n}\r\n\r\n.about-text {\r\n  flex: 1;\r\n  \r\n}\r\n\r\n.about-text h3 {\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  color: #1a1a1a;\r\n  margin-bottom: 20px;\r\n  font-family: 'Vazirmatn';\r\n}\r\n\r\n.about-text h3 span {\r\n  color: #1e3a8a;\r\n  font-family: 'Vazirmatn';\r\n}\r\n\r\n.about-description {\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  color: #475569;\r\n  margin-bottom: 30px;\r\n  text-align: justify;\r\n  font-family: 'Vazirmatn';\r\n}\r\n\r\n.about-features {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 30px;\r\n  font-family: 'Vazirmatn';\r\n}\r\n\r\n.feature-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 15px;\r\n  padding: 15px;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  transition: all 0.3s ease;\r\n  border: 1px solid #e5e7eb;\r\n  font-family: 'Vazirmatn';\r\n}\r\n\r\n.feature-item:hover {\r\n  box-shadow: 0 8px 20px rgba(30, 58, 138, 0.1);\r\n  transform: translateY(-3px);\r\n  border-color: #1e3a8a;\r\n}\r\n\r\n.feature-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-size: 20px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.feature-content h4 {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #1a1a1a;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.feature-content p {\r\n  font-size: 14px;\r\n  color: #64748b;\r\n  margin: 0;\r\n  line-height: 1.6;\r\n}\r\n\r\n.about-cta {\r\n  margin-top: 30px;\r\n}\r\n\r\n.about-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 15px 35px;\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n  color: #fff;\r\n  text-decoration: none;\r\n  border-radius: 10px;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);\r\n  \r\n}\r\n\r\n.about-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 6px 20px rgba(30, 58, 138, 0.4);\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .about-section {\r\n    padding: 70px 0;\r\n  }\r\n  \r\n  .about-content {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .about-features {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .section-title {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .about-img-badge {\r\n    bottom: 15px;\r\n    right: 15px;\r\n    padding: 15px;\r\n  }\r\n  \r\n  .about-img-badge-number {\r\n    font-size: 2rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"about-section\" id=\"about\">\r\n  <div class=\"container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <span class=\"section-subtitle\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/span>\r\n      <h2 class=\"section-title\">\u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a (RTIS-Co)<\/h2>\r\n      <p class=\"section-description\">\r\n        \u0634\u0631\u06a9\u062a\u06cc \u062e\u0644\u0627\u0642\u060c \u067e\u0648\u06cc\u0627 \u0648 \u062f\u0631 \u0645\u0633\u06cc\u0631 \u062a\u0648\u0633\u0639\u0647 \u0628\u0627 \u0647\u062f\u0641 \u062a\u0623\u0645\u06cc\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0635\u0646\u0627\u06cc\u0639 \u0641\u0648\u0644\u0627\u062f\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- About Content -->\r\n    <div class=\"about-content\">\r\n      <!-- Image Side -->\r\n      <div class=\"about-image\">\r\n        <div class=\"about-img-main\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/IMG_5557.jpg\" alt=\"\u0634\u0631\u06a9\u062a \u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a\">\r\n          <div class=\"about-img-badge\">\r\n            <span class=\"about-img-badge-number\">15+<\/span>\r\n            <span class=\"about-img-badge-text\">\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Text Side -->\r\n      <div class=\"about-text\">\r\n        <h3>\u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 <span>\u0645\u0637\u0645\u0626\u0646<\/span> \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0641\u0648\u0644\u0627\u062f<\/h3>\r\n        \r\n        <div class=\"about-description\">\r\n          <p>\r\n            \u0634\u0631\u06a9\u062a <strong>\u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a (RTIS-Co)<\/strong> \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u062a\u0647\u06cc\u0647 \u0648 \u062a\u0648\u0632\u06cc\u0639 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0635\u0646\u0627\u06cc\u0639 \u0630\u0648\u0628\u06cc \r\n            \u0627\u0632 \u062c\u0645\u0644\u0647 \u0633\u0646\u06af \u0622\u0647\u0646\u060c \u06a9\u0646\u0633\u0627\u0646\u062a\u0631\u0647\u060c \u06af\u0646\u062f\u0644\u0647\u060c \u0622\u0647\u0646 \u0627\u0633\u0641\u0646\u062c\u06cc\u060c \u0628\u0631\u06cc\u06a9\u062a \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc \r\n            \u0628\u0631\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062e\u0648\u062f \u0628\u0627 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc \u0648 \u0646\u0648\u06cc\u0646 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n          <\/p>\r\n          <p>\r\n            \u0627\u06cc\u0646 \u0634\u0631\u06a9\u062a \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u062c\u0627\u0631\u0628 \u0686\u0646\u062f\u06cc\u0646 \u0633\u0627\u0644\u0647 \u0645\u062f\u06cc\u0631\u0627\u0646 \u0648 \u0646\u06cc\u0632 \u06a9\u0627\u062f\u0631 \u0645\u062a\u062e\u0635\u0635 \u0648 \r\n            \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u062e\u0648\u062f\u060c \u0647\u0645\u0648\u0627\u0631\u0647 \u0633\u0639\u06cc \u0646\u0645\u0648\u062f\u0647 \u062a\u0627 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0635\u0646\u0627\u06cc\u0639 \u0630\u0648\u0628 \u0631\u0627 \r\n            \u0628\u0627 \u0645\u0646\u0627\u0633\u0628\u200c\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u0631\u0642\u0627\u0628\u062a\u06cc\u060c \u062f\u0631 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0648 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a \r\n            \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u062f.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Features Grid -->\r\n        <div class=\"about-features\">\r\n          <div class=\"feature-item\">\r\n            <div class=\"feature-icon\">\r\n              <i class=\"fas fa-handshake\"><\/i>\r\n            <\/div>\r\n            <div class=\"feature-content\">\r\n              <h4>\u0635\u062f\u0627\u0642\u062a \u0648 \u0627\u0639\u062a\u0645\u0627\u062f<\/h4>\r\n              <p>\u062a\u0639\u0647\u062f \u0628\u0647 \u0634\u0641\u0627\u0641\u06cc\u062a \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"feature-item\">\r\n            <div class=\"feature-icon\">\r\n              <i class=\"fas fa-lightbulb\"><\/i>\r\n            <\/div>\r\n            <div class=\"feature-content\">\r\n              <h4>\u062e\u0644\u0627\u0642\u06cc\u062a \u0648 \u0646\u0648\u0622\u0648\u0631\u06cc<\/h4>\r\n              <p>\u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"feature-item\">\r\n            <div class=\"feature-icon\">\r\n              <i class=\"fas fa-users\"><\/i>\r\n            <\/div>\r\n            <div class=\"feature-content\">\r\n              <h4>\u0645\u0634\u062a\u0631\u06cc\u200c\u0645\u062f\u0627\u0631\u06cc<\/h4>\r\n              <p>\u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc \u062f\u0631 \u0627\u0648\u0644\u0648\u06cc\u062a \u06a9\u0627\u0631\u06cc \u0645\u0627<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"feature-item\">\r\n            <div class=\"feature-icon\">\r\n              <i class=\"fas fa-award\"><\/i>\r\n            <\/div>\r\n            <div class=\"feature-content\">\r\n              <h4>\u06a9\u06cc\u0641\u06cc\u062a \u0628\u0631\u062a\u0631<\/h4>\r\n              <p>\u062a\u0623\u0645\u06cc\u0646 \u0645\u0648\u0627\u062f \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CTA Button -->\r\n        <div class=\"about-cta\">\r\n          <a href=\"#contact\" class=\"about-btn\">\r\n            <i class=\"fas fa-phone-alt\"><\/i>\r\n            \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5735663 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5735663\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 4: RAW MATERIALS - \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0641\u0648\u0644\u0627\u062f\r\n     ======================================== -->\r\n\r\n<style>\r\n.raw-materials-section {\r\n  padding: 100px 0;\r\n  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n  position: relative;\r\n}\r\n\r\n.materials-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n  margin-top: 50px;\r\n}\r\n\r\n.material-card {\r\n  background: #fff;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n  transition: all 0.4s ease;\r\n  border: 2px solid transparent;\r\n  position: relative;\r\n}\r\n\r\n.material-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 5px;\r\n  background: linear-gradient(90deg, #1e3a8a 0%, #fb923c 100%);\r\n  transform: scaleX(0);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.material-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.material-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 12px 40px rgba(30, 58, 138, 0.15);\r\n  border-color: #1e3a8a;\r\n}\r\n\r\n.material-image {\r\n  position: relative;\r\n  height: 220px;\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg, #334155 0%, #475569 100%);\r\n}\r\n\r\n.material-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.material-card:hover .material-image img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.material-badge {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 15px;\r\n  background: rgba(30, 58, 138, 0.95);\r\n  color: #fff;\r\n  padding: 6px 15px;\r\n  border-radius: 20px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.material-content {\r\n  padding: 25px;\r\n}\r\n\r\n.material-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 28px;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);\r\n}\r\n\r\n.material-title {\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n  color: #1a1a1a;\r\n  margin-bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  \r\n}\r\n\r\n.material-title-text {\r\n  flex: 1;\r\n  \r\n}\r\n\r\n.material-arrow {\r\n  width: 35px;\r\n  height: 35px;\r\n  background: #f8fafc;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #1e3a8a;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n  \r\n}\r\n\r\n.material-card:hover .material-arrow {\r\n  background: #1e3a8a;\r\n  color: #fff;\r\n  transform: translateX(-5px);\r\n}\r\n\r\n.material-desc {\r\n  font-size: 14px;\r\n  color: #64748b;\r\n  line-height: 1.7;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.material-specs {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-top: 15px;\r\n  padding-top: 15px;\r\n  border-top: 1px solid #e5e7eb;\r\n}\r\n\r\n.spec-item {\r\n  flex: 1;\r\n  text-align: center;\r\n  padding: 10px;\r\n  background: #f8fafc;\r\n  border-radius: 8px;\r\n}\r\n\r\n.spec-value {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #1e3a8a;\r\n  display: block;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.spec-label {\r\n  font-size: 11px;\r\n  color: #64748b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.material-footer {\r\n  padding: 15px 25px;\r\n  background: #f8fafc;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.material-price {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.price-label {\r\n  font-size: 12px;\r\n  color: #64748b;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.price-value {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #1e3a8a;\r\n}\r\n\r\n.material-btn {\r\n  padding: 8px 20px;\r\n  background: #1e3a8a;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n}\r\n\r\n.material-btn:hover {\r\n  background: #1e40af;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .materials-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .materials-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .material-image {\r\n    height: 200px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"raw-materials-section\" id=\"raw-materials\">\r\n  <div class=\"container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <span class=\"section-subtitle\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627<\/span>\r\n      <h2 class=\"section-title\">\u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0635\u0646\u0627\u06cc\u0639 \u0641\u0648\u0644\u0627\u062f<\/h2>\r\n      <p class=\"section-description\">\r\n        \u062a\u0623\u0645\u06cc\u0646 \u06a9\u0646\u0646\u062f\u0647 \u062a\u062e\u0635\u0635\u06cc \u0627\u0646\u0648\u0627\u0639 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0635\u0646\u0627\u06cc\u0639 \u0630\u0648\u0628 \u0648 \u0641\u0648\u0644\u0627\u062f\u0633\u0627\u0632\u06cc \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Materials Grid -->\r\n    <div class=\"materials-grid\">\r\n      \r\n      <!-- 1. \u0633\u0646\u06af \u0622\u0647\u0646 -->\r\n      <div class=\"material-card\">\r\n        <div class=\"material-image\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/IMG_5538.jpg\" alt=\"\u0633\u0646\u06af \u0622\u0647\u0646\">\r\n          <span class=\"material-badge\">\u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0646\u0628\u0627\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"material-content\">\r\n          <div class=\"material-icon\">\r\n            <i class=\"fas fa-mountain\"><\/i>\r\n          <\/div>\r\n          <div class=\"material-title\">\r\n            <span class=\"material-title-text\">\u0633\u0646\u06af \u0622\u0647\u0646<\/span>\r\n            <div class=\"material-arrow\">\r\n              <i class=\"fas fa-arrow-left\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"material-desc\">\r\n            \u0645\u06af\u0646\u062a\u06cc\u062a \u0648 \u0647\u0645\u0627\u062a\u06cc\u062a \u0628\u0627 \u0639\u06cc\u0627\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u060c \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0630\u0648\u0628 \u0648 \u0641\u0648\u0644\u0627\u062f\u0633\u0627\u0632\u06cc\r\n          <\/p>\r\n          <div class=\"material-specs\">\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">65%+<\/span>\r\n              <span class=\"spec-label\">\u0639\u06cc\u0627\u0631 \u0622\u0647\u0646<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">A+<\/span>\r\n              <span class=\"spec-label\">\u06a9\u06cc\u0641\u06cc\u062a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"material-footer\">\r\n          <div class=\"material-price\">\r\n            <span class=\"price-label\">\u0642\u06cc\u0645\u062a \u0631\u0648\u0632:<\/span>\r\n            <span class=\"price-value\">\u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/span>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"material-btn\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2. \u06a9\u0646\u0633\u0627\u0646\u062a\u0631\u0647 \u0622\u0647\u0646 -->\r\n      <div class=\"material-card\">\r\n        <div class=\"material-image\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/1762455941__\u0627\u0646\u062a\u0631\u06471.jpg\" alt=\"\u06a9\u0646\u0633\u0627\u0646\u062a\u0631\u0647 \u0622\u0647\u0646\">\r\n          <span class=\"material-badge\">\u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0646\u0628\u0627\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"material-content\">\r\n          <div class=\"material-icon\">\r\n            <i class=\"fas fa-layer-group\"><\/i>\r\n          <\/div>\r\n          <div class=\"material-title\">\r\n            <span class=\"material-title-text\">\u06a9\u0646\u0633\u0627\u0646\u062a\u0631\u0647 \u0622\u0647\u0646<\/span>\r\n            <div class=\"material-arrow\">\r\n              <i class=\"fas fa-arrow-left\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"material-desc\">\r\n            \u06a9\u0646\u0633\u0627\u0646\u062a\u0631\u0647 \u0628\u0627 \u0639\u06cc\u0627\u0631 \u0628\u0627\u0644\u0627 \u0648 \u0646\u0627\u062e\u0627\u0644\u0635\u06cc \u06a9\u0645\u060c \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0645\u0635\u0631\u0641 \u062f\u0631 \u06a9\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0630\u0648\u0628\r\n          <\/p>\r\n          <div class=\"material-specs\">\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">67%+<\/span>\r\n              <span class=\"spec-label\">\u0639\u06cc\u0627\u0631 Fe<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">Premium<\/span>\r\n              <span class=\"spec-label\">\u06af\u0631\u06cc\u062f<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"material-footer\">\r\n          <div class=\"material-price\">\r\n            <span class=\"price-label\">\u0642\u06cc\u0645\u062a \u0631\u0648\u0632:<\/span>\r\n            <span class=\"price-value\">\u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/span>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"material-btn\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3. \u06af\u0646\u062f\u0644\u0647 \u0622\u0647\u0646 -->\r\n      <div class=\"material-card\">\r\n        <div class=\"material-image\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/IMG_5528.jpg\" alt=\"\u06af\u0646\u062f\u0644\u0647 \u0622\u0647\u0646\">\r\n          <span class=\"material-badge\">\u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0646\u0628\u0627\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"material-content\">\r\n          <div class=\"material-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n          <\/div>\r\n          <div class=\"material-title\">\r\n            <span class=\"material-title-text\">\u06af\u0646\u062f\u0644\u0647 \u0622\u0647\u0646<\/span>\r\n            <div class=\"material-arrow\">\r\n              <i class=\"fas fa-arrow-left\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"material-desc\">\r\n            \u06af\u0646\u062f\u0644\u0647 \u0628\u0627 \u0627\u0633\u062a\u062d\u06a9\u0627\u0645 \u0628\u0627\u0644\u0627 \u0648 \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u060c \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u06a9\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0628\u0644\u0646\u062f \u0648 \u0627\u062d\u06cc\u0627\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645\r\n          <\/p>\r\n          <div class=\"material-specs\">\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">66%+<\/span>\r\n              <span class=\"spec-label\">\u0639\u06cc\u0627\u0631 \u0622\u0647\u0646<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">High<\/span>\r\n              <span class=\"spec-label\">\u0627\u0633\u062a\u062d\u06a9\u0627\u0645<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"material-footer\">\r\n          <div class=\"material-price\">\r\n            <span class=\"price-label\">\u0642\u06cc\u0645\u062a \u0631\u0648\u0632:<\/span>\r\n            <span class=\"price-value\">\u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/span>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"material-btn\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4. \u0622\u0647\u0646 \u0627\u0633\u0641\u0646\u062c\u06cc -->\r\n      <div class=\"material-card\">\r\n        <div class=\"material-image\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/\u0622\u0647\u0646-\u0627\u0633\u0641\u0646\u062c\u06cc-4.jpg\" alt=\"\u0622\u0647\u0646 \u0627\u0633\u0641\u0646\u062c\u06cc\">\r\n          <span class=\"material-badge\">\u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0646\u0628\u0627\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"material-content\">\r\n          <div class=\"material-icon\">\r\n            <i class=\"fas fa-cube\"><\/i>\r\n          <\/div>\r\n          <div class=\"material-title\">\r\n            <span class=\"material-title-text\">\u0622\u0647\u0646 \u0627\u0633\u0641\u0646\u062c\u06cc<\/span>\r\n            <div class=\"material-arrow\">\r\n              <i class=\"fas fa-arrow-left\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"material-desc\">\r\n            \u0622\u0647\u0646 \u0627\u062d\u06cc\u0627 \u0634\u062f\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645 (DRI) \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0630\u0648\u0628 \u062f\u0631 \u06a9\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0642\u0648\u0633 \u0627\u0644\u06a9\u062a\u0631\u06cc\u06a9\u06cc\r\n          <\/p>\r\n          <div class=\"material-specs\">\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">92%+<\/span>\r\n              <span class=\"spec-label\">\u0645\u062a\u0627\u0644\u06cc\u0632\u0627\u0633\u06cc\u0648\u0646<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">DRI<\/span>\r\n              <span class=\"spec-label\">\u0646\u0648\u0639<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"material-footer\">\r\n          <div class=\"material-price\">\r\n            <span class=\"price-label\">\u0642\u06cc\u0645\u062a \u0631\u0648\u0632:<\/span>\r\n            <span class=\"price-value\">\u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/span>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"material-btn\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 5. \u0634\u0645\u0634 (\u0628\u06cc\u0644\u062a - \u0628\u0644\u0648\u0645) -->\r\n      <div class=\"material-card\">\r\n        <div class=\"material-image\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/IMG_5544.jpg\" alt=\"\u0634\u0645\u0634\">\r\n          <span class=\"material-badge\">\u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0646\u0628\u0627\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"material-content\">\r\n          <div class=\"material-icon\">\r\n            <i class=\"fas fa-bars\"><\/i>\r\n          <\/div>\r\n          <div class=\"material-title\">\r\n            <span class=\"material-title-text\">\u0634\u0645\u0634 (\u0628\u06cc\u0644\u062a - \u0628\u0644\u0648\u0645)<\/span>\r\n            <div class=\"material-arrow\">\r\n              <i class=\"fas fa-arrow-left\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"material-desc\">\r\n            \u0634\u0645\u0634\u200c\u0647\u0627\u06cc \u0641\u0648\u0644\u0627\u062f\u06cc \u0628\u0627 \u0627\u0628\u0639\u0627\u062f \u0648 \u06af\u0631\u06cc\u062f\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u060c \u0622\u0645\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0646\u0648\u0631\u062f \u0648 \u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0646\u0647\u0627\u06cc\u06cc\r\n          <\/p>\r\n          <div class=\"material-specs\">\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">Multi<\/span>\r\n              <span class=\"spec-label\">\u06af\u0631\u06cc\u062f\u0647\u0627<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">Standard<\/span>\r\n              <span class=\"spec-label\">\u0627\u0628\u0639\u0627\u062f<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"material-footer\">\r\n          <div class=\"material-price\">\r\n            <span class=\"price-label\">\u0642\u06cc\u0645\u062a \u0631\u0648\u0632:<\/span>\r\n            <span class=\"price-value\">\u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/span>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"material-btn\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 6. \u0627\u0633\u0644\u0628 -->\r\n      <div class=\"material-card\">\r\n        <div class=\"material-image\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/1666170482634fbe721a652.jpeg\" alt=\"\u0627\u0633\u0644\u0628\">\r\n          <span class=\"material-badge\">\u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0646\u0628\u0627\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"material-content\">\r\n          <div class=\"material-icon\">\r\n            <i class=\"fas fa-th-large\"><\/i>\r\n          <\/div>\r\n          <div class=\"material-title\">\r\n            <span class=\"material-title-text\">\u0627\u0633\u0644\u0628<\/span>\r\n            <div class=\"material-arrow\">\r\n              <i class=\"fas fa-arrow-left\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"material-desc\">\r\n            \u0627\u0633\u0644\u0628\u200c\u0647\u0627\u06cc \u0641\u0648\u0644\u0627\u062f\u06cc \u0628\u0627 \u0636\u062e\u0627\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0648\u0631\u0642 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062a\u062e\u062a\r\n          <\/p>\r\n          <div class=\"material-specs\">\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">Various<\/span>\r\n              <span class=\"spec-label\">\u0636\u062e\u0627\u0645\u062a<\/span>\r\n            <\/div>\r\n            <div class=\"spec-item\">\r\n              <span class=\"spec-value\">Quality<\/span>\r\n              <span class=\"spec-label\">\u06a9\u06cc\u0641\u06cc\u062a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"material-footer\">\r\n          <div class=\"material-price\">\r\n            <span class=\"price-label\">\u0642\u06cc\u0645\u062a \u0631\u0648\u0632:<\/span>\r\n            <span class=\"price-value\">\u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f<\/span>\r\n          <\/div>\r\n          <a href=\"#contact\" class=\"material-btn\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9356f5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e9356f5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 5: STEEL PRODUCTS - \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc\r\n     ======================================== -->\r\n\r\n<style>\r\n.products-section {\r\n  padding: 100px 0;\r\n  background: #ffffff;\r\n  position: relative;\r\n}\r\n\r\n.products-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: -150px;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(251, 146, 60, 0.05) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.products-tabs {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 15px;\r\n  margin-bottom: 50px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.tab-btn {\r\n  padding: 12px 30px;\r\n  background: #f8fafc;\r\n  border: 2px solid #e5e7eb;\r\n  border-radius: 10px;\r\n  color: #64748b;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.tab-btn:hover {\r\n  background: #fff;\r\n  border-color: #1e3a8a;\r\n  color: #1e3a8a;\r\n}\r\n\r\n.tab-btn.active {\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n  border-color: #1e3a8a;\r\n  color: #fff;\r\n  box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);\r\n}\r\n\r\n.products-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.product-card {\r\n  background: #fff;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n  transition: all 0.4s ease;\r\n  border: 2px solid #f8fafc;\r\n  display: flex;\r\n  gap: 0;\r\n}\r\n\r\n.product-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 12px 40px rgba(251, 146, 60, 0.15);\r\n  border-color: #fb923c;\r\n}\r\n\r\n.product-image-side {\r\n  flex: 0 0 45%;\r\n  position: relative;\r\n  background: linear-gradient(135deg, #334155 0%, #475569 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n.product-image-side img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.product-card:hover .product-image-side img {\r\n  transform: scale(1.15);\r\n}\r\n\r\n.product-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: linear-gradient(135deg, rgba(30, 58, 138, 0.3) 0%, rgba(251, 146, 60, 0.2) 100%);\r\n}\r\n\r\n.product-category {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 15px;\r\n  background: rgba(251, 146, 60, 0.95);\r\n  color: #fff;\r\n  padding: 6px 15px;\r\n  border-radius: 20px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.product-content-side {\r\n  flex: 1;\r\n  padding: 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.product-header {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.product-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #1a1a1a;\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.product-icon-small {\r\n  width: 35px;\r\n  height: 35px;\r\n  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-size: 16px;\r\n}\r\n\r\n.product-subtitle {\r\n  font-size: 14px;\r\n  color: #64748b;\r\n  font-weight: 500;\r\n}\r\n\r\n.product-description {\r\n  font-size: 14px;\r\n  color: #475569;\r\n  line-height: 1.8;\r\n  margin-bottom: 20px;\r\n  flex: 1;\r\n}\r\n\r\n.product-types {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.types-title {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #1a1a1a;\r\n  margin-bottom: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.types-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n\r\n.type-tag {\r\n  padding: 6px 14px;\r\n  background: #f8fafc;\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 6px;\r\n  font-size: 12px;\r\n  color: #64748b;\r\n  font-weight: 500;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.type-tag:hover {\r\n  background: #1e3a8a;\r\n  color: #fff;\r\n  border-color: #1e3a8a;\r\n}\r\n\r\n.product-features {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n  padding-top: 15px;\r\n  border-top: 1px solid #e5e7eb;\r\n}\r\n\r\n.feature-mini {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  color: #64748b;\r\n}\r\n\r\n.feature-mini i {\r\n  color: #fb923c;\r\n  font-size: 14px;\r\n}\r\n\r\n.product-actions {\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n\r\n.product-btn-primary {\r\n  flex: 1;\r\n  padding: 12px 20px;\r\n  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  text-decoration: none;\r\n}\r\n\r\n.product-btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 15px rgba(251, 146, 60, 0.4);\r\n}\r\n\r\n.product-btn-secondary {\r\n  padding: 12px 20px;\r\n  background: transparent;\r\n  color: #1e3a8a;\r\n  border: 2px solid #1e3a8a;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  text-decoration: none;\r\n}\r\n\r\n.product-btn-secondary:hover {\r\n  background: #1e3a8a;\r\n  color: #fff;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .products-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .product-card {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .product-image-side {\r\n    flex: 0 0 250px;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .products-tabs {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .tab-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .product-features {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .product-actions {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .product-image-side {\r\n    flex: 0 0 200px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"products-section\" id=\"products\">\r\n  <div class=\"container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <span class=\"section-subtitle\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u06cc<\/span>\r\n      <h2 class=\"section-title\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc<\/h2>\r\n      <p class=\"section-description\">\r\n        \u062a\u0623\u0645\u06cc\u0646 \u0648 \u062a\u0648\u0632\u06cc\u0639 \u0627\u0646\u0648\u0627\u0639 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0642\u06cc\u0645\u062a \u0631\u0642\u0627\u0628\u062a\u06cc\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Products Grid -->\r\n    <div class=\"products-grid\">\r\n      \r\n      <!-- 1. \u0627\u0646\u0648\u0627\u0639 \u0648\u0631\u0642 -->\r\n      <div class=\"product-card\">\r\n        <div class=\"product-image-side\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/1726408791_2421465_525.jpg\" alt=\"\u0648\u0631\u0642 \u0641\u0648\u0644\u0627\u062f\u06cc\">\r\n          <div class=\"product-overlay\"><\/div>\r\n          <span class=\"product-category\">\u067e\u0631\u0641\u0631\u0648\u0634<\/span>\r\n        <\/div>\r\n        <div class=\"product-content-side\">\r\n          <div class=\"product-header\">\r\n            <div class=\"product-title\">\r\n              <span class=\"product-icon-small\">\r\n                <i class=\"fas fa-layer-group\"><\/i>\r\n              <\/span>\r\n              \u0627\u0646\u0648\u0627\u0639 \u0648\u0631\u0642 \u0641\u0648\u0644\u0627\u062f\u06cc\r\n            <\/div>\r\n            <div class=\"product-subtitle\">Steel Sheets & Plates<\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"product-description\">\r\n            \u062a\u0623\u0645\u06cc\u0646 \u0627\u0646\u0648\u0627\u0639 \u0648\u0631\u0642\u200c\u0647\u0627\u06cc \u0641\u0648\u0644\u0627\u062f\u06cc \u062f\u0631 \u0636\u062e\u0627\u0645\u062a\u200c\u0647\u0627 \u0648 \u0627\u0628\u0639\u0627\u062f \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0645\u062e\u062a\u0644\u0641 \r\n            \u0627\u0632 \u06a9\u0627\u0631\u062e\u0627\u0646\u062c\u0627\u062a \u0645\u0639\u062a\u0628\u0631 \u062f\u0627\u062e\u0644\u06cc \u0648 \u062e\u0627\u0631\u062c\u06cc\r\n          <\/p>\r\n          \r\n          <div class=\"product-types\">\r\n            <div class=\"types-title\">\u0627\u0646\u0648\u0627\u0639 \u0648\u0631\u0642:<\/div>\r\n            <div class=\"types-list\">\r\n              <span class=\"type-tag\">\u0648\u0631\u0642 \u0633\u06cc\u0627\u0647<\/span>\r\n              <span class=\"type-tag\">\u0648\u0631\u0642 \u06af\u0627\u0644\u0648\u0627\u0646\u06cc\u0632\u0647<\/span>\r\n              <span class=\"type-tag\">\u0648\u0631\u0642 \u0631\u0648\u063a\u0646\u06cc<\/span>\r\n              <span class=\"type-tag\">\u0648\u0631\u0642 \u0631\u0646\u06af\u06cc<\/span>\r\n              <span class=\"type-tag\">\u0648\u0631\u0642 \u0627\u0633\u062a\u06cc\u0644<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-features\">\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0636\u062e\u0627\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646 \u0634\u062f\u0647<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0642\u06cc\u0645\u062a \u0631\u0642\u0627\u0628\u062a\u06cc<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-actions\">\r\n            <a href=\"#contact\" class=\"product-btn-primary\">\r\n              <i class=\"fas fa-shopping-cart\"><\/i>\r\n              \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a\r\n            <\/a>\r\n            <a href=\"#contact\" class=\"product-btn-secondary\">\r\n              <i class=\"fas fa-info-circle\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2. \u0645\u06cc\u0644\u06af\u0631\u062f -->\r\n      <div class=\"product-card\">\r\n        <div class=\"product-image-side\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/000022.jpg\" alt=\"\u0645\u06cc\u0644\u06af\u0631\u062f\">\r\n          <div class=\"product-overlay\"><\/div>\r\n          <span class=\"product-category\">\u0645\u0648\u062c\u0648\u062f<\/span>\r\n        <\/div>\r\n        <div class=\"product-content-side\">\r\n          <div class=\"product-header\">\r\n            <div class=\"product-title\">\r\n              <span class=\"product-icon-small\">\r\n                <i class=\"fas fa-grip-lines\"><\/i>\r\n              <\/span>\r\n              \u0645\u06cc\u0644\u06af\u0631\u062f \u0633\u0627\u062f\u0647 \u0648 \u0622\u062c\u062f\u0627\u0631\r\n            <\/div>\r\n            <div class=\"product-subtitle\">Rebar A2-A3-A4<\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"product-description\">\r\n            \u0645\u06cc\u0644\u06af\u0631\u062f\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u0648 \u0622\u062c\u062f\u0627\u0631 \u0628\u0627 \u06af\u0631\u06cc\u062f\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 A2\u060c A3 \u0648 A4 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \r\n            \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0648 \u0639\u0645\u0631\u0627\u0646\u06cc \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0631\u0648\u0632\r\n          <\/p>\r\n          \r\n          <div class=\"product-types\">\r\n            <div class=\"types-title\">\u06af\u0631\u06cc\u062f\u0647\u0627 \u0648 \u0633\u0627\u06cc\u0632\u0647\u0627:<\/div>\r\n            <div class=\"types-list\">\r\n              <span class=\"type-tag\">\u0645\u06cc\u0644\u06af\u0631\u062f A2<\/span>\r\n              <span class=\"type-tag\">\u0645\u06cc\u0644\u06af\u0631\u062f A3<\/span>\r\n              <span class=\"type-tag\">\u0645\u06cc\u0644\u06af\u0631\u062f A4<\/span>\r\n              <span class=\"type-tag\">\u0642\u0637\u0631\u0647\u0627\u06cc 8-32<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-features\">\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u0644\u06cc<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u062a\u0633\u062a \u06a9\u06cc\u0641\u06cc\u062a<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0633\u0631\u06cc\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-actions\">\r\n            <a href=\"#contact\" class=\"product-btn-primary\">\r\n              <i class=\"fas fa-shopping-cart\"><\/i>\r\n              \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a\r\n            <\/a>\r\n            <a href=\"#contact\" class=\"product-btn-secondary\">\r\n              <i class=\"fas fa-info-circle\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3. \u06a9\u0644\u0627\u0641 -->\r\n      <div class=\"product-card\">\r\n        <div class=\"product-image-side\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/Stainless-Steel-Coil.jpg\" alt=\"\u06a9\u0644\u0627\u0641\">\r\n          <div class=\"product-overlay\"><\/div>\r\n          <span class=\"product-category\">\u0648\u06cc\u0698\u0647<\/span>\r\n        <\/div>\r\n        <div class=\"product-content-side\">\r\n          <div class=\"product-header\">\r\n            <div class=\"product-title\">\r\n              <span class=\"product-icon-small\">\r\n                <i class=\"fas fa-circle-notch\"><\/i>\r\n              <\/span>\r\n              \u06a9\u0644\u0627\u0641 \u0641\u0648\u0644\u0627\u062f\u06cc\r\n            <\/div>\r\n            <div class=\"product-subtitle\">Wire Rod & Coil<\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"product-description\">\r\n            \u06a9\u0644\u0627\u0641 \u0641\u0648\u0644\u0627\u062f\u06cc \u0628\u0627 \u0642\u0637\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u0635\u0646\u0627\u06cc\u0639 \u0633\u06cc\u0645\u200c\u06a9\u0634\u06cc\u060c \u0645\u06cc\u062e\u200c\u0633\u0627\u0632\u06cc \u0648 \r\n            \u0633\u0627\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0639\u0627\u0644\u06cc\r\n          <\/p>\r\n          \r\n          <div class=\"product-types\">\r\n            <div class=\"types-title\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a:<\/div>\r\n            <div class=\"types-list\">\r\n              <span class=\"type-tag\">\u06a9\u0644\u0627\u0641 \u0633\u0627\u062f\u0647<\/span>\r\n              <span class=\"type-tag\">\u06a9\u0644\u0627\u0641 \u0622\u062c\u062f\u0627\u0631<\/span>\r\n              <span class=\"type-tag\">\u0642\u0637\u0631 5.5-12<\/span>\r\n              <span class=\"type-tag\">\u06af\u0631\u06cc\u062f\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-features\">\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0648\u0632\u0646 \u062f\u0642\u06cc\u0642<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0642\u06cc\u0645\u062a \u0645\u0646\u0627\u0633\u0628<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0645\u0648\u062c\u0648\u062f\u06cc \u062f\u0627\u0626\u0645\u06cc<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-actions\">\r\n            <a href=\"#contact\" class=\"product-btn-primary\">\r\n              <i class=\"fas fa-shopping-cart\"><\/i>\r\n              \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a\r\n            <\/a>\r\n            <a href=\"#contact\" class=\"product-btn-secondary\">\r\n              <i class=\"fas fa-info-circle\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4. \u062a\u06cc\u0631\u0622\u0647\u0646 -->\r\n      <div class=\"product-card\">\r\n        <div class=\"product-image-side\">\r\n          <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"http:\/\/rtis-co.com\/wp-content\/uploads\/2026\/01\/\u062a\u06cc\u0631\u0622\u0647\u0646-scaled.jpg\" alt=\"\u062a\u06cc\u0631\u0622\u0647\u0646\">\r\n          <div class=\"product-overlay\"><\/div>\r\n          <span class=\"product-category\">\u0645\u0648\u062c\u0648\u062f<\/span>\r\n        <\/div>\r\n        <div class=\"product-content-side\">\r\n          <div class=\"product-header\">\r\n            <div class=\"product-title\">\r\n              <span class=\"product-icon-small\">\r\n                <i class=\"fas fa-I-cursor\"><\/i>\r\n              <\/span>\r\n              \u062a\u06cc\u0631\u0622\u0647\u0646\r\n            <\/div>\r\n            <div class=\"product-subtitle\">I-Beam & H-Beam<\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"product-description\">\r\n            \u0627\u0646\u0648\u0627\u0639 \u062a\u06cc\u0631\u0622\u0647\u0646 IPE \u0648 IPB \u062f\u0631 \u0633\u0627\u06cc\u0632\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0633\u0627\u0632\u0647\u200c\u0627\u06cc\u060c \r\n            \u0635\u0646\u0639\u062a\u06cc \u0648 \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u062f\u0631\u062c\u0647 \u06cc\u06a9\r\n          <\/p>\r\n          \r\n          <div class=\"product-types\">\r\n            <div class=\"types-title\">\u0633\u0627\u06cc\u0632\u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f:<\/div>\r\n            <div class=\"types-list\">\r\n              <span class=\"type-tag\">IPE 80-600<\/span>\r\n              <span class=\"type-tag\">IPB<\/span>\r\n              <span class=\"type-tag\">HEB<\/span>\r\n              <span class=\"type-tag\">UNP<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-features\">\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0627\u0628\u0639\u0627\u062f \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0645\u0642\u0627\u0648\u0645\u062a \u0628\u0627\u0644\u0627<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u062a\u062d\u0648\u06cc\u0644 \u0641\u0648\u0631\u06cc<\/span>\r\n            <\/div>\r\n            <div class=\"feature-mini\">\r\n              <i class=\"fas fa-check-circle\"><\/i>\r\n              <span>\u0628\u0631\u0634 \u0631\u0627\u06cc\u06af\u0627\u0646<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"product-actions\">\r\n            <a href=\"#contact\" class=\"product-btn-primary\">\r\n              <i class=\"fas fa-shopping-cart\"><\/i>\r\n              \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a\r\n            <\/a>\r\n            <a href=\"#contact\" class=\"product-btn-secondary\">\r\n              <i class=\"fas fa-info-circle\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88d96de elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"88d96de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 6: COMPANY GOALS - \u0627\u0647\u062f\u0627\u0641 \u0634\u0631\u06a9\u062a\r\n     ======================================== -->\r\n\r\n<style>\r\n.goals-section {\r\n  padding: 100px 0;\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.goals-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: \r\n    repeating-linear-gradient(\r\n      45deg,\r\n      transparent,\r\n      transparent 60px,\r\n      rgba(255, 255, 255, 0.03) 60px,\r\n      rgba(255, 255, 255, 0.03) 120px\r\n    );\r\n  animation: movePattern 20s linear infinite;\r\n}\r\n\r\n@keyframes movePattern {\r\n  0% { transform: translate(0, 0); }\r\n  100% { transform: translate(60px, 60px); }\r\n}\r\n\r\n.goals-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.goals-header .section-subtitle {\r\n  color: #fb923c;\r\n}\r\n\r\n.goals-header .section-title {\r\n  color: #fff;\r\n}\r\n\r\n.goals-header .section-title::after {\r\n  background: linear-gradient(90deg, #fff, #fb923c);\r\n}\r\n\r\n.goals-header .section-description {\r\n  color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.goals-intro {\r\n  max-width: 900px;\r\n  margin: 0 auto 60px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.goals-intro-text {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-radius: 16px;\r\n  padding: 30px;\r\n  color: #fff;\r\n  font-size: 16pxpx;\r\n  line-height: 1.9;\r\n  text-align: justify;\r\n}\r\n\r\n.goals-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.goal-card {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 16px;\r\n  padding: 30px;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.goal-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #fb923c 0%, #f97316 100%);\r\n  transform: scaleX(0);\r\n  transform-origin: right;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.goal-card:hover::before {\r\n  transform: scaleX(1);\r\n  transform-origin: left;\r\n}\r\n\r\n.goal-card:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-color: rgba(251, 146, 60, 0.5);\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.goal-number {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;\r\n  font-weight: 900;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 4px 15px rgba(251, 146, 60, 0.4);\r\n}\r\n\r\n.goal-icon {\r\n  font-size: 32px;\r\n  color: #fb923c;\r\n  margin-bottom: 20px;\r\n  display: block;\r\n}\r\n\r\n.goal-title {\r\n  font-size: 1.2rem !important;\r\n  font-weight: 500;\r\n  color: #ffffff !important;\r\n  margin-bottom: 12px;\r\n  line-height: 1.4;\r\n  font-family: 'Vazirmatn'!important;\r\n}\r\n\r\n.goal-description {\r\n  font-size: 14px;\r\n  color: rgba(255, 255, 255, 0.8);\r\n  line-height: 1.8;\r\n  margin: 0;\r\n}\r\n\r\n.goals-vision {\r\n  margin-top: 60px;\r\n  background: rgba(251, 146, 60, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  border: 2px solid rgba(251, 146, 60, 0.3);\r\n  border-radius: 20px;\r\n  padding: 40px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.vision-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 40px;\r\n  color: #fff;\r\n  margin: 0 auto 25px;\r\n  box-shadow: 0 8px 25px rgba(251, 146, 60, 0.4);\r\n}\r\n\r\n.vision-title {\r\n  font-size: 2rem;\r\n  font-weight: 900;\r\n  color: #fff !important;\r\n  margin-bottom: 20px;\r\n    font-family: 'Vazirmatn'!important;\r\n}\r\n\r\n.vision-text {\r\n  font-size: 16px;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  line-height: 1.9;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  \r\n}\r\n\r\n.vision-highlight {\r\n  color: #fb923c;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .goals-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .goals-section {\r\n    padding: 70px 0;\r\n  }\r\n  \r\n  .goals-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .goals-intro-text {\r\n    padding: 25px;\r\n    font-size: 15px;\r\n  }\r\n  \r\n  .vision-title {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .goals-vision {\r\n    padding: 30px 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"goals-section\" id=\"goals\">\r\n  <div class=\"container\">\r\n    <!-- Section Header -->\r\n    <div class=\"goals-header\">\r\n      <span class=\"section-subtitle\">\u0686\u0634\u0645\u200c\u0627\u0646\u062f\u0627\u0632 \u0648 \u0631\u0648\u06cc\u06a9\u0631\u062f<\/span>\r\n      <h2 class=\"section-title\">\u0627\u0647\u062f\u0627\u0641 \u0634\u0631\u06a9\u062a<\/h2>\r\n      <p class=\"section-description\">\r\n        \u0628\u0627 \u0639\u0646\u0627\u06cc\u062a \u0628\u0647 \u062f\u0648\u0631\u0646\u06af\u0627\u0647 \u0645\u062f\u06cc\u0631\u0627\u0646\u060c \u0627\u0631\u062a\u0642\u0627\u0621 \u062c\u0627\u06cc\u06af\u0627\u0647 \u062f\u0631 \u062d\u0648\u0632\u0647 \u062a\u0623\u0645\u06cc\u0646 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Intro Text -->\r\n    <div class=\"goals-intro\">\r\n      <div class=\"goals-intro-text\">\r\n        \u0634\u0631\u06a9\u062a \u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a (RTIS-Co) \u0628\u0627 \u062d\u0636\u0648\u0631 \u0641\u0639\u0627\u0644 \u062f\u0631 \u0628\u0627\u0632\u0627\u0631 \u0648 \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0698\u0647 \u0648 \u062a\u0627\u062b\u06cc\u0631\u06af\u0630\u0627\u0631\u060c \r\n        \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u067e\u0627 \u0628\u0647 \u0639\u0631\u0635\u0647 \u0646\u0647\u0627\u062f\u0647 \u0648 \u0635\u062f\u0627\u0642\u062a\u060c \u062e\u0644\u0627\u0642\u06cc\u062a \u0648 \u0645\u0634\u062a\u0631\u06cc\u200c\u0645\u062f\u0627\u0631\u06cc \u0631\u0627 \r\n        \u0633\u0631\u0644\u0648\u062d\u0647 \u06a9\u0644\u06cc\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Goals Grid -->\r\n    <div class=\"goals-grid\">\r\n      \r\n      <!-- Goal 1 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-chart-line\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u062d\u0636\u0648\u0631 \u0641\u0639\u0627\u0644 \u062f\u0631 \u0628\u0627\u0632\u0627\u0631 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0631\u0648\u0632\u0627\u0646\u0647<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0631\u0635\u062f \u0645\u0633\u062a\u0645\u0631 \u0628\u0627\u0632\u0627\u0631 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0642\u06cc\u0645\u062a\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0627\u062a \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 2 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-database\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0648\u062b\u0642 \u0631\u0648\u0632\u0627\u0646\u0647 \u0645\u0648\u062c\u0648\u062f\u06cc\u062a \u0645\u0648\u0627\u062f<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u0633\u062a\u0645\u0631 \u0645\u0648\u062c\u0648\u062f\u06cc \u0627\u0646\u0648\u0627\u0639 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0631\u0627\u06cc \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 3 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-handshake\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u0627\u0631\u062a\u0628\u0627\u0637 \u06af\u0633\u062a\u0631\u062f\u0647 \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0641\u0648\u0644\u0627\u062f<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u062f\u0648\u0644\u062a\u06cc \u0648 \u062e\u0635\u0648\u0635\u06cc \u0628\u0631\u0627\u06cc \u062a\u0636\u0645\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0642\u06cc\u0645\u062a \u0645\u0646\u0627\u0633\u0628\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 4 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-users\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u062a\u0648\u0632\u06cc\u0639\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0645\u0637\u0631\u062d \u0628\u0627\u0632\u0627\u0631<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0628\u0631\u062a\u0631\u06cc\u0646 \u062a\u0648\u0632\u06cc\u0639\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u0627\u06cc \u062a\u0623\u0645\u06cc\u0646 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 5 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-bolt\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639 \u0628\u0647 \u0646\u06cc\u0627\u0632 \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc \u062f\u0631 \u06a9\u0648\u062a\u0627\u0647\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 6 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-dollar-sign\"><\/i>\r\n        <\/span>\r\n        <h2 class=\"goal-title\">\u0627\u0631\u0627\u0626\u0647 \u0628\u0627 \u0645\u0646\u0627\u0633\u0628\u200c\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u0631\u0642\u0627\u0628\u062a\u06cc<\/h2>\r\n        <p class=\"goal-description\">\r\n          \u0627\u0631\u0627\u0626\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u0631\u062e\u200c\u0647\u0627\u06cc \u0628\u0627\u0632\u0627\u0631\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 7 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-file-invoice\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u0635\u062f\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0648 \u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0627\u0631\u0627\u0626\u0647 \u067e\u06cc\u0634 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0648 \u062a\u062d\u0648\u06cc\u0644 \u0633\u0641\u0627\u0631\u0634\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062f\u0631 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 8 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-headset\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u062e\u062f\u0645\u0627\u062a \u067e\u06cc\u06af\u06cc\u0631\u06cc \u067e\u0633 \u0627\u0632 \u0641\u0631\u0648\u0634<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0627\u0645\u0644 \u062a\u0627 \u067e\u0627\u06cc\u0627\u0646 \u0645\u0631\u062d\u0644\u0647 \u062a\u062d\u0648\u06cc\u0644 \u0648 \u0635\u062f\u0648\u0631 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0646\u0647\u0627\u06cc\u06cc\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 9 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-info-circle\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u0627\u0631\u0627\u0626\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0633\u0627\u0633\u06cc \u0648 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0627\u0637\u0644\u0627\u0639\u200c\u0631\u0633\u0627\u0646\u06cc \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627 \u062d\u0648\u0632\u0647\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a\u06cc \u0634\u0631\u06a9\u062a\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 10 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-tags\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0631\u0648\u0632\u0627\u0646\u0647 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0627\u0631\u0627\u0626\u0647 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0631\u0648\u0632 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u062e\u0630 \u062a\u0635\u0645\u06cc\u0645 \u0628\u0647\u062a\u0631\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 11 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-newspaper\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u0627\u0631\u0627\u0626\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0627\u0632\u0627\u0631 \u0648 \u0627\u062e\u0628\u0627\u0631<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0627\u0634\u062a\u0631\u0627\u06a9 \u0627\u062e\u0628\u0627\u0631 \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc\u060c \u0642\u0648\u0627\u0646\u06cc\u0646 \u0648 \u0628\u062e\u0634\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0628\u0627 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Goal 12 -->\r\n      <div class=\"goal-card\">\r\n        <span class=\"goal-icon\">\r\n          <i class=\"fas fa-project-diagram\"><\/i>\r\n        <\/span>\r\n        <h3 class=\"goal-title\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0641\u0648\u0644\u0627\u062f<\/h3>\r\n        <p class=\"goal-description\">\r\n          \u0627\u062c\u0631\u0627\u06cc \u062a\u062f\u0631\u06cc\u062c\u06cc \u0637\u0631\u062d \u0627\u0628\u062a\u062f\u0627 \u062a\u0627 \u0627\u0646\u062a\u0647\u0627\u06cc \u0632\u0646\u062c\u06cc\u0631\u0647 \u0641\u0648\u0644\u0627\u062f (Turn Key Projects)\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Vision Box -->\r\n    <div class=\"goals-vision\">\r\n      <div class=\"vision-icon\">\r\n        <i class=\"fas fa-eye\"><\/i>\r\n      <\/div>\r\n      <h3 class=\"vision-title\">\u0686\u0634\u0645\u200c\u0627\u0646\u062f\u0627\u0632 \u0645\u0627<\/h3>\r\n      <p class=\"vision-text\">\r\n        \u0627\u06cc\u0646 \u0634\u0631\u06a9\u062a \u062f\u0631 \u0646\u0638\u0631 \u062f\u0627\u0631\u062f \u0628\u0627 \u0627\u062c\u0631\u0627\u06cc \u062a\u062f\u0631\u06cc\u062c\u06cc \u0637\u0631\u062d \u0627\u0628\u062a\u062f\u0627 \u062a\u0627 \u0627\u0646\u062a\u0647\u0627\u06cc \u0632\u0646\u062c\u06cc\u0631\u0647 \u0641\u0648\u0644\u0627\u062f \r\n        <span class=\"vision-highlight\">(Turn Key Projects)<\/span> \r\n        \u062f\u0631 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u0645\u062f\u062a \u062f\u0631 \u0632\u0645\u0631\u0647 \r\n        <span class=\"vision-highlight\">\u0641\u0639\u0627\u0644\u200c\u062a\u0631\u06cc\u0646 \u0648 \u062a\u0623\u062b\u06cc\u0631\u06af\u0630\u0627\u0631\u062a\u0631\u06cc\u0646 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc<\/span> \r\n        \u062f\u0631 \u062d\u0648\u0632\u0647 \u0641\u0648\u0644\u0627\u062f \u06a9\u0634\u0648\u0631 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f.\r\n        <br><br>\r\n        \u0627\u0645\u06cc\u062f \u0627\u0633\u062a \u0628\u0627 \u0627\u0633\u062a\u0639\u0627\u0646\u062a \u0627\u0632 \u0627\u0644\u0637\u0627\u0641 \u067e\u0631\u0648\u0631\u062f\u06af\u0627\u0631 \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u06af\u0627\u0645\u06cc \u0647\u0631\u0686\u0646\u062f \u06a9\u0648\u0686\u06a9 \u0648\u0644\u06cc \u0645\u0648\u062b\u0631 \u062f\u0631 \u0627\u06cc\u0646 \u0639\u0631\u0635\u0647 \u0628\u0631\u062f\u0627\u0631\u06cc\u0645.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed3e893 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ed3e893\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 7: CONTACT - \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627\r\n     ======================================== -->\r\n\r\n<style>\r\n.contact-section {\r\n  padding: 100px 0;\r\n  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n  position: relative;\r\n}\r\n\r\n.contact-wrapper {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 50px;\r\n  margin-top: 50px;\r\n}\r\n\r\n\/* Contact Info Side *\/\r\n.contact-info-side {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 25px;\r\n}\r\n\r\n.contact-intro {\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n  padding: 40px;\r\n  border-radius: 20px;\r\n  color: #fff;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.contact-intro::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50px;\r\n  left: -50px;\r\n  width: 150px;\r\n  height: 150px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 50%;\r\n}\r\n\r\n.contact-intro h3 {\r\n  font-size: 1.8rem;\r\n  font-weight: 900;\r\n  margin-bottom: 15px;\r\n  color: #fff;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.contact-intro p {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-bottom: 0;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.contact-details {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  padding: 25px;\r\n  background: #fff;\r\n  border-radius: 16px;\r\n  border: 2px solid #e5e7eb;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.contact-item:hover {\r\n  border-color: #1e3a8a;\r\n  box-shadow: 0 8px 25px rgba(30, 58, 138, 0.1);\r\n  transform: translateX(-5px);\r\n}\r\n\r\n.contact-item-icon {\r\n  width: 55px;\r\n  height: 55px;\r\n  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;\r\n  color: #fff;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 4px 15px rgba(251, 146, 60, 0.3);\r\n}\r\n\r\n.contact-item-content {\r\n  flex: 1;\r\n}\r\n\r\n.contact-item-label {\r\n  font-size: 14px;\r\n  color: #64748b;\r\n  font-weight: 600;\r\n  margin-bottom: 5px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.contact-item-value {\r\n  font-size: 16px;\r\n  color: #1a1a1a;\r\n  font-weight: 700;\r\n  margin: 0;\r\n  direction: ltr;\r\n  text-align: right;\r\n}\r\n\r\n.contact-item-value.rtl {\r\n  direction: rtl;\r\n}\r\n\r\n.social-links {\r\n  display: flex;\r\n  gap: 12px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.social-btn {\r\n  width: 45px;\r\n  height: 45px;\r\n  background: #f8fafc;\r\n  border: 2px solid #e5e7eb;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n  color: #64748b;\r\n  transition: all 0.3s ease;\r\n  text-decoration: none;\r\n}\r\n\r\n.social-btn:hover {\r\n  background: #1e3a8a;\r\n  color: #fff;\r\n  border-color: #1e3a8a;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Contact Form Side *\/\r\n.contact-form-side {\r\n  background: #fff;\r\n  padding: 40px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n  border: 2px solid #f8fafc;\r\n}\r\n\r\n.form-header {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.form-header h3 {\r\n  font-size: 1.8rem;\r\n  font-weight: 900;\r\n  color: #1a1a1a;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-header p {\r\n  font-size: 15px;\r\n  color: #64748b;\r\n  margin: 0;\r\n}\r\n\r\n.contact-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.form-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.form-label {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #1a1a1a;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.form-label .required {\r\n  color: #ef4444;\r\n}\r\n\r\n.form-input,\r\n.form-select,\r\n.form-textarea {\r\n  padding: 14px 18px;\r\n  border: 2px solid #e5e7eb;\r\n  border-radius: 10px;\r\n  font-size: 15px;\r\n  font-family: Vazirmatn, sans-serif;\r\n  color: #1a1a1a;\r\n  transition: all 0.3s ease;\r\n  background: #f8fafc;\r\n}\r\n\r\n.form-input:focus,\r\n.form-select:focus,\r\n.form-textarea:focus {\r\n  outline: none;\r\n  border-color: #1e3a8a;\r\n  background: #fff;\r\n  box-shadow: 0 0 0 4px rgba(30, 58, 138, 0.1);\r\n}\r\n\r\n.form-textarea {\r\n  min-height: 120px;\r\n  resize: vertical;\r\n}\r\n\r\n.form-checkbox-group {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 15px;\r\n  background: #f8fafc;\r\n  border-radius: 10px;\r\n}\r\n\r\n.form-checkbox {\r\n  width: 20px;\r\n  height: 20px;\r\n  cursor: pointer;\r\n}\r\n\r\n.form-checkbox-label {\r\n  font-size: 14px;\r\n  color: #475569;\r\n  cursor: pointer;\r\n}\r\n\r\n.form-submit-btn {\r\n  padding: 16px 40px;\r\n  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  box-shadow: 0 4px 15px rgba(251, 146, 60, 0.4);\r\n  font-family: Vazirmatn, sans-serif;\r\n}\r\n\r\n.form-submit-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 6px 20px rgba(251, 146, 60, 0.5);\r\n}\r\n\r\n.form-submit-btn:active {\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* Map Section *\/\r\n.map-section {\r\n  margin-top: 60px;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.map-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 400px;\r\n  background: linear-gradient(135deg, #334155 0%, #475569 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .contact-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .contact-section {\r\n    padding: 70px 0;\r\n  }\r\n  \r\n  .contact-intro,\r\n  .contact-form-side {\r\n    padding: 30px 25px;\r\n  }\r\n  \r\n  .contact-intro h3,\r\n  .form-header h3 {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .map-wrapper {\r\n    height: 300px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact-section\" id=\"contact\">\r\n  <div class=\"container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <span class=\"section-subtitle\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627<\/span>\r\n      <h2 class=\"section-title\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/h2>\r\n      <p class=\"section-description\">\r\n        \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u0628\u0627 \u0645\u0627 \u062f\u0631 \u062a\u0645\u0627\u0633 \u0628\u0627\u0634\u06cc\u062f\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Contact Wrapper -->\r\n    <div class=\"contact-wrapper\">\r\n      \r\n      <!-- Contact Info Side -->\r\n      <div class=\"contact-info-side\">\r\n        <!-- Intro Box -->\r\n        <div class=\"contact-intro\">\r\n          <h3>\u0686\u0637\u0648\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u06a9\u0645\u06a9 \u06a9\u0646\u06cc\u0645\u061f<\/h3>\r\n          <p>\r\n            \u062a\u06cc\u0645 \u0645\u062a\u062e\u0635\u0635 \u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a \u062a\u0627 \u062f\u0631 \u06a9\u0648\u062a\u0627\u0647\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0628\u0647 \u0633\u0648\u0627\u0644\u0627\u062a \u0634\u0645\u0627 \u067e\u0627\u0633\u062e \u062f\u0647\u062f \r\n            \u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0634\u0645\u0627 \u0627\u0631\u0627\u0626\u0647 \u06a9\u0646\u062f.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Contact Details -->\r\n        <div class=\"contact-details\">\r\n          \r\n          <!-- Phone -->\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-icon\">\r\n              <i class=\"fas fa-phone-alt\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-item-content\">\r\n              <div class=\"contact-item-label\">\u062a\u0644\u0641\u0646 \u062a\u0645\u0627\u0633<\/div>\r\n              <p class=\"contact-item-value\">021-12345678<\/p>\r\n              <p class=\"contact-item-value\">021-87654321<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Email -->\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-icon\">\r\n              <i class=\"fas fa-envelope\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-item-content\">\r\n              <div class=\"contact-item-label\">\u0627\u06cc\u0645\u06cc\u0644<\/div>\r\n              <p class=\"contact-item-value\">info@rtis.co<\/p>\r\n              <p class=\"contact-item-value\">sales@rtis.co<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Address -->\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-icon\">\r\n              <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-item-content\">\r\n              <div class=\"contact-item-label\">\u0622\u062f\u0631\u0633 \u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc<\/div>\r\n              <p class=\"contact-item-value rtl\">\r\n                \u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0622\u0632\u0627\u062f\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3\u060c \u0648\u0627\u062d\u062f \u06f4\u06f5\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Working Hours -->\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-icon\">\r\n              <i class=\"fas fa-clock\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-item-content\">\r\n              <div class=\"contact-item-label\">\u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc<\/div>\r\n              <p class=\"contact-item-value rtl\">\r\n                \u0634\u0646\u0628\u0647 \u062a\u0627 \u067e\u0646\u062c\u0634\u0646\u0628\u0647: 8:00 \u0627\u0644\u06cc 17:00\r\n              <\/p>\r\n              <p class=\"contact-item-value rtl\" style=\"font-size: 14px; color: #64748b; margin-top: 5px;\">\r\n                \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u0644\u0641\u0646\u06cc: 24\/7\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Social Media -->\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-icon\">\r\n              <i class=\"fas fa-share-alt\"><\/i>\r\n            <\/div>\r\n            <div class=\"contact-item-content\">\r\n              <div class=\"contact-item-label\">\u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/div>\r\n              <div class=\"social-links\">\r\n                <a href=\"#\" class=\"social-btn\" title=\"Instagram\">\r\n                  <i class=\"fab fa-instagram\"><\/i>\r\n                <\/a>\r\n                <a href=\"#\" class=\"social-btn\" title=\"LinkedIn\">\r\n                  <i class=\"fab fa-linkedin-in\"><\/i>\r\n                <\/a>\r\n                <a href=\"#\" class=\"social-btn\" title=\"Telegram\">\r\n                  <i class=\"fab fa-telegram-plane\"><\/i>\r\n                <\/a>\r\n                <a href=\"#\" class=\"social-btn\" title=\"WhatsApp\">\r\n                  <i class=\"fab fa-whatsapp\"><\/i>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Contact Form Side -->\r\n      <div class=\"contact-form-side\">\r\n        <div class=\"form-header\">\r\n          <h3>\u0641\u0631\u0645 \u062a\u0645\u0627\u0633 \u0633\u0631\u06cc\u0639<\/h3>\r\n          <p>\u067e\u06cc\u0627\u0645 \u062e\u0648\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f\u060c \u062f\u0631 \u0627\u0633\u0631\u0639 \u0648\u0642\u062a \u067e\u0627\u0633\u062e \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f<\/p>\r\n        <\/div>\r\n\r\n        <form class=\"contact-form\" action=\"#\" method=\"post\">\r\n          \r\n          <!-- Name & Phone -->\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label class=\"form-label\">\r\n                \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\r\n                <span class=\"required\">*<\/span>\r\n              <\/label>\r\n              <input \r\n                type=\"text\" \r\n                class=\"form-input\" \r\n                placeholder=\"\u0646\u0627\u0645 \u06a9\u0627\u0645\u0644 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\"\r\n                required\r\n              >\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label class=\"form-label\">\r\n                \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\r\n                <span class=\"required\">*<\/span>\r\n              <\/label>\r\n              <input \r\n                type=\"tel\" \r\n                class=\"form-input\" \r\n                placeholder=\"09123456789\"\r\n                required\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Email & Company -->\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label class=\"form-label\">\r\n                \u0627\u06cc\u0645\u06cc\u0644\r\n                <span class=\"required\">*<\/span>\r\n              <\/label>\r\n              <input \r\n                type=\"email\" \r\n                class=\"form-input\" \r\n                placeholder=\"example@email.com\"\r\n                required\r\n              >\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label class=\"form-label\">\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a \/ \u0633\u0627\u0632\u0645\u0627\u0646<\/label>\r\n              <input \r\n                type=\"text\" \r\n                class=\"form-input\" \r\n                placeholder=\"\u0646\u0627\u0645 \u0634\u0631\u06a9\u062a (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)\"\r\n              >\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Subject -->\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\">\r\n              \u0645\u0648\u0636\u0648\u0639\r\n              <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <select class=\"form-select\" required>\r\n              <option value=\"\">\u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/option>\r\n              <option value=\"price\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a<\/option>\r\n              <option value=\"raw-materials\">\u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0641\u0648\u0644\u0627\u062f<\/option>\r\n              <option value=\"steel-products\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc<\/option>\r\n              <option value=\"consultation\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/option>\r\n              <option value=\"cooperation\">\u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0647\u0645\u06a9\u0627\u0631\u06cc<\/option>\r\n              <option value=\"other\">\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <!-- Message -->\r\n          <div class=\"form-group\">\r\n            <label class=\"form-label\">\r\n              \u067e\u06cc\u0627\u0645 \u0634\u0645\u0627\r\n              <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <textarea \r\n              class=\"form-textarea\" \r\n              placeholder=\"\u067e\u06cc\u0627\u0645 \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\"\r\n              required\r\n            ><\/textarea>\r\n          <\/div>\r\n\r\n          <!-- Privacy Checkbox -->\r\n          <div class=\"form-checkbox-group\">\r\n            <input \r\n              type=\"checkbox\" \r\n              id=\"privacy\" \r\n              class=\"form-checkbox\"\r\n              required\r\n            >\r\n            <label for=\"privacy\" class=\"form-checkbox-label\">\r\n              \u0634\u0631\u0627\u06cc\u0637 \u0648 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0633\u0627\u06cc\u062a \u0631\u0627 \u0645\u0637\u0627\u0644\u0639\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645 \u0648 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u0645\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <!-- Submit Button -->\r\n          <button type=\"submit\" class=\"form-submit-btn\">\r\n            <i class=\"fas fa-paper-plane\"><\/i>\r\n            \u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645\r\n          <\/button>\r\n\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Map Section -->\r\n    <div class=\"map-section\">\r\n      <div class=\"map-wrapper\">\r\n        <div style=\"text-align: center;\">\r\n          <i class=\"fas fa-map-marked-alt\" style=\"font-size: 48px; margin-bottom: 15px; opacity: 0.7;\"><\/i>\r\n          <p style=\"margin: 0; opacity: 0.8;\">\u0646\u0642\u0634\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc<\/p>\r\n          <p style=\"margin: 5px 0 0; font-size: 14px; opacity: 0.6;\">\r\n            (\u06a9\u062f Google Maps \u06cc\u0627 \u0646\u0642\u0634\u0647 \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f)\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-714a936 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"714a936\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================\r\n     \u0628\u062e\u0634 8: FOOTER - \u0641\u0648\u062a\u0631 \u0633\u0627\u06cc\u062a\r\n     ======================================== -->\r\n\r\n<style>\r\n.main-footer {\r\n  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n  color: #fff;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.main-footer::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, #fb923c, transparent);\r\n}\r\n\r\n.footer-top {\r\n  padding: 70px 0 40px;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.footer-grid {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr 1fr 1.5fr;\r\n  gap: 40px;\r\n}\r\n\r\n.footer-col h3 {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  margin-bottom: 25px;\r\n  color: #fff;\r\n  position: relative;\r\n  padding-bottom: 12px;\r\n}\r\n\r\n.footer-col h3::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 50px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #fb923c, transparent);\r\n}\r\n\r\n\/* Company Info Column *\/\r\n.footer-company-info {\r\n  padding-left: 20px;\r\n}\r\n\r\n.footer-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.footer-logo-img {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 28px;\r\n  font-weight: 900;\r\n  color: #1e3a8a;\r\n  box-shadow: 0 4px 15px rgba(251, 146, 60, 0.3);\r\n}\r\n\r\n.footer-logo-text h4 {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  margin-bottom: 3px;\r\n  color: #fff;\r\n}\r\n\r\n.footer-logo-text p {\r\n  font-size: 11px;\r\n  color: rgba(255, 255, 255, 0.6);\r\n  margin: 0;\r\n}\r\n\r\n.footer-description {\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  margin-bottom: 25px;\r\n  text-align: justify;\r\n}\r\n\r\n.footer-contact-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.footer-contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: 14px;\r\n  color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.footer-contact-item i {\r\n  width: 35px;\r\n  height: 35px;\r\n  background: rgba(251, 146, 60, 0.15);\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fb923c;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* Quick Links *\/\r\n.footer-links {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.footer-links li {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.footer-links a {\r\n  color: rgba(255, 255, 255, 0.7);\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.footer-links a:hover {\r\n  color: #fb923c;\r\n  padding-right: 8px;\r\n}\r\n\r\n.footer-links a i {\r\n  font-size: 12px;\r\n  color: #fb923c;\r\n}\r\n\r\n\/* Newsletter *\/\r\n.newsletter-form {\r\n  margin-top: 20px;\r\n}\r\n\r\n.newsletter-input-group {\r\n  position: relative;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.newsletter-input {\r\n  width: 100%;\r\n  padding: 14px 18px;\r\n  border: 2px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 10px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  color: #fff;\r\n  font-size: 14px;\r\n  font-family: Vazirmatn, sans-serif;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.newsletter-input::placeholder {\r\n  color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.newsletter-input:focus {\r\n  outline: none;\r\n  border-color: #fb923c;\r\n  background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.newsletter-btn {\r\n  width: 100%;\r\n  padding: 14px 20px;\r\n  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 10px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  font-family: Vazirmatn, sans-serif;\r\n}\r\n\r\n.newsletter-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 15px rgba(251, 146, 60, 0.4);\r\n}\r\n\r\n.newsletter-note {\r\n  font-size: 12px;\r\n  color: rgba(255, 255, 255, 0.5);\r\n  margin-top: 12px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Social Media *\/\r\n.footer-social {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-top: 20px;\r\n}\r\n\r\n.footer-social-btn {\r\n  width: 45px;\r\n  height: 45px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-size: 18px;\r\n  transition: all 0.3s ease;\r\n  text-decoration: none;\r\n}\r\n\r\n.footer-social-btn:hover {\r\n  background: #fb923c;\r\n  border-color: #fb923c;\r\n  color: #fff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Footer Bottom *\/\r\n.footer-bottom {\r\n  padding: 25px 0;\r\n  text-align: center;\r\n}\r\n\r\n.footer-bottom-content {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 15px;\r\n}\r\n\r\n.footer-copyright {\r\n  font-size: 14px;\r\n  color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.footer-copyright a {\r\n  color: #fb923c;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n}\r\n\r\n.footer-copyright a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.footer-bottom-links {\r\n  display: flex;\r\n  gap: 25px;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.footer-bottom-links a {\r\n  color: rgba(255, 255, 255, 0.6);\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.footer-bottom-links a:hover {\r\n  color: #fb923c;\r\n}\r\n\r\n\/* Back to Top Button *\/\r\n.back-to-top {\r\n  position: fixed;\r\n  bottom: 30px;\r\n  left: 30px;\r\n  width: 50px;\r\n  height: 50px;\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n  color: #fff;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 20px;\r\n  cursor: pointer;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: all 0.3s ease;\r\n  z-index: 999;\r\n  box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);\r\n}\r\n\r\n.back-to-top.show {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n.back-to-top:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 6px 20px rgba(30, 58, 138, 0.4);\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 992px) {\r\n  .footer-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .footer-top {\r\n    padding: 50px 0 30px;\r\n  }\r\n  \r\n  .footer-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n  \r\n  .footer-company-info {\r\n    padding-left: 0;\r\n  }\r\n  \r\n  .footer-bottom-content {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n  \r\n  .footer-bottom-links {\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n  \r\n  .back-to-top {\r\n    bottom: 20px;\r\n    left: 20px;\r\n    width: 45px;\r\n    height: 45px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"main-footer\">\r\n  <!-- Footer Top -->\r\n  <div class=\"footer-top\">\r\n    <div class=\"container\">\r\n      <div class=\"footer-grid\">\r\n        \r\n        <!-- Company Info -->\r\n        <div class=\"footer-col footer-company-info\">\r\n          <div class=\"footer-logo\">\r\n            <div class=\"footer-logo-img\">R<\/div>\r\n            <div class=\"footer-logo-text\">\r\n              <h4>\u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a<\/h4>\r\n              <p>RTIS-Co<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <p class=\"footer-description\">\r\n            \u0634\u0631\u06a9\u062a \u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a \u0628\u0627 \u0628\u0647\u0631\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u062c\u0627\u0631\u0628 \u0686\u0646\u062f\u06cc\u0646 \u0633\u0627\u0644\u0647\u060c \r\n            \u062a\u0623\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0635\u0646\u0627\u06cc\u0639 \u0641\u0648\u0644\u0627\u062f \u0648 \u0628\u0627\u0632\u0631\u06af\u0627\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc \r\n            \u0628\u0627 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a.\r\n          <\/p>\r\n          \r\n          <div class=\"footer-contact-info\">\r\n            <div class=\"footer-contact-item\">\r\n              <i class=\"fas fa-phone-alt\"><\/i>\r\n              <span>021-12345678<\/span>\r\n            <\/div>\r\n            <div class=\"footer-contact-item\">\r\n              <i class=\"fas fa-envelope\"><\/i>\r\n              <span>info@rtis.co<\/span>\r\n            <\/div>\r\n            <div class=\"footer-contact-item\">\r\n              <i class=\"fas fa-map-marker-alt\"><\/i>\r\n              <span>\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0622\u0632\u0627\u062f\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"footer-social\">\r\n            <a href=\"#\" class=\"footer-social-btn\" title=\"Instagram\">\r\n              <i class=\"fab fa-instagram\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" class=\"footer-social-btn\" title=\"LinkedIn\">\r\n              <i class=\"fab fa-linkedin-in\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" class=\"footer-social-btn\" title=\"Telegram\">\r\n              <i class=\"fab fa-telegram-plane\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" class=\"footer-social-btn\" title=\"WhatsApp\">\r\n              <i class=\"fab fa-whatsapp\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Quick Links 1 -->\r\n        <div class=\"footer-col\">\r\n          <h3>\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h3>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#home\"><i class=\"fas fa-angle-left\"><\/i> \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\r\n            <li><a href=\"#about\"><i class=\"fas fa-angle-left\"><\/i> \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a><\/li>\r\n            <li><a href=\"#raw-materials\"><i class=\"fas fa-angle-left\"><\/i> \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0641\u0648\u0644\u0627\u062f<\/a><\/li>\r\n            <li><a href=\"#products\"><i class=\"fas fa-angle-left\"><\/i> \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0641\u0648\u0644\u0627\u062f\u06cc<\/a><\/li>\r\n            <li><a href=\"#goals\"><i class=\"fas fa-angle-left\"><\/i> \u0627\u0647\u062f\u0627\u0641 \u0634\u0631\u06a9\u062a<\/a><\/li>\r\n            <li><a href=\"#contact\"><i class=\"fas fa-angle-left\"><\/i> \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Quick Links 2 -->\r\n        <div class=\"footer-col\">\r\n          <h3>\u062e\u062f\u0645\u0627\u062a \u0645\u0627<\/h3>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#\"><i class=\"fas fa-angle-left\"><\/i> \u062a\u0623\u0645\u06cc\u0646 \u0633\u0646\u06af \u0622\u0647\u0646<\/a><\/li>\r\n            <li><a href=\"#\"><i class=\"fas fa-angle-left\"><\/i> \u06a9\u0646\u0633\u0627\u0646\u062a\u0631\u0647 \u0622\u0647\u0646<\/a><\/li>\r\n            <li><a href=\"#\"><i class=\"fas fa-angle-left\"><\/i> \u06af\u0646\u062f\u0644\u0647 \u0648 \u0622\u0647\u0646 \u0627\u0633\u0641\u0646\u062c\u06cc<\/a><\/li>\r\n            <li><a href=\"#\"><i class=\"fas fa-angle-left\"><\/i> \u0627\u0646\u0648\u0627\u0639 \u0648\u0631\u0642 \u0641\u0648\u0644\u0627\u062f\u06cc<\/a><\/li>\r\n            <li><a href=\"#\"><i class=\"fas fa-angle-left\"><\/i> \u0645\u06cc\u0644\u06af\u0631\u062f \u0648 \u062a\u06cc\u0631\u0622\u0647\u0646<\/a><\/li>\r\n            <li><a href=\"#\"><i class=\"fas fa-angle-left\"><\/i> \u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0631\u06cc\u062f<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Newsletter -->\r\n        <div class=\"footer-col\">\r\n          <h3>\u062e\u0628\u0631\u0646\u0627\u0645\u0647<\/h3>\r\n          <p style=\"font-size: 14px; color: rgba(255, 255, 255, 0.7); margin-bottom: 20px; line-height: 1.7;\">\r\n            \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0622\u062e\u0631\u06cc\u0646 \u0627\u062e\u0628\u0627\u0631\u060c \u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0631\u0648\u0632 \u0648 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u0627\u062a \u0648\u06cc\u0698\u0647 \u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\r\n          <\/p>\r\n          \r\n          <form class=\"newsletter-form\" action=\"#\" method=\"post\">\r\n            <div class=\"newsletter-input-group\">\r\n              <input \r\n                type=\"email\" \r\n                class=\"newsletter-input\" \r\n                placeholder=\"\u0627\u06cc\u0645\u06cc\u0644 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\"\r\n                required\r\n              >\r\n            <\/div>\r\n            <button type=\"submit\" class=\"newsletter-btn\">\r\n              <i class=\"fas fa-paper-plane\"><\/i>\r\n              \u0639\u0636\u0648\u06cc\u062a \u062f\u0631 \u062e\u0628\u0631\u0646\u0627\u0645\u0647\r\n            <\/button>\r\n            <p class=\"newsletter-note\">\r\n              \u0628\u0627 \u0639\u0636\u0648\u06cc\u062a \u062f\u0631 \u062e\u0628\u0631\u0646\u0627\u0645\u0647\u060c \u0634\u0631\u0627\u06cc\u0637 \u0648 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc\u062f\r\n            <\/p>\r\n          <\/form>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Footer Bottom -->\r\n  <div class=\"footer-bottom\">\r\n    <div class=\"container\">\r\n      <div class=\"footer-bottom-content\">\r\n        <p class=\"footer-copyright\">\r\n          \u00a9 2026 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a | \r\n          <a href=\"#\">\u0645\u0628\u0646\u0627 \u0635\u0646\u0639\u062a \u0631\u0627\u06cc\u0627\u0646 \u062a\u062c\u0627\u0631\u062a (RTIS-Co)<\/a>\r\n        <\/p>\r\n        <ul class=\"footer-bottom-links\">\r\n          <li><a href=\"#\">\u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc<\/a><\/li>\r\n          <li><a href=\"#\">\u0634\u0631\u0627\u06cc\u0637 \u0648 \u0642\u0648\u0627\u0646\u06cc\u0646<\/a><\/li>\r\n          <li><a href=\"#\">\u0646\u0642\u0634\u0647 \u0633\u0627\u06cc\u062a<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- Back to Top Button -->\r\n<div class=\"back-to-top\" id=\"backToTop\">\r\n  <i class=\"fas fa-arrow-up\"><\/i>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Back to Top Button\r\nconst backToTop = document.getElementById('backToTop');\r\n\r\nwindow.addEventListener('scroll', () => {\r\n  if (window.pageYOffset > 300) {\r\n    backToTop.classList.add('show');\r\n  } else {\r\n    backToTop.classList.remove('show');\r\n  }\r\n});\r\n\r\nbackToTop.addEventListener('click', () => {\r\n  window.scrollTo({\r\n    top: 0,\r\n    behavior: 'smooth'\r\n  });\r\n});\r\n\r\n\/\/ Newsletter Form\r\ndocument.querySelector('.newsletter-form')?.addEventListener('submit', (e) => {\r\n  e.preventDefault();\r\n  alert('\u0627\u06cc\u0645\u06cc\u0644 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f! \u0627\u0632 \u0627\u0639\u062a\u0645\u0627\u062f \u0634\u0645\u0627 \u0645\u062a\u0634\u06a9\u0631\u06cc\u0645.');\r\n});\r\n\r\n\/\/ Contact Form\r\ndocument.querySelector('.contact-form')?.addEventListener('submit', (e) => {\r\n  e.preventDefault();\r\n  alert('\u067e\u06cc\u0627\u0645 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0631\u0633\u0627\u0644 \u0634\u062f! \u0628\u0647 \u0632\u0648\u062f\u06cc \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06af\u0631\u0641\u062a.');\r\n});\r\n<\/script>\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>\u062a\u0644\u0641\u0646: 021-12345678 info@rtis.co \u0634\u0646\u0628\u0647 \u062a\u0627 \u067e\u0646\u062c\u0634\u0646\u0628\u0647: 8:00 &#8211; 17:00 R  [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank.php","meta":{"footnotes":""},"class_list":["post-1023","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rtis-co.com\/index.php?rest_route=\/wp\/v2\/pages\/1023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rtis-co.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rtis-co.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rtis-co.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rtis-co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1023"}],"version-history":[{"count":51,"href":"https:\/\/rtis-co.com\/index.php?rest_route=\/wp\/v2\/pages\/1023\/revisions"}],"predecessor-version":[{"id":4475,"href":"https:\/\/rtis-co.com\/index.php?rest_route=\/wp\/v2\/pages\/1023\/revisions\/4475"}],"wp:attachment":[{"href":"https:\/\/rtis-co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}