{"id":31,"date":"2025-12-25T07:35:01","date_gmt":"2025-12-25T07:35:01","guid":{"rendered":"https:\/\/pjri.org\/gender-justice\/?page_id=31"},"modified":"2025-12-25T07:41:28","modified_gmt":"2025-12-25T07:41:28","slug":"home","status":"publish","type":"page","link":"https:\/\/pjri.org\/gender-justice\/","title":{"rendered":"home"},"content":{"rendered":"\n\n\n\n \n \n Gender Justice & Women’s Rights Initiative<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* Slider Container *\/\n .gjri-slider-container {\n width: 100%;\n height: 800px;\n position: relative;\n overflow: hidden;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f8f9fa;\n isolation: isolate;\n }\n\n \/* Main slider *\/\n .gjri-slider {\n width: 100%;\n height: 100%;\n position: relative;\n }\n\n \/* Slides *\/\n .gjri-slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 1.2s ease;\n display: flex;\n align-items: center;\n background-color: #f8f9fa;\n }\n\n .gjri-slide.active {\n opacity: 1;\n }\n\n \/* Content side *\/\n .slide-content {\n width: 50%;\n padding: 80px;\n z-index: 2;\n }\n\n .slide-title {\n font-size: 42px;\n font-weight: 700;\n color: #1F1F1F;\n margin-bottom: 25px;\n line-height: 1.3;\n }\n\n .slide-title span {\n color: #6A1B9A;\n position: relative;\n }\n\n .slide-title span::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: #EC407A;\n }\n\n .slogan {\n font-size: 28px;\n color: #6A1B9A;\n font-weight: 600;\n margin-bottom: 20px;\n font-style: italic;\n }\n\n .slide-description {\n font-size: 20px;\n color: #555;\n margin-bottom: 45px;\n line-height: 1.7;\n max-width: 550px;\n }\n\n \/* Image side *\/\n .slide-image {\n width: 50%;\n height: 100%;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: stretch;\n }\n\n .slide-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 1.2s ease;\n }\n\n .gjri-slide.active .slide-image img {\n transform: scale(1.05);\n }\n\n .image-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(106, 27, 154, 0.1) 0%, rgba(206, 147, 216, 0.05) 100%);\n }\n\n \/* CTA Buttons *\/\n .slide-button {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background-color: #6A1B9A;\n color: white;\n text-decoration: none;\n padding: 18px 40px;\n border-radius: 4px;\n font-size: 18px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n max-width: fit-content;\n box-shadow: 0 4px 12px rgba(106, 27, 154, 0.2);\n margin-right: 20px;\n margin-bottom: 10px;\n }\n\n .slide-button:hover {\n background-color: #EC407A;\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(236, 64, 122, 0.3);\n }\n\n .slide-button i {\n font-size: 16px;\n }\n\n .buttons {\n display: flex;\n flex-wrap: wrap;\n }\n\n \/* Navigation dots *\/\n .slider-dots {\n position: absolute;\n bottom: 50px;\n left: 80px;\n display: flex;\n gap: 15px;\n z-index: 10;\n }\n\n .slider-dot {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .slider-dot.active {\n background-color: #EC407A;\n transform: scale(1.3);\n }\n\n .slider-dot::after {\n content: '';\n position: absolute;\n top: -10px;\n left: -10px;\n right: -10px;\n bottom: -10px;\n }\n\n \/* Progress bar - HIDDEN *\/\n .progress-bar {\n display: none;\n }\n\n \/* Auto-play indicator - HIDDEN *\/\n .auto-play {\n display: none;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .gjri-slider-container {\n height: 700px;\n }\n\n .slide-content {\n padding: 60px;\n }\n\n .slider-dots {\n left: 60px;\n bottom: 40px;\n }\n }\n\n @media (max-width: 768px) {\n .gjri-slider-container {\n height: 900px;\n }\n\n .gjri-slide {\n flex-direction: column;\n }\n\n .slide-content {\n width: 100%;\n padding: 40px;\n order: 2;\n text-align: center;\n flex: 1;\n }\n\n .slide-image {\n width: 100%;\n height: 400px;\n order: 1;\n flex: none;\n }\n\n .slide-title {\n font-size: 32px;\n }\n\n .slide-description {\n font-size: 18px;\n max-width: 100%;\n }\n\n .slide-button {\n margin: 10px auto;\n padding: 16px 35px;\n font-size: 17px;\n }\n\n .buttons {\n justify-content: center;\n }\n\n .slider-dots {\n left: 50%;\n transform: translateX(-50%);\n bottom: 30px;\n }\n }\n\n @media (max-width: 480px) {\n .gjri-slider-container {\n height: 800px;\n }\n\n .slide-content {\n padding: 30px;\n }\n\n .slide-image {\n height: 350px;\n }\n\n .slide-title {\n font-size: 28px;\n }\n\n .slide-description {\n font-size: 16px;\n margin-bottom: 35px;\n }\n\n .slide-button {\n padding: 14px 30px;\n font-size: 16px;\n margin: 5px;\n width: 100%;\n max-width: 300px;\n justify-content: center;\n }\n\n .buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .slider-dots {\n bottom: 25px;\n }\n }\n\n \/* Touch swipe area *\/\n .touch-area {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n pointer-events: none;\n }\n\n .touch-swipe {\n position: absolute;\n top: 0;\n width: 50px;\n height: 100%;\n pointer-events: auto;\n cursor: pointer;\n }\n\n .touch-left {\n left: 0;\n }\n\n .touch-right {\n right: 0;\n }\n\n \/* Ensure no interference with other content *\/\n .gjri-slider-container * {\n max-height: 800px;\n }\n\n \/* About Section - Direct on screen like PJ&RI *\/\n .about-section {\n width: 100%;\n min-height: 800px;\n position: relative;\n overflow: hidden;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f8f9fa;\n }\n\n .about-container {\n width: 100%;\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n margin: 0 auto;\n max-width: 1200px;\n min-height: 800px;\n align-items: center;\n }\n\n .about-text {\n flex: 1 1 500px;\n background: transparent;\n border-radius: 0;\n backdrop-filter: none;\n border: none;\n padding: 80px;\n color: #1F1F1F;\n box-shadow: none;\n box-sizing: border-box;\n width: 100%;\n }\n\n .about-text h2 {\n font-size: 42px;\n font-weight: 700;\n color: #6A1B9A;\n margin-bottom: 30px;\n text-align: left;\n position: relative;\n }\n\n .about-text h2::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 80px;\n height: 4px;\n background-color: #EC407A;\n }\n\n .about-text p {\n font-size: 20px;\n line-height: 1.8;\n color: #555;\n margin-bottom: 25px;\n text-align: left;\n }\n\n .about-text ul {\n font-size: 20px;\n line-height: 1.8;\n color: #555;\n margin-bottom: 25px;\n padding-left: 25px;\n }\n\n .about-text li {\n margin-bottom: 15px;\n position: relative;\n padding-left: 10px;\n }\n\n .about-text li::before {\n content: '\u2022';\n color: #EC407A;\n font-weight: bold;\n position: absolute;\n left: -15px;\n }\n\n .about-image {\n flex: 1 1 400px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n padding: 80px;\n box-sizing: border-box;\n width: 100%;\n }\n\n .about-image img {\n width: 100%;\n max-width: 600px;\n border-radius: 0;\n box-shadow: none;\n border: none;\n }\n\n \/* Executive Director Section - Direct on screen *\/\n .director-section {\n width: 100%;\n min-height: 800px;\n position: relative;\n overflow: hidden;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #f8f9fa 0%, #f3e5f5 100%);\n }\n\n .director-content {\n max-width: 1000px;\n margin: 0 auto;\n padding: 80px;\n position: relative;\n z-index: 1;\n }\n\n .director-profile {\n display: flex;\n gap: 60px;\n align-items: flex-start;\n margin-bottom: 60px;\n }\n\n .director-photo {\n width: 250px;\n height: 250px;\n border-radius: 50%;\n object-fit: cover;\n border: 5px solid white;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .director-info {\n flex: 1;\n }\n\n .director-name {\n font-size: 36px;\n font-weight: 700;\n color: #6A1B9A;\n margin-bottom: 10px;\n }\n\n .director-title {\n font-size: 20px;\n color: #00897B;\n font-weight: 600;\n margin-bottom: 30px;\n }\n\n .director-message {\n font-size: 20px;\n line-height: 1.8;\n color: #1F1F1F;\n margin-bottom: 30px;\n padding-left: 20px;\n border-left: 3px solid #EC407A;\n }\n\n .highlight-quote {\n font-size: 24px;\n font-style: italic;\n color: #6A1B9A;\n text-align: left;\n margin: 40px 0;\n padding: 40px;\n position: relative;\n background: transparent;\n border-radius: 0;\n box-shadow: none;\n }\n\n .highlight-quote::before,\n .highlight-quote::after {\n content: '\"';\n font-size: 60px;\n color: #CE93D8;\n position: absolute;\n opacity: 0.3;\n }\n\n .highlight-quote::before {\n top: 10px;\n left: 10px;\n }\n\n .highlight-quote::after {\n bottom: 10px;\n right: 10px;\n }\n\n \/* Focus Areas - Direct on screen *\/\n .focus-section {\n width: 100%;\n min-height: 800px;\n position: relative;\n overflow: hidden;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f8f9fa;\n padding: 80px 40px;\n }\n\n .focus-title {\n text-align: center;\n font-size: 42px;\n font-weight: 700;\n color: #6A1B9A;\n margin-bottom: 20px;\n position: relative;\n }\n\n .focus-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background-color: #EC407A;\n }\n\n .focus-subtitle {\n text-align: center;\n font-size: 20px;\n color: #555;\n margin-bottom: 60px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .focus-grid {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n position: relative;\n }\n\n .focus-item {\n background: transparent;\n padding: 30px;\n transition: all 0.3s ease;\n position: relative;\n text-align: center;\n }\n\n .focus-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, #6A1B9A, #EC407A);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .focus-item:hover::before {\n opacity: 1;\n }\n\n .focus-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #6A1B9A, #8E24AA);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n color: white;\n font-size: 30px;\n transition: transform 0.3s ease;\n }\n\n .focus-item:hover .focus-icon {\n transform: scale(1.1);\n }\n\n .focus-item-title {\n font-size: 22px;\n font-weight: 600;\n color: #6A1B9A;\n margin-bottom: 15px;\n }\n\n .focus-item-description {\n font-size: 16px;\n color: #555;\n line-height: 1.6;\n }\n\n \/* Report Section - Direct on screen *\/\n .report-section {\n width: 100%;\n min-height: 800px;\n position: relative;\n overflow: hidden;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #6A1B9A 0%, #8E24AA 100%);\n color: white;\n padding: 80px;\n }\n\n .report-content {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .report-title {\n font-size: 42px;\n font-weight: 700;\n margin-bottom: 20px;\n color: white;\n text-align: center;\n position: relative;\n }\n\n .report-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background-color: #EC407A;\n }\n\n .report-subtitle {\n font-size: 20px;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 60px;\n text-align: center;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .report-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin: 40px 0 60px;\n }\n\n .report-item {\n display: flex;\n align-items: center;\n gap: 15px;\n padding: 20px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .report-item:hover {\n background: rgba(255, 255, 255, 0.2);\n transform: translateX(5px);\n }\n\n .report-item i {\n color: #EC407A;\n font-size: 24px;\n min-width: 30px;\n }\n\n .report-buttons {\n display: flex;\n gap: 30px;\n justify-content: center;\n margin-top: 40px;\n }\n\n .report-button {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background-color: #EC407A;\n color: white;\n text-decoration: none;\n padding: 20px 45px;\n border-radius: 4px;\n font-size: 20px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(236, 64, 122, 0.3);\n }\n\n .report-button:hover {\n background-color: white;\n color: #EC407A;\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(236, 64, 122, 0.4);\n }\n\n .report-button.secondary {\n background-color: transparent;\n border: 2px solid white;\n }\n\n .report-button.secondary:hover {\n background-color: white;\n color: #6A1B9A;\n }\n\n \/* WhatsApp Report Button *\/\n .whatsapp-report-button {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background-color: #25D366;\n color: white;\n text-decoration: none;\n padding: 20px 45px;\n border-radius: 4px;\n font-size: 20px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\n }\n\n .whatsapp-report-button:hover {\n background-color: #128C7E;\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);\n }\n\n .whatsapp-report-button i {\n font-size: 24px;\n }\n\n \/* Emergency Call Button *\/\n .emergency-call-button {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background-color: #FF4444;\n color: white;\n text-decoration: none;\n padding: 20px 45px;\n border-radius: 4px;\n font-size: 20px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(255, 68, 68, 0.3);\n }\n\n .emergency-call-button:hover {\n background-color: #CC0000;\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(255, 68, 68, 0.4);\n }\n\n \/* Pulsing animation for emergency button *\/\n @keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(236, 64, 122, 0.7);\n }\n 70% {\n box-shadow: 0 0 0 15px rgba(236, 64, 122, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(236, 64, 122, 0);\n }\n }\n\n .pulse {\n animation: pulse 2s infinite;\n }\n\n \/* Responsive adjustments for all sections *\/\n @media (max-width: 1024px) {\n .about-text, .about-image, .director-content, .report-section {\n padding: 60px;\n }\n \n .focus-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .report-list {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .about-container {\n flex-direction: column;\n }\n \n .about-text, .about-image {\n padding: 40px;\n width: 100%;\n }\n \n .about-image img {\n max-width: 100%;\n }\n \n .director-profile {\n flex-direction: column;\n text-align: center;\n }\n \n .director-photo {\n width: 200px;\n height: 200px;\n margin: 0 auto;\n }\n \n .director-content {\n padding: 40px;\n }\n \n .focus-section {\n padding: 60px 20px;\n }\n \n .focus-grid {\n grid-template-columns: 1fr;\n }\n \n .report-section {\n padding: 60px 20px;\n }\n \n .report-buttons {\n flex-direction: column;\n align-items: center;\n gap: 20px;\n }\n \n .report-button,\n .whatsapp-report-button,\n .emergency-call-button {\n width: 100%;\n max-width: 300px;\n justify-content: center;\n padding: 18px 35px;\n }\n }\n\n @media (max-width: 480px) {\n .about-text, .about-image, .director-content, .report-section {\n padding: 30px;\n }\n \n .about-text h2, .focus-title, .report-title {\n font-size: 32px;\n }\n \n .about-text p, .about-text ul, .about-text li, .director-message, .focus-subtitle, .report-subtitle {\n font-size: 18px;\n }\n \n .director-name {\n font-size: 28px;\n }\n \n .highlight-quote {\n font-size: 20px;\n padding: 20px;\n }\n \n .focus-item {\n padding: 20px;\n }\n \n .focus-icon {\n width: 60px;\n height: 60px;\n font-size: 24px;\n }\n \n .focus-item-title {\n font-size: 20px;\n }\n \n .focus-item-description {\n font-size: 16px;\n }\n }\n <\/style>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n<body>\n <!-- Slider Section -->\n <div class=\"gjri-slider-container\">\n <div class=\"gjri-slider\">\n <!-- Slide 1 -->\n <div class=\"gjri-slide active\">\n <div class=\"slide-content\">\n <h2 class=\"slide-title\">Empowering <span>Women.<\/span> Supporting <span>Transgender Persons.<\/span> Protecting <span>Children.<\/span><\/h2>\n <p class=\"slide-description\">\n Working nationwide to ensure health, safety, dignity, and reproductive rights for every person in Pakistan.\n <\/p>\n <div class=\"buttons\">\n <a href=\"https:\/\/donationlink.com\" target=\"_blank\" class=\"slide-button\">\n Donate Now <i class=\"fas fa-donate\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"slide-image\">\n <img decoding=\"async\" src=\"https:\/\/pjri.org\/wp-content\/uploads\/2025\/12\/IDAHOBIT2024_IRC-Pakistan_postcard.jpg\" alt=\"Women in Law Courtroom\">\n <div class=\"image-overlay\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Slide 2 -->\n <div class=\"gjri-slide\">\n <div class=\"slide-content\">\n <h2 class=\"slide-title\">Health, Safety & <span>Reproductive Rights<\/span> for Everyone<\/h2>\n <p class=\"slide-description\">\n Awareness, education, and support to protect reproductive health rights for women, transgender individuals, and adolescents.\n <\/p>\n <div class=\"buttons\">\n <a href=\"https:\/\/knowyourrightslink.com\" target=\"_blank\" class=\"slide-button\">\n Know Your Rights <i class=\"fas fa-scale-balanced\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"slide-image\">\n <img decoding=\"async\" src=\"https:\/\/pjri.org\/wp-content\/uploads\/2025\/12\/201806us_womensrights_supremecourt_abortion.webp\" alt=\"Law Books and Legal Documents\">\n <div class=\"image-overlay\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Slide 3 -->\n <div class=\"gjri-slide\">\n <div class=\"slide-content\">\n <h2 class=\"slide-title\">A Safe, Equal, and <span>Inclusive Pakistan<\/span><\/h2>\n <p class=\"slide-description\">\n National campaigns protecting women, transgender communities, and children from violence, exploitation, and discrimination.\n <\/p>\n <div class=\"buttons\">\n <a href=\"https:\/\/ourprogramslink.com\" target=\"_blank\" class=\"slide-button\">\n See Our Programs <i class=\"fas fa-project-diagram\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"slide-image\">\n <img decoding=\"async\" src=\"https:\/\/pjri.org\/wp-content\/uploads\/2025\/12\/220307-noor-mukadam-mb-0848-6d5ca6.webp\" alt=\"Women Lawyers in Court\">\n <div class=\"image-overlay\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Touch swipe areas -->\n <div class=\"touch-area\">\n <div class=\"touch-swipe touch-left\" data-direction=\"prev\"><\/div>\n <div class=\"touch-swipe touch-right\" data-direction=\"next\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Navigation Dots -->\n <div class=\"slider-dots\">\n <div class=\"slider-dot active\" data-slide=\"0\"><\/div>\n <div class=\"slider-dot\" data-slide=\"1\"><\/div>\n <div class=\"slider-dot\" data-slide=\"2\"><\/div>\n <\/div>\n <\/div>\n\n <!-- About Section -->\n <section class=\"about-section\" id=\"about\">\n <div class=\"about-container\">\n <div class=\"about-text\">\n <h2>About Us<\/h2>\n <p>\n The <strong>Gender Justice & Women’s Rights Initiative<\/strong> is an independent, national organisation committed to advancing gender equality, health rights, and legal protection for women, transgender persons, and children in Pakistan.\n <\/p>\n\n <p>\n We work to:\n <\/p>\n\n <ul>\n <li>Prevent gender-based violence<\/li>\n <li>Promote reproductive and health rights<\/li>\n <li>Protect children from abuse<\/li>\n <li>Support transgender inclusion and safety<\/li>\n <li>Provide legal awareness and complaint guidance<\/li>\n <li>Train communities and institutions<\/li>\n <li>Advocate for policy reforms<\/li>\n <\/ul>\n\n <p>\n Our mission is to build a Pakistan where dignity, equality, and justice are accessible to all.\n <\/p>\n <\/div>\n\n <div class=\"about-image\">\n <img decoding=\"async\" src=\"https:\/\/pjri.org\/wp-content\/uploads\/2025\/12\/202201asia_pakistan_womensrights_protest.webp\" alt=\"Women Lawyers Legal Rights\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Executive Director Section -->\n <section class=\"director-section\">\n <div class=\"director-content\">\n <div class=\"director-profile\">\n <img decoding=\"async\" src=\"https:\/\/pjri.org\/wp-content\/uploads\/2025\/12\/IMG_4036-scaled-e1764592848269.jpg\" alt=\"Neelam Hassan\" class=\"director-photo\">\n <div class=\"director-info\">\n <h3 class=\"director-name\">Neelam Hassan<\/h3>\n <p class=\"director-title\">Executive Director, Gender Justice & Women’s Rights Initiative<\/p>\n <div class=\"director-message\">\n “Our organisation stands firm on the belief that a nation cannot progress unless its women and children are safe, empowered, and protected. Gender justice is not a privilege\u2014it is a fundamental right guaranteed to every citizen of Pakistan.”\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"highlight-quote\">\n We work tirelessly to raise awareness, provide support, and advocate for stronger legal protections. From grassroots communities to digital platforms, our goal is to ensure every person\u2014especially women and children\u2014has the opportunity to live with dignity, security, and equality.\n <\/div>\n\n <div class=\"director-message\">\n “Together, we can build a Pakistan where respect, justice, and equal rights become the foundation of our society.”\n <\/div>\n\n <div style=\"margin-top: 40px; color: #00897B;\">\n <div style=\"font-weight: 700; font-size: 24px; margin-bottom: 5px;\">Neelam Hassan<\/div>\n <div style=\"font-size: 20px;\">\u2014 Executive Director<\/div>\n <div style=\"font-size: 20px;\">Gender Justice & Women’s Rights Initiative<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Focus Areas Section -->\n <section class=\"focus-section\" id=\"focus\">\n <h2 class=\"focus-title\">Our Core Focus Areas<\/h2>\n <p class=\"focus-subtitle\">Eight key areas where we’re making a tangible difference in gender justice and rights protection<\/p>\n\n <div class=\"focus-grid\">\n <!-- Women's Rights -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-female\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Women’s Rights & Empowerment<\/h3>\n <p class=\"focus-item-description\">Legal support, capacity building, and leadership training for women across Pakistan.<\/p>\n <\/div>\n\n <!-- Child Protection -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-child\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Child Protection & Safety<\/h3>\n <p class=\"focus-item-description\">Awareness on child abuse prevention, safe schools, and complaint procedures.<\/p>\n <\/div>\n\n <!-- Transgender Inclusion -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-transgender\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Transgender Inclusion & Protection<\/h3>\n <p class=\"focus-item-description\">Advocacy for safety, rights, and anti-discrimination measures.<\/p>\n <\/div>\n\n <!-- GBV Prevention -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Gender-Based Violence Prevention<\/h3>\n <p class=\"focus-item-description\">Support systems and reporting guidance to prevent gender-based violence.<\/p>\n <\/div>\n\n <!-- Health & Reproductive Rights -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-heartbeat\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Health & Reproductive Rights<\/h3>\n <p class=\"focus-item-description\">Awareness on reproductive health and healthcare access for all.<\/p>\n <\/div>\n\n <!-- Workplace Harassment -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-briefcase\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Workplace Harassment Awareness<\/h3>\n <p class=\"focus-item-description\">Training programs to prevent workplace harassment and discrimination.<\/p>\n <\/div>\n\n <!-- Legal Education -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-gavel\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Legal Education & Rights Awareness<\/h3>\n <p class=\"focus-item-description\">Community workshops on legal rights and protections.<\/p>\n <\/div>\n\n <!-- Cyber Safety -->\n <div class=\"focus-item\">\n <div class=\"focus-icon\">\n <i class=\"fas fa-shield-virus\"><\/i>\n <\/div>\n <h3 class=\"focus-item-title\">Cyber Safety & Digital Protection<\/h3>\n <p class=\"focus-item-description\">Protecting from online harassment and digital exploitation.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Report Section -->\n <section class=\"report-section\" id=\"report\">\n <div class=\"report-content\">\n <h2 class=\"report-title\">Need Help? Report Safely & Confidentially<\/h2>\n <p class=\"report-subtitle\">We support reporting of various issues with complete confidentiality and professional assistance<\/p>\n\n <div class=\"report-list\">\n <div class=\"report-item\">\n <i class=\"fas fa-exclamation-triangle\"><\/i>\n <span>Violence against women<\/span>\n <\/div>\n <div class=\"report-item\">\n <i class=\"fas fa-child\"><\/i>\n <span>Child abuse<\/span>\n <\/div>\n <div class=\"report-item\">\n <i class=\"fas fa-transgender\"><\/i>\n <span>Transgender harassment<\/span>\n <\/div>\n <div class=\"report-item\">\n <i class=\"fas fa-home\"><\/i>\n <span>Domestic violence<\/span>\n <\/div>\n <div class=\"report-item\">\n <i class=\"fas fa-briefcase\"><\/i>\n <span>Workplace harassment<\/span>\n <\/div>\n <div class=\"report-item\">\n <i class=\"fas fa-heart\"><\/i>\n <span>Reproductive rights denial<\/span>\n <\/div>\n <div class=\"report-item\">\n <i class=\"fas fa-laptop\"><\/i>\n <span>Cyber harassment<\/span>\n <\/div>\n <div class=\"report-item\">\n <i class=\"fas fa-balance-scale\"><\/i>\n <span>Legal rights violation<\/span>\n <\/div>\n <\/div>\n\n <div class=\"report-buttons\">\n <a href=\"https:\/\/wa.me\/923259729149\" target=\"_blank\" class=\"whatsapp-report-button\">\n <i class=\"fab fa-whatsapp\"><\/i> Report Now\n <\/a>\n <a href=\"tel:15\" class=\"emergency-call-button pulse\">\n <i class=\"fas fa-phone-alt\"><\/i> Emergency Support\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Include the Footer -->\n <?php include 'footer.php'; ?>\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Slider Elements\n const slides = document.querySelectorAll('.gjri-slide');\n const dots = document.querySelectorAll('.slider-dot');\n const touchAreas = document.querySelectorAll('.touch-swipe');\n \n \/\/ State\n let currentSlide = 0;\n let autoPlayInterval;\n const slideDuration = 6000;\n let touchStartX = 0;\n \n \/\/ Initialize\n startAutoPlay();\n \n \/\/ Go to specific slide\n function goToSlide(index) {\n \/\/ Remove active class from current slide\n slides[currentSlide].classList.remove('active');\n dots[currentSlide].classList.remove('active');\n \n \/\/ Update current slide\n currentSlide = index;\n if (currentSlide >= slides.length) currentSlide = 0;\n if (currentSlide < 0) currentSlide = slides.length - 1;\n \n \/\/ Add active class to new slide\n slides[currentSlide].classList.add('active');\n dots[currentSlide].classList.add('active');\n }\n \n \/\/ Next slide\n function nextSlide() {\n goToSlide(currentSlide + 1);\n }\n \n \/\/ Previous slide\n function prevSlide() {\n goToSlide(currentSlide - 1);\n }\n \n \/\/ Auto-play functions\n function startAutoPlay() {\n if (autoPlayInterval) clearInterval(autoPlayInterval);\n \n autoPlayInterval = setInterval(() => {\n nextSlide();\n }, slideDuration);\n }\n \n function stopAutoPlay() {\n if (autoPlayInterval) clearInterval(autoPlayInterval);\n }\n \n \/\/ Dot navigation\n dots.forEach(dot => {\n dot.addEventListener('click', function() {\n const slideIndex = parseInt(this.getAttribute('data-slide'));\n goToSlide(slideIndex);\n resetAutoPlay();\n });\n });\n \n \/\/ Touch swipe for mobile\n const sliderContainer = document.querySelector('.gjri-slider-container');\n \n sliderContainer.addEventListener('touchstart', function(e) {\n touchStartX = e.touches[0].clientX;\n stopAutoPlay();\n }, { passive: true });\n \n sliderContainer.addEventListener('touchend', function(e) {\n const touchEndX = e.changedTouches[0].clientX;\n const swipeThreshold = 50;\n const swipeDistance = touchStartX - touchEndX;\n \n if (Math.abs(swipeDistance) > swipeThreshold) {\n if (swipeDistance > 0) {\n nextSlide();\n } else {\n prevSlide();\n }\n }\n \n startAutoPlay();\n }, { passive: true });\n \n \/\/ Touch area navigation\n touchAreas.forEach(area => {\n area.addEventListener('click', function() {\n const direction = this.getAttribute('data-direction');\n if (direction === 'prev') prevSlide();\n if (direction === 'next') nextSlide();\n resetAutoPlay();\n });\n });\n \n \/\/ Keyboard navigation\n document.addEventListener('keydown', function(e) {\n if (e.key === 'ArrowLeft') {\n prevSlide();\n resetAutoPlay();\n }\n if (e.key === 'ArrowRight') {\n nextSlide();\n resetAutoPlay();\n }\n });\n \n \/\/ Reset auto-play timer\n function resetAutoPlay() {\n stopAutoPlay();\n startAutoPlay();\n }\n \n \/\/ Pause auto-play on hover\n sliderContainer.addEventListener('mouseenter', stopAutoPlay);\n sliderContainer.addEventListener('mouseleave', startAutoPlay);\n \n \/\/ Smooth scrolling for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop,\n behavior: 'smooth'\n });\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<footer class=\"gjri-footer\">\n <div class=\"footer-container\">\n <!-- Main Footer Content -->\n <div class=\"footer-main\">\n <!-- Column 1: About & Logo -->\n <div class=\"footer-column\">\n <div class=\"footer-logo\">\n <div class=\"footer-logo-image\">\n <img decoding=\"async\" src=\"\/images\/logo.png\" alt=\"Gender Justice & Women Rights Initiative Logo\">\n <\/div>\n <div class=\"footer-logo-text\">\n <h3>Gender Justice & Women Rights Initiative<\/h3>\n <p>Roshan Mustaqbil, Barabar Haqooq<\/p>\n <\/div>\n <\/div>\n <div class=\"footer-about\">\n <p>Working nationwide to ensure health, safety, dignity, and reproductive rights for every person in Pakistan.<\/p>\n <\/div>\n <div class=\"footer-social\">\n <h4>Follow Our Work<\/h4>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Column 2: Main Menu -->\n <div class=\"footer-column\">\n <h4>Main Menu<\/h4>\n <ul class=\"footer-links\">\n <!-- Home -->\n <li><a href=\"index\"><i class=\"fas fa-home\"><\/i> Home<\/a><\/li>\n \n <!-- About Us Dropdown Items -->\n <li><a href=\"who-we-are\"><i class=\"fas fa-info-circle\"><\/i> Who We Are<\/a><\/li>\n <li><a href=\"mission-vision\"><i class=\"fas fa-bullseye\"><\/i> Mission & Vision<\/a><\/li>\n <li><a href=\"core-values\"><i class=\"fas fa-star\"><\/i> Core Values<\/a><\/li>\n <li><a href=\"our-approach\"><i class=\"fas fa-road\"><\/i> Our Approach<\/a><\/li>\n <li><a href=\"leadership-team\"><i class=\"fas fa-users\"><\/i> Leadership & Team<\/a><\/li>\n <li><a href=\"partners-supporters\"><i class=\"fas fa-handshake\"><\/i> Partners & Supporters<\/a><\/li>\n <\/ul>\n <\/div>\n\n <!-- Column 3: Programs & Areas -->\n <div class=\"footer-column\">\n <h4>Our Work<\/h4>\n <ul class=\"footer-links\">\n <!-- Focus Areas Dropdown Items -->\n <li><a href=\"women-girls\"><i class=\"fas fa-female\"><\/i> Women & Girls<\/a><\/li>\n <li><a href=\"children\"><i class=\"fas fa-child\"><\/i> Children<\/a><\/li>\n <li><a href=\"transgender-persons\"><i class=\"fas fa-transgender\"><\/i> Transgender Persons<\/a><\/li>\n \n <!-- Main Menu Items -->\n <li><a href=\"get-involved\"><i class=\"fas fa-hands-helping\"><\/i> Get Involved<\/a><\/li>\n <li><a href=\"media-center\"><i class=\"fas fa-photo-video\"><\/i> Media Center<\/a><\/li>\n <li><a href=\"national-campaigns\"><i class=\"fas fa-bullhorn\"><\/i> National Campaigns<\/a><\/li>\n <li><a href=\"articles-blogs\"><i class=\"fas fa-newspaper\"><\/i> Articles & Blogs<\/a><\/li>\n <li><a href=\"contact\"><i class=\"fas fa-envelope\"><\/i> Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n\n <!-- Column 4: Contact Info -->\n <div class=\"footer-column\">\n <h4>Contact Info<\/h4>\n <ul class=\"contact-info\">\n <li>\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <span>123 Justice Avenue, Islamabad, Pakistan<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-phone\"><\/i>\n <span><a href=\"tel:+921234567890\">+92 123 4567890<\/a><\/span>\n <\/li>\n <li>\n <i class=\"fas fa-envelope\"><\/i>\n <span><a href=\"mailto:info@gjri.org\">info@gjri.org<\/a><\/span>\n <\/li>\n <li>\n <i class=\"fas fa-clock\"><\/i>\n <span>Mon-Fri: 9:00 AM – 5:00 PM<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-donate\"><\/i>\n <span><a href=\"donate\">Donate Now<\/a><\/span>\n <\/li>\n <\/ul>\n \n <!-- DONATION BUTTON -->\n <div class=\"footer-donation\">\n <a href=\"donate\" class=\"footer-donate-btn\">\n <i class=\"fas fa-heart\"><\/i> Donate Now\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- DONATION BAR -->\n <div class=\"donation-bar\">\n <div class=\"donation-message\">\n <i class=\"fas fa-heart\"><\/i>\n <span>Support Our Cause – Together We Can Make a Difference<\/span>\n <\/div>\n <a href=\"donate\" class=\"donation-bar-btn\">\n <i class=\"fas fa-donate\"><\/i> Donate Now\n <\/a>\n <\/div>\n\n <!-- Copyright & Bottom Bar -->\n <div class=\"footer-bottom\">\n <div class=\"copyright\">\n <p id=\"copyrightYear\"><\/p>\n <div class=\"footer-links-bottom\">\n <a href=\"privacy-policy\">Privacy Policy<\/a>\n <a href=\"terms-of-service\">Terms of Service<\/a>\n <a href=\"disclaimer\">Disclaimer<\/a>\n <a href=\"sitemap\">Sitemap<\/a>\n <\/div>\n <\/div>\n\n <div class=\"emergency-bottom\">\n <div class=\"emergency-info\">\n <h5><i class=\"fas fa-exclamation-triangle\"><\/i> Emergency Contacts<\/h5>\n <div class=\"emergency-numbers\">\n <a href=\"tel:1099\" class=\"emergency-link\">\n <i class=\"fas fa-phone-alt\"><\/i> Helpline: 1099\n <\/a>\n <a href=\"tel:1122\" class=\"emergency-link\">\n <i class=\"fas fa-ambulance\"><\/i> Emergency: 1122\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <style>\n \/* Footer Styles *\/\n :root {\n --primary-purple: #6A1B9A;\n --secondary-pink: #EC407A;\n --accent-teal: #00897B;\n --dark-text: #1F1F1F;\n --light-bg: #f8f9fa;\n --white: #ffffff;\n --footer-bg: #2a1b3a;\n }\n\n .gjri-footer {\n background: linear-gradient(135deg, var(--footer-bg) 0%, #3a1b4a 100%);\n color: rgba(255, 255, 255, 0.9);\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin-top: auto;\n }\n\n .footer-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px 20px;\n }\n\n \/* Main Footer Content *\/\n .footer-main {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n margin-bottom: 30px;\n }\n\n .footer-column h4 {\n color: var(--white);\n font-size: 18px;\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 2px solid var(--secondary-pink);\n position: relative;\n }\n\n .footer-column h4::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 60px;\n height: 2px;\n background: var(--accent-teal);\n }\n\n \/* Column 1: Logo & About *\/\n .footer-logo {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .footer-logo-image {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .footer-logo-image img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .footer-logo-text h3 {\n color: var(--white);\n font-size: 18px;\n margin-bottom: 5px;\n line-height: 1.3;\n }\n\n .footer-logo-text p {\n color: var(--accent-teal);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 1px;\n }\n\n .footer-about {\n margin-bottom: 25px;\n }\n\n .footer-about p {\n line-height: 1.6;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.8);\n }\n\n \/* Social Icons *\/\n .social-icons {\n display: flex;\n gap: 12px;\n margin-top: 15px;\n }\n\n .social-icons a {\n width: 36px;\n height: 36px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .social-icons a:hover {\n background: var(--secondary-pink);\n transform: translateY(-3px);\n border-color: var(--secondary-pink);\n }\n\n \/* Footer Links *\/\n .footer-links {\n list-style: none;\n padding: 0;\n }\n\n .footer-links li {\n margin-bottom: 10px;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.8);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: all 0.3s ease;\n font-size: 14px;\n }\n\n .footer-links a:hover {\n color: var(--secondary-pink);\n transform: translateX(5px);\n }\n\n .footer-links a i {\n color: var(--accent-teal);\n font-size: 12px;\n width: 20px;\n }\n\n \/* Contact Info *\/\n .contact-info {\n list-style: none;\n padding: 0;\n margin-bottom: 25px;\n }\n\n .contact-info li {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin-bottom: 12px;\n font-size: 14px;\n }\n\n .contact-info i {\n color: var(--accent-teal);\n font-size: 16px;\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n .contact-info a {\n color: rgba(255, 255, 255, 0.9);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .contact-info a:hover {\n color: var(--secondary-pink);\n }\n\n \/* Footer Donation Button *\/\n .footer-donation {\n margin-top: 20px;\n }\n\n .footer-donate-btn {\n background: linear-gradient(135deg, var(--secondary-pink), #F06292);\n color: white;\n text-decoration: none;\n padding: 12px 25px;\n border-radius: 4px;\n font-size: 15px;\n font-weight: 700;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n box-shadow: 0 4px 12px rgba(236, 64, 122, 0.3);\n }\n\n .footer-donate-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(236, 64, 122, 0.4);\n background: linear-gradient(135deg, #F06292, var(--secondary-pink));\n }\n\n \/* Donation Bar *\/\n .donation-bar {\n background: linear-gradient(135deg, var(--secondary-pink) 0%, #F06292 100%);\n color: white;\n padding: 15px 25px;\n border-radius: 8px;\n margin: 20px 0 30px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-shadow: 0 4px 15px rgba(236, 64, 122, 0.3);\n }\n\n .donation-message {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 16px;\n font-weight: 600;\n }\n\n .donation-bar-btn {\n background: rgba(255, 255, 255, 0.2);\n color: white;\n text-decoration: none;\n padding: 10px 25px;\n border-radius: 4px;\n font-size: 15px;\n font-weight: 700;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 10px;\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n\n .donation-bar-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);\n }\n\n \/* Footer Bottom *\/\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding-top: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n }\n\n .copyright p {\n color: rgba(255, 255, 255, 0.6);\n font-size: 13px;\n margin-bottom: 10px;\n }\n\n .footer-links-bottom {\n display: flex;\n gap: 20px;\n }\n\n .footer-links-bottom a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n font-size: 13px;\n transition: color 0.3s ease;\n }\n\n .footer-links-bottom a:hover {\n color: var(--secondary-pink);\n }\n\n \/* Emergency Bottom *\/\n .emergency-info {\n text-align: right;\n }\n\n .emergency-info h5 {\n color: var(--white);\n font-size: 14px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: flex-end;\n }\n\n .emergency-info h5 i {\n color: var(--secondary-pink);\n }\n\n .emergency-numbers {\n display: flex;\n gap: 15px;\n }\n\n .emergency-link {\n background: rgba(236, 64, 122, 0.2);\n color: white;\n text-decoration: none;\n padding: 8px 15px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n border: 1px solid rgba(236, 64, 122, 0.3);\n }\n\n .emergency-link:hover {\n background: rgba(236, 64, 122, 0.3);\n transform: translateY(-2px);\n }\n\n \/* Donation Button Animation *\/\n @keyframes pulseDonate {\n 0% {\n box-shadow: 0 0 0 0 rgba(236, 64, 122, 0.4);\n }\n 70% {\n box-shadow: 0 0 0 5px rgba(236, 64, 122, 0);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(236, 64, 122, 0);\n }\n }\n\n .donation-bar-btn {\n animation: pulseDonate 2s infinite;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .footer-main {\n gap: 30px;\n }\n \n .donation-bar {\n padding: 15px 20px;\n }\n }\n\n @media (max-width: 768px) {\n .footer-main {\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n }\n \n .footer-bottom {\n flex-direction: column;\n text-align: center;\n gap: 20px;\n }\n \n .copyright {\n order: 2;\n }\n \n .emergency-info {\n order: 1;\n text-align: center;\n width: 100%;\n }\n \n .emergency-info h5 {\n justify-content: center;\n }\n \n .emergency-numbers {\n justify-content: center;\n flex-wrap: wrap;\n }\n \n .donation-bar {\n flex-direction: column;\n gap: 15px;\n text-align: center;\n padding: 20px;\n }\n \n .footer-links-bottom {\n justify-content: center;\n flex-wrap: wrap;\n gap: 15px;\n }\n }\n\n @media (max-width: 576px) {\n .footer-main {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n \n .footer-container {\n padding: 30px 15px 15px;\n }\n \n .footer-column {\n text-align: center;\n }\n \n .footer-logo {\n flex-direction: column;\n text-align: center;\n }\n \n .footer-column h4::after {\n left: 50%;\n transform: translateX(-50%);\n }\n \n .footer-links a:hover {\n transform: none;\n }\n \n .contact-info li {\n justify-content: center;\n }\n \n .social-icons {\n justify-content: center;\n }\n \n .donation-bar-btn {\n padding: 12px 20px;\n }\n }\n\n @media (max-width: 480px) {\n .emergency-numbers {\n flex-direction: column;\n width: 100%;\n }\n \n .emergency-link {\n width: 100%;\n justify-content: center;\n }\n \n .donation-bar {\n padding: 15px;\n }\n \n .donation-message {\n font-size: 14px;\n }\n \n .footer-donate-btn {\n padding: 10px 20px;\n font-size: 14px;\n }\n \n .footer-links a,\n .contact-info li {\n font-size: 13px;\n }\n }\n <\/style>\n\n <script>\n \/\/ Set current year for copyright\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Update copyright year\n const yearSpan = document.getElementById('copyrightYear');\n if (yearSpan) {\n yearSpan.textContent = `\u00a9 ${new Date().getFullYear()} Gender Justice & Women Rights Initiative. All Rights Reserved.`;\n }\n \n \/\/ Button hover effects\n document.querySelectorAll('.footer-donate-btn, .donation-bar-btn, .emergency-link').forEach(btn => {\n btn.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-3px)';\n });\n \n btn.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n \n \/\/ Social icons hover\n document.querySelectorAll('.social-icons a').forEach(icon => {\n icon.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-3px)';\n });\n \n icon.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n \n \/\/ Footer links hover effect for desktop\n if (window.innerWidth > 768) {\n document.querySelectorAll('.footer-links a').forEach(link => {\n link.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(5px)';\n });\n \n link.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(0)';\n });\n });\n }\n });\n \n \/\/ Handle responsive behavior\n window.addEventListener('resize', function() {\n \/\/ Disable transform effects on mobile\n const footerLinks = document.querySelectorAll('.footer-links a');\n if (window.innerWidth <= 576) {\n footerLinks.forEach(link => {\n link.style.transform = 'none';\n });\n }\n });\n <\/script>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Gender Justice & Women’s Rights Initiative Empowering Women. Supporting Transgender Persons. Protecting Children. Working nationwide to ensure health, safety, dignity, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":2,"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/pages\/31\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/pjri.org\/gender-justice\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}