{"id":13,"date":"2026-02-08T08:36:47","date_gmt":"2026-02-08T08:36:47","guid":{"rendered":"https:\/\/maqamalinsaf.com\/?page_id=13"},"modified":"2026-03-30T12:31:26","modified_gmt":"2026-03-30T12:31:26","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/maqamalinsaf.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;500;700;900&display=swap\" rel=\"stylesheet\">\r\n <!-- Font Awesome for icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --bg-dark: #2F3437;\r\n --gold-accent: #B79044;\r\n --pure-white: #FFFFFF;\r\n --gray-text: #D1D1D1;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n .hero-wrapper {\r\n background-color: var(--bg-dark);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 150px 5% 60px 5%; \/* Padding \u0645\u062a\u0648\u0627\u0632\u0646 *\/\r\n }\r\n\r\n \/* \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u064a\u0643\u0648\u0631\u064a\u0629 *\/\r\n .hero-wrapper::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -10%;\r\n left: -5%;\r\n width: 40%;\r\n height: 120%;\r\n background-color: var(--gold-accent);\r\n opacity: 0.03;\r\n transform: rotate(-5deg);\r\n z-index: 1;\r\n }\r\n\r\n .container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1300px;\r\n }\r\n\r\n \/* --- \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0641\u064a \u0627\u0644\u0646\u0635\u0648\u0635 --- *\/\r\n .hero-tag {\r\n color: var(--gold-accent);\r\n font-size: 18px; \r\n font-weight: 500;\r\n margin-bottom: 20px;\r\n display: inline-block;\r\n border-right: 4px solid var(--gold-accent);\r\n padding-right: 15px;\r\n line-height: 1;\r\n }\r\n\r\n .hero-title {\r\n color: var(--pure-white);\r\n font-size: 64px; \/* \u062d\u062c\u0645 \u062b\u0627\u0628\u062a \u0644\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 *\/\r\n font-weight: 900;\r\n line-height: 1.2;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .hero-title span {\r\n color: var(--gold-accent);\r\n display: block;\r\n font-size: 50px; \/* \u062d\u062c\u0645 \u0623\u0635\u063a\u0631 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u0633\u0637\u0631 \u0627\u0644\u062b\u0627\u0646\u064a \u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0627\u064a\u0628\u0648\u062c\u0631\u0627\u0641\u064a *\/\r\n }\r\n\r\n .hero-p {\r\n color: var(--gray-text);\r\n font-size: 18px; \r\n line-height: 1.8;\r\n max-width: 550px;\r\n margin-bottom: 40px;\r\n font-weight: 400;\r\n }\r\n\r\n \/* --- \u0627\u0644\u0623\u0632\u0631\u0627\u0631 --- *\/\r\n .btn-box {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap; \/* \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062e\u0631\u0648\u062c \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b *\/\r\n }\r\n\r\n .main-btn {\r\n background-color: var(--gold-accent);\r\n color: var(--bg-dark);\r\n padding: 16px 35px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n border: 2px solid var(--gold-accent);\r\n transition: 0.4s ease;\r\n text-align: center;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u0644\u0646\u0635 *\/\r\n }\r\n\r\n .main-btn:hover {\r\n background-color: transparent;\r\n color: var(--gold-accent);\r\n }\r\n\r\n .secondary-btn {\r\n color: var(--pure-white);\r\n padding: 16px 35px;\r\n font-size: 17px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border: 2px solid rgba(255, 255, 255, 0.1);\r\n transition: 0.4s ease;\r\n text-align: center;\r\n }\r\n\r\n .secondary-btn:hover {\r\n border-color: var(--gold-accent);\r\n color: var(--gold-accent);\r\n }\r\n\r\n \/* --- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0628\u0635\u0631\u064a --- *\/\r\n .image-side {\r\n position: relative;\r\n width: 100%;\r\n height: 500px;\r\n }\r\n\r\n .img-mask {\r\n width: 100%;\r\n height: 100%;\r\n background: url('https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0627\u0644\u0647\u064a\u0631\u0648.webp') no-repeat center center;\r\n background-size: cover;\r\n clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);\r\n border: 1px solid var(--gold-accent);\r\n transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n .image-side:hover .img-mask {\r\n clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);\r\n }\r\n\r\n .floating-box {\r\n position: absolute;\r\n bottom: -25px;\r\n right: -25px;\r\n width: 120px;\r\n height: 120px;\r\n border: 3px solid var(--gold-accent);\r\n z-index: -1;\r\n animation: float 5s infinite ease-in-out;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translate(0, 0); }\r\n 50% { transform: translate(-15px, -15px); }\r\n }\r\n\r\n \/* --- MEDIA QUERIES (\u0627\u0644\u062a\u062c\u0627\u0648\u0628) --- *\/\r\n\r\n \/* \u062a\u0627\u0628\u0644\u062a (\u0634\u0627\u0634\u0627\u062a \u0623\u0642\u0644 \u0645\u0646 1024px) *\/\r\n @media (max-width: 1024px) {\r\n .container {\r\n grid-template-columns: 1fr; \/* \u062a\u062d\u0648\u064a\u0644 \u0644\u0635\u0641 \u0648\u0627\u062d\u062f *\/\r\n gap: 50px;\r\n text-align: center;\r\n }\r\n .hero-content {\r\n order: 1; \/* \u0627\u0644\u0646\u0635 \u0623\u0648\u0644\u0627\u064b *\/\r\n }\r\n .image-side {\r\n order: 2; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062b\u0627\u0646\u064a\u0627\u064b *\/\r\n height: 400px;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n .hero-p {\r\n margin: 0 auto 40px auto;\r\n }\r\n .btn-box {\r\n justify-content: center;\r\n }\r\n .hero-title {\r\n font-size: 52px;\r\n }\r\n .hero-title span {\r\n font-size: 42px;\r\n }\r\n }\r\n\r\n \/* \u0645\u0648\u0628\u0627\u064a\u0644 (\u0634\u0627\u0634\u0627\u062a \u0623\u0642\u0644 \u0645\u0646 768px) *\/\r\n @media (max-width: 768px) {\r\n .main-btn{padding:10px 30px;}\r\n .hero-wrapper {\r\n padding: 120px 20px 40px 20px;\r\n }\r\n .hero-title {\r\n font-size: 40px;\r\n }\r\n .hero-title span {\r\n font-size: 32px;\r\n }\r\n .hero-tag {\r\n font-size: 16px;\r\n border-right: none;\r\n border-bottom: 3px solid var(--gold-accent);\r\n padding: 0 0 5px 0;\r\n }\r\n .hero-p {\r\n font-size: 16px;\r\n }\r\n .btn-box {\r\n flex-direction: column; \/* \u0623\u0632\u0631\u0627\u0631 \u062a\u062d\u062a \u0628\u0639\u0636 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0636\u063a\u0637 *\/\r\n gap: 15px;\r\n }\r\n .main-btn, .secondary-btn {\r\n width: 100%;\r\n }\r\n .image-side {\r\n height: 300px;\r\n }\r\n .img-mask {\r\n clip-path: none; \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0645\u0639\u0642\u062f \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u062a\u0648\u0636\u064a\u062d \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n border-radius: 8px;\r\n }\r\n .floating-box {\r\n display: none; \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0634\u062a\u062a\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n }\r\n }\r\n\r\n \/* \u0645\u0648\u0628\u0627\u064a\u0644 \u0635\u063a\u064a\u0631 \u062c\u062f\u0627\u064b *\/\r\n @media (max-width: 480px) {\r\n .hero-title {\r\n font-size: 32px;\r\n }\r\n .hero-title span {\r\n font-size: 26px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-wrapper\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <span class=\"hero-tag\">\u0646\u062f\u0627\u0641\u0639 \u0639\u0646\u0643 \u062d\u062a\u0649 \u064a\u062a\u062d\u0642\u0642 \u0627\u0644\u0625\u0646\u0635\u0627\u0641<\/span>\r\n <h1 class=\"hero-title\">\r\n \u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \r\n <span>\u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/span>\r\n <\/h1>\r\n <p class=\"hero-p\">\r\n \u0641\u064a \u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0639\u062f\u0627\u0644\u0629 \u0644\u064a\u0633\u062a \u062e\u064a\u0627\u0631\u064b\u0627\u060c \u0628\u0644 \u0627\u0644\u062a\u0632\u0627\u0645. \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\u060c \u0648\u0628\u0646\u0647\u062c \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0646\u0638\u0645 \u064a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0645\u0643\u0646\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n <\/p>\r\n <div class=\"btn-box\">\r\n <a href=\"tel:0538583876\" class=\"main-btn\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n \u0627\u0628\u062f\u0623 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646 0538583876 \r\n <\/a>\r\n <a href=\"https:\/\/maqamalinsaf.com\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"secondary-btn\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-side\">\r\n <div class=\"img-mask\"><\/div>\r\n <div class=\"floating-box\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a808ca9 elementor-widget elementor-widget-html\" data-id=\"a808ca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"premium-about\">\r\n <div class=\"about-grid-container\">\r\n \r\n <div class=\"visual-stack\">\r\n <div class=\"decorative-outline\"><\/div>\r\n <div class=\"main-img-holder\">\r\n <img decoding=\"async\" src=\"https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0645\u0646-\u0646\u062d\u0646-\u0645\u0642\u0627\u0645-\u0627\u0644\u0627\u0646\u0635\u0627\u0641.webp\" alt=\"\u0645\u0643\u062a\u0628 \u0645\u062d\u0627\u0645\u0627\u0629\">\r\n <\/div>\r\n <div class=\"sub-img-holder\">\r\n <img decoding=\"async\" src=\"https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a-\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.webp\" alt=\"\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-block\">\r\n <div class=\"upper-label\">\r\n <span class=\"label-line\"><\/span>\r\n <span class=\"label-txt\" style=\"color: #B79044; font-size: 16px; font-weight: 700;\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"title-large\" style=\"color: #2F3437; font-size: clamp(30px, 5vw, 52px); font-weight: 900; line-height: 1.2; margin: 20px 0;\">\r\n \u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 <br>\r\n <span style=\"color: #B79044; font-size: clamp(24px, 4vw, 44px); font-weight: 500;\">\u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/span>\r\n <\/h2>\r\n\r\n <div class=\"desc-card\">\r\n <p class=\"highlight-p\" style=\"color: #2F3437; font-size: clamp(17px, 2vw, 20px); font-weight: 700; line-height: 1.6; margin-bottom: 20px;\">\r\n \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0628\u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d.\r\n <\/p>\r\n <p class=\"main-p\" style=\"color: #555555; font-size: 16px; line-height: 1.8; font-weight: 400;\">\r\n \u0646\u0639\u0645\u0644 \u0628\u0631\u0624\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u0646\u0647\u062c \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u0646\u0632\u0627\u0647\u0629\u060c \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"features-list\">\r\n <div class=\"feat-item\">\r\n <span class=\"feat-icon\" style=\"color: #B79044; font-size: 18px;\">\u2726<\/span>\r\n <span class=\"feat-name\" style=\"color: #2F3437; font-size: 15px; font-weight: 700;\">\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629<\/span>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <span class=\"feat-icon\" style=\"color: #B79044; font-size: 18px;\">\u2726<\/span>\r\n <span class=\"feat-name\" style=\"color: #2F3437; font-size: 15px; font-weight: 700;\">\u0646\u0632\u0627\u0647\u0629 \u0645\u0647\u0646\u064a\u0629<\/span>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <span class=\"feat-icon\" style=\"color: #B79044; font-size: 18px;\">\u2726<\/span>\r\n <span class=\"feat-name\" style=\"color: #2F3437; font-size: 15px; font-weight: 700;\">\u0633\u0631\u064a\u0629 \u062a\u0627\u0645\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n .premium-about {\r\n background-color: #FDFDFD;\r\n padding: clamp(80px, 10vw, 140px) 5%;\r\n }\r\n\r\n .about-grid-container {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(60px, 8vw, 100px);\r\n align-items: center;\r\n }\r\n\r\n \/* --- \u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 (\u062b\u0627\u0628\u062a \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628) --- *\/\r\n .visual-stack {\r\n position: relative;\r\n \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0640 aspect-ratio \u0644\u0636\u0645\u0627\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u0645\u062a\u0646\u0627\u0633\u0642\u0627\u064b *\/\r\n aspect-ratio: 1 \/ 1; \r\n width: 100%;\r\n max-width: 550px;\r\n margin: 0 auto;\r\n }\r\n\r\n .main-img-holder {\r\n position: absolute;\r\n width: 80%;\r\n height: 80%;\r\n top: 0;\r\n left: 5%; \/* \u062a\u0645 \u062a\u062d\u0631\u064a\u0643\u0647\u0627 \u0644\u0644\u064a\u0633\u0627\u0631 \u0644\u062a\u0631\u0643 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0625\u0637\u0627\u0631 *\/\r\n z-index: 2;\r\n box-shadow: 20px 20px 50px rgba(0,0,0,0.1);\r\n }\r\n\r\n .main-img-holder img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border: 1px solid rgba(183, 144, 68, 0.2);\r\n }\r\n\r\n .sub-img-holder {\r\n position: absolute;\r\n width: 50%;\r\n height: 45%;\r\n bottom: 5%;\r\n right: 0;\r\n z-index: 3;\r\n border: 6px solid #FDFDFD;\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.15);\r\n }\r\n\r\n .sub-img-holder img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .decorative-outline {\r\n position: absolute;\r\n width: 80%;\r\n height: 80%;\r\n top: 40px;\r\n left: 0;\r\n border: 2px solid #B79044;\r\n z-index: 1;\r\n }\r\n\r\n \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0628\u0637\u0627\u0642\u0629 --- *\/\r\n .upper-label { display: flex; align-items: center; gap: 12px; }\r\n .label-line { width: 40px; height: 2px; background-color: #B79044; }\r\n\r\n .desc-card {\r\n margin: 30px 0;\r\n padding-right: 20px;\r\n border-right: 4px solid #B79044;\r\n }\r\n\r\n .features-list {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n margin-top: 35px;\r\n }\r\n\r\n .feat-item { display: flex; align-items: center; gap: 8px; }\r\n\r\n \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Responsive) --- *\/\r\n @media (max-width: 1024px) {\r\n .about-grid-container {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .visual-stack {\r\n order: -1;\r\n width: 85%; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0639\u062f\u0645 \u0627\u0644\u062e\u0631\u0648\u062c \u0639\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n margin-bottom: 40px;\r\n }\r\n\r\n .upper-label { justify-content: center; }\r\n \r\n .desc-card {\r\n border-right: none;\r\n border-bottom: 3px solid #B79044;\r\n padding-right: 0;\r\n padding-bottom: 25px;\r\n }\r\n\r\n .features-list { justify-content: center; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n \/* \u062a\u0639\u062f\u064a\u0644 \u0637\u0641\u064a\u0641 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0639\u062f\u0645 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0645\u0639 \u062d\u0648\u0627\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n .decorative-outline { top: 20px; left: -10px; }\r\n .visual-stack { width: 95%; }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6bf213 elementor-widget elementor-widget-html\" data-id=\"b6bf213\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"numbers-ribbon-section\">\r\n <div class=\"ribbon-wrapper\">\r\n \r\n <div class=\"side-title-box\">\r\n <h2 style=\"color: #B79044; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; writing-mode: vertical-rl; transform: rotate(180deg); margin: 0;\">\r\n Our Integrity \/ \u0646\u0632\u0627\u0647\u062a\u0646\u0627\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"main-stats-row\">\r\n <div class=\"stat-box-flat reveal-in\">\r\n <span class=\"num-big\" style=\"color: #B79044; font-weight: 900; line-height: 1;\">100%<\/span>\r\n <div class=\"stat-info\">\r\n <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">\u0627\u0645\u062a\u062b\u0627\u0644<\/h4>\r\n <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">\u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-divider\"><\/div>\r\n\r\n <div class=\"stat-box-flat reveal-in\">\r\n <span class=\"num-big\" style=\"color: #B79044; font-weight: 900; line-height: 1;\">0<\/span>\r\n <div class=\"stat-info\">\r\n <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">\u0645\u062e\u0627\u0644\u0641\u0627\u062a<\/h4>\r\n <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">\u0645\u0647\u0646\u064a\u0629 \u0645\u0633\u062c\u0644\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-divider\"><\/div>\r\n\r\n <div class=\"stat-box-flat reveal-in\">\r\n <span class=\"num-icon\" style=\"color: #B79044; font-size: 40px;\">\u2726<\/span>\r\n <div class=\"stat-info\">\r\n <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/h4>\r\n <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">\u0645\u0648\u062b\u0642\u0629 \u0648\u0645\u0646\u0638\u0645\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-divider\"><\/div>\r\n\r\n <div class=\"stat-box-flat reveal-in\">\r\n <span class=\"num-icon\" style=\"color: #B79044; font-size: 40px;\">\u2726<\/span>\r\n <div class=\"stat-info\">\r\n <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">\u0645\u0631\u0627\u062c\u0639\u0629<\/h4>\r\n <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062f\u0642\u064a\u0642\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-divider\"><\/div>\r\n\r\n <div class=\"stat-box-flat reveal-in\">\r\n <span class=\"num-icon\" style=\"color: #B79044; font-size: 40px;\">\u2726<\/span>\r\n <div class=\"stat-info\">\r\n <h4 class=\"stat-h4\" style=\"color: #FFFFFF; font-weight: 700;\">\u0633\u0631\u064a\u0629<\/h4>\r\n <p class=\"stat-p\" style=\"color: #A0A0A0; line-height: 1.4;\">\u0645\u0647\u0646\u064a\u0629 \u0645\u0637\u0644\u0642\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n .numbers-ribbon-section {\r\n background-color: #2F3437;\r\n padding: 40px 5%;\r\n border-top: 1px solid rgba(183, 144, 68, 0.2);\r\n border-bottom: 1px solid rgba(183, 144, 68, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .ribbon-wrapper {\r\n display: flex;\r\n align-items: center;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .main-stats-row {\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n flex: 1;\r\n gap: 15px;\r\n }\r\n\r\n \/* \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0646\u0635\u0648\u0635 \u064a\u062f\u0648\u064a\u064b\u0627 *\/\r\n .num-big { font-size: clamp(40px, 5vw, 60px); }\r\n .stat-h4 { font-size: clamp(16px, 2vw, 18px); margin-bottom: 5px; }\r\n .stat-p { font-size: clamp(12px, 1.5vw, 13px); }\r\n\r\n .stat-box-flat {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n cursor: default;\r\n padding: 10px;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n }\r\n\r\n \/* \u0627\u0644\u0647\u0648\u0641\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 *\/\r\n .stat-box-flat:hover {\r\n transform: translateY(-8px);\r\n background: rgba(183, 144, 68, 0.05);\r\n }\r\n .stat-box-flat:hover .num-big, \r\n .stat-box-flat:hover .num-icon { text-shadow: 0 0 15px rgba(183, 144, 68, 0.5); }\r\n .stat-box-flat:hover .num-icon { transform: rotate(90deg); }\r\n .stat-box-flat .num-icon { transition: transform 0.6s ease; display: inline-block; }\r\n .stat-box-flat:hover h4 { color: #B79044 !important; }\r\n\r\n .stat-divider {\r\n width: 1px;\r\n height: 50px;\r\n background: linear-gradient(to bottom, transparent, #B79044, transparent);\r\n opacity: 0.3;\r\n }\r\n\r\n \/* \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n .reveal-in {\r\n opacity: 0;\r\n transform: translateX(30px);\r\n transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);\r\n }\r\n .reveal-in.active { opacity: 1; transform: translateX(0); }\r\n\r\n \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Media Queries) *\/\r\n @media (max-width: 1100px) {\r\n .main-stats-row { flex-wrap: wrap; justify-content: center; gap: 30px; }\r\n .stat-divider { display: none; }\r\n .side-title-box { display: none; } \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 *\/\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .numbers-ribbon-section { padding: 50px 5%; }\r\n .main-stats-row { flex-direction: column; gap: 40px; }\r\n .stat-box-flat { width: 100%; justify-content: flex-start; padding-right: 20%; }\r\n .num-big { min-width: 100px; } \/* \u0644\u0636\u0645\u0627\u0646 \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 *\/\r\n }\r\n\r\n \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n .side-title-box {\r\n padding-left: 30px;\r\n border-left: 1px solid rgba(183, 144, 68, 0.3);\r\n margin-left: 30px;\r\n }\r\n<\/style>\r\n\r\n<script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) entry.target.classList.add('active');\r\n });\r\n }, { threshold: 0.1 });\r\n document.querySelectorAll('.reveal-in').forEach(el => observer.observe(el));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d350f2 elementor-widget elementor-widget-html\" data-id=\"2d350f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"premium-services-trinity\">\r\n <div class=\"luxury-container\">\r\n \r\n <div class=\"services-top-bar reveal\">\r\n <div class=\"title-side\">\r\n <span class=\"top-tag\" style=\"color: #B79044; font-size: 13px; font-weight: 700; letter-spacing: 3px; display: block; margin-bottom: 10px;\">EXPERTISE<\/span>\r\n <h2 style=\"color: #2F3437; font-size: clamp(26px, 3vw, 36px); font-weight: 800; margin: 0;\">\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0645\u064a\u0632 <span style=\"font-weight: 300; opacity: 0.6;\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<\/span><\/h2>\r\n <\/div>\r\n <div class=\"button-side\">\r\n <a href=\"#\" class=\"minimal-btn-side\">\r\n <span style=\"color: #2F3437; font-size: 14px; font-weight: 700;\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0643\u0627\u0641\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a<\/span>\r\n <span class=\"btn-arrow\">\u2190<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"services-trinity-grid\">\r\n \r\n <div class=\"trinity-item reveal\" style=\"transition-delay: 0.1s;\">\r\n <div class=\"card-wrapper\">\r\n <div class=\"card-bg\" style=\"background-image: url('https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0627\u0644\u062a\u0645\u062b\u064a\u0644.webp');\"><\/div>\r\n <div class=\"card-overlay-soft\"><\/div>\r\n <div class=\"card-data\">\r\n <span class=\"card-no\" style=\"color: #B79044; font-size: 14px; font-weight: 900; opacity: 0.8; display: block; margin-bottom: 15px;\">01<\/span>\r\n <h3 style=\"color: #FFFFFF; font-size: 20px; font-weight: 700; margin-bottom: 12px;\">\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a<\/h3>\r\n <p style=\"color: rgba(255,255,255,0.75); font-size: 14px; line-height: 1.7; font-weight: 400; margin: 0;\">\r\n \u062a\u0645\u062b\u064a\u0644 \u0642\u0627\u0646\u0648\u0646\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0628\u0645\u062e\u062a\u0644\u0641 \u062f\u0631\u062c\u0627\u062a\u0647\u0627\u060c \u0645\u0639 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a.\r\n <\/p>\r\n <div class=\"hover-line\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trinity-item reveal\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"card-wrapper\">\r\n <div class=\"card-bg\" style=\"background-image: url('https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a-\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.webp');\"><\/div>\r\n <div class=\"card-overlay-soft\"><\/div>\r\n <div class=\"card-data\">\r\n <span class=\"card-no\" style=\"color: #B79044; font-size: 14px; font-weight: 900; opacity: 0.8; display: block; margin-bottom: 15px;\">02<\/span>\r\n <h3 style=\"color: #FFFFFF; font-size: 20px; font-weight: 700; margin-bottom: 12px;\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n <p style=\"color: rgba(255,255,255,0.75); font-size: 14px; line-height: 1.7; font-weight: 400; margin: 0;\">\r\n \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0648\u0636\u0639\u0647\u0645 \u0627\u0644\u0646\u0638\u0627\u0645\u064a \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0644\u064a\u0645\u0629 \u0648\u0645\u062f\u0631\u0648\u0633\u0629.\r\n <\/p>\r\n <div class=\"hover-line\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trinity-item reveal\" style=\"transition-delay: 0.3s;\">\r\n <div class=\"card-wrapper\">\r\n <div class=\"card-bg\" style=\"background-image: url('https:\/\/maqamalinsaf.com\/wp-content\/uploads\/2026\/02\/\u0627\u0644\u0642\u0636\u0627\u064a\u0627-\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.webp');\"><\/div>\r\n <div class=\"card-overlay-soft\"><\/div>\r\n <div class=\"card-data\">\r\n <span class=\"card-no\" style=\"color: #B79044; font-size: 14px; font-weight: 900; opacity: 0.8; display: block; margin-bottom: 15px;\">03<\/span>\r\n <h3 style=\"color: #FFFFFF; font-size: 20px; font-weight: 700; margin-bottom: 12px;\">\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n <p style=\"color: rgba(255,255,255,0.75); font-size: 14px; line-height: 1.7; font-weight: 400; margin: 0;\">\r\n \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0641\u0638 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u062a\u062d\u0642\u0642 \u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0644\u0644\u0634\u0631\u0643\u0627\u062a.\r\n <\/p>\r\n <div class=\"hover-line\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n .premium-services-trinity {\r\n background-color: #FFFFFF;\r\n padding: 100px 5%;\r\n }\r\n\r\n .luxury-container { max-width: 1200px; margin: 0 auto; }\r\n\r\n \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0644\u0648\u064a (\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u064a\u0645\u064a\u0646 \u0648\u0627\u0644\u0632\u0631 \u064a\u0633\u0627\u0631) *\/\r\n .services-top-bar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-bottom: 60px;\r\n gap: 20px;\r\n }\r\n\r\n .minimal-btn-side {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n padding-bottom: 8px;\r\n border-bottom: 2px solid rgba(183, 144, 68, 0.3);\r\n transition: 0.3s ease;\r\n }\r\n\r\n .minimal-btn-side:hover { border-bottom-color: #B79044; transform: translateX(-5px); }\r\n\r\n \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n .services-trinity-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n }\r\n\r\n .card-wrapper {\r\n position: relative;\r\n height: 450px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background-color: #2F3437;\r\n }\r\n\r\n .card-bg {\r\n position: absolute; inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n transition: transform 0.3s ease; \/* \u0627\u0646\u064a\u0645\u064a\u0634\u0646 \u0646\u0627\u0639\u0645 0.3 \u062b\u0627\u0646\u064a\u0629 *\/\r\n }\r\n\r\n .card-overlay-soft {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to top, rgba(15, 17, 18, 0.9) 10%, transparent 70%);\r\n transition: 0.3s ease !important;\r\n z-index: 1;\r\n }\r\n\r\n .card-data {\r\n position: absolute; bottom: 0; right: 0; left: 0;\r\n padding: 35px;\r\n z-index: 2;\r\n }\r\n\r\n .hover-line {\r\n width: 30px; height: 2px; background: #B79044;\r\n margin-top: 20px; transition: 0.3s ease;\r\n }\r\n\r\n \/* Hover Effects - 0.3s Animation *\/\r\n .trinity-item:hover .card-bg { transform: scale(1.08); }\r\n .trinity-item:hover .card-overlay-soft { background: linear-gradient(to top, #B79044 5%, rgba(15, 17, 18, 0.8) 100%); opacity: 0.85; \r\n transition: 0.3s ease !important;\r\n\r\n }\r\n .trinity-item:hover .hover-line { width: 100%; }\r\n transition: 0.3s ease !important;\r\n\r\n\r\n \/* Entrance Animation *\/\r\n .reveal { opacity: 0; transform: translateY(20px); transition: 0.8s ease; }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 991px) {\r\n .services-top-bar { flex-direction: column; align-items: flex-start; text-align: right; }\r\n .services-trinity-grid { grid-template-columns: 1fr; gap: 20px; }\r\n .card-wrapper { height: 380px; }\r\n .button-side { margin-top: 20px; }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n const handleReveal = () => {\r\n const items = document.querySelectorAll('.reveal');\r\n items.forEach(el => {\r\n if (el.getBoundingClientRect().top < window.innerHeight - 50) {\r\n el.classList.add('active');\r\n }\r\n });\r\n };\r\n window.addEventListener('scroll', handleReveal);\r\n window.addEventListener('load', handleReveal);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-896cecd elementor-widget elementor-widget-html\" data-id=\"896cecd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"work-process-section\">\r\n <div class=\"process-container\">\r\n \r\n <div class=\"process-header reveal\">\r\n <div class=\"header-right\">\r\n <span class=\"process-tag\" style=\"color: #B79044; font-size: 12px; font-weight: 700; letter-spacing: 3px;\">METHODOLOGY<\/span>\r\n <h2 style=\"color: #2F3437; font-size: 32px; font-weight: 800; margin-top: 10px;\">\u0622\u0644\u064a\u0629 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a <span style=\"color: #B79044;\">\u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641<\/span><\/h2>\r\n <\/div>\r\n <div class=\"header-left\">\r\n <p style=\"color: #777; font-size: 14px; line-height: 1.6; max-width: 400px;\">\u0646\u0639\u062a\u0645\u062f \u0645\u0646\u0647\u062c\u064a\u0629 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0646\u0638\u0645\u0629\u060c \u062a\u0636\u0645\u0646 \u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0642\u0636\u064a\u062a\u0643 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0648\u062d\u062a\u0649 \u0627\u0644\u0625\u063a\u0644\u0627\u0642.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-steps-grid\">\r\n \r\n <div class=\"step-item reveal\" style=\"transition-delay: 0.1s;\">\r\n <div class=\"step-number-box\">\r\n <span class=\"step-num-bg\">01<\/span>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h3 style=\"color: #2F3437; font-size: 18px; font-weight: 800; margin-bottom: 12px;\">\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/h3>\r\n <p style=\"color: #666; font-size: 13.5px; line-height: 1.8;\">\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0627\u0644\u0645\u0628\u062f\u0626\u064a \u0639\u0644\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0642\u0636\u064a\u0629 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0628\u062f\u0642\u0629.<\/p>\r\n <\/div>\r\n <div class=\"step-connector\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-item reveal\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"step-number-box\">\r\n <span class=\"step-num-bg\">02<\/span>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h3 style=\"color: #2F3437; font-size: 18px; font-weight: 800; margin-bottom: 12px;\">\u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n <p style=\"color: #666; font-size: 13.5px; line-height: 1.8;\">\u0625\u062c\u0631\u0627\u0621 \u062a\u062d\u0644\u064a\u0644 \u0634\u0627\u0645\u0644 \u0648\u062f\u0642\u064a\u0642 \u0644\u0644\u0648\u0642\u0627\u0626\u0639 \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0630\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u0628\u0646\u0627\u0621 \u0645\u0648\u0642\u0641 \u0642\u0627\u0646\u0648\u0646\u064a \u0642\u0648\u064a.<\/p>\r\n <\/div>\r\n <div class=\"step-connector\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-item reveal\" style=\"transition-delay: 0.3s;\">\r\n <div class=\"step-number-box\">\r\n <span class=\"step-num-bg\">03<\/span>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h3 style=\"color: #2F3437; font-size: 18px; font-weight: 800; margin-bottom: 12px;\">\u0648\u0636\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h3>\r\n <p style=\"color: #666; font-size: 13.5px; line-height: 1.8;\">\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0623\u0646\u0633\u0628 \u0648\u0634\u0631\u062d \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0639\u0645\u064a\u0644 \u0628\u0634\u0641\u0627\u0641\u064a\u0629 \u062a\u0627\u0645\u0629 \u0648\u0648\u0636\u0648\u062d \u0639\u0627\u0644\u064a.<\/p>\r\n <\/div>\r\n <div class=\"step-connector\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-item reveal\" style=\"transition-delay: 0.4s;\">\r\n <div class=\"step-number-box\">\r\n <span class=\"step-num-bg\">04<\/span>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h3 style=\"color: #2F3437; font-size: 18px; font-weight: 800; margin-bottom: 12px;\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/h3>\r\n <p style=\"color: #666; font-size: 13.5px; line-height: 1.8;\">\u0645\u0628\u0627\u0634\u0631\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0627\u0641\u0639\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0648\u0625\u0637\u0644\u0627\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u062c\u062f\u0627\u062a \u0623\u0648\u0644\u0627\u064b \u0628\u0623\u0648\u0644.<\/p>\r\n <\/div>\r\n <div class=\"step-connector\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"step-item reveal\" style=\"transition-delay: 0.5s;\">\r\n <div class=\"step-number-box\">\r\n <span class=\"step-num-bg\">05<\/span>\r\n <\/div>\r\n <div class=\"step-content\">\r\n <h3 style=\"color: #2F3437; font-size: 18px; font-weight: 800; margin-bottom: 12px;\">\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0645\u0644\u0641<\/h3>\r\n <p style=\"color: #666; font-size: 13.5px; line-height: 1.8;\">\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u062e\u062f\u0645\u0629 \u0648\u0641\u0642 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0646\u0638\u0627\u0645\u064a\u0629 \u0645\u0648\u062b\u0642\u0629\u060c \u0645\u0639 \u062d\u0641\u0638 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0628\u0633\u0631\u064a\u0629 \u062a\u0627\u0645\u0629 \u0648\u0623\u0645\u0627\u0646.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n .work-process-section {\r\n background-color: #FBFBFB;\r\n padding: 120px 8%;\r\n }\r\n\r\n .process-container { max-width: 1300px; margin: 0 auto; }\r\n\r\n \/* \u0627\u0644\u0647\u064a\u062f\u0631: \u062a\u0648\u0632\u064a\u0639 \u064a\u0645\u064a\u0646 \u0648\u064a\u0633\u0627\u0631 *\/\r\n .process-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-bottom: 100px;\r\n gap: 30px;\r\n }\r\n\r\n \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0623\u0641\u0642\u064a\u0651\u0629 *\/\r\n .process-steps-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n .step-item {\r\n position: relative;\r\n padding: 20px;\r\n transition: all 0.3s ease; \/* \u0647\u0648\u0641\u0631 \u0646\u0627\u0639\u0645 0.3 \u062b\u0627\u0646\u064a\u0629 *\/\r\n }\r\n\r\n .step-number-box {\r\n width: 50px;\r\n height: 50px;\r\n background: #FFFFFF;\r\n border: 1px solid #EEE;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n position: relative;\r\n z-index: 2;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .step-num-bg {\r\n color: #B79044;\r\n font-size: 16px;\r\n font-weight: 900;\r\n }\r\n\r\n \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0648\u0627\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0648\u0627\u062a *\/\r\n .step-connector {\r\n position: absolute;\r\n top: 45px;\r\n right: 70px;\r\n width: calc(100% - 40px);\r\n height: 1px;\r\n background: #DDD;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u0627\u0644\u0647\u0648\u0641\u0631 \u0627\u0644\u0646\u0627\u0639\u0645 *\/\r\n .step-item:hover { transform: translateY(-10px); }\r\n .step-item:hover .step-number-box { \r\n background: #B79044; \r\n border-color: #B79044;\r\n box-shadow: 0 10px 20px rgba(183, 144, 68, 0.2);\r\n }\r\n .step-item:hover .step-num-bg { color: #FFFFFF; }\r\n\r\n \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 (Responsive) *\/\r\n @media (max-width: 1100px) {\r\n .process-steps-grid { grid-template-columns: repeat(3, 1fr); gap: 40px; }\r\n .step-connector { display: none; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .process-header { flex-direction: column; align-items: flex-start; margin-bottom: 50px; }\r\n .process-steps-grid { grid-template-columns: 1fr; }\r\n .step-item { padding: 0 0 40px 0; border-right: 1px solid #EEE; padding-right: 20px; }\r\n .step-number-box { margin-bottom: 15px; }\r\n }\r\n\r\n \/* \u0627\u0644\u0627\u0646\u064a\u0645\u064a\u0634\u0646 *\/\r\n .reveal { opacity: 0; transform: translateY(30px); transition: 0.8s ease; }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a8d4e5 elementor-widget elementor-widget-html\" data-id=\"4a8d4e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<section class=\"artistic-contact-section\">\r\n <div class=\"glow-bg\"><\/div> <div class=\"content-wrapper\">\r\n \r\n <div class=\"header-bar reveal\">\r\n <div class=\"title-group\">\r\n <span class=\"top-hint\">CONTACT US<\/span>\r\n <h2 class=\"main-title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 <span class=\"gold-gradient\">\u0646\u062e\u0628\u0629 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/span><\/h2>\r\n <\/div>\r\n <div class=\"action-group\">\r\n <a href=\"https:\/\/wa.me\/96655555555\" class=\"side-link\">\r\n <span>\u0628\u062f\u0621 \u0645\u062d\u0627\u062f\u062b\u0629 \u0641\u0648\u0631\u064a\u0629<\/span>\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"main-grid\">\r\n \r\n <div class=\"contact-cards-column reveal\">\r\n <p class=\"description\">\u0646\u062d\u0646 \u0641\u064a \u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0639\u062f\u0627\u0644\u0629 \u064a\u0628\u062f\u0623 \u0628\u0627\u0633\u062a\u0645\u0627\u0639 \u062c\u064a\u062f. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0642\u0646\u0627\u0629 \u0627\u0644\u062a\u064a \u062a\u0641\u0636\u0644\u0647\u0627.<\/p>\r\n \r\n <div class=\"cards-stack\">\r\n <a href=\"https:\/\/maps.google.com\/?q=\u0627\u0644\u0631\u064a\u0627\u0636\" target=\"_blank\" class=\"glass-card\">\r\n <div class=\"card-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n <div class=\"card-info\">\r\n <label>\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/label>\r\n <span>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"tel:0538583876\" class=\"glass-card\">\r\n <div class=\"card-icon\"><i class=\"fas fa-phone-volume\"><\/i><\/div>\r\n <div class=\"card-info\">\r\n <label>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\r\n <span class=\"ltr-text\">0538583876<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/966538583876\" class=\"glass-card\">\r\n <div class=\"card-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <div class=\"card-info\">\r\n <label>\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\r\n <span class=\"ltr-text\">0538583876<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"mailto:info@maqamalinsaf.com\" class=\"glass-card\">\r\n <div class=\"card-icon\"><i class=\"far fa-envelope\"><\/i><\/div>\r\n <div class=\"card-info\">\r\n <label>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\r\n <span>info@maqamalinsaf.com<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-column reveal\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"artistic-form-box\">\r\n <div class=\"form-header\">\r\n <h4 style=\"color: #FFF; font-size: 16px; font-weight: 700; margin-bottom: 5px;\">\u0623\u0631\u0633\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643<\/h4>\r\n <p style=\"color: rgba(255,255,255,0.4); font-size: 12px;\">\u0633\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646<\/p>\r\n <\/div>\r\n <style id=\"wpforms-css-vars-46\">\n\t\t\t\t#wpforms-46 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-46\"><form id=\"wpforms-form-46\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"46\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/13\" data-token=\"64fccdb078b493103082bdbd9f811c60\" data-token-time=\"1776153113\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-46-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-46-field_1\">\u0627\u0644\u0627\u0633\u0645 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-46-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"\u0627\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0647\u0646\u0627\" aria-errormessage=\"wpforms-46-field_1-error\" required><\/div>\t\t<div id=\"wpforms-46-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-46-field_5\" >\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u062e\u062a\u064a\u0627\u0631\u064a<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-46-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-46-field_2-container\" class=\"wpforms-field wpforms-field-email wpforms-one-half wpforms-first\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-46-field_2\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u0649 ( \u0627\u062e\u062a\u064a\u0627\u0631\u064a )<\/label><input type=\"email\" id=\"wpforms-46-field_2\" class=\"wpforms-field-large\" name=\"wpforms[fields][2]\" placeholder=\"\u0627\u062f\u062e\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0647\u0646\u0627\" spellcheck=\"false\" aria-errormessage=\"wpforms-46-field_2-error\" ><\/div><div id=\"wpforms-46-field_3-container\" class=\"wpforms-field wpforms-field-text wpforms-one-half\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-46-field_3\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-46-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"055555555\" aria-errormessage=\"wpforms-46-field_3-error\" required><\/div><div id=\"wpforms-46-field_4-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-46-field_4\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \/ \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-46-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" placeholder=\"\u0627\u062f\u062e\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \/ \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0647\u0646\u0627 ...\" aria-errormessage=\"wpforms-46-field_4-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-46-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-46-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-46-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"46\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages\/13\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-46\" class=\"wpforms-submit\" data-alt-text=\"\u062c\u0627\u0631\u0650 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 ...\" data-submit-text=\"\u0625\u0631\u0633\u0627\u0644\" aria-live=\"assertive\" value=\"wpforms-submit\">\u0625\u0631\u0633\u0627\u0644<\/button><img decoding=\"async\" src=\"https:\/\/maqamalinsaf.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> <!-- .wpforms-container -->\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n .artistic-contact-section {\r\n background-color: #2F3437;\r\n padding: 120px 5%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0627\u0644\u0648\u0647\u062c \u0627\u0644\u0641\u0646\u064a \u0627\u0644\u062e\u0644\u0641\u064a *\/\r\n .glow-bg {\r\n position: absolute; top: 20%; left: 10%;\r\n width: 300px; height: 300px;\r\n background: radial-gradient(circle, rgba(183, 144, 68, 0.08) 0%, transparent 70%);\r\n filter: blur(50px);\r\n z-index: 1;\r\n }\r\n\r\n .content-wrapper { max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n \/* \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n .header-bar {\r\n display: flex; justify-content: space-between; align-items: flex-end;\r\n margin-bottom: 80px; padding-bottom: 30px;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n }\r\n\r\n .top-hint { color: #B79044; font-size: 11px; letter-spacing: 4px; display: block; margin-bottom: 10px; }\r\n .main-title { color: #FFF; font-size: clamp(24px, 4vw, 36px); font-weight: 800; margin: 0; }\r\n .gold-gradient { background: linear-gradient(to left, #B79044, #F0C36D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n\r\n .side-link { text-decoration: none; color: #FFF; display: flex; align-items: center; gap: 15px; transition: 0.3s; }\r\n .side-link:hover { color: #B79044; transform: translateY(-3px); }\r\n\r\n \/* \u0627\u0644\u062c\u0631\u064a\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n .main-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; }\r\n\r\n .description { color: rgba(255,255,255,0.5); font-size: 14px; line-height: 1.8; margin-bottom: 40px; }\r\n\r\n \/* \u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0643\u0631\u0648\u062a Linkable *\/\r\n .cards-stack { display: flex; flex-direction: column; gap: 15px; }\r\n .glass-card {\r\n display: flex; align-items: center; gap: 20px; padding: 20px;\r\n background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.03);\r\n border-radius: 10px; text-decoration: none; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .glass-card:hover { background: rgba(183, 144, 68, 0.05); border-color: rgba(183, 144, 68, 0.2); transform: translateX(-10px); }\r\n\r\n .card-icon {\r\n width: 45px; height: 45px; background: rgba(183, 144, 68, 0.1);\r\n color: #B79044; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px;\r\n }\r\n\r\n .card-info label { display: block; color: rgba(255,255,255,0.4); font-size: 11px; font-weight: 700; margin-bottom: 4px; }\r\n .card-info span { color: #FFF; font-size: 15px; font-weight: 600; transition: 0.3s; }\r\n .ltr-text { direction: ltr; display: inline-block; }\r\n\r\n .glass-card:hover span { color: #B79044; }\r\n\r\n \/* \u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0641\u0648\u0631\u0645 WPForms *\/\r\n .artistic-form-box {\r\n background: #111315; padding: 45px; border-radius: 15px;\r\n border: 1px solid rgba(183, 144, 68, 0.1); box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n }\r\n .form-header { margin-bottom: 30px; border-right: 3px solid #B79044; padding-right: 15px; }\r\n\r\n \/* \u062a\u062e\u0635\u064a\u0635 WPForms \u0628\u062f\u0642\u0629 *\/\r\n .wpforms-form input[type=text], .wpforms-form input[type=email], .wpforms-form textarea {\r\n background: #08090A !important; border: 1px solid #222 !important; color: #FFF !important;\r\n border-radius: 6px !important; padding: 14px !important; font-size: 14px !important;\r\n }\r\n .wpforms-form input:focus { border-color: #B79044 !important; }\r\n .wpforms-form button.wpforms-submit {\r\n background: #B79044 !important; color: #000 !important; width: 100% !important;\r\n font-weight: 800 !important; height: 50px !important; border-radius: 6px !important; transition: 0.3s !important;\r\n }\r\n .wpforms-form button.wpforms-submit:hover { opacity: 0.9 !important; transform: scale(0.98); }\r\n\r\n \/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 \u0630\u0643\u064a *\/\r\n @media (max-width: 991px) {\r\n .header-bar { flex-direction: column; align-items: flex-start; gap: 20px; }\r\n .main-grid { grid-template-columns: 1fr; gap: 50px; }\r\n .glass-card:hover { transform: translateY(-5px); }\r\n .artistic-form-box { padding: 30px 20px; }\r\n }\r\n\r\n \/* \u0627\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 *\/\r\n .reveal { opacity: 0; transform: translateY(30px); transition: 0.8s ease-out; }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n<\/style>\r\n\r\n<script>\r\n const revealOnScroll = () => {\r\n document.querySelectorAll('.reveal').forEach(el => {\r\n if (el.getBoundingClientRect().top < window.innerHeight - 50) el.classList.add('active');\r\n });\r\n };\r\n window.addEventListener('scroll', revealOnScroll);\r\n window.addEventListener('load', revealOnScroll);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0646\u062f\u0627\u0641\u0639 \u0639\u0646\u0643 \u062d\u062a\u0649 \u064a\u062a\u062d\u0642\u0642 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0641\u064a \u0645\u0642\u0627\u0645 \u0627\u0644\u0625\u0646\u0635\u0627\u0641 \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0639\u062f\u0627\u0644\u0629 \u0644\u064a\u0633\u062a \u062e\u064a\u0627\u0631\u064b\u0627\u060c […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":64,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/maqamalinsaf.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}