{"id":2332,"date":"2025-11-15T19:03:11","date_gmt":"2025-11-15T19:03:11","guid":{"rendered":"https:\/\/atmalmarafah.com\/?page_id=2332"},"modified":"2025-11-22T21:51:58","modified_gmt":"2025-11-22T21:51:58","slug":"new-about","status":"publish","type":"page","link":"https:\/\/atmalmarafah.com\/en\/new-about\/","title":{"rendered":"About"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2332\" class=\"elementor elementor-2332\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b6b0bc elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"4b6b0bc\" 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-697e064\" data-id=\"697e064\" 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-6d7ffa2 elementor-widget elementor-widget-html\" data-id=\"6d7ffa2\" 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<!-- Hero Section -->\r\n<div class=\"about-hero-section\">\r\n  <div class=\"about-hero-container\">\r\n    <div class=\"hero-content-about\">\r\n      <div class=\"hero-badge-about\">\r\n        <i class=\"fas fa-building\"><\/i>\r\n        <span>\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n      <\/div>\r\n      <h1 class=\"hero-title-about\">\r\n        \u0634\u0631\u0643\u0629 <span class=\"highlight-about\">\u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span><br>\r\n        \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\r\n      <\/h1>\r\n      <p class=\"hero-subtitle-about\">\r\n        \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 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\r\n      <\/p>\r\n      <div class=\"hero-quote-about\">\r\n        <i class=\"fas fa-quote-right\"><\/i>\r\n        <p>\"\u0627\u0644\u062d\u0642\u0648\u0642 \u062a\u064f\u0646\u062a\u0632\u0639 \u0648\u0644\u0627 \u062a\u064f\u0645\u0646\u062d\"<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"hero-decoration-about\">\r\n      <div class=\"deco-shape shape-1-about\"><\/div>\r\n      <div class=\"deco-shape shape-2-about\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Company Overview Section -->\r\n<div class=\"company-overview-section\">\r\n  <div class=\"overview-container\">\r\n    <div class=\"overview-grid\">\r\n      \r\n      <!-- Left Side - Image\/Icon -->\r\n      <div class=\"overview-visual\">\r\n        <div class=\"visual-card\">\r\n          <div class=\"visual-icon\">\r\n            <i class=\"fas fa-balance-scale\"><\/i>\r\n          <\/div>\r\n          <div class=\"stats-grid\">\r\n            <div class=\"stat-item-about\">\r\n              <h3>500+<\/h3>\r\n              <p>\u0642\u0636\u064a\u0629 \u0646\u0627\u062c\u062d\u0629<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item-about\">\r\n              <h3>15+<\/h3>\r\n              <p>\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item-about\">\r\n              <h3>98%<\/h3>\r\n              <p>\u0646\u0633\u0628\u0629 \u0627\u0644\u0646\u062c\u0627\u062d<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item-about\">\r\n              <h3>1000+<\/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\r\n      <!-- Right Side - Content -->\r\n      <div class=\"overview-content\">\r\n        <div class=\"section-badge\">\r\n          <i class=\"fas fa-info-circle\"><\/i>\r\n          <span>About the Company<\/span>\r\n        <\/div>\r\n        \r\n        <h2 class=\"section-title-about\">\r\n          \u0643\u064a\u0627\u0646 \u0642\u0627\u0646\u0648\u0646\u064a <span class=\"highlight-text\">\u0645\u0631\u062e\u0651\u0635 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\r\n        <\/h2>\r\n        \r\n        <div class=\"content-text-about\">\r\n          <p>\r\n            <strong>\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<\/strong> \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 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\r\n          <\/p>\r\n          \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\u060c \u0648\u0646\u0639\u0645\u0644 \u0628\u0637\u0627\u0628\u0639 \u0645\u0624\u0633\u0633\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \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\u064a\u0646 \u0627\u0644\u0645\u0631\u062e\u0651\u0635\u064a\u0646<\/strong> \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0631\u0627\u0643\u0645\u064a\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.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"features-list\">\r\n          <div class=\"feature-item-list\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0643\u064a\u0627\u0646 \u0645\u0647\u0646\u064a \u0645\u0631\u062e\u0651\u0635 \u0648\u0645\u0639\u062a\u0645\u062f<\/span>\r\n          <\/div>\r\n          <div class=\"feature-item-list\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0627\u0644\u0645\u0631\u062e\u0635\u064a\u0646<\/span>\r\n          <\/div>\r\n          <div class=\"feature-item-list\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"feature-item-list\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u0629<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Vision & Mission Section -->\r\n<div class=\"vision-mission-section\">\r\n  <div class=\"vm-container\">\r\n    \r\n    <div class=\"section-header-vm\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-bullseye\"><\/i>\r\n        <span>\u0631\u0624\u064a\u062a\u0646\u0627 \u0648\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title-vm\">\u0645\u0627 \u0646\u0633\u0639\u0649 <span class=\"highlight-vm\">\u0644\u062a\u062d\u0642\u064a\u0642\u0647<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"vm-grid\">\r\n      \r\n      <!-- Vision Card -->\r\n      <div class=\"vm-card\">\r\n        <div class=\"vm-card-icon\">\r\n          <i class=\"fas fa-eye\"><\/i>\r\n        <\/div>\r\n        <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n        <p>\r\n          \u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u062d\u0645\u064a \u062d\u0642\u0648\u0642 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062d\u0642\u0642 \u0627\u0644\u0639\u062f\u0627\u0644\u0629.\r\n        <\/p>\r\n        <div class=\"vm-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Mission Card -->\r\n      <div class=\"vm-card\">\r\n        <div class=\"vm-card-icon\">\r\n          <i class=\"fas fa-bullseye\"><\/i>\r\n        <\/div>\r\n        <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n        <p>\r\n          \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0644\u0645\u0648\u0627\u0643\u0628\u0629 \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.\r\n        <\/p>\r\n        <div class=\"vm-decoration\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Values Card -->\r\n      <div class=\"vm-card\">\r\n        <div class=\"vm-card-icon\">\r\n          <i class=\"fas fa-gem\"><\/i>\r\n        <\/div>\r\n        <h3>Our values<\/h3>\r\n        <p>\r\n          \u0627\u0644\u0646\u0632\u0627\u0647\u0629\u060c \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\u060c \u0627\u0644\u062a\u0645\u064a\u0632\u060c \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u0627\u0644\u0633\u0639\u064a \u0627\u0644\u062f\u0627\u0626\u0645 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n        <\/p>\r\n        <div class=\"vm-decoration\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Why Choose Us Section -->\r\n<div class=\"why-choose-section\">\r\n  <div class=\"why-container\">\r\n    \r\n    <div class=\"section-header-why\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-star\"><\/i>\r\n        <span>\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/span>\r\n      <\/div>\r\n      <h2 class=\"section-title-why\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <span class=\"highlight-why\">\u0623\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span><\/h2>\r\n      <p class=\"section-desc-why\">\r\n        \u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0633\u0628\u0627\u0628\u0627\u064b \u0642\u0648\u064a\u0629 \u0644\u062a\u0643\u0648\u0646 \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0645\u0648\u062b\u0648\u0642\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-grid\">\r\n      \r\n      <div class=\"why-card\">\r\n        <div class=\"why-number\">01<\/div>\r\n        <div class=\"why-icon\">\r\n          <i class=\"fas fa-certificate\"><\/i>\r\n        <\/div>\r\n        <h3>\u062a\u0631\u062e\u064a\u0635 \u0631\u0633\u0645\u064a<\/h3>\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 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-number\">02<\/div>\r\n        <div class=\"why-icon\">\r\n          <i class=\"fas fa-users-cog\"><\/i>\r\n        <\/div>\r\n        <h3>\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635<\/h3>\r\n        <p>\u0645\u062d\u0627\u0645\u0648\u0646 \u0645\u0631\u062e\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 \u062a\u0631\u0627\u0643\u0645\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-number\">03<\/div>\r\n        <div class=\"why-icon\">\r\n          <i class=\"fas fa-shield-alt\"><\/i>\r\n        <\/div>\r\n        <h3>\u062d\u0645\u0627\u064a\u0629 \u0643\u0627\u0645\u0644\u0629<\/h3>\r\n        <p>\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-number\">04<\/div>\r\n        <div class=\"why-icon\">\r\n          <i class=\"fas fa-globe\"><\/i>\r\n        <\/div>\r\n        <h3>\u0634\u0631\u0627\u0643\u0627\u062a \u062f\u0648\u0644\u064a\u0629<\/h3>\r\n        <p>\u062a\u0639\u0627\u0645\u0644 \u0641\u0639\u0651\u0627\u0644 \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 \u0644\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0628\u0643\u0641\u0627\u0621\u0629<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-number\">05<\/div>\r\n        <div class=\"why-icon\">\r\n          <i class=\"fas fa-chart-line\"><\/i>\r\n        <\/div>\r\n        <h3>\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n        <p>\u0646\u0648\u0627\u0643\u0628 \u0627\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 \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"why-card\">\r\n        <div class=\"why-number\">06<\/div>\r\n        <div class=\"why-icon\">\r\n          <i class=\"fas fa-handshake\"><\/i>\r\n        <\/div>\r\n        <h3>\u0634\u0641\u0627\u0641\u064a\u0629 \u062a\u0627\u0645\u0629<\/h3>\r\n        <p>\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 \u0641\u064a \u0643\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Our Approach Section -->\r\n<div class=\"approach-section\">\r\n  <div class=\"approach-container\">\r\n    \r\n    <div class=\"approach-content\">\r\n      <div class=\"section-badge\">\r\n        <i class=\"fas fa-road\"><\/i>\r\n        <span>\u0645\u0646\u0647\u062c\u064a\u062a\u0646\u0627<\/span>\r\n      <\/div>\r\n      \r\n      <h2 class=\"section-title-approach\">\r\n        \u0643\u064a\u0641 <span class=\"highlight-approach\">\u0646\u0639\u0645\u0644<\/span>\r\n      <\/h2>\r\n      \r\n      <p class=\"approach-intro\">\r\n        \u0646\u062a\u0628\u0639 \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0636\u0645\u0646 \u062d\u0635\u0648\u0644\u0643 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"approach-steps\">\r\n      \r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">1<\/div>\r\n        <div class=\"step-content\">\r\n          <h3>\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0648\u0627\u0644\u0641\u0647\u0645<\/h3>\r\n          <p>\u0646\u0633\u062a\u0645\u0639 \u0644\u0642\u0636\u064a\u062a\u0643 \u0628\u0639\u0646\u0627\u064a\u0629 \u0648\u0646\u0641\u0647\u0645 \u062c\u0645\u064a\u0639 \u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u0629<\/p>\r\n        <\/div>\r\n        <div class=\"step-line\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">2<\/div>\r\n        <div class=\"step-content\">\r\n          <h3>\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<\/h3>\r\n          <p>\u0646\u0642\u0648\u0645 \u0628\u062a\u062d\u0644\u064a\u0644 \u0634\u0627\u0645\u0644 \u0644\u0644\u062d\u0627\u0644\u0629 \u0648\u0641\u0642 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0633\u0627\u0631\u064a\u0629<\/p>\r\n        <\/div>\r\n        <div class=\"step-line\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">3<\/div>\r\n        <div class=\"step-content\">\r\n          <h3>\u0648\u0636\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h3>\r\n          <p>\u0646\u0636\u0639 \u062e\u0637\u0629 \u0639\u0645\u0644 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062d\u0643\u0645\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/p>\r\n        <\/div>\r\n        <div class=\"step-line\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">4<\/div>\r\n        <div class=\"step-content\">\r\n          <h3>\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0646\u064a<\/h3>\r\n          <p>\u0646\u0646\u0641\u0630 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629<\/p>\r\n        <\/div>\r\n        <div class=\"step-line\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step-item\">\r\n        <div class=\"step-number\">5<\/div>\r\n        <div class=\"step-content\">\r\n          <h3>\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\r\n          <p>\u0646\u0628\u0642\u064a\u0643 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u062f\u0627\u0626\u0645 \u0628\u0643\u0644 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CTA Section -->\r\n<div class=\"about-cta-section\">\r\n  <div class=\"about-cta-container\">\r\n    <div class=\"cta-content-about\">\r\n      <div class=\"cta-icon-about\">\r\n        <i class=\"fas fa-gavel\"><\/i>\r\n      <\/div>\r\n      <h2>\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\u061f<\/h2>\r\n      <p>\u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u062c\u0627\u0647\u0632 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062d\u0642\u0648\u0642\u0643<\/p>\r\n      <div class=\"cta-buttons\">\r\n        <a href=\"\/en\/contact\/\" class=\"cta-btn primary\">\r\n          <i class=\"fas fa-phone-alt\"><\/i>\r\n          <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/atmalmarafah.com\/en\/services\/\" class=\"cta-btn secondary\">\r\n          <i class=\"fas fa-briefcase\"><\/i>\r\n          <span>\u062a\u0635\u0641\u062d \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n        <\/a>\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\/* Hero Section *\/\r\n.about-hero-section {\r\n  position: relative;\r\n  min-height: 70vh;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 100px 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.about-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.hero-content-about {\r\n  text-align: center;\r\n  color: #ffffff;\r\n  animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.hero-badge-about {\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: 30px;\r\n  border: 2px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.hero-badge-about i {\r\n  font-size: 18px;\r\n}\r\n\r\n.hero-badge-about span {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.hero-title-about {\r\n  font-size: 4rem;\r\n  font-weight: 900;\r\n  line-height: 1.2;\r\n  margin-bottom: 25px;\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.hero-title-about .highlight-about {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.hero-title-about .highlight-about::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 10px;\r\n  left: -10px;\r\n  right: -10px;\r\n  height: 20px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  z-index: -1;\r\n  border-radius: 8px;\r\n  transform: skew(-3deg);\r\n}\r\n\r\n.hero-subtitle-about {\r\n  font-size: 1.5rem;\r\n  margin-bottom: 40px;\r\n  opacity: 0.95;\r\n}\r\n\r\n.hero-quote-about {\r\n  max-width: 600px;\r\n  margin: 0 auto;\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}\r\n\r\n.hero-quote-about i {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 30px;\r\n  font-size: 30px;\r\n  opacity: 0.3;\r\n}\r\n\r\n.hero-quote-about p {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\n.hero-decoration-about {\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  z-index: 1;\r\n}\r\n\r\n.deco-shape {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.03);\r\n}\r\n\r\n.shape-1-about {\r\n  width: 400px;\r\n  height: 400px;\r\n  top: -200px;\r\n  right: -200px;\r\n  animation: float 20s infinite ease-in-out;\r\n}\r\n\r\n.shape-2-about {\r\n  width: 300px;\r\n  height: 300px;\r\n  bottom: -150px;\r\n  left: -150px;\r\n  animation: float 25s infinite ease-in-out reverse;\r\n}\r\n\r\n\/* Company Overview Section *\/\r\n.company-overview-section {\r\n  padding: 100px 20px;\r\n  background: #ffffff;\r\n}\r\n\r\n.overview-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.overview-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.3fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n.overview-visual {\r\n  animation: fadeInRight 0.8s ease;\r\n}\r\n\r\n.visual-card {\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  padding: 40px;\r\n  border-radius: 25px;\r\n  box-shadow: 0 20px 60px rgba(29, 46, 85, 0.3);\r\n}\r\n\r\n.visual-icon {\r\n  width: 100px;\r\n  height: 100px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  border-radius: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 40px;\r\n}\r\n\r\n.visual-icon i {\r\n  font-size: 50px;\r\n  color: #ffffff;\r\n}\r\n\r\n.stats-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.stat-item-about {\r\n  text-align: center;\r\n  padding: 20px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 15px;\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.stat-item-about h3 {\r\n  font-size: 2.5rem;\r\n  color: #ffffff;\r\n  font-weight: 900;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.stat-item-about p {\r\n  font-size: 0.95rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin: 0;\r\n}\r\n\r\n.overview-content {\r\n  animation: fadeInLeft 0.8s ease;\r\n}\r\n\r\n.section-badge {\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: 10px 20px;\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.section-badge i {\r\n  color: #1D2E55;\r\n  font-size: 16px;\r\n}\r\n\r\n.section-badge span {\r\n  color: #1D2E55;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.section-title-about {\r\n  font-size: 2.8rem;\r\n  color: #1D2E55;\r\n  font-weight: 900;\r\n  margin-bottom: 25px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.highlight-text {\r\n  color: #1D2E55;\r\n  position: relative;\r\n}\r\n\r\n.highlight-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 12px;\r\n  background: rgba(29, 46, 85, 0.15);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n}\r\n\r\n.content-text-about p {\r\n  font-size: 1.1rem;\r\n  line-height: 1.9;\r\n  color: #555;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.content-text-about strong {\r\n  color: #1D2E55;\r\n  font-weight: 700;\r\n}\r\n\r\n.features-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.feature-item-list {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 15px 20px;\r\n  background: rgba(29, 46, 85, 0.05);\r\n  border-radius: 12px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature-item-list:hover {\r\n  background: rgba(29, 46, 85, 0.1);\r\n  transform: translateX(10px);\r\n}\r\n\r\n.feature-item-list i {\r\n  font-size: 20px;\r\n  color: #10B981;\r\n}\r\n\r\n.feature-item-list span {\r\n  font-size: 1.05rem;\r\n  color: #1D2E55;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Vision & Mission Section *\/\r\n.vision-mission-section {\r\n  padding: 100px 20px;\r\n  background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);\r\n}\r\n\r\n.vm-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.section-header-vm {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  animation: fadeInDown 0.8s ease;\r\n}\r\n\r\n.section-title-vm {\r\n  font-size: 3rem;\r\n  color: #1D2E55;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.highlight-vm {\r\n  color: #1D2E55;\r\n  position: relative;\r\n}\r\n\r\n.highlight-vm::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 12px;\r\n  background: rgba(29, 46, 85, 0.15);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n}\r\n\r\n.vm-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.vm-card {\r\n  background: #ffffff;\r\n  padding: 40px 30px;\r\n  border-radius: 20px;\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  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.4s ease;\r\n  animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.vm-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 60px rgba(29, 46, 85, 0.15);\r\n}\r\n\r\n.vm-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  margin-bottom: 25px;\r\n}\r\n\r\n.vm-card-icon i {\r\n  font-size: 32px;\r\n  color: #ffffff;\r\n}\r\n\r\n.vm-card h3 {\r\n  font-size: 1.6rem;\r\n  color: #1D2E55;\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.vm-card p {\r\n  font-size: 1.05rem;\r\n  line-height: 1.8;\r\n  color: #666;\r\n  margin: 0;\r\n}\r\n\r\n.vm-decoration {\r\n  position: absolute;\r\n  bottom: -30px;\r\n  right: -30px;\r\n  width: 100px;\r\n  height: 100px;\r\n  background: rgba(29, 46, 85, 0.03);\r\n  border-radius: 50%;\r\n}\r\n\r\n\/* Why Choose Us Section *\/\r\n.why-choose-section {\r\n  padding: 100px 20px;\r\n  background: #ffffff;\r\n}\r\n\r\n.why-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.section-header-why {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  animation: fadeInDown 0.8s ease;\r\n}\r\n\r\n.section-title-why {\r\n  font-size: 3rem;\r\n  color: #1D2E55;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.highlight-why {\r\n  color: #1D2E55;\r\n  position: relative;\r\n}\r\n\r\n.highlight-why::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 12px;\r\n  background: rgba(29, 46, 85, 0.15);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n}\r\n\r\n.section-desc-why {\r\n  font-size: 1.2rem;\r\n  color: #666;\r\n  margin-top: 15px;\r\n}\r\n\r\n.why-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.why-card {\r\n  background: #ffffff;\r\n  padding: 35px 30px;\r\n  border-radius: 20px;\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  position: relative;\r\n  transition: all 0.4s ease;\r\n  animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.why-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 60px rgba(29, 46, 85, 0.15);\r\n}\r\n\r\n.why-number {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  font-size: 4rem;\r\n  font-weight: 900;\r\n  color: rgba(29, 46, 85, 0.05);\r\n  line-height: 1;\r\n}\r\n\r\n.why-icon {\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: 15px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.why-card:hover .why-icon {\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  transform: scale(1.1);\r\n}\r\n\r\n.why-icon i {\r\n  font-size: 28px;\r\n  color: #1D2E55;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.why-card:hover .why-icon i {\r\n  color: #ffffff;\r\n}\r\n\r\n.why-card h3 {\r\n  font-size: 1.4rem;\r\n  color: #1D2E55;\r\n  font-weight: 800;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.why-card p {\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n  color: #666;\r\n  margin: 0;\r\n}\r\n\r\n\/* Our Approach Section *\/\r\n.approach-section {\r\n  padding: 100px 20px;\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n}\r\n\r\n.approach-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.approach-content {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  animation: fadeInDown 0.8s ease;\r\n}\r\n\r\n.section-title-approach {\r\n  font-size: 3rem;\r\n  color: #ffffff;\r\n  font-weight: 900;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.highlight-approach {\r\n  position: relative;\r\n}\r\n\r\n.highlight-approach::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: -5px;\r\n  right: -5px;\r\n  height: 12px;\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.approach-intro {\r\n  font-size: 1.2rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-top: 15px;\r\n}\r\n\r\n.approach-steps {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n}\r\n\r\n.step-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 30px;\r\n  position: relative;\r\n  animation: fadeInLeft 0.8s ease;\r\n}\r\n\r\n.step-number {\r\n  width: 70px;\r\n  height: 70px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.8rem;\r\n  font-weight: 900;\r\n  color: #ffffff;\r\n  flex-shrink: 0;\r\n  border: 3px solid rgba(255, 255, 255, 0.3);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.step-content {\r\n  flex: 1;\r\n  padding: 15px 0 40px 0;\r\n}\r\n\r\n.step-content h3 {\r\n  font-size: 1.6rem;\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.step-content p {\r\n  font-size: 1.05rem;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n\r\n.step-line {\r\n  position: absolute;\r\n  top: 70px;\r\n  right: 35px;\r\n  width: 3px;\r\n  height: calc(100% - 30px);\r\n  background: rgba(255, 255, 255, 0.2);\r\n  z-index: 1;\r\n}\r\n\r\n.step-item:last-child .step-line {\r\n  display: none;\r\n}\r\n\r\n\/* CTA Section *\/\r\n.about-cta-section {\r\n  padding: 100px 20px;\r\n  background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);\r\n}\r\n\r\n.about-cta-container {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cta-content-about {\r\n  background: linear-gradient(135deg, #1D2E55 0%, #0f1a35 100%);\r\n  padding: 60px 40px;\r\n  border-radius: 25px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.cta-content-about::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.cta-icon-about {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 25px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cta-icon-about i {\r\n  font-size: 40px;\r\n  color: #ffffff;\r\n}\r\n\r\n.cta-content-about h2 {\r\n  font-size: 2.5rem;\r\n  color: #ffffff;\r\n  font-weight: 900;\r\n  margin-bottom: 15px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cta-content-about p {\r\n  font-size: 1.2rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-bottom: 35px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cta-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.cta-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\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  transition: all 0.3s ease;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.cta-btn.primary {\r\n  background: #ffffff;\r\n  color: #1D2E55;\r\n  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.cta-btn.primary:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 15px 40px rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.cta-btn.secondary {\r\n  background: transparent;\r\n  color: #ffffff;\r\n  border-color: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.cta-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\/* Animations *\/\r\n@keyframes fadeInUp {\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 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 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 *\/\r\n@media (max-width: 1024px) {\r\n  .overview-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .vm-grid,\r\n  .why-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .about-hero-section {\r\n    padding: 80px 20px;\r\n  }\r\n  \r\n  .hero-title-about {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .section-title-about,\r\n  .section-title-vm,\r\n  .section-title-why,\r\n  .section-title-approach {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .vm-grid,\r\n  .why-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .cta-buttons {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  \r\n  .cta-btn {\r\n    width: 100%;\r\n    max-width: 300px;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero-title-about {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .section-title-about,\r\n  .section-title-vm,\r\n  .section-title-why,\r\n  .section-title-approach {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .cta-content-about {\r\n    padding: 40px 25px;\r\n  }\r\n  \r\n  .cta-content-about h2 {\r\n    font-size: 2rem;\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<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 \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 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0643\u062b\u0631 &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2332","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>About - \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\/en\/new-about\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0646 \u0646\u062d\u0646 \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 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0643\u062b\u0631 ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmalmarafah.com\/en\/new-about\/\" \/>\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-11-22T21:51:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmalmarafah.com\/new-about\/\",\"url\":\"https:\/\/atmalmarafah.com\/new-about\/\",\"name\":\"About - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\",\"isPartOf\":{\"@id\":\"https:\/\/atmalmarafah.com\/ar\/#website\"},\"datePublished\":\"2025-11-15T19:03:11+00:00\",\"dateModified\":\"2025-11-22T21:51:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmalmarafah.com\/new-about\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmalmarafah.com\/new-about\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmalmarafah.com\/new-about\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/atmalmarafah.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About\"}]},{\"@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\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About - \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\/en\/new-about\/","og_locale":"en_GB","og_type":"article","og_title":"About - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","og_description":"\u0645\u0646 \u0646\u062d\u0646 \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 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0643\u062b\u0631 ...","og_url":"https:\/\/atmalmarafah.com\/en\/new-about\/","og_site_name":"\u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","article_modified_time":"2025-11-22T21:51:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/atmalmarafah.com\/new-about\/","url":"https:\/\/atmalmarafah.com\/new-about\/","name":"About - \u0634\u0631\u0643\u0629 \u0627\u062a\u0645 \u0627\u0644\u0645\u0639\u0631\u0641\u0629","isPartOf":{"@id":"https:\/\/atmalmarafah.com\/ar\/#website"},"datePublished":"2025-11-15T19:03:11+00:00","dateModified":"2025-11-22T21:51:58+00:00","breadcrumb":{"@id":"https:\/\/atmalmarafah.com\/new-about\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmalmarafah.com\/new-about\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmalmarafah.com\/new-about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/atmalmarafah.com\/"},{"@type":"ListItem","position":2,"name":"About"}]},{"@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":"en-GB"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/pages\/2332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/comments?post=2332"}],"version-history":[{"count":5,"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/pages\/2332\/revisions"}],"predecessor-version":[{"id":2444,"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/pages\/2332\/revisions\/2444"}],"wp:attachment":[{"href":"https:\/\/atmalmarafah.com\/en\/wp-json\/wp\/v2\/media?parent=2332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}