\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629 – \u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627<\/title>\n\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-color: #007bff;\n --secondary-color: #6c757d;\n --success-color: #28a745;\n --info-color: #17a2b8;\n --warning-color: #ffc107;\n --danger-color: #dc3545;\n --light-color: #f8f9fa;\n --dark-color: #343a40;\n --white: #ffffff;\n --gray-100: #f8f9fa;\n --gray-200: #e9ecef;\n --gray-300: #dee2e6;\n --gray-400: #ced4da;\n --gray-500: #adb5bd;\n --gray-600: #6c757d;\n --gray-700: #495057;\n --gray-800: #343a40;\n --gray-900: #212529;\n --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--info-color) 100%);\n --gradient-secondary: linear-gradient(135deg, var(--warning-color) 0%, #ffeb3b 100%);\n --shadow-soft: 0 4px 20px rgba(0,0,0,0.1);\n --shadow-hover: 0 8px 30px rgba(0,0,0,0.15);\n }\n\n body {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n line-height: 1.6;\n color: var(--gray-900);\n background-color: var(--white);\n overflow-x: hidden;\n }\n\n \/* Header & Navigation *\/\n .header {\n background: var(--gradient-primary);\n box-shadow: var(--shadow-soft);\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 1000;\n transition: all 0.3s ease;\n }\n\n .nav-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 70px;\n flex-wrap: wrap;\n }\n\n .header-content {\n display: flex;\n align-items: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n }\n\n .logo img {\n height: 50px;\n width: auto;\n object-fit: contain;\n }\n\n .nav-menu {\n display: flex;\n list-style: none;\n gap: 25px;\n margin: 0;\n padding: 0;\n }\n\n .nav-menu a {\n color: var(--white);\n text-decoration: none;\n font-weight: 500;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n padding: 8px 16px;\n border-radius: 25px;\n }\n\n .nav-menu a:hover {\n background: rgba(255,255,255,0.1);\n transform: translateY(-2px);\n }\n\n .cta-button {\n background: var(--gradient-secondary);\n color: var(--gray-900);\n padding: 12px 24px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: 600;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-soft);\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-hover);\n }\n\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(rgba(0,123,255,0.85), rgba(23,162,184,0.85)), \n url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 600\"><defs><pattern id=\"pattern\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><circle cx=\"30\" cy=\"30\" r=\"3\" fill=\"%23ffffff\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"1200\" height=\"600\" fill=\"%23007bff\"\/><rect width=\"1200\" height=\"600\" fill=\"url(%23pattern)\"\/><\/svg>');\n min-height: 100vh;\n display: flex;\n align-items: center;\n text-align: center;\n padding: 100px 20px 60px;\n position: relative;\n }\n\n .hero-content {\n max-width: 800px;\n margin: 0 auto;\n color: var(--white);\n }\n\n .hero h1 {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n line-height: 1.2;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n opacity: 0.95;\n font-weight: 300;\n }\n\n .hero-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 40px;\n }\n\n .btn-primary {\n background: var(--gradient-secondary);\n color: var(--gray-900);\n padding: 15px 35px;\n border-radius: 35px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-soft);\n border: 2px solid transparent;\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--white);\n padding: 15px 35px;\n border-radius: 35px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n border: 2px solid var(--white);\n }\n\n .btn-primary:hover, .btn-secondary:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-hover);\n }\n\n .btn-secondary:hover {\n background: var(--white);\n color: var(--primary-color);\n }\n\n \/* Services Section *\/\n .services {\n padding: 80px 20px;\n background: var(--gray-100);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .section-title {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n font-size: 2.5rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: var(--gray-600);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 50px;\n }\n\n .service-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: 20px;\n text-align: center;\n box-shadow: var(--shadow-soft);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-hover);\n border-color: var(--warning-color);\n }\n\n .service-icon {\n width: 80px;\n height: 80px;\n background: var(--gradient-secondary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n font-size: 2rem;\n color: var(--gray-900);\n }\n\n .service-card h3 {\n font-size: 1.4rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 600;\n }\n\n .service-card p {\n color: var(--gray-600);\n line-height: 1.7;\n }\n\n \/* Featured Package *\/\n .featured-package {\n padding: 80px 20px;\n background: var(--gradient-primary);\n color: var(--white);\n text-align: center;\n }\n\n .package-card {\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(10px);\n padding: 50px 40px;\n border-radius: 25px;\n max-width: 600px;\n margin: 40px auto;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .package-price {\n font-size: 3rem;\n font-weight: 700;\n color: var(--warning-color);\n margin-bottom: 10px;\n }\n\n .package-duration {\n font-size: 1.2rem;\n margin-bottom: 20px;\n opacity: 0.9;\n }\n\n .package-dates {\n background: rgba(255,255,255,0.1);\n padding: 15px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n \/* About Section *\/\n .about {\n padding: 80px 20px;\n background: var(--white);\n }\n\n .about-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .about-text h2 {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n font-size: 2.3rem;\n color: var(--primary-color);\n margin-bottom: 25px;\n font-weight: 700;\n }\n\n .about-text p {\n color: var(--gray-600);\n line-height: 1.8;\n margin-bottom: 20px;\n font-size: 1.1rem;\n }\n\n .about-features {\n margin-top: 30px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 15px;\n padding: 15px;\n background: var(--gray-100);\n border-radius: 15px;\n transition: all 0.3s ease;\n }\n\n .feature-item:hover {\n background: var(--primary-color);\n color: var(--white);\n transform: translateX(-5px);\n }\n\n .feature-icon {\n width: 40px;\n height: 40px;\n background: var(--gradient-secondary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray-900);\n }\n\n .about-visual {\n text-align: center;\n }\n\n .mosque-icon {\n font-size: 15rem;\n color: var(--warning-color);\n opacity: 0.1;\n margin-bottom: 20px;\n }\n\n \/* Footer *\/\n .footer {\n background: var(--dark-color);\n color: var(--white);\n padding: 60px 20px 30px;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-bottom: 40px;\n }\n\n .footer-section h3 {\n color: var(--warning-color);\n margin-bottom: 20px;\n font-size: 1.3rem;\n }\n\n .footer-section p, .footer-section a {\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n margin-bottom: 10px;\n display: block;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--warning-color);\n }\n\n .footer-bottom {\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(255,255,255,0.1);\n color: rgba(255,255,255,0.6);\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .fade-in-up {\n animation: fadeInUp 0.8s ease forwards;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .header-content {\n width: 100%;\n justify-content: space-between;\n }\n \n .nav-menu {\n display: none;\n }\n\n .logo img {\n height: 40px;\n }\n\n .cta-button {\n padding: 8px 16px;\n font-size: 0.9rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .about-content {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .package-price {\n font-size: 2.5rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2rem;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n }\n\n .service-card {\n padding: 30px 20px;\n }\n\n .package-card {\n padding: 30px 25px;\n }\n }\n\n \/* Scroll Progress Indicator *\/\n .scroll-progress {\n position: fixed;\n top: 70px;\n left: 0;\n width: 0%;\n height: 3px;\n background: var(--gradient-secondary);\n z-index: 999;\n transition: width 0.25s ease;\n }\n\n \/* Floating WhatsApp Button *\/\n .whatsapp-float {\n position: fixed;\n bottom: 30px;\n left: 30px;\n width: 60px;\n height: 60px;\n background: #25D366;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n color: white;\n text-decoration: none;\n box-shadow: var(--shadow-hover);\n transition: all 0.3s ease;\n z-index: 999;\n animation: pulse 2s infinite;\n }\n\n .whatsapp-float:hover {\n transform: scale(1.1) translateY(-3px);\n color: white;\n }\n\n @keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\n }\n 70% {\n box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n }\n }\n .scroll-progress {\n position: fixed;\n top: 70px;\n left: 0;\n width: 0%;\n height: 3px;\n background: var(--gradient-secondary);\n z-index: 999;\n transition: width 0.25s ease;\n }\n\n\n <\/style>\n<\/head>\n<body>\n \n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n \n <header class=\"header\">\n <nav class=\"nav-container\">\n <div class=\"header-content\">\n <a href=\"https:\/\/al-madinah.nl\/wp-content\/uploads\/2025\/07\/\u0633\u064a\u0628\u0633.png\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/al-madinah.nl\/wp-content\/uploads\/2025\/07\/\u0633\u064a\u0628\u0633.png\" alt=\"\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629\">\n <\/a>\n <ul class=\"nav-menu\">\n <li><a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\n <li><a href=\"#packages\">\u0627\u0644\u0628\u0627\u0642\u0627\u062a<\/a><\/li>\n <li><a href=\"#about\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#contact\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0631\u062d\u0644\u0629 \u0639\u0645\u0631\u0629\" class=\"cta-button\">\n <i class=\"fab fa-whatsapp\"><\/i>\n \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643\n <\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section id=\"home\" class=\"hero\">\n <div class=\"hero-content fade-in-up\">\n <h1>\u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u0631\u0629 \u0627\u0644\u064a\u0633\u0631\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649<\/h1>\n <p class=\"hero-subtitle\">\u062a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627 – \u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646<\/p>\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0631\u062d\u0644\u0629 \u0639\u0645\u0631\u0629\" class=\"btn-primary\">\n <i class=\"fab fa-whatsapp\"><\/i>\n \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/a>\n <a href=\"#services\" class=\"btn-secondary\">\n <i class=\"fas fa-info-circle\"><\/i>\n \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"services\">\n <div class=\"container\">\n <div class=\"section-header fade-in-up\">\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/h2>\n <p class=\"section-subtitle\">\u0646\u0648\u0641\u0631 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062c\u0639\u0644 \u0631\u062d\u0644\u062a\u0643 \u0625\u0644\u0649 \u0628\u064a\u062a \u0627\u0644\u0644\u0647 \u0627\u0644\u062d\u0631\u0627\u0645 \u0645\u0631\u064a\u062d\u0629 \u0648\u0645\u0628\u0627\u0631\u0643\u0629<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-plane\"><\/i>\n <\/div>\n <h3>\u0637\u064a\u0631\u0627\u0646 \u0645\u0646\u0627\u0633\u0628<\/h3>\n <p>\u0646\u0648\u0641\u0631 \u0631\u062d\u0644\u0627\u062a \u0637\u064a\u0631\u0627\u0646 \u0645\u0631\u064a\u062d\u0629 \u0645\u0639 \u0634\u0631\u0643\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u0645\u0644\u0627\u0626\u0645\u0629 \u0648\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u0645\u064a\u0632\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u0631\u062d\u0644\u0629<\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-hotel\"><\/i>\n <\/div>\n <h3>\u0641\u0646\u0627\u062f\u0642 \u0642\u0631\u064a\u0628\u0629<\/h3>\n <p>\u0646\u062e\u062a\u0627\u0631 \u0623\u0641\u0636\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646 \u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u0646\u0627\u0633\u0643<\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3>\u062e\u062f\u0645\u0629 \u0645\u0645\u062a\u0627\u0632\u0629<\/h3>\n <p>\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u064a\u0631\u0627\u0641\u0642 \u0627\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0637\u0648\u0627\u0644 \u0627\u0644\u0631\u062d\u0644\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0631\u062d\u0644\u0629<\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-tag\"><\/i>\n <\/div>\n <h3>\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629<\/h3>\n <p>\u0628\u0627\u0642\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0644\u0644\u0645\u0642\u064a\u0645\u064a\u0646 \u0641\u064a \u0647\u0648\u0644\u0646\u062f\u0627 \u0645\u0639 \u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0644\u0644\u0645\u0627\u0644<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"packages\" class=\"featured-package\">\n <div class=\"container\">\n <div class=\"section-header fade-in-up\">\n <h2 class=\"section-title\" style=\"color: var(--warning-color);\">\u0639\u0645\u0631\u0629 \u0622\u062e\u0631 \u0631\u0645\u0636\u0627\u0646<\/h2>\n <p class=\"section-subtitle\" style=\"color: rgba(255,255,255,0.9);\">\u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u0629 \u0622\u062e\u0631 \u0631\u0645\u0636\u0627\u0646 \u0644\u0646\u0642\u0636\u064a \u0627\u0644\u0639\u0634\u0631 \u0627\u0644\u0623\u0648\u0627\u062e\u0631 \u0641\u064a \u0627\u0644\u0645\u0633\u062c\u062f \u0627\u0644\u062d\u0631\u0627\u0645<\/p>\n <\/div>\n <div class=\"package-card fade-in-up\">\n <div class=\"package-price\">\u20ac1,900<\/div>\n <div class=\"package-duration\">\u0631\u062d\u0644\u0629 \u0645\u0628\u0627\u0631\u0643\u0629 \u0644\u0645\u062f\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0646<\/div>\n <div class=\"package-dates\">\n <p><strong>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642:<\/strong> 19 \u0645\u0627\u0631\u0633 – 2 \u0623\u0628\u0631\u064a\u0644<\/p>\n <\/div>\n <p style=\"margin: 20px 0; line-height: 1.7;\">\u0641\u0631\u0635\u0629 \u0630\u0647\u0628\u064a\u0629 \u0644\u0642\u0636\u0627\u0621 \u0627\u0644\u0639\u0634\u0631 \u0627\u0644\u0623\u0648\u0627\u062e\u0631 \u0645\u0646 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0644\u0647 \u0627\u0644\u062d\u0631\u0627\u0645 \u0648\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0644\u064a\u0644\u0629 \u0627\u0644\u0642\u062f\u0631 \u0627\u0644\u0645\u0628\u0627\u0631\u0643\u0629<\/p>\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0639\u0645\u0631\u0629 \u0622\u062e\u0631 \u0631\u0645\u0636\u0627\u0646\" class=\"btn-primary\" style=\"display: inline-block; margin-top: 20px;\">\n <i class=\"fab fa-whatsapp\"><\/i>\n \u0627\u062d\u062c\u0632 \u0645\u0643\u0627\u0646\u0643 \u0627\u0644\u0622\u0646\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"about\">\n <div class=\"container\">\n <div class=\"about-content\">\n <div class=\"about-text fade-in-up\">\n <h2>\u0631\u0633\u0627\u0644\u062a\u0646\u0627 – \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629<\/h2>\n <p>\u062a\u0633\u0639\u0649 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629 \u0625\u0644\u0649 \u062a\u0623\u0645\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0644\u064a\u0642 \u0628\u0642\u062f\u0633\u064a\u0629 \u0627\u0644\u0631\u062d\u0644\u0629.<\/p>\n <p>\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0648\u0641\u064a\u0631 \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0644\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0648\u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u062a\u0633\u0647\u064a\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u0631\u0629 \u0648\u062c\u0639\u0644\u0647\u0627 \u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u062a\u0627\u0639\u0628\u060c \u0644\u064a\u0646\u0627\u0644 \u0627\u0644\u0645\u0639\u062a\u0645\u0631 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0637\u0645\u0623\u0646\u064a\u0646\u0629 \u0623\u062b\u0646\u0627\u0621 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0646\u0627\u0633\u0643.<\/p>\n <div class=\"about-features\">\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <span>\u062e\u062f\u0645\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0645\u0636\u0645\u0648\u0646\u0629<\/span>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <span>\u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u0641\u0631\u064a\u062f\u0629<\/span>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <span>\u062f\u0639\u0645 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-visual fade-in-up\">\n <i class=\"fas fa-mosque mosque-icon\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer id=\"contact\" class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-section\">\n <h3>\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629<\/h3>\n <p>\u0646\u0642\u062f\u0645 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646<\/p>\n <p><i class=\"fas fa-envelope\"><\/i> info@al-madinah.nl<\/p>\n <p><i class=\"fab fa-whatsapp\"><\/i> +31 6 42370218<\/p>\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0631\u062d\u0644\u0629 \u0639\u0645\u0631\u0629\" style=\"background: #25D366; color: white; padding: 8px 16px; border-radius: 20px; text-decoration: none; display: inline-block; margin-top: 10px;\">\n <i class=\"fab fa-whatsapp\"><\/i> \u0627\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/a>\n <\/div>\n <div class=\"footer-section\">\n <h3>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h3>\n <a href=\"#\">\u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u062d\u062c \u0648\u0627\u0644\u0639\u0645\u0631\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062f\u064a\u0646\u064a\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629<\/a>\n <\/div>\n\n <div class=\"footer-section\">\n <h3>\u062a\u0627\u0628\u0639\u0646\u0627<\/h3>\n <div style=\"display: flex; gap: 15px; margin-top: 20px;\">\n <a href=\"https:\/\/www.facebook.com\/almadinah.nl\" target=\"_blank\" style=\"font-size: 1.5rem; color: var(--warning-color);\"><i class=\"fab fa-facebook\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/madinah.nl\/\" target=\"_blank\" style=\"font-size: 1.5rem; color: var(--warning-color);\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>© 2025 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n\n\n \n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629\" class=\"whatsapp-float\" title=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n\n \n <script>\n \/\/ Scroll Progress Indicator\n window.addEventListener('scroll', () => {\n const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n });\n\n \/\/ Smooth Scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header Scroll Effect\n window.addEventListener('scroll', () => {\n const header = document.querySelector('.header');\n if (window.scrollY > 100) {\n header.style.background = 'rgba(0, 123, 255, 0.95)';\n header.style.backdropFilter = 'blur(10px)';\n } else {\n header.style.background = 'linear-gradient(135deg, #007bff 0%, #17a2b8 100%)';\n header.style.backdropFilter = 'none';\n }\n });\n\n \/\/ Intersection Observer for Animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Observe all fade-in-up elements\n document.querySelectorAll('.fade-in-up').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.8s ease';\n observer.observe(el);\n });\n\n \/\/ Service card hover effect\n document.querySelectorAll('.service-card').forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629 – \u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0628\u0627\u0642\u0627\u062a \u0645\u0646 \u0646\u062d\u0646 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u0631\u0629 \u0627\u0644\u064a\u0633\u0631\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627 – \u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646 \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0646\u0648\u0641\u0631 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062c\u0639\u0644 \u0631\u062d\u0644\u062a\u0643 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":3,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11,"date":"2025-06-16T04:37:39","date_gmt":"2025-06-16T04:37:39","guid":{"rendered":"https:\/\/al-madinah.nl\/?page_id=11"},"modified":"2025-07-22T10:08:10","modified_gmt":"2025-07-22T10:08:10","slug":"%d8%a7%d9%84%d9%85%d8%af%d9%8a%d9%86%d8%a9-%d9%84%d9%84%d8%ad%d8%ac-%d9%88%d8%a7%d9%84%d8%b9%d9%85%d8%b1%d8%a9","status":"publish","type":"page","link":"https:\/\/al-madinah.nl\/","title":{"rendered":"\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u062d\u062c \u0648\u0627\u0644\u0639\u0645\u0631\u0629"},"content":{"rendered":"\n\n\n\n \n \n \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629 – \u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627<\/title>\n\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-color: #007bff;\n --secondary-color: #6c757d;\n --success-color: #28a745;\n --info-color: #17a2b8;\n --warning-color: #ffc107;\n --danger-color: #dc3545;\n --light-color: #f8f9fa;\n --dark-color: #343a40;\n --white: #ffffff;\n --gray-100: #f8f9fa;\n --gray-200: #e9ecef;\n --gray-300: #dee2e6;\n --gray-400: #ced4da;\n --gray-500: #adb5bd;\n --gray-600: #6c757d;\n --gray-700: #495057;\n --gray-800: #343a40;\n --gray-900: #212529;\n --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--info-color) 100%);\n --gradient-secondary: linear-gradient(135deg, var(--warning-color) 0%, #ffeb3b 100%);\n --shadow-soft: 0 4px 20px rgba(0,0,0,0.1);\n --shadow-hover: 0 8px 30px rgba(0,0,0,0.15);\n }\n\n body {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n line-height: 1.6;\n color: var(--gray-900);\n background-color: var(--white);\n overflow-x: hidden;\n }\n\n \/* Header & Navigation *\/\n .header {\n background: var(--gradient-primary);\n box-shadow: var(--shadow-soft);\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 1000;\n transition: all 0.3s ease;\n }\n\n .nav-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 70px;\n flex-wrap: wrap;\n }\n\n .header-content {\n display: flex;\n align-items: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n }\n\n .logo img {\n height: 50px;\n width: auto;\n object-fit: contain;\n }\n\n .nav-menu {\n display: flex;\n list-style: none;\n gap: 25px;\n margin: 0;\n padding: 0;\n }\n\n .nav-menu a {\n color: var(--white);\n text-decoration: none;\n font-weight: 500;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n padding: 8px 16px;\n border-radius: 25px;\n }\n\n .nav-menu a:hover {\n background: rgba(255,255,255,0.1);\n transform: translateY(-2px);\n }\n\n .cta-button {\n background: var(--gradient-secondary);\n color: var(--gray-900);\n padding: 12px 24px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: 600;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-soft);\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-hover);\n }\n\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(rgba(0,123,255,0.85), rgba(23,162,184,0.85)), \n url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 600\"><defs><pattern id=\"pattern\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><circle cx=\"30\" cy=\"30\" r=\"3\" fill=\"%23ffffff\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"1200\" height=\"600\" fill=\"%23007bff\"\/><rect width=\"1200\" height=\"600\" fill=\"url(%23pattern)\"\/><\/svg>');\n min-height: 100vh;\n display: flex;\n align-items: center;\n text-align: center;\n padding: 100px 20px 60px;\n position: relative;\n }\n\n .hero-content {\n max-width: 800px;\n margin: 0 auto;\n color: var(--white);\n }\n\n .hero h1 {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n line-height: 1.2;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n margin-bottom: 30px;\n opacity: 0.95;\n font-weight: 300;\n }\n\n .hero-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 40px;\n }\n\n .btn-primary {\n background: var(--gradient-secondary);\n color: var(--gray-900);\n padding: 15px 35px;\n border-radius: 35px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-soft);\n border: 2px solid transparent;\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--white);\n padding: 15px 35px;\n border-radius: 35px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n font-family: 'Almarai', sans-serif;\n transition: all 0.3s ease;\n border: 2px solid var(--white);\n }\n\n .btn-primary:hover, .btn-secondary:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-hover);\n }\n\n .btn-secondary:hover {\n background: var(--white);\n color: var(--primary-color);\n }\n\n \/* Services Section *\/\n .services {\n padding: 80px 20px;\n background: var(--gray-100);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .section-title {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n font-size: 2.5rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: var(--gray-600);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-top: 50px;\n }\n\n .service-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: 20px;\n text-align: center;\n box-shadow: var(--shadow-soft);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-hover);\n border-color: var(--warning-color);\n }\n\n .service-icon {\n width: 80px;\n height: 80px;\n background: var(--gradient-secondary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n font-size: 2rem;\n color: var(--gray-900);\n }\n\n .service-card h3 {\n font-size: 1.4rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n font-weight: 600;\n }\n\n .service-card p {\n color: var(--gray-600);\n line-height: 1.7;\n }\n\n \/* Featured Package *\/\n .featured-package {\n padding: 80px 20px;\n background: var(--gradient-primary);\n color: var(--white);\n text-align: center;\n }\n\n .package-card {\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(10px);\n padding: 50px 40px;\n border-radius: 25px;\n max-width: 600px;\n margin: 40px auto;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .package-price {\n font-size: 3rem;\n font-weight: 700;\n color: var(--warning-color);\n margin-bottom: 10px;\n }\n\n .package-duration {\n font-size: 1.2rem;\n margin-bottom: 20px;\n opacity: 0.9;\n }\n\n .package-dates {\n background: rgba(255,255,255,0.1);\n padding: 15px;\n border-radius: 15px;\n margin: 20px 0;\n }\n\n \/* About Section *\/\n .about {\n padding: 80px 20px;\n background: var(--white);\n }\n\n .about-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .about-text h2 {\n font-family: 'Almarai', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n font-size: 2.3rem;\n color: var(--primary-color);\n margin-bottom: 25px;\n font-weight: 700;\n }\n\n .about-text p {\n color: var(--gray-600);\n line-height: 1.8;\n margin-bottom: 20px;\n font-size: 1.1rem;\n }\n\n .about-features {\n margin-top: 30px;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 15px;\n padding: 15px;\n background: var(--gray-100);\n border-radius: 15px;\n transition: all 0.3s ease;\n }\n\n .feature-item:hover {\n background: var(--primary-color);\n color: var(--white);\n transform: translateX(-5px);\n }\n\n .feature-icon {\n width: 40px;\n height: 40px;\n background: var(--gradient-secondary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray-900);\n }\n\n .about-visual {\n text-align: center;\n }\n\n .mosque-icon {\n font-size: 15rem;\n color: var(--warning-color);\n opacity: 0.1;\n margin-bottom: 20px;\n }\n\n \/* Footer *\/\n .footer {\n background: var(--dark-color);\n color: var(--white);\n padding: 60px 20px 30px;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n margin-bottom: 40px;\n }\n\n .footer-section h3 {\n color: var(--warning-color);\n margin-bottom: 20px;\n font-size: 1.3rem;\n }\n\n .footer-section p, .footer-section a {\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n margin-bottom: 10px;\n display: block;\n transition: color 0.3s ease;\n }\n\n .footer-section a:hover {\n color: var(--warning-color);\n }\n\n .footer-bottom {\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(255,255,255,0.1);\n color: rgba(255,255,255,0.6);\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .fade-in-up {\n animation: fadeInUp 0.8s ease forwards;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .header-content {\n width: 100%;\n justify-content: space-between;\n }\n \n .nav-menu {\n display: none;\n }\n\n .logo img {\n height: 40px;\n }\n\n .cta-button {\n padding: 8px 16px;\n font-size: 0.9rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .about-content {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .package-price {\n font-size: 2.5rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2rem;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n }\n\n .service-card {\n padding: 30px 20px;\n }\n\n .package-card {\n padding: 30px 25px;\n }\n }\n\n \/* Scroll Progress Indicator *\/\n .scroll-progress {\n position: fixed;\n top: 70px;\n left: 0;\n width: 0%;\n height: 3px;\n background: var(--gradient-secondary);\n z-index: 999;\n transition: width 0.25s ease;\n }\n\n \/* Floating WhatsApp Button *\/\n .whatsapp-float {\n position: fixed;\n bottom: 30px;\n left: 30px;\n width: 60px;\n height: 60px;\n background: #25D366;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n color: white;\n text-decoration: none;\n box-shadow: var(--shadow-hover);\n transition: all 0.3s ease;\n z-index: 999;\n animation: pulse 2s infinite;\n }\n\n .whatsapp-float:hover {\n transform: scale(1.1) translateY(-3px);\n color: white;\n }\n\n @keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\n }\n 70% {\n box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n }\n }\n .scroll-progress {\n position: fixed;\n top: 70px;\n left: 0;\n width: 0%;\n height: 3px;\n background: var(--gradient-secondary);\n z-index: 999;\n transition: width 0.25s ease;\n }\n\n\n <\/style>\n<\/head>\n<body>\n \n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n \n <header class=\"header\">\n <nav class=\"nav-container\">\n <div class=\"header-content\">\n <a href=\"https:\/\/al-madinah.nl\/wp-content\/uploads\/2025\/07\/\u0633\u064a\u0628\u0633.png\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/al-madinah.nl\/wp-content\/uploads\/2025\/07\/\u0633\u064a\u0628\u0633.png\" alt=\"\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629\">\n <\/a>\n <ul class=\"nav-menu\">\n <li><a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\n <li><a href=\"#packages\">\u0627\u0644\u0628\u0627\u0642\u0627\u062a<\/a><\/li>\n <li><a href=\"#about\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#contact\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0631\u062d\u0644\u0629 \u0639\u0645\u0631\u0629\" class=\"cta-button\">\n <i class=\"fab fa-whatsapp\"><\/i>\n \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643\n <\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section id=\"home\" class=\"hero\">\n <div class=\"hero-content fade-in-up\">\n <h1>\u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u0631\u0629 \u0627\u0644\u064a\u0633\u0631\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649<\/h1>\n <p class=\"hero-subtitle\">\u062a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627 – \u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646<\/p>\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0631\u062d\u0644\u0629 \u0639\u0645\u0631\u0629\" class=\"btn-primary\">\n <i class=\"fab fa-whatsapp\"><\/i>\n \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/a>\n <a href=\"#services\" class=\"btn-secondary\">\n <i class=\"fas fa-info-circle\"><\/i>\n \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"services\">\n <div class=\"container\">\n <div class=\"section-header fade-in-up\">\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/h2>\n <p class=\"section-subtitle\">\u0646\u0648\u0641\u0631 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062c\u0639\u0644 \u0631\u062d\u0644\u062a\u0643 \u0625\u0644\u0649 \u0628\u064a\u062a \u0627\u0644\u0644\u0647 \u0627\u0644\u062d\u0631\u0627\u0645 \u0645\u0631\u064a\u062d\u0629 \u0648\u0645\u0628\u0627\u0631\u0643\u0629<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-plane\"><\/i>\n <\/div>\n <h3>\u0637\u064a\u0631\u0627\u0646 \u0645\u0646\u0627\u0633\u0628<\/h3>\n <p>\u0646\u0648\u0641\u0631 \u0631\u062d\u0644\u0627\u062a \u0637\u064a\u0631\u0627\u0646 \u0645\u0631\u064a\u062d\u0629 \u0645\u0639 \u0634\u0631\u0643\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u0645\u0644\u0627\u0626\u0645\u0629 \u0648\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u0645\u064a\u0632\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u0631\u062d\u0644\u0629<\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-hotel\"><\/i>\n <\/div>\n <h3>\u0641\u0646\u0627\u062f\u0642 \u0642\u0631\u064a\u0628\u0629<\/h3>\n <p>\u0646\u062e\u062a\u0627\u0631 \u0623\u0641\u0636\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646 \u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u0646\u0627\u0633\u0643<\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3>\u062e\u062f\u0645\u0629 \u0645\u0645\u062a\u0627\u0632\u0629<\/h3>\n <p>\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u064a\u0631\u0627\u0641\u0642 \u0627\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0637\u0648\u0627\u0644 \u0627\u0644\u0631\u062d\u0644\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0631\u062d\u0644\u0629<\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\n <i class=\"fas fa-tag\"><\/i>\n <\/div>\n <h3>\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629<\/h3>\n <p>\u0628\u0627\u0642\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0644\u0644\u0645\u0642\u064a\u0645\u064a\u0646 \u0641\u064a \u0647\u0648\u0644\u0646\u062f\u0627 \u0645\u0639 \u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0644\u0644\u0645\u0627\u0644<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"packages\" class=\"featured-package\">\n <div class=\"container\">\n <div class=\"section-header fade-in-up\">\n <h2 class=\"section-title\" style=\"color: var(--warning-color);\">\u0639\u0645\u0631\u0629 \u0622\u062e\u0631 \u0631\u0645\u0636\u0627\u0646<\/h2>\n <p class=\"section-subtitle\" style=\"color: rgba(255,255,255,0.9);\">\u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u0629 \u0622\u062e\u0631 \u0631\u0645\u0636\u0627\u0646 \u0644\u0646\u0642\u0636\u064a \u0627\u0644\u0639\u0634\u0631 \u0627\u0644\u0623\u0648\u0627\u062e\u0631 \u0641\u064a \u0627\u0644\u0645\u0633\u062c\u062f \u0627\u0644\u062d\u0631\u0627\u0645<\/p>\n <\/div>\n <div class=\"package-card fade-in-up\">\n <div class=\"package-price\">\u20ac1,900<\/div>\n <div class=\"package-duration\">\u0631\u062d\u0644\u0629 \u0645\u0628\u0627\u0631\u0643\u0629 \u0644\u0645\u062f\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0646<\/div>\n <div class=\"package-dates\">\n <p><strong>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642:<\/strong> 19 \u0645\u0627\u0631\u0633 – 2 \u0623\u0628\u0631\u064a\u0644<\/p>\n <\/div>\n <p style=\"margin: 20px 0; line-height: 1.7;\">\u0641\u0631\u0635\u0629 \u0630\u0647\u0628\u064a\u0629 \u0644\u0642\u0636\u0627\u0621 \u0627\u0644\u0639\u0634\u0631 \u0627\u0644\u0623\u0648\u0627\u062e\u0631 \u0645\u0646 \u0631\u0645\u0636\u0627\u0646 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0644\u0647 \u0627\u0644\u062d\u0631\u0627\u0645 \u0648\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0644\u064a\u0644\u0629 \u0627\u0644\u0642\u062f\u0631 \u0627\u0644\u0645\u0628\u0627\u0631\u0643\u0629<\/p>\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0639\u0645\u0631\u0629 \u0622\u062e\u0631 \u0631\u0645\u0636\u0627\u0646\" class=\"btn-primary\" style=\"display: inline-block; margin-top: 20px;\">\n <i class=\"fab fa-whatsapp\"><\/i>\n \u0627\u062d\u062c\u0632 \u0645\u0643\u0627\u0646\u0643 \u0627\u0644\u0622\u0646\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"about\">\n <div class=\"container\">\n <div class=\"about-content\">\n <div class=\"about-text fade-in-up\">\n <h2>\u0631\u0633\u0627\u0644\u062a\u0646\u0627 – \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629<\/h2>\n <p>\u062a\u0633\u0639\u0649 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629 \u0625\u0644\u0649 \u062a\u0623\u0645\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0644\u064a\u0642 \u0628\u0642\u062f\u0633\u064a\u0629 \u0627\u0644\u0631\u062d\u0644\u0629.<\/p>\n <p>\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0648\u0641\u064a\u0631 \u0623\u0641\u0636\u0644 \u0642\u064a\u0645\u0629 \u0644\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0648\u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u062a\u0633\u0647\u064a\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u0631\u0629 \u0648\u062c\u0639\u0644\u0647\u0627 \u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u062a\u0627\u0639\u0628\u060c \u0644\u064a\u0646\u0627\u0644 \u0627\u0644\u0645\u0639\u062a\u0645\u0631 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0637\u0645\u0623\u0646\u064a\u0646\u0629 \u0623\u062b\u0646\u0627\u0621 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0646\u0627\u0633\u0643.<\/p>\n <div class=\"about-features\">\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <span>\u062e\u062f\u0645\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0645\u0636\u0645\u0648\u0646\u0629<\/span>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <span>\u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u0641\u0631\u064a\u062f\u0629<\/span>\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <span>\u062f\u0639\u0645 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-visual fade-in-up\">\n <i class=\"fas fa-mosque mosque-icon\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer id=\"contact\" class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-section\">\n <h3>\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629<\/h3>\n <p>\u0646\u0642\u062f\u0645 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646<\/p>\n <p><i class=\"fas fa-envelope\"><\/i> info@al-madinah.nl<\/p>\n <p><i class=\"fab fa-whatsapp\"><\/i> +31 6 42370218<\/p>\n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u062d\u062c\u0632 \u0631\u062d\u0644\u0629 \u0639\u0645\u0631\u0629\" style=\"background: #25D366; color: white; padding: 8px 16px; border-radius: 20px; text-decoration: none; display: inline-block; margin-top: 10px;\">\n <i class=\"fab fa-whatsapp\"><\/i> \u0627\u062d\u062c\u0632 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/a>\n <\/div>\n <div class=\"footer-section\">\n <h3>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h3>\n <a href=\"#\">\u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u062d\u062c \u0648\u0627\u0644\u0639\u0645\u0631\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062f\u064a\u0646\u064a\u0629<\/a>\n <a href=\"#\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629<\/a>\n <\/div>\n\n <div class=\"footer-section\">\n <h3>\u062a\u0627\u0628\u0639\u0646\u0627<\/h3>\n <div style=\"display: flex; gap: 15px; margin-top: 20px;\">\n <a href=\"https:\/\/www.facebook.com\/almadinah.nl\" target=\"_blank\" style=\"font-size: 1.5rem; color: var(--warning-color);\"><i class=\"fab fa-facebook\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/madinah.nl\/\" target=\"_blank\" style=\"font-size: 1.5rem; color: var(--warning-color);\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>© 2025 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n\n\n \n <a href=\"https:\/\/wa.me\/31642370218?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629\" class=\"whatsapp-float\" title=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n\n \n <script>\n \/\/ Scroll Progress Indicator\n window.addEventListener('scroll', () => {\n const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n });\n\n \/\/ Smooth Scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Header Scroll Effect\n window.addEventListener('scroll', () => {\n const header = document.querySelector('.header');\n if (window.scrollY > 100) {\n header.style.background = 'rgba(0, 123, 255, 0.95)';\n header.style.backdropFilter = 'blur(10px)';\n } else {\n header.style.background = 'linear-gradient(135deg, #007bff 0%, #17a2b8 100%)';\n header.style.backdropFilter = 'none';\n }\n });\n\n \/\/ Intersection Observer for Animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Observe all fade-in-up elements\n document.querySelectorAll('.fade-in-up').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.8s ease';\n observer.observe(el);\n });\n\n \/\/ Service card hover effect\n document.querySelectorAll('.service-card').forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0644\u0644\u0639\u0645\u0631\u0629 – \u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0628\u0627\u0642\u0627\u062a \u0645\u0646 \u0646\u062d\u0646 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u0631\u0629 \u0627\u0644\u064a\u0633\u0631\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627 – \u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0631\u0648\u062d\u0627\u0646\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0645\u0646 \u0647\u0648\u0644\u0646\u062f\u0627 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646 \u0627\u062d\u062c\u0632 \u0631\u062d\u0644\u062a\u0643 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0646\u0648\u0641\u0631 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062c\u0639\u0644 \u0631\u062d\u0644\u062a\u0643 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":3,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/al-madinah.nl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/al-madinah.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}