{"id":2271,"date":"2025-11-15T10:52:29","date_gmt":"2025-11-15T10:52:29","guid":{"rendered":"https:\/\/atmalmarafah.com\/?page_id=2271"},"modified":"2025-12-02T22:50:16","modified_gmt":"2025-12-02T19:50:16","slug":"new-home","status":"publish","type":"page","link":"https:\/\/atmalmarafah.com\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2271\" class=\"elementor elementor-2271\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7626c6a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7626c6a\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ff57acf\" data-id=\"ff57acf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cec49e0 elementor-widget elementor-widget-html\" data-id=\"cec49e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"atm-hero-section\">\r\n  <div class=\"hero-container\">\r\n    <!-- Background Pattern -->\r\n    <div class=\"hero-pattern\"><\/div>\r\n    \r\n    <!-- Decorative Elements with Legal Icons -->\r\n    <div class=\"hero-decoration\">\r\n      <div class=\"circle circle-1\"><\/div>\r\n      <div class=\"circle circle-2\"><\/div>\r\n      <div class=\"circle circle-3\"><\/div>\r\n      \r\n      <!-- Legal Icons Background -->\r\n      <div class=\"floating-icon icon-1\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-2\"><i class=\"fas fa-gavel\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-3\"><i class=\"fas fa-file-contract\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-4\"><i class=\"fas fa-landmark\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-5\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-6\"><i class=\"fas fa-book\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-7\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-8\"><i class=\"fas fa-briefcase\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-9\"><i class=\"fas fa-scroll\"><\/i><\/div>\r\n      <div class=\"floating-icon icon-10\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Content -->\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-badge\">\r\n        <i class=\"fas fa-balance-scale\"><\/i>\r\n        <span>\u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/span>\r\n      <\/div>\r\n      \r\n      <h1 class=\"hero-title\">\r\n        \u0634\u0631\u0643\u0629 <span class=\"highlight\">\u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span> \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n      <\/h1>\r\n      \r\n      <p class=\"hero-subtitle\">\r\n        \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0634\u0631\u0639\u064a\u0629 \u0628\u0635\u0648\u0631\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n      <\/p>\r\n      \r\n      <div class=\"hero-quote\">\r\n        <div class=\"quote-icon\">\r\n          <i class=\"fas fa-quote-right\"><\/i>\r\n        <\/div>\r\n        <p class=\"quote-text\">\r\n          \u0627\u0646\u0637\u0644\u0627\u0642\u0627\u064b \u0645\u0646 \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0639\u064a\u0629: <strong>\"\u0627\u0644\u062d\u0642\u0648\u0642 \u062a\u064f\u0646\u062a\u0632\u0639 \u0648\u0644\u0627 \u062a\u064f\u0645\u0646\u062d\"<\/strong>\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"hero-features\">\r\n        <div class=\"feature-item\">\r\n          <i class=\"fas fa-shield-alt\"><\/i>\r\n          <span>\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n          <i class=\"fas fa-gavel\"><\/i>\r\n          <span>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n          <i class=\"fas fa-handshake\"><\/i>\r\n          <span>\u0634\u0631\u064a\u0643 \u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0646\u062c\u0627\u062d<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"hero-cta\">\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/contact\/\" class=\"btn-primary\">\r\n          <span>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/services\/\" class=\"btn-secondary\">\r\n          <span>\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n          <i class=\"fas fa-chevron-left\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <div class=\"hero-stats\">\r\n        <div class=\"stat-item\">\r\n          <h3><span class=\"counter\">500<\/span>+<\/h3>\r\n          <p>\u0642\u0636\u064a\u0629 \u0646\u0627\u062c\u062d\u0629<\/p>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <h3><span class=\"counter\">15<\/span>+<\/h3>\r\n          <p>\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/p>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <h3><span class=\"counter\">98<\/span>%<\/h3>\r\n          <p>\u0646\u0633\u0628\u0629 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n          <h3><span class=\"counter\">1000<\/span>+<\/h3>\r\n          <p>\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.atm-hero-section {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n}\r\n\r\n.hero-container {\r\n  max-width: 1200px;\r\n  width: 100%;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Background Pattern *\/\r\n.hero-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.03;\r\n  background-image: \r\n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Content *\/\r\n.hero-content {\r\n  text-align: center;\r\n  color: white;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  padding: 12px 24px;\r\n  border-radius: 50px;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  margin-bottom: 30px;\r\n  animation: fadeInDown 0.8s ease;\r\n}\r\n\r\n.hero-badge i {\r\n  font-size: 18px;\r\n  color: #fff;\r\n}\r\n\r\n.hero-badge span {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n}\r\n\r\n.hero-title {\r\n  font-size: 3.5rem;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n  animation: fadeInUp 0.8s ease 0.2s backwards;\r\n}\r\n\r\n.hero-title .highlight {\r\n  color: #fff;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.hero-title .highlight::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 15px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n}\r\n\r\n.hero-subtitle {\r\n  font-size: 1.5rem;\r\n  font-weight: 400;\r\n  margin-bottom: 40px;\r\n  opacity: 0.95;\r\n  animation: fadeInUp 0.8s ease 0.4s backwards;\r\n}\r\n\r\n\/* Quote Section *\/\r\n.hero-quote {\r\n  max-width: 700px;\r\n  margin: 0 auto 50px;\r\n  padding: 30px 40px;\r\n  background: rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  position: relative;\r\n  animation: fadeIn 0.8s ease 0.6s backwards;\r\n}\r\n\r\n.quote-icon {\r\n  position: absolute;\r\n  top: -20px;\r\n  right: 40px;\r\n  width: 50px;\r\n  height: 50px;\r\n  background: #fff;\r\n  color: #1D2E55;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 20px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n.quote-text {\r\n  font-size: 1.1rem;\r\n  line-height: 1.8;\r\n  color: rgba(255, 255, 255, 0.95);\r\n}\r\n\r\n.quote-text strong {\r\n  color: #fff;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Features *\/\r\n.hero-features {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 30px;\r\n  margin-bottom: 50px;\r\n  flex-wrap: wrap;\r\n  animation: fadeInUp 0.8s ease 0.8s backwards;\r\n}\r\n\r\n.feature-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 15px 25px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 50px;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature-item:hover {\r\n  background: rgba(255, 255, 255, 0.15);\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n.feature-item i {\r\n  font-size: 20px;\r\n  color: #fff;\r\n}\r\n\r\n.feature-item span {\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* CTA Buttons *\/\r\n.hero-cta {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  margin-bottom: 60px;\r\n  flex-wrap: wrap;\r\n  animation: fadeInUp 0.8s ease 1s backwards;\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n\r\n.btn-primary,\r\n.btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 18px 35px;\r\n  border-radius: 50px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  border: 2px solid transparent;\r\n  cursor: pointer;\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n\r\n.btn-primary {\r\n  background: white;\r\n  color: #1D2E55;\r\n  box-shadow: 0 10px 30px rgba(255,255,255,0.2);\r\n}\r\n\r\n.btn-primary:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 15px 40px rgba(255,255,255,0.3);\r\n}\r\n\r\n.btn-secondary {\r\n  background: transparent;\r\n  color: white;\r\n  border-color: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.btn-secondary:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-color: rgba(255, 255, 255, 0.5);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Stats *\/\r\n.hero-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 30px;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  animation: fadeInUp 0.8s ease 1.2s backwards;\r\n}\r\n\r\n.stat-item {\r\n  text-align: center;\r\n  padding: 25px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 15px;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.stat-item:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.stat-item h3 {\r\n  font-size: 2.5rem;\r\n  font-weight: 800;\r\n  margin-bottom: 10px;\r\n  color: #fff;\r\n}\r\n\r\n.stat-item p {\r\n  font-size: 1rem;\r\n  opacity: 0.9;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Decorative Elements *\/\r\n.hero-decoration {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n.circle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  animation: float 20s infinite ease-in-out;\r\n  pointer-events: none;\r\n}\r\n\r\n.circle-1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  top: -200px;\r\n  right: -200px;\r\n}\r\n\r\n.circle-2 {\r\n  width: 300px;\r\n  height: 300px;\r\n  bottom: -150px;\r\n  left: -150px;\r\n  animation-delay: -5s;\r\n}\r\n\r\n.circle-3 {\r\n  width: 200px;\r\n  height: 200px;\r\n  top: 50%;\r\n  left: 10%;\r\n  animation-delay: -10s;\r\n}\r\n\r\n\/* Floating Legal Icons *\/\r\n.floating-icon {\r\n  position: absolute;\r\n  color: rgba(255, 255, 255, 0.12);\r\n  font-size: 70px;\r\n  animation: floatIcon 25s infinite ease-in-out;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n.icon-1 {\r\n  top: 10%;\r\n  left: 5%;\r\n  animation-delay: 0s;\r\n  font-size: 80px;\r\n}\r\n\r\n.icon-2 {\r\n  top: 20%;\r\n  right: 8%;\r\n  font-size: 65px;\r\n  animation-delay: -3s;\r\n}\r\n\r\n.icon-3 {\r\n  top: 60%;\r\n  left: 10%;\r\n  font-size: 55px;\r\n  animation-delay: -6s;\r\n}\r\n\r\n.icon-4 {\r\n  top: 75%;\r\n  right: 15%;\r\n  font-size: 75px;\r\n  animation-delay: -9s;\r\n}\r\n\r\n.icon-5 {\r\n  top: 35%;\r\n  left: 20%;\r\n  font-size: 60px;\r\n  animation-delay: -12s;\r\n}\r\n\r\n.icon-6 {\r\n  top: 50%;\r\n  right: 5%;\r\n  font-size: 68px;\r\n  animation-delay: -15s;\r\n}\r\n\r\n.icon-7 {\r\n  top: 85%;\r\n  left: 30%;\r\n  font-size: 72px;\r\n  animation-delay: -18s;\r\n}\r\n\r\n.icon-8 {\r\n  top: 15%;\r\n  left: 50%;\r\n  font-size: 63px;\r\n  animation-delay: -21s;\r\n}\r\n\r\n.icon-9 {\r\n  top: 70%;\r\n  right: 25%;\r\n  font-size: 66px;\r\n  animation-delay: -24s;\r\n}\r\n\r\n.icon-10 {\r\n  top: 40%;\r\n  right: 35%;\r\n  font-size: 70px;\r\n  animation-delay: -27s;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translate(0, 0) scale(1);\r\n  }\r\n  33% {\r\n    transform: translate(30px, -30px) scale(1.1);\r\n  }\r\n  66% {\r\n    transform: translate(-20px, 20px) scale(0.9);\r\n  }\r\n}\r\n\r\n@keyframes floatIcon {\r\n  0%, 100% {\r\n    transform: translate(0, 0) rotate(0deg);\r\n    opacity: 0.12;\r\n  }\r\n  25% {\r\n    transform: translate(20px, -30px) rotate(5deg);\r\n    opacity: 0.18;\r\n  }\r\n  50% {\r\n    transform: translate(-15px, -20px) rotate(-5deg);\r\n    opacity: 0.08;\r\n  }\r\n  75% {\r\n    transform: translate(25px, 15px) rotate(3deg);\r\n    opacity: 0.15;\r\n  }\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n  .hero-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .hero-subtitle {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .hero-quote {\r\n    padding: 25px 20px;\r\n  }\r\n  \r\n  .quote-text {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .hero-features {\r\n    gap: 15px;\r\n  }\r\n  \r\n  .feature-item {\r\n    padding: 12px 20px;\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .hero-cta {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  \r\n  .btn-primary,\r\n  .btn-secondary {\r\n    width: 100%;\r\n    max-width: 300px;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .hero-stats {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 15px;\r\n  }\r\n  \r\n  .stat-item h3 {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .floating-icon {\r\n    font-size: 45px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .atm-hero-section {\r\n    padding: 40px 15px;\r\n  }\r\n  \r\n  .hero-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .hero-stats {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .floating-icon {\r\n    font-size: 35px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Counter Animation\r\nfunction animateCounter(element, target, duration = 2000) {\r\n  let start = 0;\r\n  const increment = target \/ (duration \/ 16);\r\n  \r\n  const timer = setInterval(() => {\r\n    start += increment;\r\n    if (start >= target) {\r\n      element.textContent = target;\r\n      clearInterval(timer);\r\n    } else {\r\n      element.textContent = Math.floor(start);\r\n    }\r\n  }, 16);\r\n}\r\n\r\n\/\/ Initialize counters when in viewport\r\nconst observerOptions = {\r\n  threshold: 0.5,\r\n  rootMargin: '0px'\r\n};\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      const counters = entry.target.querySelectorAll('.counter');\r\n      counters.forEach(counter => {\r\n        const target = parseInt(counter.textContent);\r\n        animateCounter(counter, target);\r\n      });\r\n      observer.unobserve(entry.target);\r\n    }\r\n  });\r\n}, observerOptions);\r\n\r\n\/\/ Observe stats section\r\nconst statsSection = document.querySelector('.hero-stats');\r\nif (statsSection) {\r\n  observer.observe(statsSection);\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-458cd65 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"458cd65\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-69e9e58\" data-id=\"69e9e58\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-948dfa2 elementor-widget elementor-widget-html\" data-id=\"948dfa2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"atm-about-section-v2\">\r\n  <div class=\"about-container-v2\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"section-header-v2\">\r\n      <div class=\"header-badge-v2\">\r\n        <i class=\"fas fa-building\"><\/i>\r\n        <span>\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title-v2\">\u0646\u0628\u0630\u0629 \u0639\u0646 <span class=\"highlight-v2\">\u0627\u0644\u0634\u0631\u0643\u0629<\/span><\/h2>\r\n      <div class=\"title-underline-v2\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content Area -->\r\n    <div class=\"about-wrapper\">\r\n      \r\n      <!-- Left Side - Main Content -->\r\n      <div class=\"content-side\">\r\n        <div class=\"content-intro\">\r\n          <div class=\"intro-icon\">\r\n            <i class=\"fas fa-balance-scale\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"intro-title\">\u0634\u0631\u0643\u0629 \u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n          <p class=\"intro-text\">\r\n            \u0643\u064a\u0627\u0646 \u0645\u0647\u0646\u064a \u0645\u0631\u062e\u0651\u0635 \u0648\u0625\u062d\u062f\u0649 \u0623\u0628\u0631\u0632 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"content-text\">\r\n          <p>\r\n            \u0646\u062a\u0639\u0627\u0645\u0644 \u0628\u0634\u0643\u0644 \u0641\u0627\u0639\u0644 \u064a\u0648\u0645\u064a\u0627\u064b \u0645\u0639 \u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0639\u062f\u0644\u064a\u0629 \u0648\u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0651\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0646\u0639\u0645\u0644 \u0628\u0637\u0627\u0628\u0639 \u0645\u0624\u0633\u0633\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u060c \u0628\u0645\u0627 \u064a\u062a\u0641\u0642 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0645\u0647\u0646\u0629 \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0639\u0627\u0644\u0645\u064a\u0627\u064b.\r\n          <\/p>\r\n          \r\n          <p>\r\n            \u062a\u0636\u0645 \u0634\u0631\u0643\u062a\u0646\u0627 <strong>\u0641\u0631\u064a\u0642 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u0648\u0646 \u0627\u0644\u0645\u0631\u062e\u0651\u0635\u0648\u0646<\/strong> \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0631\u0627\u0643\u0645\u064a\u0651\u0629 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u064a\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629\u060c \u0643\u0645\u0627 \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u062a\u0645\u064a\u0632\u0629.\r\n          <\/p>\r\n          \r\n          <p>\r\n            \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0648\u0639\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f \u0628\u062d\u0642\u0648\u0642\u0647 \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0629 \u0628\u0647\u0627 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0648\u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u064b\u0627 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u063a\u064a\u0651\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0633\u0627\u0631\u0639\u0629.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"quote-card\">\r\n          <div class=\"quote-mark\">\r\n            <i class=\"fas fa-quote-right\"><\/i>\r\n          <\/div>\r\n          <p class=\"quote-text\">\"\u0627\u0644\u062d\u0642\u0648\u0642 \u062a\u064f\u0646\u062a\u0632\u0639 \u0648\u0644\u0627 \u062a\u064f\u0645\u0646\u062d\"<\/p>\r\n          <span class=\"quote-label\">\u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0639\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u0646\u0637\u0644\u0642 \u0645\u0646\u0647\u0627<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cta-area\">\r\n          <a href=\"https:\/\/atmalmarafah.com\/ar\/contact\/\" class=\"main-cta-btn\">\r\n            <span>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n            <i class=\"fas fa-calendar-check\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side - Features -->\r\n      <div class=\"features-side\">\r\n        <div class=\"features-container\">\r\n          \r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-number\">01<\/div>\r\n            <div class=\"feature-icon-box\">\r\n              <i class=\"fas fa-certificate\"><\/i>\r\n            <\/div>\r\n            <h4>\u0643\u064a\u0627\u0646 \u0645\u0631\u062e\u0651\u0635<\/h4>\r\n            <p>\u0634\u0631\u0643\u0629 \u0645\u062d\u0627\u0645\u0627\u0629 \u0645\u0631\u062e\u0635\u0629 \u0648\u0645\u0639\u062a\u0645\u062f\u0629 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-number\">02<\/div>\r\n            <div class=\"feature-icon-box\">\r\n              <i class=\"fas fa-users\"><\/i>\r\n            <\/div>\r\n            <h4>\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641<\/h4>\r\n            <p>\u0645\u062d\u0627\u0645\u0648\u0646 \u0645\u0631\u062e\u0651\u0635\u0648\u0646 \u0648\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646 \u0642\u0627\u0646\u0648\u0646\u064a\u0648\u0646 \u0630\u0648\u0648 \u062e\u0628\u0631\u0629 \u0639\u0627\u0644\u064a\u0629<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-number\">03<\/div>\r\n            <div class=\"feature-icon-box\">\r\n              <i class=\"fas fa-globe\"><\/i>\r\n            <\/div>\r\n            <h4>\u062a\u0639\u0627\u0645\u0644 \u062f\u0648\u0644\u064a<\/h4>\r\n            <p>\u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u062c\u0647\u0627\u062a \u0639\u062f\u0644\u064a\u0629 \u0648\u0642\u0636\u0627\u0626\u064a\u0629 \u0645\u062d\u0644\u064a\u0629 \u0648\u062f\u0648\u0644\u064a\u0629<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-number\">04<\/div>\r\n            <div class=\"feature-icon-box\">\r\n              <i class=\"fas fa-rocket\"><\/i>\r\n            <\/div>\r\n            <h4>\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u062a\u0645\u0631<\/h4>\r\n            <p>\u0645\u0648\u0627\u0643\u0628\u0629 \u0644\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0633\u0627\u0631\u0639\u0629<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Background Elements -->\r\n    <div class=\"bg-elements\">\r\n      <div class=\"bg-shape shape-1\"><\/div>\r\n      <div class=\"bg-shape shape-2\"><\/div>\r\n      <div class=\"bg-shape shape-3\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.atm-about-section-v2 {\r\n  position: relative;\r\n  padding: 100px 20px;\r\n  background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n.about-container-v2 {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Section Header *\/\r\n.section-header-v2 {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  animation: fadeInDown 0.8s ease;\r\n}\r\n\r\n.header-badge-v2 {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(29, 46, 85, 0.08);\r\n  padding: 12px 24px;\r\n  border-radius: 50px;\r\n  margin-bottom: 20px;\r\n  border: 2px solid rgba(29, 46, 85, 0.1);\r\n}\r\n\r\n.header-badge-v2 i {\r\n  color: #1D2E55;\r\n  font-size: 18px;\r\n}\r\n\r\n.header-badge-v2 span {\r\n  color: #1D2E55;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.section-title-v2 {\r\n  font-size: 3.5rem;\r\n  color: #1D2E55;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.section-title-v2 .highlight-v2 {\r\n  color: #1D2E55;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.section-title-v2 .highlight-v2::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 8px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 15px;\r\n  background: rgba(29, 46, 85, 0.15);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n  transform: skew(-3deg);\r\n}\r\n\r\n.title-underline-v2 {\r\n  width: 100px;\r\n  height: 5px;\r\n  background: linear-gradient(90deg, transparent, #1D2E55, transparent);\r\n  margin: 0 auto;\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* Main Wrapper *\/\r\n.about-wrapper {\r\n  display: grid;\r\n  grid-template-columns: 1.5fr 1fr;\r\n  gap: 60px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Content Side *\/\r\n.content-side {\r\n  animation: fadeInRight 0.8s ease 0.2s backwards;\r\n}\r\n\r\n.content-intro {\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  padding: 40px;\r\n  border-radius: 25px;\r\n  margin-bottom: 30px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 15px 50px rgba(29, 46, 85, 0.25);\r\n}\r\n\r\n.content-intro::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  right: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n  animation: rotate 20s linear infinite;\r\n}\r\n\r\n.intro-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 25px;\r\n  border: 2px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.intro-icon i {\r\n  font-size: 35px;\r\n  color: #ffffff;\r\n}\r\n\r\n.intro-title {\r\n  font-size: 1.8rem;\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  line-height: 1.3;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.intro-text {\r\n  font-size: 1.1rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.content-text {\r\n  background: #ffffff;\r\n  padding: 35px;\r\n  border-radius: 20px;\r\n  margin-bottom: 30px;\r\n  box-shadow: 0 10px 40px rgba(29, 46, 85, 0.08);\r\n  border: 1px solid rgba(29, 46, 85, 0.05);\r\n}\r\n\r\n.content-text p {\r\n  font-size: 1.05rem;\r\n  line-height: 2;\r\n  color: #444;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.content-text p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.content-text strong {\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n}\r\n\r\n.quote-card {\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  padding: 40px;\r\n  border-radius: 20px;\r\n  position: relative;\r\n  margin-bottom: 40px;\r\n  box-shadow: 0 15px 50px rgba(29, 46, 85, 0.25);\r\n  overflow: hidden;\r\n}\r\n\r\n.quote-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, transparent, rgba(255,255,255,0.5), transparent);\r\n}\r\n\r\n.quote-mark {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.quote-mark i {\r\n  font-size: 25px;\r\n  color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.quote-text {\r\n  font-size: 1.6rem;\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n  line-height: 1.5;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.quote-label {\r\n  display: block;\r\n  font-size: 0.95rem;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-weight: 500;\r\n}\r\n\r\n.cta-area {\r\n  text-align: center;\r\n}\r\n\r\n.main-cta-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  color: #ffffff;\r\n  padding: 22px 45px;\r\n  border-radius: 60px;\r\n  font-size: 1.15rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  box-shadow: 0 15px 40px rgba(29, 46, 85, 0.3);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n.main-cta-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n  transition: left 0.6s ease;\r\n  z-index: -1;\r\n}\r\n\r\n.main-cta-btn:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.main-cta-btn:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 20px 50px rgba(29, 46, 85, 0.4);\r\n}\r\n\r\n.main-cta-btn i {\r\n  font-size: 22px;\r\n}\r\n\r\n\/* Features Side *\/\r\n.features-side {\r\n  animation: fadeInLeft 0.8s ease 0.4s backwards;\r\n}\r\n\r\n.features-container {\r\n  display: grid;\r\n  gap: 20px;\r\n}\r\n\r\n.feature-card {\r\n  background: #ffffff;\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  position: relative;\r\n  box-shadow: 0 5px 25px rgba(29, 46, 85, 0.08);\r\n  border: 1px solid rgba(29, 46, 85, 0.05);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.feature-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 5px;\r\n  height: 100%;\r\n  background: linear-gradient(180deg, #1D2E55, #0f1a35);\r\n  transform: scaleY(0);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.feature-card:hover::before {\r\n  transform: scaleY(1);\r\n}\r\n\r\n.feature-card:hover {\r\n  transform: translateX(10px);\r\n  box-shadow: 0 15px 40px rgba(29, 46, 85, 0.15);\r\n  border-color: #1D2E55;\r\n}\r\n\r\n.feature-number {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 20px;\r\n  font-size: 3rem;\r\n  font-weight: 900;\r\n  color: rgba(29, 46, 85, 0.05);\r\n  line-height: 1;\r\n  z-index: 0;\r\n}\r\n\r\n.feature-icon-box {\r\n  width: 65px;\r\n  height: 65px;\r\n  background: linear-gradient(135deg, rgba(29, 46, 85, 0.1) 0%, rgba(29, 46, 85, 0.05) 100%);\r\n  border-radius: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature-card:hover .feature-icon-box {\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.feature-icon-box i {\r\n  font-size: 28px;\r\n  color: #1D2E55;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature-card:hover .feature-icon-box i {\r\n  color: #ffffff;\r\n}\r\n\r\n.feature-card h4 {\r\n  font-size: 1.3rem;\r\n  color: #1D2E55;\r\n  font-weight: 800;\r\n  margin-bottom: 12px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.feature-card p {\r\n  font-size: 1rem;\r\n  color: #666;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Background Elements *\/\r\n.bg-elements {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n.bg-shape {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(29, 46, 85, 0.03) 0%, transparent 70%);\r\n}\r\n\r\n.shape-1 {\r\n  width: 500px;\r\n  height: 500px;\r\n  top: -250px;\r\n  right: -250px;\r\n  animation: float 20s ease-in-out infinite;\r\n}\r\n\r\n.shape-2 {\r\n  width: 400px;\r\n  height: 400px;\r\n  bottom: -200px;\r\n  left: -200px;\r\n  animation: float 25s ease-in-out infinite reverse;\r\n}\r\n\r\n.shape-3 {\r\n  width: 300px;\r\n  height: 300px;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  animation: pulse 15s ease-in-out infinite;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInRight {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translate(0, 0);\r\n  }\r\n  50% {\r\n    transform: translate(30px, 30px);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0%, 100% {\r\n    transform: translate(-50%, -50%) scale(1);\r\n    opacity: 0.03;\r\n  }\r\n  50% {\r\n    transform: translate(-50%, -50%) scale(1.2);\r\n    opacity: 0.06;\r\n  }\r\n}\r\n\r\n@keyframes rotate {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1024px) {\r\n  .about-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .features-container {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .atm-about-section-v2 {\r\n    padding: 60px 20px;\r\n  }\r\n  \r\n  .section-title-v2 {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .content-intro {\r\n    padding: 30px 25px;\r\n  }\r\n  \r\n  .intro-title {\r\n    font-size: 1.4rem;\r\n  }\r\n  \r\n  .intro-text {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .content-text {\r\n    padding: 25px 20px;\r\n  }\r\n  \r\n  .content-text p {\r\n    font-size: 1rem;\r\n    line-height: 1.8;\r\n  }\r\n  \r\n  .quote-card {\r\n    padding: 30px 25px;\r\n  }\r\n  \r\n  .quote-text {\r\n    font-size: 1.3rem;\r\n  }\r\n  \r\n  .main-cta-btn {\r\n    padding: 18px 35px;\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .features-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title-v2 {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .content-intro {\r\n    padding: 25px 20px;\r\n  }\r\n  \r\n  .intro-icon {\r\n    width: 65px;\r\n    height: 65px;\r\n  }\r\n  \r\n  .intro-icon i {\r\n    font-size: 28px;\r\n  }\r\n  \r\n  .intro-title {\r\n    font-size: 1.2rem;\r\n  }\r\n  \r\n  .quote-text {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .main-cta-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n    padding: 16px 30px;\r\n  }\r\n  \r\n  .feature-card {\r\n    padding: 25px 20px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fdd0774 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"fdd0774\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f0e6ddf\" data-id=\"f0e6ddf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f073d3f elementor-widget elementor-widget-image\" data-id=\"f073d3f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"820\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20width=&#39;1920&#39;%20height=&#39;820&#39;%20viewBox%3D&#39;0%200%201920%20820&#39;%2F%3E\" data-czlz data-src=\"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg\" class=\"attachment-full size-full wp-image-2164\" alt=\"\" data-srcset=\"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg 1920w, https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02-300x128.jpg 300w, https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02-1024x437.jpg 1024w, https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02-768x328.jpg 768w, https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02-1536x656.jpg 1536w, https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02-18x8.jpg 18w, https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02-600x256.jpg 600w, https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02-1000x427.jpg 1000w\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-df2dfbc elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"df2dfbc\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-95e166e\" data-id=\"95e166e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e2c3e2e elementor-widget elementor-widget-html\" data-id=\"e2c3e2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"atm-services-section\">\r\n  <div class=\"services-container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <div class=\"header-badge\">\r\n        <i class=\"fas fa-briefcase\"><\/i>\r\n        <span>\u0645\u0627 \u0646\u0642\u062f\u0645\u0647<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a <span class=\"highlight\">\u0627\u0644\u0634\u0631\u0643\u0629<\/span><\/h2>\r\n      <p class=\"section-description\">\r\n        \u0646\u0642\u0648\u0645 \u0628\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0641\u0642 \u0623\u0641\u0636\u0644 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0648\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062d\u062f\u064a\u062b\u0629<br>\r\n        \u0648\u0648\u0641\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n      <\/p>\r\n      <div class=\"title-underline\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Services Grid -->\r\n    <div class=\"services-grid\">\r\n      \r\n      <!-- Service Card 1 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-user-tie\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">01<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0644\u0644\u0623\u0641\u0631\u0627\u062f<\/h3>\r\n        <p class=\"card-description\">\r\n          \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0643\u0644 \u0641\u0631\u062f \u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u062a\u0645\u062b\u064a\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u060c \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u0637\u0628\u064a\u0639\u0629 \u0642\u0636\u064a\u062a\u0647.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/individual-services\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 2 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-building\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">02<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n        <p class=\"card-description\">\r\n          \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0627\u060c \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u062a\u0645\u062b\u064a\u0644\u0647\u0627 \u0641\u064a \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/corporate-services\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 3 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-handshake\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">03<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n        <p class=\"card-description\">\r\n          \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0641\u064a \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062d\u062a\u0649 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u0644\u0627\u0632\u0645\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/establishment-of-companies\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 4 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-balance-scale\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">04<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0632\u0627\u0645\u0647\u0645 \u0628\u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/legal-consultations\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 5 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-briefcase\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">05<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u062a\u0639\u0644\u0642 \u0628\u0639\u0642\u0648\u062f \u0627\u0644\u0639\u0645\u0644\u060c \u062d\u0642\u0648\u0642 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\u060c \u0648\u062d\u0644 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0627\u0644\u064a\u0629 \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/labor-law\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 6 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-shopping-cart\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">06<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u062e\u0635 \u062a\u0646\u0638\u064a\u0645 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/online-stores\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 7 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-university\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">07<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u0627\u062a<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u062a\u0646\u0638\u064a\u0645 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0645\u064a\u0631\u0627\u062b \u0648\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u0627\u062a \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0634\u0631\u0639\u064a\u0629 \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/liquidation-of-estates\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 8 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-money-bill-wave\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">08<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u064a\u0648\u0646<\/h3>\r\n        <p class=\"card-description\">\r\n          \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0641\u064a \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0627\u0644\u062f\u064a\u0648\u0646 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/debt-collection\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 9 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-language\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">09<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n        <p class=\"card-description\">\r\n          \u0644\u062f\u064a\u0646\u0627 \u0645\u062e\u062a\u0635\u064a\u0646 \u0628\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0645\u0646 \u0648\u0625\u0644\u0649 \u0627\u0644\u0639\u0631\u0628\u064a\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/legal-translation\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 10 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-gavel\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">10<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0648\u0627\u0644\u0644\u062c\u0627\u0646 \u0648\u0627\u0644\u0647\u064a\u0626\u0627\u062a \u0644\u0644\u062f\u0641\u0627\u0639 \u0639\u0646 \u062d\u0642\u0648\u0642\u0647\u0645 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0636\u0627\u064a\u0627.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/advocacy-in-courts\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 11 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-store\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">11<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u062a\u0637\u0648\u064a\u0631 \u0639\u0642\u0648\u062f \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u064a\u0646 \u0627\u0644\u0648\u0643\u064a\u0644 \u0648\u0627\u0644\u0645\u064f\u0648\u0643\u0644.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/franchise\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 12 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-file-signature\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">12<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f<\/h3>\r\n        <p class=\"card-description\">\r\n          \u0625\u0639\u062f\u0627\u062f \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642 \u064a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0648\u064a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0633\u0639\u0648\u062f\u064a.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/drafting-contracts\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 13 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-users-cog\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">13<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n        <p class=\"card-description\">\r\n          \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062a\u0623\u0633\u064a\u0633 \u0625\u062f\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0648\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0627\u0644\u0645\u062e\u062a\u0635\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0644\u0642\u0648\u0627\u0646\u064a\u0646.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/establishing-legal-departments\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 14 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-trademark\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">14<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0633\u062c\u064a\u0644 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0628\u0634\u0623\u0646 \u062d\u0642\u0648\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/trademarks\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 15 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-chart-line\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">15<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u062a\u0639\u0644\u0642 \u0628\u0648\u0636\u0639 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\u060c \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/corporate-governance\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 16 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-business-time\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">16<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u062a\u0645\u062b\u064a\u0644 \u0642\u0627\u0646\u0648\u0646\u064a \u0641\u064a \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0634\u0645\u0644 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u062d\u0642\u0648\u0642 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/commercial-issues\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 17 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-stamp\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">17<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u062e\u062a\u0635 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0627\u0644\u0642\u064a\u0627\u0645 \u0628\u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0648\u062b\u064a\u0642 \u0628\u0634\u0643\u0644 \u0641\u0648\u0631\u064a \u0648\u0647\u064a: \u0628\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0642\u0633\u0645\u0629 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0645\u0646\u0642\u0648\u0644\u060c \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0648\u0641\u0633\u062e\u0647\u0627\u060c \u062a\u0623\u062c\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0642\u0648\u0644\u0627\u062a\u060c \u0639\u0642\u0648\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0627\u0644\u062a\u0635\u0631\u0641\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639\u060c \u0627\u0644\u0625\u0642\u0631\u0627\u0631 \u0628\u0627\u0644\u0645\u0628\u0627\u0644\u063a \u0627\u0644\u0645\u0627\u0644\u064a\u0629.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/documentation-work\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Service Card 18 -->\r\n      <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n        <div class=\"card-icon-wrapper\">\r\n          <div class=\"card-icon\">\r\n            <i class=\"fas fa-heart\"><\/i>\r\n          <\/div>\r\n          <div class=\"icon-badge\">18<\/div>\r\n        <\/div>\r\n        <h3 class=\"card-title\">\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h3>\r\n        <p class=\"card-description\">\r\n          \u062a\u0634\u0645\u0644 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0645\u0633\u0627\u0626\u0644 \u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644: \u0627\u0644\u0632\u0648\u0627\u062c\u060c \u0627\u0644\u0637\u0644\u0627\u0642\u060c \u0627\u0644\u0646\u0641\u0642\u0629\u060c \u0648\u0627\u0644\u062d\u0636\u0627\u0646\u0629\u060c \u0648\u064a\u062a\u0645 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0647\u0630\u0647 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0628\u0645\u0627 \u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0644\u0636\u0645\u0627\u0646 \u062d\u0642\u0648\u0642 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0637\u0631\u0627\u0641.\r\n        <\/p>\r\n        <a href=\"https:\/\/atmalmarafah.com\/ar\/personal-status\/\" class=\"card-button\">\r\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n          <i class=\"fas fa-arrow-left\"><\/i>\r\n        <\/a>\r\n        <div class=\"card-decoration\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Background Decoration -->\r\n    <div class=\"services-decoration\">\r\n      <div class=\"floating-icon s-icon-1\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n      <div class=\"floating-icon s-icon-2\"><i class=\"fas fa-gavel\"><\/i><\/div>\r\n      <div class=\"floating-icon s-icon-3\"><i class=\"fas fa-briefcase\"><\/i><\/div>\r\n      <div class=\"floating-icon s-icon-4\"><i class=\"fas fa-landmark\"><\/i><\/div>\r\n      <div class=\"floating-icon s-icon-5\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.atm-services-section {\r\n  position: relative;\r\n  padding: 100px 20px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n.services-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Section Header *\/\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.header-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  padding: 10px 20px;\r\n  border-radius: 50px;\r\n  margin-bottom: 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.header-badge i {\r\n  color: #ffffff;\r\n  font-size: 16px;\r\n}\r\n\r\n.header-badge span {\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.section-title {\r\n  font-size: 3rem;\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-title .highlight {\r\n  color: #ffffff;\r\n  position: relative;\r\n}\r\n\r\n.section-title .highlight::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 12px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  z-index: -1;\r\n  border-radius: 3px;\r\n}\r\n\r\n.section-description {\r\n  font-size: 1.1rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  line-height: 1.8;\r\n  margin-bottom: 20px;\r\n  max-width: 800px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.title-underline {\r\n  width: 80px;\r\n  height: 4px;\r\n  background: #ffffff;\r\n  margin: 0 auto;\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* Services Grid *\/\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n  gap: 30px;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n\/* Service Card *\/\r\n.service-card {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 20px;\r\n  padding: 35px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  cursor: pointer;\r\n}\r\n\r\n.service-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n  background: #ffffff;\r\n}\r\n\r\n\/* Card Icon Wrapper *\/\r\n.card-icon-wrapper {\r\n  position: relative;\r\n  margin-bottom: 25px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.card-icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  border-radius: 15px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 10px 30px rgba(29, 46, 85, 0.3);\r\n}\r\n\r\n.service-card:hover .card-icon {\r\n  transform: rotateY(360deg);\r\n}\r\n\r\n.card-icon i {\r\n  font-size: 30px;\r\n  color: #ffffff;\r\n}\r\n\r\n.icon-badge {\r\n  width: 45px;\r\n  height: 45px;\r\n  background: rgba(29, 46, 85, 0.1);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.1rem;\r\n  font-weight: 800;\r\n  color: #1D2E55;\r\n  border: 2px solid rgba(29, 46, 85, 0.2);\r\n}\r\n\r\n\/* Card Content *\/\r\n.card-title {\r\n  font-size: 1.5rem;\r\n  color: #1D2E55;\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.service-card:hover .card-title {\r\n  color: #0f1a35;\r\n}\r\n\r\n.card-description {\r\n  font-size: 1rem;\r\n  color: #555;\r\n  line-height: 1.8;\r\n  margin-bottom: 25px;\r\n  min-height: 90px;\r\n}\r\n\r\n\/* Card Button *\/\r\n.card-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  color: #ffffff;\r\n  padding: 12px 25px;\r\n  border-radius: 50px;\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  z-index: 10;\r\n  box-shadow: 0 5px 15px rgba(29, 46, 85, 0.3);\r\n}\r\n\r\n.card-button:hover {\r\n  transform: translateX(-5px);\r\n  box-shadow: 0 8px 20px rgba(29, 46, 85, 0.4);\r\n}\r\n\r\n.card-button i {\r\n  font-size: 14px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.card-button:hover i {\r\n  transform: translateX(-3px);\r\n}\r\n\r\n\/* Card Decoration *\/\r\n.card-decoration {\r\n  position: absolute;\r\n  bottom: -50px;\r\n  left: -50px;\r\n  width: 150px;\r\n  height: 150px;\r\n  background: linear-gradient(135deg, rgba(29, 46, 85, 0.05) 0%, rgba(15, 26, 53, 0.05) 100%);\r\n  border-radius: 50%;\r\n  transition: all 0.4s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.service-card:hover .card-decoration {\r\n  transform: scale(2);\r\n  opacity: 0.5;\r\n}\r\n\r\n\/* Background Decoration *\/\r\n.services-decoration {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n.floating-icon {\r\n  position: absolute;\r\n  color: rgba(255, 255, 255, 0.04);\r\n  font-size: 80px;\r\n  animation: floatIcon 30s infinite ease-in-out;\r\n  pointer-events: none;\r\n}\r\n\r\n.s-icon-1 {\r\n  top: 10%;\r\n  left: 5%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.s-icon-2 {\r\n  top: 30%;\r\n  right: 8%;\r\n  font-size: 70px;\r\n  animation-delay: -5s;\r\n}\r\n\r\n.s-icon-3 {\r\n  top: 60%;\r\n  left: 10%;\r\n  font-size: 65px;\r\n  animation-delay: -10s;\r\n}\r\n\r\n.s-icon-4 {\r\n  top: 80%;\r\n  right: 15%;\r\n  font-size: 75px;\r\n  animation-delay: -15s;\r\n}\r\n\r\n.s-icon-5 {\r\n  top: 45%;\r\n  left: 50%;\r\n  font-size: 60px;\r\n  animation-delay: -20s;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes floatIcon {\r\n  0%, 100% {\r\n    transform: translate(0, 0) rotate(0deg);\r\n    opacity: 0.04;\r\n  }\r\n  25% {\r\n    transform: translate(20px, -30px) rotate(5deg);\r\n    opacity: 0.08;\r\n  }\r\n  50% {\r\n    transform: translate(-15px, -20px) rotate(-5deg);\r\n    opacity: 0.02;\r\n  }\r\n  75% {\r\n    transform: translate(25px, 15px) rotate(3deg);\r\n    opacity: 0.06;\r\n  }\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1200px) {\r\n  .services-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .atm-services-section {\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .section-title {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .section-description {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .services-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .service-card {\r\n    padding: 25px;\r\n  }\r\n\r\n  .card-description {\r\n    min-height: auto;\r\n  }\r\n\r\n  .floating-icon {\r\n    font-size: 50px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title {\r\n    font-size: 1.6rem;\r\n  }\r\n\r\n  .card-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n\r\n  .card-icon i {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .card-title {\r\n    font-size: 1.3rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Simple scroll animation\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const cards = document.querySelectorAll('.service-card');\r\n  \r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, index) => {\r\n      if (entry.isIntersecting) {\r\n        setTimeout(() => {\r\n          entry.target.style.opacity = '1';\r\n          entry.target.style.transform = 'translateY(0)';\r\n        }, index * 50);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.1\r\n  });\r\n\r\n  cards.forEach(card => {\r\n    card.style.opacity = '0';\r\n    card.style.transform = 'translateY(30px)';\r\n    card.style.transition = 'all 0.6s ease';\r\n    observer.observe(card);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2227739 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"2227739\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bef306f\" data-id=\"bef306f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb0f99b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"cb0f99b\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79389e7\" data-id=\"79389e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a9cb559 elementor-widget elementor-widget-html\" data-id=\"a9cb559\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"atm-contact-form-section\">\r\n  <div class=\"contact-form-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"form-header\">\r\n      <div class=\"header-badge-form\">\r\n        <i class=\"fas fa-envelope\"><\/i>\r\n        <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n      <\/div>\r\n      <h2 class=\"form-title\">\u0646\u062d\u0646 \u0647\u0646\u0627 <span class=\"highlight-form\">\u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643<\/span><\/h2>\r\n      <p class=\"form-description\">\r\n        \u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646\r\n      <\/p>\r\n      <div class=\"title-underline-form\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Contact Grid -->\r\n    <div class=\"contact-grid\">\r\n      \r\n      <!-- Left Side - Contact Info -->\r\n      <div class=\"contact-info-side\">\r\n        <div class=\"info-box\">\r\n          <div class=\"info-box-icon\">\r\n            <i class=\"fas fa-phone-alt\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h3>\r\n          <p><a href=\"tel:+966537117726\">+966 537 117 726<\/a><\/p>\r\n        <\/div>\r\n\r\n        <div class=\"info-box\">\r\n          <div class=\"info-box-icon\">\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n          <\/div>\r\n          <h3>\u0648\u0627\u062a\u0633\u0627\u0628<\/h3>\r\n          <p><a href=\"https:\/\/wa.me\/966537117726\" target=\"_blank\">+966 537 117 726<\/a><\/p>\r\n        <\/div>\r\n\r\n        <div class=\"info-box\">\r\n          <div class=\"info-box-icon\">\r\n            <i class=\"fas fa-envelope\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n          <p><a href=\"mailto:support@atmalmarafah.com\">support@atmalmarafah.com<\/a><\/p>\r\n        <\/div>\r\n\r\n        <div class=\"info-box\">\r\n          <div class=\"info-box-icon\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h3>\r\n          <p>\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"info-box\">\r\n          <div class=\"info-box-icon\">\r\n            <i class=\"fas fa-clock\"><\/i>\r\n          <\/div>\r\n          <h3>\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h3>\r\n          <p>\u0627\u0644\u0623\u062d\u062f - \u0627\u0644\u062e\u0645\u064a\u0633<br>9:00 \u0635 - 5:00 \u0645<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side - Form -->\r\n      <div class=\"contact-form-side\">\r\n        <form class=\"contact-form\" id=\"contactForm\">\r\n          \r\n          <div class=\"form-row\">\r\n            <div class=\"form-group-contact\">\r\n              <label for=\"fullName\">\r\n                <i class=\"fas fa-user\"><\/i>\r\n                \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\r\n              <\/label>\r\n              <input type=\"text\" id=\"fullName\" name=\"full_name\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group-contact\">\r\n              <label for=\"phoneNumber\">\r\n                <i class=\"fas fa-phone\"><\/i>\r\n                \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\r\n              <\/label>\r\n              <input type=\"tel\" id=\"phoneNumber\" name=\"phone_number\" placeholder=\"05XXXXXXXX\" required>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group-contact\">\r\n              <label for=\"emailAddress\">\r\n                <i class=\"fas fa-envelope\"><\/i>\r\n                \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n              <\/label>\r\n              <input type=\"email\" id=\"emailAddress\" name=\"email_address\" placeholder=\"example@domain.com\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group-contact\">\r\n              <label for=\"serviceType\">\r\n                <i class=\"fas fa-briefcase\"><\/i>\r\n                \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629\r\n              <\/label>\r\n              <select id=\"serviceType\" name=\"service_type\" required>\r\n                <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\r\n                <option value=\"\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/option>\r\n                <option value=\"\u062a\u0623\u0633\u064a\u0633 \u0634\u0631\u0643\u0629\">\u062a\u0623\u0633\u064a\u0633 \u0634\u0631\u0643\u0629<\/option>\r\n                <option value=\"\u0635\u064a\u0627\u063a\u0629 \u0639\u0642\u0648\u062f\">\u0635\u064a\u0627\u063a\u0629 \u0639\u0642\u0648\u062f<\/option>\r\n                <option value=\"\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644<\/option>\r\n                <option value=\"\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/option>\r\n                <option value=\"\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/option>\r\n                <option value=\"\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u0627\u062a\">\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u0627\u062a<\/option>\r\n                <option value=\"\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629\">\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/option>\r\n                <option value=\"\u0623\u062e\u0631\u0649\">\u0623\u062e\u0631\u0649<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"form-group-contact full-width\">\r\n            <label for=\"messageText\">\r\n              <i class=\"fas fa-comment-dots\"><\/i>\r\n              \u0631\u0633\u0627\u0644\u062a\u0643\r\n            <\/label>\r\n            <textarea id=\"messageText\" name=\"message_text\" rows=\"6\" placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\" required><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"form-actions-contact\">\r\n            <button type=\"submit\" class=\"submit-contact-btn\" id=\"submitBtn\">\r\n              <span class=\"btn-text\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n              <span class=\"btn-loader\" style=\"display: none;\">\r\n                <i class=\"fas fa-spinner fa-spin\"><\/i>\r\n              <\/span>\r\n              <i class=\"fas fa-paper-plane\"><\/i>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <div class=\"form-message\" id=\"formMessage\" style=\"display: none;\"><\/div>\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Background Decoration -->\r\n  <div class=\"contact-bg-decoration\">\r\n    <div class=\"contact-bg-icon bg-contact-1\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n    <div class=\"contact-bg-icon bg-contact-2\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n    <div class=\"contact-bg-icon bg-contact-3\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.atm-contact-form-section {\r\n  position: relative;\r\n  padding: 100px 20px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n.contact-form-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Section Header *\/\r\n.form-header {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  animation: fadeInDown 0.8s ease;\r\n}\r\n\r\n.header-badge-form {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  padding: 12px 24px;\r\n  border-radius: 50px;\r\n  margin-bottom: 20px;\r\n  border: 2px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.header-badge-form i {\r\n  color: #ffffff;\r\n  font-size: 18px;\r\n}\r\n\r\n.header-badge-form span {\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.form-title {\r\n  font-size: 3.5rem;\r\n  color: #ffffff;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.form-title .highlight-form {\r\n  color: #ffffff;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.form-title .highlight-form::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 8px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 15px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n  transform: skew(-3deg);\r\n}\r\n\r\n.form-description {\r\n  font-size: 1.2rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title-underline-form {\r\n  width: 100px;\r\n  height: 5px;\r\n  background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n  margin: 0 auto;\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* Contact Grid *\/\r\n.contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 2fr;\r\n  gap: 50px;\r\n  align-items: start;\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: 20px;\r\n  animation: fadeInRight 0.8s ease 0.3s backwards;\r\n}\r\n\r\n.info-box {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(10px);\r\n  padding: 25px;\r\n  border-radius: 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.info-box:hover {\r\n  background: rgba(255, 255, 255, 0.12);\r\n  transform: translateX(10px);\r\n}\r\n\r\n.info-box-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.info-box-icon i {\r\n  font-size: 22px;\r\n  color: #ffffff;\r\n}\r\n\r\n.info-box h3 {\r\n  font-size: 1.2rem;\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.info-box p {\r\n  font-size: 1rem;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n.info-box a {\r\n  color: rgba(255, 255, 255, 0.85);\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.info-box a:hover {\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Contact Form Side *\/\r\n.contact-form-side {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  backdrop-filter: blur(10px);\r\n  padding: 40px;\r\n  border-radius: 25px;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n  animation: fadeInLeft 0.8s ease 0.5s backwards;\r\n}\r\n\r\n.contact-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 25px;\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-contact {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.form-group-contact.full-width {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.form-group-contact label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 1rem;\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-group-contact label i {\r\n  font-size: 16px;\r\n  color: #1D2E55;\r\n}\r\n\r\n.form-group-contact input,\r\n.form-group-contact select,\r\n.form-group-contact textarea {\r\n  padding: 15px 18px;\r\n  border: 2px solid rgba(29, 46, 85, 0.15);\r\n  border-radius: 12px;\r\n  font-size: 1rem;\r\n  font-family: inherit;\r\n  transition: all 0.3s ease;\r\n  background: #ffffff;\r\n}\r\n\r\n.form-group-contact input:focus,\r\n.form-group-contact select:focus,\r\n.form-group-contact textarea:focus {\r\n  outline: none;\r\n  border-color: #1D2E55;\r\n  box-shadow: 0 0 0 4px rgba(29, 46, 85, 0.1);\r\n}\r\n\r\n.form-group-contact textarea {\r\n  resize: vertical;\r\n  min-height: 150px;\r\n}\r\n\r\n.form-actions-contact {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.submit-contact-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  color: #ffffff;\r\n  padding: 18px 40px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 10px 30px rgba(29, 46, 85, 0.3);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.submit-contact-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.submit-contact-btn:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.submit-contact-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 15px 40px rgba(29, 46, 85, 0.4);\r\n}\r\n\r\n.submit-contact-btn:active {\r\n  transform: translateY(0);\r\n}\r\n\r\n.submit-contact-btn.loading {\r\n  pointer-events: none;\r\n  opacity: 0.7;\r\n}\r\n\r\n.btn-loader {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Form Message *\/\r\n.form-message {\r\n  padding: 15px 20px;\r\n  border-radius: 12px;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  animation: slideInUp 0.4s ease;\r\n}\r\n\r\n.form-message.success {\r\n  background: #10B981;\r\n  color: #ffffff;\r\n}\r\n\r\n.form-message.error {\r\n  background: #EF4444;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Background Decoration *\/\r\n.contact-bg-decoration {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n.contact-bg-icon {\r\n  position: absolute;\r\n  color: rgba(255, 255, 255, 0.04);\r\n  font-size: 100px;\r\n  animation: floatContact 30s infinite ease-in-out;\r\n}\r\n\r\n.bg-contact-1 {\r\n  top: 15%;\r\n  right: 10%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.bg-contact-2 {\r\n  bottom: 20%;\r\n  left: 8%;\r\n  font-size: 80px;\r\n  animation-delay: -10s;\r\n}\r\n\r\n.bg-contact-3 {\r\n  top: 50%;\r\n  left: 50%;\r\n  font-size: 90px;\r\n  animation-delay: -20s;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInRight {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes floatContact {\r\n  0%, 100% {\r\n    transform: translate(0, 0) rotate(0deg);\r\n  }\r\n  50% {\r\n    transform: translate(30px, -30px) rotate(15deg);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .contact-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .contact-info-side {\r\n    order: 2;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n  }\r\n  \r\n  .info-box {\r\n    flex: 1 1 calc(50% - 10px);\r\n    min-width: 200px;\r\n  }\r\n  \r\n  .contact-form-side {\r\n    order: 1;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .atm-contact-form-section {\r\n    padding: 60px 20px;\r\n  }\r\n  \r\n  .form-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .contact-form-side {\r\n    padding: 30px 25px;\r\n  }\r\n  \r\n  .info-box {\r\n    flex: 1 1 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .form-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .contact-form-side {\r\n    padding: 25px 20px;\r\n  }\r\n  \r\n  .submit-contact-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const contactForm = document.getElementById('contactForm');\r\n  const submitBtn = document.getElementById('submitBtn');\r\n  const btnText = submitBtn.querySelector('.btn-text');\r\n  const btnLoader = submitBtn.querySelector('.btn-loader');\r\n  const formMessage = document.getElementById('formMessage');\r\n\r\n  contactForm.addEventListener('submit', async function(e) {\r\n    e.preventDefault();\r\n\r\n    \/\/ Show loading\r\n    submitBtn.classList.add('loading');\r\n    btnText.style.display = 'none';\r\n    btnLoader.style.display = 'inline-block';\r\n    formMessage.style.display = 'none';\r\n\r\n    const formData = new FormData(contactForm);\r\n    formData.append('action', 'submit_contact_form');\r\n\r\n    try {\r\n      const response = await fetch('\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData\r\n      });\r\n\r\n      const result = await response.json();\r\n\r\n      \/\/ Hide loading\r\n      submitBtn.classList.remove('loading');\r\n      btnText.style.display = 'inline';\r\n      btnLoader.style.display = 'none';\r\n\r\n      \/\/ Show message\r\n      formMessage.style.display = 'block';\r\n      \r\n      if (result.success) {\r\n        formMessage.className = 'form-message success';\r\n        formMessage.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b.';\r\n        contactForm.reset();\r\n        \r\n        \/\/ Hide message after 5 seconds\r\n        setTimeout(() => {\r\n          formMessage.style.display = 'none';\r\n        }, 5000);\r\n      } else {\r\n        formMessage.className = 'form-message error';\r\n        formMessage.innerHTML = '<i class=\"fas fa-times-circle\"><\/i> \u062d\u062f\u062b \u062e\u0637\u0623\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.';\r\n      }\r\n    } catch (error) {\r\n      console.error('Error:', error);\r\n      \r\n      submitBtn.classList.remove('loading');\r\n      btnText.style.display = 'inline';\r\n      btnLoader.style.display = 'none';\r\n      \r\n      formMessage.style.display = 'block';\r\n      formMessage.className = 'form-message error';\r\n      formMessage.innerHTML = '<i class=\"fas fa-times-circle\"><\/i> \u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.';\r\n    }\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f9dfb8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"3f9dfb8\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4cec697\" data-id=\"4cec697\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-046baa9 elementor-widget elementor-widget-html\" data-id=\"046baa9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"atm-faq-section\">\r\n  <div class=\"faq-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"faq-header\">\r\n      <div class=\"header-badge-faq\">\r\n        <i class=\"fas fa-question-circle\"><\/i>\r\n        <span>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\r\n      <\/div>\r\n      <h2 class=\"faq-title\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 <span class=\"highlight-faq\">\u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629<\/span><\/h2>\r\n      <p class=\"faq-description\">\r\n        \u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0623\u0643\u062b\u0631 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0634\u064a\u0648\u0639\u0627\u064b \u062d\u0648\u0644 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n      <\/p>\r\n      <div class=\"title-underline-faq\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ Grid -->\r\n    <div class=\"faq-grid\">\r\n      \r\n      <!-- Left Side - Image\/Info -->\r\n      <div class=\"faq-info-side\">\r\n        <div class=\"info-card\">\r\n          <div class=\"info-icon\">\r\n            <i class=\"fas fa-headset\"><\/i>\r\n          <\/div>\r\n          <h3>\u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644 \u0622\u062e\u0631\u061f<\/h3>\r\n          <p>\u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643<\/p>\r\n          \r\n          <div class=\"contact-methods\">\r\n            <div class=\"contact-item\">\r\n              <i class=\"fas fa-phone-alt\"><\/i>\r\n              <div>\r\n                <span class=\"contact-label\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\r\n                <a href=\"tel:+966537117726\" class=\"contact-value\">966537117726+<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-item\">\r\n              <i class=\"fab fa-whatsapp\"><\/i>\r\n              <div>\r\n                <span class=\"contact-label\">\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n                <a href=\"https:\/\/wa.me\/966537117726\" class=\"contact-value\" target=\"_blank\">966537117726+<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-item\">\r\n              <i class=\"fas fa-envelope\"><\/i>\r\n              <div>\r\n                <span class=\"contact-label\">\u0631\u0627\u0633\u0644\u0646\u0627<\/span>\r\n                <a href=\"mailto:support@atmalmarafah.com\" class=\"contact-value\">support@atmalmarafah.com<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-item\">\r\n              <i class=\"fas fa-clock\"><\/i>\r\n              <div>\r\n                <span class=\"contact-label\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/span>\r\n                <span class=\"contact-value\">\u0627\u0644\u0623\u062d\u062f - \u0627\u0644\u062e\u0645\u064a\u0633: 9\u0635 - 5\u0645<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <a href=\"https:\/\/wa.me\/966537117726\" target=\"_blank\" class=\"contact-cta\">\r\n            <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Stats -->\r\n        <div class=\"faq-stats\">\r\n          <div class=\"stat-box\">\r\n            <h4>500+<\/h4>\r\n            <p>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/p>\r\n          <\/div>\r\n          <div class=\"stat-box\">\r\n            <h4>98%<\/h4>\r\n            <p>\u0646\u0633\u0628\u0629 \u0627\u0644\u0631\u0636\u0627<\/p>\r\n          <\/div>\r\n          <div class=\"stat-box\">\r\n            <h4>24\/7<\/h4>\r\n            <p>\u062f\u0639\u0645 \u0645\u062a\u0648\u0627\u0635\u0644<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side - FAQ Accordion -->\r\n      <div class=\"faq-accordion-side\">\r\n        \r\n        <!-- FAQ Item 1 -->\r\n        <div class=\"faq-item active\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 \u0627\u0644\u0634\u0631\u0643\u0629\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u0634\u0645\u0644: \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f\u060c \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645\u060c \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644\u060c \u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u0627\u062a\u060c \u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u064a\u0648\u0646\u060c \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0648\u062b\u064a\u0642. \u0646\u0648\u0641\u0631 \u0623\u064a\u0636\u0627\u064b \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 2 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u064a \u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u064a\u0645\u0643\u0646\u0643 \u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0639\u062f\u0629 \u0637\u0631\u0642 \u0633\u0647\u0644\u0629: \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0639\u0644\u0649 \u0623\u0631\u0642\u0627\u0645\u0646\u0627\u060c \u0623\u0648 \u0625\u0631\u0633\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u0623\u0648 \u0645\u0644\u0621 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639\u0646\u0627 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a. \u0646\u0648\u0641\u0631 \u0623\u064a\u0636\u0627\u064b \u062e\u062f\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 3 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0645\u0627 \u0647\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u062a\u062e\u062a\u0644\u0641 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062d\u0633\u0628 \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0648\u0645\u062f\u0649 \u062a\u0639\u0642\u064a\u062f \u0627\u0644\u0642\u0636\u064a\u0629. \u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0628\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629\u060c \u0644\u0630\u0644\u0643 \u0646\u0642\u062f\u0645 \u0639\u0631\u0648\u0636 \u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0641\u0635\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0628\u0623\u064a \u062e\u062f\u0645\u0629. \u0643\u0645\u0627 \u0646\u0648\u0641\u0631 \u062e\u0637\u0637 \u062f\u0641\u0639 \u0645\u0631\u0646\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643. \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0645\u062c\u0627\u0646\u064a \u0644\u062d\u0627\u0644\u062a\u0643 \u0648\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 4 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0639\u0646 \u0628\u064f\u0639\u062f\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u0646\u0639\u0645\u060c \u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0639\u0646 \u0628\u064f\u0639\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0643\u0627\u0644\u0645\u0627\u062a \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0647\u0627\u062a\u0641 \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a. \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629 \u062a\u062a\u064a\u062d \u0644\u0643 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0646 \u0623\u064a \u0645\u0643\u0627\u0646 \u0648\u0641\u064a \u0623\u064a \u0648\u0642\u062a \u064a\u0646\u0627\u0633\u0628\u0643. \u062c\u0645\u064a\u0639 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0639\u0646 \u0628\u064f\u0639\u062f \u062a\u062a\u0645 \u0628\u0633\u0631\u064a\u0629 \u062a\u0627\u0645\u0629 \u0648\u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u064a\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 5 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0645\u064a\u0632 \u0634\u0631\u0643\u0629 \u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0639\u0646 \u063a\u064a\u0631\u0647\u0627\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u0646\u062a\u0645\u064a\u0632 \u0628\u0641\u0631\u064a\u0642 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0627\u0644\u0645\u0631\u062e\u0635\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0648\u0627\u0633\u0639\u0629\u060c \u0648\u0646\u0639\u0645\u0644 \u0628\u0637\u0627\u0628\u0639 \u0645\u0624\u0633\u0633\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629. \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0648\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u062d\u0642\u0648\u0642\u0647\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629. \u0643\u0645\u0627 \u0623\u0646\u0646\u0627 \u0646\u0648\u0641\u0631 \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0643\u0644 \u0642\u0636\u064a\u0629 \u0648\u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 6 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u062a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u0645\u062f\u0629 \u0627\u0644\u0642\u0636\u064a\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0646\u0648\u0639\u0647\u0627 \u0648\u062a\u0639\u0642\u064a\u062f\u0647\u0627 \u0648\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629. \u0628\u0639\u0636 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0645\u062b\u0644 \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0623\u064a\u0627\u0645 \u0642\u0644\u064a\u0644\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0639\u062f\u0629 \u0623\u0634\u0647\u0631. \u0646\u062d\u0646 \u0646\u0639\u0645\u0644 \u062f\u0627\u0626\u0645\u0627\u064b \u0639\u0644\u0649 \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0642\u062f\u0631 \u0627\u0644\u0625\u0645\u0643\u0627\u0646 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0646\u0628\u0642\u064a\u0643 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u062f\u0627\u0626\u0645 \u0628\u062a\u0637\u0648\u0631\u0627\u062a \u0642\u0636\u064a\u062a\u0643.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 7 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0647\u0644 \u062a\u062a\u0639\u0627\u0645\u0644\u0648\u0646 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062f\u0648\u0644\u064a\u0629\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u0646\u0639\u0645\u060c \u0644\u062f\u064a\u0646\u0627 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0639\u0627\u0628\u0631\u0629 \u0627\u0644\u062d\u062f\u0648\u062f. \u0646\u062a\u0639\u0627\u0645\u0644 \u0628\u0634\u0643\u0644 \u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0644\u062f\u064a\u0646\u0627 \u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0645\u0643\u0627\u062a\u0628 \u0645\u062d\u0627\u0645\u0627\u0629 \u0641\u064a \u062f\u0648\u0644 \u0645\u062e\u062a\u0644\u0641\u0629. \u0643\u0645\u0627 \u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u0646 \u0648\u0625\u0644\u0649 \u0639\u062f\u0629 \u0644\u063a\u0627\u062a.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ Item 8 -->\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\">\r\n            <h4>\u0643\u064a\u0641 \u062a\u0636\u0645\u0646\u0648\u0646 \u0633\u0631\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u061f<\/h4>\r\n            <div class=\"faq-icon\">\r\n              <i class=\"fas fa-plus\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              \u0627\u0644\u0633\u0631\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0645\u0646 \u0623\u0647\u0645 \u0645\u0628\u0627\u062f\u0626\u0646\u0627. \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0634\u0627\u0631\u0643\u0647\u0627 \u0645\u0639\u0646\u0627 \u062a\u0628\u0642\u0649 \u0633\u0631\u064a\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0648\u0623\u062e\u0644\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629. \u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u0646\u0638\u0645\u0629 \u062d\u0645\u0627\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0648\u0644\u0627 \u0646\u0634\u0627\u0631\u0643 \u0623\u064a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0639 \u0623\u0637\u0631\u0627\u0641 \u062b\u0627\u0644\u062b\u0629 \u062f\u0648\u0646 \u0645\u0648\u0627\u0641\u0642\u062a\u0643 \u0627\u0644\u0635\u0631\u064a\u062d\u0629. \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0627\u0644\u0633\u0631\u064a\u0629 \u064a\u0634\u0645\u0644 \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0643.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Background Decoration -->\r\n  <div class=\"faq-bg-decoration\">\r\n    <div class=\"faq-floating-icon icon-faq-1\"><i class=\"fas fa-question\"><\/i><\/div>\r\n    <div class=\"faq-floating-icon icon-faq-2\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n    <div class=\"faq-floating-icon icon-faq-3\"><i class=\"fas fa-gavel\"><\/i><\/div>\r\n    <div class=\"faq-floating-icon icon-faq-4\"><i class=\"fas fa-book\"><\/i><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.atm-faq-section {\r\n  position: relative;\r\n  padding: 100px 20px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n.faq-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Section Header *\/\r\n.faq-header {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  animation: fadeInDown 0.8s ease;\r\n}\r\n\r\n.header-badge-faq {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  padding: 12px 24px;\r\n  border-radius: 50px;\r\n  margin-bottom: 20px;\r\n  border: 2px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.header-badge-faq i {\r\n  color: #ffffff;\r\n  font-size: 18px;\r\n}\r\n\r\n.header-badge-faq span {\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.faq-title {\r\n  font-size: 3.5rem;\r\n  color: #ffffff;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.faq-title .highlight-faq {\r\n  color: #ffffff;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.faq-title .highlight-faq::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 8px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 15px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n  transform: skew(-3deg);\r\n}\r\n\r\n.faq-description {\r\n  font-size: 1.2rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-bottom: 20px;\r\n  max-width: 700px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.title-underline-faq {\r\n  width: 100px;\r\n  height: 5px;\r\n  background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n  margin: 0 auto;\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* FAQ Grid *\/\r\n.faq-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.5fr;\r\n  gap: 50px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Info Side *\/\r\n.faq-info-side {\r\n  animation: fadeInRight 0.8s ease 0.3s backwards;\r\n}\r\n\r\n.info-card {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  backdrop-filter: blur(10px);\r\n  padding: 40px;\r\n  border-radius: 25px;\r\n  margin-bottom: 25px;\r\n  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.info-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  border-radius: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 25px;\r\n  box-shadow: 0 10px 30px rgba(29, 46, 85, 0.3);\r\n}\r\n\r\n.info-icon i {\r\n  font-size: 35px;\r\n  color: #ffffff;\r\n}\r\n\r\n.info-card h3 {\r\n  font-size: 1.8rem;\r\n  color: #1D2E55;\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.info-card > p {\r\n  font-size: 1.05rem;\r\n  color: #666;\r\n  line-height: 1.8;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.contact-methods {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 15px;\r\n  padding: 18px;\r\n  background: rgba(29, 46, 85, 0.05);\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.contact-item:hover {\r\n  background: rgba(29, 46, 85, 0.1);\r\n  transform: translateX(5px);\r\n}\r\n\r\n.contact-item i {\r\n  font-size: 22px;\r\n  color: #1D2E55;\r\n  margin-top: 3px;\r\n}\r\n\r\n.contact-item > div {\r\n  flex: 1;\r\n}\r\n\r\n.contact-label {\r\n  display: block;\r\n  font-size: 0.85rem;\r\n  color: #999;\r\n  font-weight: 600;\r\n  margin-bottom: 5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.contact-value {\r\n  display: block;\r\n  font-size: 1.05rem;\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  direction: ltr;\r\n  text-align: right;\r\n}\r\n\r\n.contact-value:hover {\r\n  color: #0f1a35;\r\n}\r\n\r\n.contact-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\r\n  color: #ffffff;\r\n  padding: 18px 35px;\r\n  border-radius: 50px;\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\r\n  transition: all 0.3s ease;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.contact-cta:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 15px 40px rgba(37, 211, 102, 0.4);\r\n}\r\n\r\n.contact-cta i {\r\n  font-size: 22px;\r\n}\r\n\r\n\/* FAQ Stats *\/\r\n.faq-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 15px;\r\n}\r\n\r\n.stat-box {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  backdrop-filter: blur(10px);\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  text-align: center;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.stat-box:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.stat-box h4 {\r\n  font-size: 2rem;\r\n  color: #1D2E55;\r\n  font-weight: 900;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.stat-box p {\r\n  font-size: 0.9rem;\r\n  color: #666;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n\r\n\/* Accordion Side *\/\r\n.faq-accordion-side {\r\n  animation: fadeInLeft 0.8s ease 0.5s backwards;\r\n}\r\n\r\n.faq-item {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 15px;\r\n  margin-bottom: 15px;\r\n  overflow: hidden;\r\n  transition: all 0.3s ease;\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.faq-item:hover {\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.faq-question {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 25px 30px;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n  background: rgba(29, 46, 85, 0.03);\r\n}\r\n\r\n.faq-question h4 {\r\n  font-size: 1.2rem;\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n  margin: 0;\r\n  padding-left: 20px;\r\n  flex: 1;\r\n}\r\n\r\n.faq-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.faq-icon i {\r\n  font-size: 16px;\r\n  color: #ffffff;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s ease, padding 0.4s ease;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n  max-height: 500px;\r\n  padding: 0 30px 25px 30px;\r\n}\r\n\r\n.faq-answer p {\r\n  font-size: 1.05rem;\r\n  line-height: 1.9;\r\n  color: #555;\r\n  margin: 0;\r\n  padding-right: 20px;\r\n}\r\n\r\n\/* Background Decoration *\/\r\n.faq-bg-decoration {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n.faq-floating-icon {\r\n  position: absolute;\r\n  color: rgba(255, 255, 255, 0.04);\r\n  font-size: 80px;\r\n  animation: floatFaq 30s infinite ease-in-out;\r\n}\r\n\r\n.icon-faq-1 {\r\n  top: 10%;\r\n  left: 5%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.icon-faq-2 {\r\n  top: 60%;\r\n  left: 8%;\r\n  font-size: 70px;\r\n  animation-delay: -7s;\r\n}\r\n\r\n.icon-faq-3 {\r\n  top: 30%;\r\n  right: 10%;\r\n  font-size: 65px;\r\n  animation-delay: -14s;\r\n}\r\n\r\n.icon-faq-4 {\r\n  bottom: 15%;\r\n  right: 5%;\r\n  font-size: 75px;\r\n  animation-delay: -21s;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInRight {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(40px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes floatFaq {\r\n  0%, 100% {\r\n    transform: translate(0, 0) rotate(0deg);\r\n    opacity: 0.04;\r\n  }\r\n  25% {\r\n    transform: translate(20px, -30px) rotate(5deg);\r\n    opacity: 0.08;\r\n  }\r\n  50% {\r\n    transform: translate(-15px, -20px) rotate(-5deg);\r\n    opacity: 0.02;\r\n  }\r\n  75% {\r\n    transform: translate(25px, 15px) rotate(3deg);\r\n    opacity: 0.06;\r\n  }\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1024px) {\r\n  .faq-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .info-card {\r\n    padding: 30px 25px;\r\n  }\r\n\r\n  .faq-stats {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .stat-box {\r\n    padding: 20px 15px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .atm-faq-section {\r\n    padding: 50px 15px;\r\n  }\r\n\r\n  .faq-header {\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .faq-title {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .faq-description {\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .faq-grid {\r\n    gap: 30px;\r\n  }\r\n\r\n  .info-card {\r\n    padding: 20px 18px;\r\n  }\r\n\r\n  .info-icon {\r\n    width: 65px;\r\n    height: 65px;\r\n  }\r\n\r\n  .info-icon i {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .info-card h3 {\r\n    font-size: 1.3rem;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .info-card > p {\r\n    font-size: 0.95rem;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .contact-methods {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .contact-item {\r\n    padding: 10px 12px;\r\n    gap: 10px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .contact-item i {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .contact-label {\r\n    font-size: 0.7rem;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .contact-value {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .contact-cta {\r\n    padding: 14px 28px;\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .contact-cta i {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .faq-item {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .faq-question {\r\n    padding: 16px 15px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .faq-question h4 {\r\n    font-size: 1rem;\r\n    padding-left: 0;\r\n  }\r\n\r\n  .faq-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .faq-icon i {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    padding: 0 15px 16px 15px;\r\n  }\r\n\r\n  .faq-answer p {\r\n    font-size: 0.95rem;\r\n    padding-right: 0;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .faq-stats {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 8px;\r\n  }\r\n\r\n  .stat-box {\r\n    padding: 15px 10px;\r\n  }\r\n\r\n  .stat-box h4 {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .stat-box p {\r\n    font-size: 0.75rem;\r\n    line-height: 1.3;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .atm-faq-section {\r\n    padding: 40px 12px;\r\n  }\r\n\r\n  .faq-header {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .header-badge-faq {\r\n    padding: 8px 18px;\r\n  }\r\n\r\n  .header-badge-faq i {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .header-badge-faq span {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .faq-title {\r\n    font-size: 1.7rem;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .faq-description {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .title-underline-faq {\r\n    width: 70px;\r\n    height: 3px;\r\n  }\r\n\r\n  .faq-grid {\r\n    gap: 25px;\r\n  }\r\n\r\n  .info-card {\r\n    padding: 18px 14px;\r\n  }\r\n\r\n  .info-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .info-icon i {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .info-card h3 {\r\n    font-size: 1.15rem;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .info-card > p {\r\n    font-size: 0.9rem;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .contact-methods {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .contact-item {\r\n    padding: 8px 10px;\r\n    gap: 8px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .contact-item i {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .contact-label {\r\n    font-size: 0.65rem;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .contact-value {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .contact-cta {\r\n    padding: 12px 22px;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .contact-cta i {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .faq-item {\r\n    margin-bottom: 10px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .faq-question {\r\n    padding: 14px 12px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .faq-question h4 {\r\n    font-size: 0.92rem;\r\n  }\r\n\r\n  .faq-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  .faq-icon i {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    padding: 0 12px 14px 12px;\r\n  }\r\n\r\n  .faq-answer p {\r\n    font-size: 0.88rem;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .faq-stats {\r\n    gap: 6px;\r\n  }\r\n\r\n  .stat-box {\r\n    padding: 12px 6px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .stat-box h4 {\r\n    font-size: 1.3rem;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .stat-box p {\r\n    font-size: 0.65rem;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .faq-floating-icon {\r\n    font-size: 40px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ FAQ Accordion Functionality\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const faqItems = document.querySelectorAll('.faq-item');\r\n  \r\n  faqItems.forEach(item => {\r\n    const question = item.querySelector('.faq-question');\r\n    \r\n    question.addEventListener('click', () => {\r\n      \/\/ Close all other items\r\n      faqItems.forEach(otherItem => {\r\n        if (otherItem !== item && otherItem.classList.contains('active')) {\r\n          otherItem.classList.remove('active');\r\n        }\r\n      });\r\n      \r\n      \/\/ Toggle current item\r\n      item.classList.toggle('active');\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0634\u0631\u0643\u0629 \u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2271","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atmalmarafah.com\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\" \/>\n<meta property=\"og:description\" content=\"\u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0634\u0631\u0643\u0629 \u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmalmarafah.com\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-02T19:50:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"820\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmalmarafah.com\/\",\"url\":\"https:\/\/atmalmarafah.com\/\",\"name\":\"Home - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\",\"isPartOf\":{\"@id\":\"https:\/\/atmalmarafah.com\/ar\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/atmalmarafah.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/atmalmarafah.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg\",\"datePublished\":\"2025-11-15T10:52:29+00:00\",\"dateModified\":\"2025-12-02T19:50:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmalmarafah.com\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmalmarafah.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/atmalmarafah.com\/#primaryimage\",\"url\":\"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg\",\"contentUrl\":\"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmalmarafah.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/atmalmarafah.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atmalmarafah.com\/ar\/#website\",\"url\":\"https:\/\/atmalmarafah.com\/ar\/\",\"name\":\"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atmalmarafah.com\/ar\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atmalmarafah.com\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"Home - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","og_description":"\u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0634\u0631\u0643\u0629 \u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a ...","og_url":"https:\/\/atmalmarafah.com\/ar\/","og_site_name":"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","article_modified_time":"2025-12-02T19:50:16+00:00","og_image":[{"width":1920,"height":820,"url":"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"5 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/atmalmarafah.com\/","url":"https:\/\/atmalmarafah.com\/","name":"Home - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","isPartOf":{"@id":"https:\/\/atmalmarafah.com\/ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/atmalmarafah.com\/#primaryimage"},"image":{"@id":"https:\/\/atmalmarafah.com\/#primaryimage"},"thumbnailUrl":"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg","datePublished":"2025-11-15T10:52:29+00:00","dateModified":"2025-12-02T19:50:16+00:00","breadcrumb":{"@id":"https:\/\/atmalmarafah.com\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmalmarafah.com\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/atmalmarafah.com\/#primaryimage","url":"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg","contentUrl":"https:\/\/atmalmarafah.com\/wp-content\/uploads\/2025\/01\/02.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/atmalmarafah.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/atmalmarafah.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/atmalmarafah.com\/ar\/#website","url":"https:\/\/atmalmarafah.com\/ar\/","name":"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atmalmarafah.com\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages\/2271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/comments?post=2271"}],"version-history":[{"count":5,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages\/2271\/revisions"}],"predecessor-version":[{"id":2750,"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/pages\/2271\/revisions\/2750"}],"wp:attachment":[{"href":"https:\/\/atmalmarafah.com\/ar\/wp-json\/wp\/v2\/media?parent=2271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}