\u062d\u0645\u0644\u0629 \u0627\u0644\u0633\u0646\u062f \u0644\u0644\u0639\u0645\u0631\u0629 \u0648\u0627\u0644\u0632\u064a\u0627\u0631\u0629 - \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=El+Messiri:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-color: #000080; \/* \u0627\u0644\u0623\u0632\u0631\u0642 *\/\r\n --secondary-color: #FF6F00; \/* \u0627\u0644\u0628\u0631\u062a\u0642\u0627\u0644\u064a *\/\r\n --text-color: #333333;\r\n --light-color: #f9f9f9;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'El Messiri', sans-serif;\r\n }\r\n \r\n body {\r\n background-color: var(--light-color);\r\n color: var(--text-color);\r\n line-height: 1.6;\r\n }\r\n \r\n .services-container {\r\n padding: 80px 0;\r\n position: relative;\r\n }\r\n \r\n .main-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n \r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: var(--primary-color);\r\n margin-bottom: 15px;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n right: 50%;\r\n transform: translateX(50%);\r\n width: 80px;\r\n height: 3px;\r\n background: var(--primary-color);\r\n }\r\n \r\n .section-description {\r\n font-size: 1.2rem;\r\n color: var(--secondary-color);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n \r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n \r\n .service-card {\r\n background: var(--white);\r\n border-radius: 12px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 0, 128, 0.1);\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 128, 0.1);\r\n border: 1px solid rgba(0, 0, 128, 0.3);\r\n }\r\n \r\n .service-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 25px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 32px;\r\n color: var(--white);\r\n background: var(--primary-color);\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .service-card:hover .service-icon {\r\n transform: scale(1.1);\r\n box-shadow: 0 0 0 5px rgba(0, 0, 128, 0.2);\r\n }\r\n \r\n .service-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n margin-bottom: 15px;\r\n }\r\n \r\n .service-description {\r\n color: var(--secondary-color);\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n }\r\n \r\n \/* Responsive Styles *\/\r\n @media (max-width: 768px) {\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 }\r\n \r\n .service-card {\r\n padding: 30px 20px;\r\n }\r\n }\r\n \r\n \/* Animation *\/\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 .service-card {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s forwards;\r\n }\r\n \r\n .service-card:nth-child(1) { animation-delay: 0.1s; }\r\n .service-card:nth-child(2) { animation-delay: 0.2s; }\r\n .service-card:nth-child(3) { animation-delay: 0.3s; }\r\n .service-card:nth-child(4) { animation-delay: 0.4s; }\r\n .service-card:nth-child(5) { animation-delay: 0.5s; }\r\n .service-card:nth-child(6) { animation-delay: 0.6s; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"services-container\">\r\n <div class=\"main-container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/h2>\r\n <p class=\"section-description\">\u0646\u0642\u062f\u0645 \u0644\u0643\u0645 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0648\u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/p>\r\n <\/div>\r\n \r\n <div class=\"services-grid\">\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-calendar-day\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0631\u062d\u0644\u0627\u062a \u0639\u0645\u0631\u0629 \u064a\u0648\u0645\u064a\u0629<\/h3>\r\n <p class=\"service-description\">\r\n \u0631\u062d\u0644\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u064a\u0627\u0636 \u0625\u0644\u0649 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u062b\u0627\u0628\u062a\u0629 \u0648\u0645\u0631\u064a\u062d\u0629\u060c \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062c\u0645\u064a\u0639 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0631\u0627\u062d\u0629 \u062e\u0644\u0627\u0644 \u0627\u0644\u0631\u062d\u0644\u0629\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0631\u062d\u0644\u0627\u062a \u062e\u0627\u0635\u0629 \u0644\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a<\/h3>\r\n <p class=\"service-description\">\r\n \u062a\u0646\u0638\u064a\u0645 \u0631\u062d\u0644\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0623\u0648 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u0637\u0644\u0628 (\u0639\u0627\u0626\u0644\u0627\u062a - \u0639\u0632\u0627\u0628) \u0645\u0639 \u0628\u0631\u0627\u0645\u062c \u062e\u0627\u0635\u0629\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-bus\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0628\u0627\u0635\u0627\u062a VIP \u0645\u0643\u064a\u0641\u0629<\/h3>\r\n <p class=\"service-description\">\r\n \u0623\u0633\u0637\u0648\u0644 \u062d\u062f\u064a\u062b \u0645\u0646 \u0627\u0644\u0628\u0627\u0635\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0629 \u0645\u0639 \u0633\u0627\u0626\u0642\u064a\u0646 \u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0631\u062d\u0644\u0629 \u0622\u0645\u0646\u0629 \u0648\u0645\u0631\u064a\u062d\u0629\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-hotel\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0625\u0642\u0627\u0645\u0629 \u0641\u064a \u0641\u0646\u0627\u062f\u0642 \u0645\u0645\u064a\u0632\u0629<\/h3>\r\n <p class=\"service-description\">\r\n \u0641\u0646\u0627\u062f\u0642 3 \u06485 \u0646\u062c\u0648\u0645 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u0645\u0643\u064a\u060c \u0645\u0639 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u062f\u0629 \u0627\u0644\u0631\u062d\u0644\u0629<\/h3>\r\n <p class=\"service-description\">\r\n \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u062f\u0629 \u0627\u0644\u0631\u062d\u0644\u0629 (3 \u0623\u064a\u0627\u0645 \u0623\u0648 5 \u0623\u064a\u0627\u0645) \u0645\u0639 \u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u062d\u0633\u0628 \u0627\u0644\u0631\u063a\u0628\u0629\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-hands-helping\"><\/i>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0645\u0631\u0634\u062f\u0648\u0646 \u0645\u064a\u062f\u0627\u0646\u064a\u0648\u0646<\/h3>\r\n <p class=\"service-description\">\r\n \u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u0645\u0631\u0634\u062f\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643\u0645 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629 \u0645\u0646 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0648\u0627\u0644\u0632\u064a\u0627\u0631\u0629\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Animation on scroll\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const serviceCards = document.querySelectorAll('.service-card');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animationPlayState = 'running';\r\n }\r\n });\r\n }, {threshold: 0.1});\r\n \r\n serviceCards.forEach(card => {\r\n observer.observe(card);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062d\u0645\u0644\u0629 \u0627\u0644\u0633\u0646\u062f \u0644\u0644\u0639\u0645\u0631\u0629 \u0648\u0627\u0644\u0632\u064a\u0627\u0631\u0629 – \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0646\u0642\u062f\u0645 \u0644\u0643\u0645 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0648\u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0631\u062d\u0644\u0627\u062a \u0639\u0645\u0631\u0629 \u064a\u0648\u0645\u064a\u0629 \u0631\u062d\u0644\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u064a\u0627\u0636 \u0625\u0644\u0649 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u062b\u0627\u0628\u062a\u0629 \u0648\u0645\u0631\u064a\u062d\u0629\u060c \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062c\u0645\u064a\u0639 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0631\u0627\u062d\u0629 \u062e\u0644\u0627\u0644 \u0627\u0644\u0631\u062d\u0644\u0629 \u0631\u062d\u0644\u0627\u062a \u062e\u0627\u0635\u0629 \u0644\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0631\u062d\u0644\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0623\u0648 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u0637\u0644\u0628 (\u0639\u0627\u0626\u0644\u0627\u062a – \u0639\u0632\u0627\u0628) \u0645\u0639 \u0628\u0631\u0627\u0645\u062c \u062e\u0627\u0635\u0629 \u0628\u0627\u0635\u0627\u062a VIP \u0645\u0643\u064a\u0641\u0629 \u0623\u0633\u0637\u0648\u0644 \u062d\u062f\u064a\u062b \u0645\u0646 \u0627\u0644\u0628\u0627\u0635\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0629 \u0645\u0639 \u0633\u0627\u0626\u0642\u064a\u0646 \u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0631\u062d\u0644\u0629 \u0622\u0645\u0646\u0629 \u0648\u0645\u0631\u064a\u062d\u0629 \u0625\u0642\u0627\u0645\u0629 \u0641\u064a \u0641\u0646\u0627\u062f\u0642 \u0645\u0645\u064a\u0632\u0629 \u0641\u0646\u0627\u062f\u0642 3 \u06485 \u0646\u062c\u0648\u0645 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u0645\u0643\u064a\u060c \u0645\u0639 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u062f\u0629 \u0627\u0644\u0631\u062d\u0644\u0629 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u062f\u0629 \u0627\u0644\u0631\u062d\u0644\u0629 (3 \u0623\u064a\u0627\u0645 \u0623\u0648 5 \u0623\u064a\u0627\u0645) \u0645\u0639 \u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u062d\u0633\u0628 \u0627\u0644\u0631\u063a\u0628\u0629 \u0645\u0631\u0634\u062f\u0648\u0646 \u0645\u064a\u062f\u0627\u0646\u064a\u0648\u0646 \u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u0645\u0631\u0634\u062f\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643\u0645 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629 \u0645\u0646 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0648\u0627\u0644\u0632\u064a\u0627\u0631\u0629<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2201","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=\/wp\/v2\/pages\/2201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2201"}],"version-history":[{"count":16,"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=\/wp\/v2\/pages\/2201\/revisions"}],"predecessor-version":[{"id":2350,"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=\/wp\/v2\/pages\/2201\/revisions\/2350"}],"wp:attachment":[{"href":"https:\/\/hamlatalsanad.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}