MTECHSL – \u06af\u06cc\u0633 \u062a\u0627\u0631\u06cc\u062e\u06cc \u0627\u0639\u0644\u0627\u0646<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu:wght@400;700&family=Amiri:wght@400;700&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Amiri', 'Noto Nastaliq Urdu', serif;\n background: #f5f5f5;\n padding: 0;\n }\n \n .main-container {\n max-width: 100%;\n margin: 0 auto;\n background: white;\n position: relative;\n }\n \n \/* Header Section with Society Image *\/\n .header-wrapper {\n position: relative;\n height: 450px;\n overflow: hidden;\n }\n \n .header-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: brightness(0.7);\n }\n \n .header-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(180deg, rgba(30,60,114,0.7) 0%, rgba(42,82,152,0.85) 100%);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 40px;\n }\n \n .logo-section {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .society-logo {\n font-size: 64px;\n font-weight: 700;\n color: white;\n text-shadow: 4px 4px 10px rgba(0,0,0,0.6);\n line-height: 1.4;\n margin-bottom: 15px;\n }\n \n .society-subtitle {\n font-size: 32px;\n color: #FFD700;\n font-weight: 700;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.6);\n letter-spacing: 2px;\n }\n \n .milestone-badge {\n background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n color: #1e3c72;\n padding: 15px 40px;\n border-radius: 50px;\n font-size: 28px;\n font-weight: 700;\n box-shadow: 0 8px 25px rgba(255,215,0,0.5);\n margin-top: 20px;\n }\n \n \/* Celebration Banner *\/\n .celebration-strip {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n padding: 35px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .celebration-text {\n color: white;\n font-size: 48px;\n font-weight: 700;\n text-shadow: 3px 3px 6px rgba(0,0,0,0.3);\n position: relative;\n z-index: 2;\n animation: pulse 2s ease-in-out infinite;\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n }\n \n .confetti {\n position: absolute;\n font-size: 40px;\n animation: fall 3s linear infinite;\n }\n \n @keyframes fall {\n 0% { transform: translateY(-100%) rotate(0deg); opacity: 1; }\n 100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }\n }\n \n \/* Dream Reality Section *\/\n .dream-reality {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 70px 40px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .dream-reality::before {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n border-radius: 50%;\n top: -100px;\n right: -100px;\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(-30px, 30px); }\n }\n \n .dream-title {\n font-size: 56px;\n font-weight: 700;\n color: white;\n line-height: 1.8;\n text-shadow: 4px 4px 10px rgba(0,0,0,0.4);\n position: relative;\n z-index: 2;\n }\n \n .dream-highlight {\n background: rgba(255,255,255,0.25);\n padding: 10px 30px;\n border-radius: 60px;\n display: inline-block;\n margin: 10px;\n backdrop-filter: blur(10px);\n border: 3px solid rgba(255,255,255,0.4);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n \n \/* Content Section *\/\n .content-section {\n max-width: 1400px;\n margin: 0 auto;\n padding: 60px 50px;\n }\n \n \/* Main Announcement *\/\n .announcement-card {\n background: linear-gradient(to bottom right, #ffffff 0%, #f8f9fa 100%);\n padding: 60px;\n border-radius: 25px;\n margin-bottom: 50px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.12);\n border: 3px solid #e3e3e3;\n position: relative;\n overflow: hidden;\n }\n \n .announcement-card::before {\n content: \"\u2b50\";\n position: absolute;\n font-size: 400px;\n opacity: 0.03;\n top: -100px;\n right: -100px;\n transform: rotate(-15deg);\n }\n \n .announcement-heading {\n font-size: 48px;\n color: #1e3c72;\n font-weight: 700;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n padding-bottom: 25px;\n }\n \n .announcement-heading::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 250px;\n height: 5px;\n background: linear-gradient(90deg, transparent, #2a5298, transparent);\n border-radius: 10px;\n }\n \n .announcement-para {\n font-size: 28px;\n line-height: 2.5;\n color: #2c3e50;\n text-align: justify;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n }\n \n .gold-badge {\n background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n padding: 6px 18px;\n border-radius: 10px;\n font-weight: 700;\n color: #1e3c72;\n box-shadow: 0 4px 15px rgba(255,215,0,0.4);\n display: inline;\n }\n \n \/* Benefits Section *\/\n .benefits-section {\n margin: 60px 0;\n }\n \n .section-header {\n font-size: 52px;\n color: #1e3c72;\n font-weight: 700;\n text-align: center;\n margin-bottom: 50px;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 35px;\n margin-bottom: 50px;\n }\n \n .benefit-box {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 45px;\n border-radius: 25px;\n color: white;\n text-align: center;\n box-shadow: 0 20px 50px rgba(102,126,234,0.4);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at top right, rgba(255,255,255,0.15) 0%, transparent 60%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .benefit-box:hover {\n transform: translateY(-15px) scale(1.02);\n box-shadow: 0 30px 70px rgba(102,126,234,0.6);\n }\n \n .benefit-box:hover::before {\n opacity: 1;\n }\n \n .benefit-emoji {\n font-size: 70px;\n margin-bottom: 25px;\n display: block;\n animation: bounce-small 3s ease-in-out infinite;\n }\n \n @keyframes bounce-small {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n .benefit-heading {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 18px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n }\n \n .benefit-detail {\n font-size: 22px;\n line-height: 1.8;\n opacity: 0.95;\n }\n \n \/* Management Tribute *\/\n .management-card {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n padding: 70px;\n border-radius: 25px;\n color: white;\n margin: 60px 0;\n position: relative;\n overflow: hidden;\n box-shadow: 0 25px 60px rgba(30,60,114,0.5);\n }\n \n .management-card::before {\n content: \"\ud83c\udfc6\";\n position: absolute;\n font-size: 350px;\n opacity: 0.05;\n top: -80px;\n left: -80px;\n transform: rotate(-20deg);\n }\n \n .management-heading {\n font-size: 52px;\n font-weight: 700;\n text-align: center;\n margin-bottom: 40px;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.3);\n position: relative;\n }\n \n .management-para {\n font-size: 26px;\n line-height: 2.5;\n text-align: justify;\n margin-bottom: 25px;\n position: relative;\n z-index: 1;\n }\n \n .emphasis-text {\n background: rgba(255,215,0,0.25);\n padding: 4px 15px;\n border-radius: 8px;\n border-right: 3px solid #FFD700;\n font-weight: 700;\n }\n \n \/* Investment Section *\/\n .investment-zone {\n background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);\n padding: 70px;\n border-radius: 25px;\n margin: 60px 0;\n text-align: center;\n color: white;\n box-shadow: 0 25px 60px rgba(17,153,142,0.5);\n position: relative;\n overflow: hidden;\n }\n \n .investment-zone::before {\n content: \"\ud83d\udc8e\";\n position: absolute;\n font-size: 300px;\n opacity: 0.08;\n bottom: -80px;\n right: -80px;\n }\n \n .investment-heading {\n font-size: 54px;\n font-weight: 700;\n margin-bottom: 50px;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.2);\n position: relative;\n z-index: 2;\n }\n \n .investment-boxes {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n position: relative;\n z-index: 2;\n }\n \n .investment-item {\n background: rgba(255,255,255,0.2);\n padding: 40px 25px;\n border-radius: 20px;\n backdrop-filter: blur(15px);\n border: 3px solid rgba(255,255,255,0.35);\n transition: all 0.4s ease;\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n }\n \n .investment-item:hover {\n transform: translateY(-12px) scale(1.05);\n background: rgba(255,255,255,0.3);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25);\n }\n \n .investment-emoji {\n font-size: 65px;\n margin-bottom: 20px;\n display: block;\n }\n \n .investment-desc {\n font-size: 26px;\n font-weight: 700;\n line-height: 1.8;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n }\n \n \/* Call to Action *\/\n .cta-banner {\n background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%);\n padding: 60px;\n border-radius: 25px;\n text-align: center;\n color: white;\n margin: 60px 0;\n box-shadow: 0 25px 60px rgba(245,87,108,0.5);\n }\n \n .cta-heading {\n font-size: 50px;\n font-weight: 700;\n margin-bottom: 35px;\n text-shadow: 3px 3px 6px rgba(0,0,0,0.3);\n }\n \n .cta-point {\n font-size: 30px;\n line-height: 2.2;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n \/* Footer *\/\n .footer-section {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n padding: 70px 50px;\n text-align: center;\n color: white;\n margin-top: 60px;\n }\n \n .footer-heading {\n font-size: 44px;\n font-weight: 700;\n margin-bottom: 25px;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.3);\n }\n \n .footer-tagline {\n font-size: 30px;\n font-style: italic;\n opacity: 0.95;\n line-height: 1.8;\n margin-bottom: 20px;\n }\n \n .footer-contact {\n font-size: 24px;\n margin-top: 30px;\n opacity: 0.9;\n }\n \n \/* Download Button *\/\n .download-button {\n position: fixed;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 20px 50px;\n border: none;\n border-radius: 60px;\n font-size: 24px;\n font-weight: 700;\n cursor: pointer;\n box-shadow: 0 15px 40px rgba(102,126,234,0.5);\n z-index: 1000;\n transition: all 0.3s ease;\n font-family: 'Amiri', serif;\n }\n \n .download-button:hover {\n transform: translateX(-50%) scale(1.08);\n box-shadow: 0 20px 50px rgba(102,126,234,0.7);\n }\n \n .download-button:active {\n transform: translateX(-50%) scale(0.98);\n }\n \n @media (max-width: 768px) {\n body {\n padding: 0;\n }\n \n .header-wrapper {\n height: 300px;\n }\n \n .society-logo { \n font-size: 32px;\n line-height: 1.6;\n }\n \n .society-subtitle {\n font-size: 18px;\n }\n \n .milestone-badge {\n font-size: 18px;\n padding: 10px 25px;\n }\n \n .celebration-text {\n font-size: 28px;\n padding: 0 20px;\n }\n \n .celebration-strip {\n padding: 25px 15px;\n }\n \n .dream-reality {\n padding: 40px 20px;\n }\n \n .dream-title { \n font-size: 28px;\n line-height: 1.6;\n }\n \n .dream-highlight {\n padding: 8px 20px;\n margin: 8px;\n font-size: 26px;\n }\n \n .content-section {\n padding: 30px 20px;\n }\n \n .announcement-card {\n padding: 30px 20px;\n }\n \n .announcement-heading {\n font-size: 28px;\n margin-bottom: 25px;\n }\n \n .announcement-para {\n font-size: 18px;\n line-height: 2;\n }\n \n .section-header { \n font-size: 28px;\n margin-bottom: 30px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .benefit-box {\n padding: 30px 20px;\n }\n \n .benefit-emoji {\n font-size: 50px;\n margin-bottom: 15px;\n }\n \n .benefit-heading {\n font-size: 24px;\n margin-bottom: 12px;\n }\n \n .benefit-detail {\n font-size: 17px;\n }\n \n .management-card {\n padding: 35px 20px;\n }\n \n .management-heading {\n font-size: 30px;\n margin-bottom: 25px;\n }\n \n .management-para {\n font-size: 18px;\n line-height: 2;\n }\n \n .investment-zone {\n padding: 35px 20px;\n }\n \n .investment-heading {\n font-size: 30px;\n margin-bottom: 30px;\n }\n \n .investment-boxes {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .investment-item {\n padding: 30px 20px;\n }\n \n .investment-emoji {\n font-size: 45px;\n }\n \n .investment-desc {\n font-size: 20px;\n }\n \n .cta-banner {\n padding: 35px 20px;\n }\n \n .cta-heading {\n font-size: 30px;\n margin-bottom: 25px;\n }\n \n .cta-point {\n font-size: 20px;\n line-height: 1.8;\n }\n \n .footer-section {\n padding: 40px 20px;\n }\n \n .footer-heading {\n font-size: 28px;\n margin-bottom: 20px;\n }\n \n .footer-tagline {\n font-size: 20px;\n line-height: 1.6;\n }\n \n .footer-contact {\n font-size: 18px;\n }\n \n .download-button {\n padding: 15px 30px;\n font-size: 18px;\n bottom: 15px;\n }\n }\n \n @media (max-width: 480px) {\n .society-logo {\n font-size: 26px;\n }\n \n .society-subtitle {\n font-size: 14px;\n }\n \n .milestone-badge {\n font-size: 16px;\n padding: 8px 20px;\n }\n \n .celebration-text {\n font-size: 22px;\n }\n \n .dream-title {\n font-size: 24px;\n }\n \n .dream-highlight {\n font-size: 22px;\n padding: 6px 15px;\n }\n \n .announcement-heading {\n font-size: 24px;\n }\n \n .announcement-para {\n font-size: 16px;\n }\n \n .section-header {\n font-size: 24px;\n }\n \n .benefit-heading {\n font-size: 20px;\n }\n \n .management-heading, .investment-heading, .cta-heading {\n font-size: 26px;\n }\n \n .footer-heading {\n font-size: 24px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <button class=\"download-button\" onclick=\"downloadImage()\">\ud83d\udce5 Image Download \u06a9\u0631\u06cc\u06ba<\/button>\n \n <div class=\"main-container\" id=\"mainPoster\">\n \n <div class=\"header-wrapper\">\n <div class=\"header-overlay\">\n <div class=\"logo-section\">\n <div class=\"society-logo\">\n \u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u0627\u06cc\u0645\u067e\u0644\u0627\u0626\u06cc\u0632<br>\n \u06a9\u0648\u0622\u067e\u0631\u06cc\u0679\u0648 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc\n <\/div>\n <div class=\"society-subtitle\">MTECHSL HOUSING SOCIETY<\/div>\n <\/div>\n <div class=\"milestone-badge\">\u2728 \u06af\u06cc\u0633 \u06a9\u0627 \u062a\u0627\u0631\u06cc\u062e\u06cc \u0633\u0646\u06af \u0645\u06cc\u0644 \u2728<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"celebration-strip\">\n <div class=\"celebration-text\">\n \ud83c\udf89 \u0645\u0628\u0627\u0631\u06a9 \u06c1\u0648! \u0622\u067e \u06a9\u0627 \u062e\u0648\u0627\u0628 \u067e\u0648\u0631\u0627 \u06c1\u0648 \u06af\u06cc\u0627 \ud83c\udf8a\n <\/div>\n <\/div>\n \n \n <div class=\"dream-reality\">\n <div class=\"dream-title\">\n <span class=\"dream-highlight\">\u062c\u0648 \u06a9\u0644 \u062a\u06a9 \u062e\u0648\u0627\u0628 \u062a\u06be\u0627<\/span>\n <br>\n <span class=\"dream-highlight\">\u0622\u062c \u062d\u0642\u06cc\u0642\u062a \u0628\u0646 \u06af\u06cc\u0627!<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"content-section\">\n \n <div class=\"announcement-card\">\n <h2 class=\"announcement-heading\">\ud83c\udf1f \u062a\u0627\u0631\u06cc\u062e \u0631\u0642\u0645 \u06c1\u0648 \u06af\u0626\u06cc \ud83c\udf1f<\/h2>\n <p class=\"announcement-para\">\n \u0627\u0644\u0644\u06c1 \u062a\u0639\u0627\u0644\u06cc\u0670 \u06a9\u06d2 \u0641\u0636\u0644 \u0648 \u06a9\u0631\u0645 \u0627\u0648\u0631 \u0633\u0648\u0633\u0627\u0626\u0679\u06cc \u0645\u06cc\u0646\u062c\u0645\u0646\u0679 \u06a9\u06cc \u0634\u0628 \u0648 \u0631\u0648\u0632 \u0645\u062d\u0646\u062a\u060c \u0644\u06af\u0646 \u0627\u0648\u0631 \u0639\u0632\u0645 \u06a9\u06cc \u0628\u062f\u0648\u0644\u062a \u0622\u062c <span class=\"gold-badge\">\u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc<\/span> \u0645\u06cc\u06ba \u06af\u06cc\u0633 \u06a9\u06cc \u0633\u06c1\u0648\u0644\u062a \u062f\u0633\u062a\u06cc\u0627\u0628 \u06c1\u0648 \u0686\u06a9\u06cc \u06c1\u06d2\u06d4\n <\/p>\n <p class=\"announcement-para\">\n \u06cc\u06c1 \u0645\u062d\u0636 \u0627\u06cc\u06a9 \u0633\u06c1\u0648\u0644\u062a \u0646\u06c1\u06cc\u06ba\u060c \u0628\u0644\u06a9\u06c1 \u0622\u067e \u06a9\u06d2 <span class=\"gold-badge\">\u0633\u067e\u0646\u0648\u06ba \u06a9\u06cc \u062a\u0639\u0628\u06cc\u0631<\/span> \u06c1\u06d2\u060c \u0622\u067e \u06a9\u06d2 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0627 <span class=\"gold-badge\">\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0635\u0644\u06c1<\/span> \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0622\u067e \u06a9\u06cc <span class=\"gold-badge\">\u0628\u06c1\u062a\u0631 \u0632\u0646\u062f\u06af\u06cc<\/span> \u06a9\u06cc \u0637\u0631\u0641 \u0627\u06cc\u06a9 \u0627\u0648\u0631 \u0634\u0627\u0646\u062f\u0627\u0631 \u0642\u062f\u0645 \u06c1\u06d2\u06d4\n <\/p>\n <\/div>\n \n \n <div class=\"benefits-section\">\n <h2 class=\"section-header\">\ud83d\udcab \u0622\u067e \u06a9\u06d2 \u0644\u06cc\u06d2 \u062e\u0627\u0635 \u0641\u0648\u0627\u0626\u062f \ud83d\udcab<\/h2>\n <div class=\"benefits-grid\">\n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83d\udd25<\/span>\n <h3 class=\"benefit-heading\">LPG \u0633\u0644\u0646\u0688\u0631 \u0633\u06d2 \u0646\u062c\u0627\u062a<\/h3>\n <p class=\"benefit-detail\">\u0627\u0628 \u0645\u06c1\u0646\u06af\u06d2 \u0627\u0648\u0631 \u0645\u062d\u062f\u0648\u062f \u0633\u0644\u0646\u0688\u0631 \u06a9\u06cc \u067e\u0631\u06cc\u0634\u0627\u0646\u06cc \u0646\u06c1\u06cc\u06ba\u06d4 \u06c1\u0631 \u0648\u0642\u062a\u060c \u0628\u0644\u0627 \u062a\u0639\u0637\u0644 \u06af\u06cc\u0633 \u06a9\u06cc \u0633\u06c1\u0648\u0644\u062a!<\/p>\n <\/div>\n \n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83c\udfe0<\/span>\n <h3 class=\"benefit-heading\">\u06c1\u0631 \u06af\u06be\u0631 \u0645\u06cc\u06ba \u06af\u06cc\u0633<\/h3>\n <p class=\"benefit-detail\">\u06c1\u0631 \u06af\u06be\u0631\u060c \u06c1\u0631 \u0628\u0627\u0648\u0631\u0686\u06cc \u062e\u0627\u0646\u06c1 \u0627\u0628 \u062c\u062f\u06cc\u062f \u0633\u06c1\u0648\u0644\u06cc\u0627\u062a \u0633\u06d2 \u0645\u06a9\u0645\u0644 \u0637\u0648\u0631 \u067e\u0631 \u0622\u0631\u0627\u0633\u062a\u06c1!<\/p>\n <\/div>\n \n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83d\udcc8<\/span>\n <h3 class=\"benefit-heading\">\u067e\u0631\u0627\u067e\u0631\u0679\u06cc \u06a9\u0648 \u0644\u06af\u06d2 \u067e\u064e\u0631<\/h3>\n <p class=\"benefit-detail\">\u06af\u06cc\u0633 \u0633\u06d2 \u0622\u067e \u06a9\u06cc \u067e\u0631\u0627\u067e\u0631\u0679\u06cc \u06a9\u06cc \u0645\u0627\u0631\u06a9\u06cc\u0679 \u0648\u06cc\u0644\u06cc\u0648 \u0645\u06cc\u06ba \u0628\u06d2 \u0645\u062b\u0627\u0644 \u0627\u0636\u0627\u0641\u06c1!<\/p>\n <\/div>\n \n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83d\udc8e<\/span>\n <h3 class=\"benefit-heading\">\u0633\u0631\u0645\u0627\u06cc\u06c1 \u06a9\u0627\u0631\u06cc \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1<\/h3>\n <p class=\"benefit-detail\">\u0622\u067e \u06a9\u06cc investment \u0627\u0628 \u0644\u06d2 \u06af\u06cc \u062d\u0642\u06cc\u0642\u062a \u0645\u06cc\u06ba \u067e\u06be\u0644 \u0627\u0648\u0631 \u0645\u0646\u0627\u0641\u0639!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"management-card\">\n <h2 class=\"management-heading\">\u2b50 \u0633\u0648\u0633\u0627\u0626\u0679\u06cc \u0645\u06cc\u0646\u062c\u0645\u0646\u0679 \u06a9\u0627 \u0634\u0627\u06c1\u06a9\u0627\u0631 \u2b50<\/h2>\n <p class=\"management-para\">\n \u06c1\u0645\u0627\u0631\u06cc <span class=\"emphasis-text\">\u0642\u0627\u0628\u0644 \u0641\u062e\u0631 \u0645\u06cc\u0646\u062c\u0645\u0646\u0679 \u0679\u06cc\u0645<\/span> \u0646\u06d2 \u062f\u0646 \u0631\u0627\u062a \u06a9\u06cc <span class=\"emphasis-text\">\u0645\u062d\u0646\u062a\u060c \u0644\u06af\u0646 \u0627\u0648\u0631 \u0639\u0632\u0645<\/span> \u0633\u06d2 \u06cc\u06c1 \u0645\u0639\u062c\u0632\u06c1 \u062f\u06a9\u06be\u0627\u06cc\u0627 \u06c1\u06d2\u06d4 \u062c\u0628 \u062f\u0648\u0633\u0631\u06cc \u0633\u0648\u0633\u0627\u0626\u0679\u06cc\u0632 \u062e\u0648\u0627\u0628\u0648\u06ba \u0645\u06cc\u06ba \u06a9\u06be\u0648 \u0631\u06c1\u06cc \u062a\u06be\u06cc\u06ba\u060c \u06c1\u0645 \u0646\u06d2 <span class=\"emphasis-text\">\u062d\u0642\u06cc\u0642\u062a \u06a9\u0648 \u062a\u0634\u06a9\u06cc\u0644 \u062f\u06cc\u0627<\/span>\u06d4\n <\/p>\n <p class=\"management-para\">\n \u06c1\u0631 <span class=\"emphasis-text\">\u0631\u06a9\u0627\u0648\u0679<\/span> \u06a9\u0648 \u06c1\u0645\u062a \u0633\u06d2 \u0639\u0628\u0648\u0631 \u06a9\u06cc\u0627\u060c \u06c1\u0631 <span class=\"emphasis-text\">\u0686\u06cc\u0644\u0646\u062c<\/span> \u06a9\u0648 \u0645\u0648\u0642\u0639 \u0645\u06cc\u06ba \u0628\u062f\u0644\u0627\u060c \u0627\u0648\u0631 \u06c1\u0631 <span class=\"emphasis-text\">\u0648\u0639\u062f\u06d2<\/span> \u06a9\u0648 \u067e\u0648\u0631\u0627 \u06a9\u06cc\u0627\u06d4 \u06cc\u06c1 \u0635\u0631\u0641 \u06af\u06cc\u0633 \u0646\u06c1\u06cc\u06ba\u060c \u0628\u0644\u06a9\u06c1 <span class=\"emphasis-text\">\u0648\u0698\u0646\u060c \u0645\u0646\u0635\u0648\u0628\u06c1 \u0628\u0646\u062f\u06cc \u0627\u0648\u0631 \u0644\u06af\u0646<\/span> \u06a9\u0627 \u0634\u0627\u0646\u062f\u0627\u0631 \u0646\u062a\u06cc\u062c\u06c1 \u06c1\u06d2!\n <\/p>\n <\/div>\n \n \n <div class=\"investment-zone\">\n <h2 class=\"investment-heading\">\ud83d\udcb0 \u0622\u067e \u06a9\u06cc \u067e\u0631\u0627\u067e\u0631\u0679\u06cc\u060c \u0622\u067e \u06a9\u0627 \u0645\u0633\u062a\u0642\u0628\u0644 \ud83d\udcb0<\/h2>\n <div class=\"investment-boxes\">\n <div class=\"investment-item\">\n <span class=\"investment-emoji\">\ud83d\ude80<\/span>\n <p class=\"investment-desc\">\u0622\u067e \u06a9\u06d2 \u067e\u0644\u0627\u0679 \u06a9\u06cc \u0642\u06cc\u0645\u062a<br>\u0627\u0628 \u0622\u0633\u0645\u0627\u0646 \u0686\u06be\u0648\u0626\u06d2 \u06af\u06cc!<\/p>\n <\/div>\n <div class=\"investment-item\">\n <span class=\"investment-emoji\">\ud83d\udcb5<\/span>\n <p class=\"investment-desc\">\u0622\u067e \u06a9\u06cc \u0633\u0631\u0645\u0627\u06cc\u06c1 \u06a9\u0627\u0631\u06cc \u0645\u06cc\u06ba<br>\u0634\u0627\u0646\u062f\u0627\u0631 \u0645\u0646\u0627\u0641\u0639!<\/p>\n <\/div>\n <div class=\"investment-item\">\n <span class=\"investment-emoji\">\ud83c\udfc6<\/span>\n <p class=\"investment-desc\">\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0644\u0648\u06a9\u06cc\u0634\u0646\u060c<br>\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0633\u06c1\u0648\u0644\u06cc\u0627\u062a!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-banner\">\n <h2 class=\"cta-heading\">\u26a1 \u0641\u0648\u0631\u06cc \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u06a9\u0631\u06cc\u06ba! \u26a1<\/h2>\n <p class=\"cta-point\">\ud83d\udd39 \u0627\u067e\u0646\u06d2 \u06af\u06be\u0631 \u0645\u06cc\u06ba \u06af\u06cc\u0633 \u06a9\u0646\u06a9\u0634\u0646 \u0641\u0648\u0631\u06cc \u062d\u0627\u0635\u0644 \u06a9\u0631\u06cc\u06ba<\/p>\n <p class=\"cta-point\">\ud83d\udd39 \u06a9\u0645\u067e\u0646\u06cc \u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u06cc\u0627 ConnectOn \u0645\u0648\u0628\u0627\u0626\u0644 \u0627\u06cc\u067e \u0633\u06d2 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u06cc\u06ba<\/p>\n <p class=\"cta-point\">\ud83d\udd39 \u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \u0639\u0644\u06cc\u062d\u062f\u06c1 \u0633\u0631\u06a9\u0644\u0631 \u0645\u06cc\u06ba \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc \u062c\u0627\u0626\u06cc\u06ba \u06af\u06cc<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"footer-section\">\n <h2 class=\"footer-heading\">\u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc \u0645\u06cc\u0646\u062c\u0645\u0646\u0679<\/h2>\n <p class=\"footer-tagline\">“\u062c\u06c1\u0627\u06ba \u062e\u0648\u0627\u0628 \u062d\u0642\u06cc\u0642\u062a \u0628\u0646\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062c\u06c1\u0627\u06ba \u0648\u0639\u062f\u06d2 \u067e\u0648\u0631\u06d2 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba”<\/p>\n <p class=\"footer-contact\">\u0622\u067e \u06a9\u06d2 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0648\u0631 \u0628\u06c1\u062a\u0631 \u0645\u0633\u062a\u0642\u0628\u0644 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06c1\u0645\u06cc\u0634\u06c1 \u06a9\u0648\u0634\u0627\u06ba<\/p>\n <\/div>\n <\/div>\n \n <script>\n \/\/ Add confetti elements\n function createConfetti() {\n const strip = document.querySelector('.celebration-strip');\n const confettiSymbols = ['\ud83c\udf89', '\ud83c\udf8a', '\u2728', '\ud83c\udf1f', '\u2b50'];\n \n for (let i = 0; i < 15; i++) {\n const confetti = document.createElement('span');\n confetti.className = 'confetti';\n confetti.textContent = confettiSymbols[Math.floor(Math.random() * confettiSymbols.length)];\n confetti.style.left = Math.random() * 100 + '%';\n confetti.style.animationDelay = Math.random() * 3 + 's';\n confetti.style.animationDuration = (Math.random() * 2 + 2) + 's';\n strip.appendChild(confetti);\n }\n }\n \n createConfetti();\n \n function downloadImage() {\n const btn = document.querySelector('.download-button');\n btn.textContent = '\u26a0\ufe0f \u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 Screenshot \u0644\u06cc\u06ba';\n btn.style.background = 'linear-gradient(135deg, #f5576c 0%, #f093fb 100%)';\n \n setTimeout(() => {\n btn.textContent = '\ud83d\udcf8 Screenshot \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u06cc\u0627\u0631 \u06c1\u06d2';\n btn.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';\n }, 2000);\n \n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0627\u0633 \u0635\u0641\u062d\u06d2 \u06a9\u0627 Screenshot \u0644\u06d2 \u06a9\u0631 \u0645\u062d\u0641\u0648\u0638 \u06a9\u0631\u06cc\u06ba:\\n\\nWindows: Win + Shift + S\\nMac: Cmd + Shift + 4\\nMobile: \u0627\u067e\u0646\u06d2 \u0641\u0648\u0646 \u06a9\u0627 screenshot \u0628\u0679\u0646 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba');\n }\n","protected":false},"excerpt":{"rendered":"<p>MTECHSL – \u06af\u06cc\u0633 \u062a\u0627\u0631\u06cc\u062e\u06cc \u0627\u0639\u0644\u0627\u0646 \ud83d\udce5 Image Download \u06a9\u0631\u06cc\u06ba \u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u0627\u06cc\u0645\u067e\u0644\u0627\u0626\u06cc\u0632 \u06a9\u0648\u0622\u067e\u0631\u06cc\u0679\u0648 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc MTECHSL HOUSING SOCIETY \u2728 \u06af\u06cc\u0633 […]<\/p>\n","protected":false},"author":2,"featured_media":150,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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":""},"categories":[1],"tags":[],"class_list":["post-145","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=145"}],"version-history":[{"count":5,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts\/145\/revisions\/152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/media\/150"}],"wp:attachment":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":145,"date":"2026-02-21T20:52:17","date_gmt":"2026-02-21T20:52:17","guid":{"rendered":"https:\/\/mtechsl.pk\/?p=145"},"modified":"2026-02-21T21:05:54","modified_gmt":"2026-02-21T21:05:54","slug":"gas","status":"publish","type":"post","link":"https:\/\/mtechsl.pk\/?p=145","title":{"rendered":"GAS"},"content":{"rendered":"\n\n\n\n \n \n MTECHSL – \u06af\u06cc\u0633 \u062a\u0627\u0631\u06cc\u062e\u06cc \u0627\u0639\u0644\u0627\u0646<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu:wght@400;700&family=Amiri:wght@400;700&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Amiri', 'Noto Nastaliq Urdu', serif;\n background: #f5f5f5;\n padding: 0;\n }\n \n .main-container {\n max-width: 100%;\n margin: 0 auto;\n background: white;\n position: relative;\n }\n \n \/* Header Section with Society Image *\/\n .header-wrapper {\n position: relative;\n height: 450px;\n overflow: hidden;\n }\n \n .header-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: brightness(0.7);\n }\n \n .header-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(180deg, rgba(30,60,114,0.7) 0%, rgba(42,82,152,0.85) 100%);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 40px;\n }\n \n .logo-section {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .society-logo {\n font-size: 64px;\n font-weight: 700;\n color: white;\n text-shadow: 4px 4px 10px rgba(0,0,0,0.6);\n line-height: 1.4;\n margin-bottom: 15px;\n }\n \n .society-subtitle {\n font-size: 32px;\n color: #FFD700;\n font-weight: 700;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.6);\n letter-spacing: 2px;\n }\n \n .milestone-badge {\n background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n color: #1e3c72;\n padding: 15px 40px;\n border-radius: 50px;\n font-size: 28px;\n font-weight: 700;\n box-shadow: 0 8px 25px rgba(255,215,0,0.5);\n margin-top: 20px;\n }\n \n \/* Celebration Banner *\/\n .celebration-strip {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n padding: 35px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .celebration-text {\n color: white;\n font-size: 48px;\n font-weight: 700;\n text-shadow: 3px 3px 6px rgba(0,0,0,0.3);\n position: relative;\n z-index: 2;\n animation: pulse 2s ease-in-out infinite;\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n }\n \n .confetti {\n position: absolute;\n font-size: 40px;\n animation: fall 3s linear infinite;\n }\n \n @keyframes fall {\n 0% { transform: translateY(-100%) rotate(0deg); opacity: 1; }\n 100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }\n }\n \n \/* Dream Reality Section *\/\n .dream-reality {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 70px 40px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .dream-reality::before {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n border-radius: 50%;\n top: -100px;\n right: -100px;\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(-30px, 30px); }\n }\n \n .dream-title {\n font-size: 56px;\n font-weight: 700;\n color: white;\n line-height: 1.8;\n text-shadow: 4px 4px 10px rgba(0,0,0,0.4);\n position: relative;\n z-index: 2;\n }\n \n .dream-highlight {\n background: rgba(255,255,255,0.25);\n padding: 10px 30px;\n border-radius: 60px;\n display: inline-block;\n margin: 10px;\n backdrop-filter: blur(10px);\n border: 3px solid rgba(255,255,255,0.4);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n \n \/* Content Section *\/\n .content-section {\n max-width: 1400px;\n margin: 0 auto;\n padding: 60px 50px;\n }\n \n \/* Main Announcement *\/\n .announcement-card {\n background: linear-gradient(to bottom right, #ffffff 0%, #f8f9fa 100%);\n padding: 60px;\n border-radius: 25px;\n margin-bottom: 50px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.12);\n border: 3px solid #e3e3e3;\n position: relative;\n overflow: hidden;\n }\n \n .announcement-card::before {\n content: \"\u2b50\";\n position: absolute;\n font-size: 400px;\n opacity: 0.03;\n top: -100px;\n right: -100px;\n transform: rotate(-15deg);\n }\n \n .announcement-heading {\n font-size: 48px;\n color: #1e3c72;\n font-weight: 700;\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n padding-bottom: 25px;\n }\n \n .announcement-heading::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 250px;\n height: 5px;\n background: linear-gradient(90deg, transparent, #2a5298, transparent);\n border-radius: 10px;\n }\n \n .announcement-para {\n font-size: 28px;\n line-height: 2.5;\n color: #2c3e50;\n text-align: justify;\n margin-bottom: 30px;\n position: relative;\n z-index: 1;\n }\n \n .gold-badge {\n background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n padding: 6px 18px;\n border-radius: 10px;\n font-weight: 700;\n color: #1e3c72;\n box-shadow: 0 4px 15px rgba(255,215,0,0.4);\n display: inline;\n }\n \n \/* Benefits Section *\/\n .benefits-section {\n margin: 60px 0;\n }\n \n .section-header {\n font-size: 52px;\n color: #1e3c72;\n font-weight: 700;\n text-align: center;\n margin-bottom: 50px;\n }\n \n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 35px;\n margin-bottom: 50px;\n }\n \n .benefit-box {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 45px;\n border-radius: 25px;\n color: white;\n text-align: center;\n box-shadow: 0 20px 50px rgba(102,126,234,0.4);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n \n .benefit-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at top right, rgba(255,255,255,0.15) 0%, transparent 60%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .benefit-box:hover {\n transform: translateY(-15px) scale(1.02);\n box-shadow: 0 30px 70px rgba(102,126,234,0.6);\n }\n \n .benefit-box:hover::before {\n opacity: 1;\n }\n \n .benefit-emoji {\n font-size: 70px;\n margin-bottom: 25px;\n display: block;\n animation: bounce-small 3s ease-in-out infinite;\n }\n \n @keyframes bounce-small {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n .benefit-heading {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 18px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n }\n \n .benefit-detail {\n font-size: 22px;\n line-height: 1.8;\n opacity: 0.95;\n }\n \n \/* Management Tribute *\/\n .management-card {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n padding: 70px;\n border-radius: 25px;\n color: white;\n margin: 60px 0;\n position: relative;\n overflow: hidden;\n box-shadow: 0 25px 60px rgba(30,60,114,0.5);\n }\n \n .management-card::before {\n content: \"\ud83c\udfc6\";\n position: absolute;\n font-size: 350px;\n opacity: 0.05;\n top: -80px;\n left: -80px;\n transform: rotate(-20deg);\n }\n \n .management-heading {\n font-size: 52px;\n font-weight: 700;\n text-align: center;\n margin-bottom: 40px;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.3);\n position: relative;\n }\n \n .management-para {\n font-size: 26px;\n line-height: 2.5;\n text-align: justify;\n margin-bottom: 25px;\n position: relative;\n z-index: 1;\n }\n \n .emphasis-text {\n background: rgba(255,215,0,0.25);\n padding: 4px 15px;\n border-radius: 8px;\n border-right: 3px solid #FFD700;\n font-weight: 700;\n }\n \n \/* Investment Section *\/\n .investment-zone {\n background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);\n padding: 70px;\n border-radius: 25px;\n margin: 60px 0;\n text-align: center;\n color: white;\n box-shadow: 0 25px 60px rgba(17,153,142,0.5);\n position: relative;\n overflow: hidden;\n }\n \n .investment-zone::before {\n content: \"\ud83d\udc8e\";\n position: absolute;\n font-size: 300px;\n opacity: 0.08;\n bottom: -80px;\n right: -80px;\n }\n \n .investment-heading {\n font-size: 54px;\n font-weight: 700;\n margin-bottom: 50px;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.2);\n position: relative;\n z-index: 2;\n }\n \n .investment-boxes {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n position: relative;\n z-index: 2;\n }\n \n .investment-item {\n background: rgba(255,255,255,0.2);\n padding: 40px 25px;\n border-radius: 20px;\n backdrop-filter: blur(15px);\n border: 3px solid rgba(255,255,255,0.35);\n transition: all 0.4s ease;\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n }\n \n .investment-item:hover {\n transform: translateY(-12px) scale(1.05);\n background: rgba(255,255,255,0.3);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25);\n }\n \n .investment-emoji {\n font-size: 65px;\n margin-bottom: 20px;\n display: block;\n }\n \n .investment-desc {\n font-size: 26px;\n font-weight: 700;\n line-height: 1.8;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n }\n \n \/* Call to Action *\/\n .cta-banner {\n background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%);\n padding: 60px;\n border-radius: 25px;\n text-align: center;\n color: white;\n margin: 60px 0;\n box-shadow: 0 25px 60px rgba(245,87,108,0.5);\n }\n \n .cta-heading {\n font-size: 50px;\n font-weight: 700;\n margin-bottom: 35px;\n text-shadow: 3px 3px 6px rgba(0,0,0,0.3);\n }\n \n .cta-point {\n font-size: 30px;\n line-height: 2.2;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n \/* Footer *\/\n .footer-section {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n padding: 70px 50px;\n text-align: center;\n color: white;\n margin-top: 60px;\n }\n \n .footer-heading {\n font-size: 44px;\n font-weight: 700;\n margin-bottom: 25px;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.3);\n }\n \n .footer-tagline {\n font-size: 30px;\n font-style: italic;\n opacity: 0.95;\n line-height: 1.8;\n margin-bottom: 20px;\n }\n \n .footer-contact {\n font-size: 24px;\n margin-top: 30px;\n opacity: 0.9;\n }\n \n \/* Download Button *\/\n .download-button {\n position: fixed;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 20px 50px;\n border: none;\n border-radius: 60px;\n font-size: 24px;\n font-weight: 700;\n cursor: pointer;\n box-shadow: 0 15px 40px rgba(102,126,234,0.5);\n z-index: 1000;\n transition: all 0.3s ease;\n font-family: 'Amiri', serif;\n }\n \n .download-button:hover {\n transform: translateX(-50%) scale(1.08);\n box-shadow: 0 20px 50px rgba(102,126,234,0.7);\n }\n \n .download-button:active {\n transform: translateX(-50%) scale(0.98);\n }\n \n @media (max-width: 768px) {\n body {\n padding: 0;\n }\n \n .header-wrapper {\n height: 300px;\n }\n \n .society-logo { \n font-size: 32px;\n line-height: 1.6;\n }\n \n .society-subtitle {\n font-size: 18px;\n }\n \n .milestone-badge {\n font-size: 18px;\n padding: 10px 25px;\n }\n \n .celebration-text {\n font-size: 28px;\n padding: 0 20px;\n }\n \n .celebration-strip {\n padding: 25px 15px;\n }\n \n .dream-reality {\n padding: 40px 20px;\n }\n \n .dream-title { \n font-size: 28px;\n line-height: 1.6;\n }\n \n .dream-highlight {\n padding: 8px 20px;\n margin: 8px;\n font-size: 26px;\n }\n \n .content-section {\n padding: 30px 20px;\n }\n \n .announcement-card {\n padding: 30px 20px;\n }\n \n .announcement-heading {\n font-size: 28px;\n margin-bottom: 25px;\n }\n \n .announcement-para {\n font-size: 18px;\n line-height: 2;\n }\n \n .section-header { \n font-size: 28px;\n margin-bottom: 30px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .benefit-box {\n padding: 30px 20px;\n }\n \n .benefit-emoji {\n font-size: 50px;\n margin-bottom: 15px;\n }\n \n .benefit-heading {\n font-size: 24px;\n margin-bottom: 12px;\n }\n \n .benefit-detail {\n font-size: 17px;\n }\n \n .management-card {\n padding: 35px 20px;\n }\n \n .management-heading {\n font-size: 30px;\n margin-bottom: 25px;\n }\n \n .management-para {\n font-size: 18px;\n line-height: 2;\n }\n \n .investment-zone {\n padding: 35px 20px;\n }\n \n .investment-heading {\n font-size: 30px;\n margin-bottom: 30px;\n }\n \n .investment-boxes {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .investment-item {\n padding: 30px 20px;\n }\n \n .investment-emoji {\n font-size: 45px;\n }\n \n .investment-desc {\n font-size: 20px;\n }\n \n .cta-banner {\n padding: 35px 20px;\n }\n \n .cta-heading {\n font-size: 30px;\n margin-bottom: 25px;\n }\n \n .cta-point {\n font-size: 20px;\n line-height: 1.8;\n }\n \n .footer-section {\n padding: 40px 20px;\n }\n \n .footer-heading {\n font-size: 28px;\n margin-bottom: 20px;\n }\n \n .footer-tagline {\n font-size: 20px;\n line-height: 1.6;\n }\n \n .footer-contact {\n font-size: 18px;\n }\n \n .download-button {\n padding: 15px 30px;\n font-size: 18px;\n bottom: 15px;\n }\n }\n \n @media (max-width: 480px) {\n .society-logo {\n font-size: 26px;\n }\n \n .society-subtitle {\n font-size: 14px;\n }\n \n .milestone-badge {\n font-size: 16px;\n padding: 8px 20px;\n }\n \n .celebration-text {\n font-size: 22px;\n }\n \n .dream-title {\n font-size: 24px;\n }\n \n .dream-highlight {\n font-size: 22px;\n padding: 6px 15px;\n }\n \n .announcement-heading {\n font-size: 24px;\n }\n \n .announcement-para {\n font-size: 16px;\n }\n \n .section-header {\n font-size: 24px;\n }\n \n .benefit-heading {\n font-size: 20px;\n }\n \n .management-heading, .investment-heading, .cta-heading {\n font-size: 26px;\n }\n \n .footer-heading {\n font-size: 24px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <button class=\"download-button\" onclick=\"downloadImage()\">\ud83d\udce5 Image Download \u06a9\u0631\u06cc\u06ba<\/button>\n \n <div class=\"main-container\" id=\"mainPoster\">\n \n <div class=\"header-wrapper\">\n <div class=\"header-overlay\">\n <div class=\"logo-section\">\n <div class=\"society-logo\">\n \u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u0627\u06cc\u0645\u067e\u0644\u0627\u0626\u06cc\u0632<br>\n \u06a9\u0648\u0622\u067e\u0631\u06cc\u0679\u0648 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc\n <\/div>\n <div class=\"society-subtitle\">MTECHSL HOUSING SOCIETY<\/div>\n <\/div>\n <div class=\"milestone-badge\">\u2728 \u06af\u06cc\u0633 \u06a9\u0627 \u062a\u0627\u0631\u06cc\u062e\u06cc \u0633\u0646\u06af \u0645\u06cc\u0644 \u2728<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"celebration-strip\">\n <div class=\"celebration-text\">\n \ud83c\udf89 \u0645\u0628\u0627\u0631\u06a9 \u06c1\u0648! \u0622\u067e \u06a9\u0627 \u062e\u0648\u0627\u0628 \u067e\u0648\u0631\u0627 \u06c1\u0648 \u06af\u06cc\u0627 \ud83c\udf8a\n <\/div>\n <\/div>\n \n \n <div class=\"dream-reality\">\n <div class=\"dream-title\">\n <span class=\"dream-highlight\">\u062c\u0648 \u06a9\u0644 \u062a\u06a9 \u062e\u0648\u0627\u0628 \u062a\u06be\u0627<\/span>\n <br>\n <span class=\"dream-highlight\">\u0622\u062c \u062d\u0642\u06cc\u0642\u062a \u0628\u0646 \u06af\u06cc\u0627!<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"content-section\">\n \n <div class=\"announcement-card\">\n <h2 class=\"announcement-heading\">\ud83c\udf1f \u062a\u0627\u0631\u06cc\u062e \u0631\u0642\u0645 \u06c1\u0648 \u06af\u0626\u06cc \ud83c\udf1f<\/h2>\n <p class=\"announcement-para\">\n \u0627\u0644\u0644\u06c1 \u062a\u0639\u0627\u0644\u06cc\u0670 \u06a9\u06d2 \u0641\u0636\u0644 \u0648 \u06a9\u0631\u0645 \u0627\u0648\u0631 \u0633\u0648\u0633\u0627\u0626\u0679\u06cc \u0645\u06cc\u0646\u062c\u0645\u0646\u0679 \u06a9\u06cc \u0634\u0628 \u0648 \u0631\u0648\u0632 \u0645\u062d\u0646\u062a\u060c \u0644\u06af\u0646 \u0627\u0648\u0631 \u0639\u0632\u0645 \u06a9\u06cc \u0628\u062f\u0648\u0644\u062a \u0622\u062c <span class=\"gold-badge\">\u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc<\/span> \u0645\u06cc\u06ba \u06af\u06cc\u0633 \u06a9\u06cc \u0633\u06c1\u0648\u0644\u062a \u062f\u0633\u062a\u06cc\u0627\u0628 \u06c1\u0648 \u0686\u06a9\u06cc \u06c1\u06d2\u06d4\n <\/p>\n <p class=\"announcement-para\">\n \u06cc\u06c1 \u0645\u062d\u0636 \u0627\u06cc\u06a9 \u0633\u06c1\u0648\u0644\u062a \u0646\u06c1\u06cc\u06ba\u060c \u0628\u0644\u06a9\u06c1 \u0622\u067e \u06a9\u06d2 <span class=\"gold-badge\">\u0633\u067e\u0646\u0648\u06ba \u06a9\u06cc \u062a\u0639\u0628\u06cc\u0631<\/span> \u06c1\u06d2\u060c \u0622\u067e \u06a9\u06d2 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0627 <span class=\"gold-badge\">\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0635\u0644\u06c1<\/span> \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0622\u067e \u06a9\u06cc <span class=\"gold-badge\">\u0628\u06c1\u062a\u0631 \u0632\u0646\u062f\u06af\u06cc<\/span> \u06a9\u06cc \u0637\u0631\u0641 \u0627\u06cc\u06a9 \u0627\u0648\u0631 \u0634\u0627\u0646\u062f\u0627\u0631 \u0642\u062f\u0645 \u06c1\u06d2\u06d4\n <\/p>\n <\/div>\n \n \n <div class=\"benefits-section\">\n <h2 class=\"section-header\">\ud83d\udcab \u0622\u067e \u06a9\u06d2 \u0644\u06cc\u06d2 \u062e\u0627\u0635 \u0641\u0648\u0627\u0626\u062f \ud83d\udcab<\/h2>\n <div class=\"benefits-grid\">\n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83d\udd25<\/span>\n <h3 class=\"benefit-heading\">LPG \u0633\u0644\u0646\u0688\u0631 \u0633\u06d2 \u0646\u062c\u0627\u062a<\/h3>\n <p class=\"benefit-detail\">\u0627\u0628 \u0645\u06c1\u0646\u06af\u06d2 \u0627\u0648\u0631 \u0645\u062d\u062f\u0648\u062f \u0633\u0644\u0646\u0688\u0631 \u06a9\u06cc \u067e\u0631\u06cc\u0634\u0627\u0646\u06cc \u0646\u06c1\u06cc\u06ba\u06d4 \u06c1\u0631 \u0648\u0642\u062a\u060c \u0628\u0644\u0627 \u062a\u0639\u0637\u0644 \u06af\u06cc\u0633 \u06a9\u06cc \u0633\u06c1\u0648\u0644\u062a!<\/p>\n <\/div>\n \n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83c\udfe0<\/span>\n <h3 class=\"benefit-heading\">\u06c1\u0631 \u06af\u06be\u0631 \u0645\u06cc\u06ba \u06af\u06cc\u0633<\/h3>\n <p class=\"benefit-detail\">\u06c1\u0631 \u06af\u06be\u0631\u060c \u06c1\u0631 \u0628\u0627\u0648\u0631\u0686\u06cc \u062e\u0627\u0646\u06c1 \u0627\u0628 \u062c\u062f\u06cc\u062f \u0633\u06c1\u0648\u0644\u06cc\u0627\u062a \u0633\u06d2 \u0645\u06a9\u0645\u0644 \u0637\u0648\u0631 \u067e\u0631 \u0622\u0631\u0627\u0633\u062a\u06c1!<\/p>\n <\/div>\n \n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83d\udcc8<\/span>\n <h3 class=\"benefit-heading\">\u067e\u0631\u0627\u067e\u0631\u0679\u06cc \u06a9\u0648 \u0644\u06af\u06d2 \u067e\u064e\u0631<\/h3>\n <p class=\"benefit-detail\">\u06af\u06cc\u0633 \u0633\u06d2 \u0622\u067e \u06a9\u06cc \u067e\u0631\u0627\u067e\u0631\u0679\u06cc \u06a9\u06cc \u0645\u0627\u0631\u06a9\u06cc\u0679 \u0648\u06cc\u0644\u06cc\u0648 \u0645\u06cc\u06ba \u0628\u06d2 \u0645\u062b\u0627\u0644 \u0627\u0636\u0627\u0641\u06c1!<\/p>\n <\/div>\n \n <div class=\"benefit-box\">\n <span class=\"benefit-emoji\">\ud83d\udc8e<\/span>\n <h3 class=\"benefit-heading\">\u0633\u0631\u0645\u0627\u06cc\u06c1 \u06a9\u0627\u0631\u06cc \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1<\/h3>\n <p class=\"benefit-detail\">\u0622\u067e \u06a9\u06cc investment \u0627\u0628 \u0644\u06d2 \u06af\u06cc \u062d\u0642\u06cc\u0642\u062a \u0645\u06cc\u06ba \u067e\u06be\u0644 \u0627\u0648\u0631 \u0645\u0646\u0627\u0641\u0639!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"management-card\">\n <h2 class=\"management-heading\">\u2b50 \u0633\u0648\u0633\u0627\u0626\u0679\u06cc \u0645\u06cc\u0646\u062c\u0645\u0646\u0679 \u06a9\u0627 \u0634\u0627\u06c1\u06a9\u0627\u0631 \u2b50<\/h2>\n <p class=\"management-para\">\n \u06c1\u0645\u0627\u0631\u06cc <span class=\"emphasis-text\">\u0642\u0627\u0628\u0644 \u0641\u062e\u0631 \u0645\u06cc\u0646\u062c\u0645\u0646\u0679 \u0679\u06cc\u0645<\/span> \u0646\u06d2 \u062f\u0646 \u0631\u0627\u062a \u06a9\u06cc <span class=\"emphasis-text\">\u0645\u062d\u0646\u062a\u060c \u0644\u06af\u0646 \u0627\u0648\u0631 \u0639\u0632\u0645<\/span> \u0633\u06d2 \u06cc\u06c1 \u0645\u0639\u062c\u0632\u06c1 \u062f\u06a9\u06be\u0627\u06cc\u0627 \u06c1\u06d2\u06d4 \u062c\u0628 \u062f\u0648\u0633\u0631\u06cc \u0633\u0648\u0633\u0627\u0626\u0679\u06cc\u0632 \u062e\u0648\u0627\u0628\u0648\u06ba \u0645\u06cc\u06ba \u06a9\u06be\u0648 \u0631\u06c1\u06cc \u062a\u06be\u06cc\u06ba\u060c \u06c1\u0645 \u0646\u06d2 <span class=\"emphasis-text\">\u062d\u0642\u06cc\u0642\u062a \u06a9\u0648 \u062a\u0634\u06a9\u06cc\u0644 \u062f\u06cc\u0627<\/span>\u06d4\n <\/p>\n <p class=\"management-para\">\n \u06c1\u0631 <span class=\"emphasis-text\">\u0631\u06a9\u0627\u0648\u0679<\/span> \u06a9\u0648 \u06c1\u0645\u062a \u0633\u06d2 \u0639\u0628\u0648\u0631 \u06a9\u06cc\u0627\u060c \u06c1\u0631 <span class=\"emphasis-text\">\u0686\u06cc\u0644\u0646\u062c<\/span> \u06a9\u0648 \u0645\u0648\u0642\u0639 \u0645\u06cc\u06ba \u0628\u062f\u0644\u0627\u060c \u0627\u0648\u0631 \u06c1\u0631 <span class=\"emphasis-text\">\u0648\u0639\u062f\u06d2<\/span> \u06a9\u0648 \u067e\u0648\u0631\u0627 \u06a9\u06cc\u0627\u06d4 \u06cc\u06c1 \u0635\u0631\u0641 \u06af\u06cc\u0633 \u0646\u06c1\u06cc\u06ba\u060c \u0628\u0644\u06a9\u06c1 <span class=\"emphasis-text\">\u0648\u0698\u0646\u060c \u0645\u0646\u0635\u0648\u0628\u06c1 \u0628\u0646\u062f\u06cc \u0627\u0648\u0631 \u0644\u06af\u0646<\/span> \u06a9\u0627 \u0634\u0627\u0646\u062f\u0627\u0631 \u0646\u062a\u06cc\u062c\u06c1 \u06c1\u06d2!\n <\/p>\n <\/div>\n \n \n <div class=\"investment-zone\">\n <h2 class=\"investment-heading\">\ud83d\udcb0 \u0622\u067e \u06a9\u06cc \u067e\u0631\u0627\u067e\u0631\u0679\u06cc\u060c \u0622\u067e \u06a9\u0627 \u0645\u0633\u062a\u0642\u0628\u0644 \ud83d\udcb0<\/h2>\n <div class=\"investment-boxes\">\n <div class=\"investment-item\">\n <span class=\"investment-emoji\">\ud83d\ude80<\/span>\n <p class=\"investment-desc\">\u0622\u067e \u06a9\u06d2 \u067e\u0644\u0627\u0679 \u06a9\u06cc \u0642\u06cc\u0645\u062a<br>\u0627\u0628 \u0622\u0633\u0645\u0627\u0646 \u0686\u06be\u0648\u0626\u06d2 \u06af\u06cc!<\/p>\n <\/div>\n <div class=\"investment-item\">\n <span class=\"investment-emoji\">\ud83d\udcb5<\/span>\n <p class=\"investment-desc\">\u0622\u067e \u06a9\u06cc \u0633\u0631\u0645\u0627\u06cc\u06c1 \u06a9\u0627\u0631\u06cc \u0645\u06cc\u06ba<br>\u0634\u0627\u0646\u062f\u0627\u0631 \u0645\u0646\u0627\u0641\u0639!<\/p>\n <\/div>\n <div class=\"investment-item\">\n <span class=\"investment-emoji\">\ud83c\udfc6<\/span>\n <p class=\"investment-desc\">\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0644\u0648\u06a9\u06cc\u0634\u0646\u060c<br>\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0633\u06c1\u0648\u0644\u06cc\u0627\u062a!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-banner\">\n <h2 class=\"cta-heading\">\u26a1 \u0641\u0648\u0631\u06cc \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u06a9\u0631\u06cc\u06ba! \u26a1<\/h2>\n <p class=\"cta-point\">\ud83d\udd39 \u0627\u067e\u0646\u06d2 \u06af\u06be\u0631 \u0645\u06cc\u06ba \u06af\u06cc\u0633 \u06a9\u0646\u06a9\u0634\u0646 \u0641\u0648\u0631\u06cc \u062d\u0627\u0635\u0644 \u06a9\u0631\u06cc\u06ba<\/p>\n <p class=\"cta-point\">\ud83d\udd39 \u06a9\u0645\u067e\u0646\u06cc \u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u06cc\u0627 ConnectOn \u0645\u0648\u0628\u0627\u0626\u0644 \u0627\u06cc\u067e \u0633\u06d2 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u06cc\u06ba<\/p>\n <p class=\"cta-point\">\ud83d\udd39 \u0645\u0632\u06cc\u062f \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \u0639\u0644\u06cc\u062d\u062f\u06c1 \u0633\u0631\u06a9\u0644\u0631 \u0645\u06cc\u06ba \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc \u062c\u0627\u0626\u06cc\u06ba \u06af\u06cc<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"footer-section\">\n <h2 class=\"footer-heading\">\u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc \u0645\u06cc\u0646\u062c\u0645\u0646\u0679<\/h2>\n <p class=\"footer-tagline\">“\u062c\u06c1\u0627\u06ba \u062e\u0648\u0627\u0628 \u062d\u0642\u06cc\u0642\u062a \u0628\u0646\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062c\u06c1\u0627\u06ba \u0648\u0639\u062f\u06d2 \u067e\u0648\u0631\u06d2 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba”<\/p>\n <p class=\"footer-contact\">\u0622\u067e \u06a9\u06d2 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0648\u0631 \u0628\u06c1\u062a\u0631 \u0645\u0633\u062a\u0642\u0628\u0644 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06c1\u0645\u06cc\u0634\u06c1 \u06a9\u0648\u0634\u0627\u06ba<\/p>\n <\/div>\n <\/div>\n \n <script>\n \/\/ Add confetti elements\n function createConfetti() {\n const strip = document.querySelector('.celebration-strip');\n const confettiSymbols = ['\ud83c\udf89', '\ud83c\udf8a', '\u2728', '\ud83c\udf1f', '\u2b50'];\n \n for (let i = 0; i < 15; i++) {\n const confetti = document.createElement('span');\n confetti.className = 'confetti';\n confetti.textContent = confettiSymbols[Math.floor(Math.random() * confettiSymbols.length)];\n confetti.style.left = Math.random() * 100 + '%';\n confetti.style.animationDelay = Math.random() * 3 + 's';\n confetti.style.animationDuration = (Math.random() * 2 + 2) + 's';\n strip.appendChild(confetti);\n }\n }\n \n createConfetti();\n \n function downloadImage() {\n const btn = document.querySelector('.download-button');\n btn.textContent = '\u26a0\ufe0f \u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 Screenshot \u0644\u06cc\u06ba';\n btn.style.background = 'linear-gradient(135deg, #f5576c 0%, #f093fb 100%)';\n \n setTimeout(() => {\n btn.textContent = '\ud83d\udcf8 Screenshot \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u06cc\u0627\u0631 \u06c1\u06d2';\n btn.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';\n }, 2000);\n \n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0627\u0633 \u0635\u0641\u062d\u06d2 \u06a9\u0627 Screenshot \u0644\u06d2 \u06a9\u0631 \u0645\u062d\u0641\u0648\u0638 \u06a9\u0631\u06cc\u06ba:\\n\\nWindows: Win + Shift + S\\nMac: Cmd + Shift + 4\\nMobile: \u0627\u067e\u0646\u06d2 \u0641\u0648\u0646 \u06a9\u0627 screenshot \u0628\u0679\u0646 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba');\n }\n","protected":false},"excerpt":{"rendered":"<p>MTECHSL – \u06af\u06cc\u0633 \u062a\u0627\u0631\u06cc\u062e\u06cc \u0627\u0639\u0644\u0627\u0646 \ud83d\udce5 Image Download \u06a9\u0631\u06cc\u06ba \u0645\u0644\u0651\u062a \u0679\u0631\u06cc\u06a9\u0679\u0631\u0632 \u0627\u06cc\u0645\u067e\u0644\u0627\u0626\u06cc\u0632 \u06a9\u0648\u0622\u067e\u0631\u06cc\u0679\u0648 \u06c1\u0627\u0624\u0633\u0646\u06af \u0633\u0648\u0633\u0627\u0626\u0679\u06cc MTECHSL HOUSING SOCIETY \u2728 \u06af\u06cc\u0633 […]<\/p>\n","protected":false},"author":2,"featured_media":150,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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":""},"categories":[1],"tags":[],"class_list":["post-145","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=145"}],"version-history":[{"count":5,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/posts\/145\/revisions\/152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=\/wp\/v2\/media\/150"}],"wp:attachment":[{"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtechsl.pk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}