Chhattisgarh Bihan Vacancy 2026: क्या आप भी छत्तीसगढ़ राज्य में एक प्रतिष्ठित सरकारी नौकरी की तलाश कर रहे हैं? यदि हाँ, तो आपके लिए एक बहुत ही शानदार खुशखबरी है। छत्तीसगढ़ राज्य ग्रामीण आजीविका मिशन (CG SRLM), जिसे ‘बिहान’ (Bihan) योजना के नाम से भी जाना जाता है, ने बेरोजगार युवाओं के लिए बंपर भर्ती का नोटिफिकेशन जारी किया है। इस भर्ती के तहत योग्य उम्मीदवारों से छग राज्य ग्रामीण आजीविका मिशन भर्ती ऑनलाइन फॉर्म आमंत्रित किए गए हैं।
इस महत्वपूर्ण भर्ती अभियान के माध्यम से कुल 58 रिक्त पदों को भरा जाएगा। चयनित उम्मीदवारों को ₹60,000 से लेकर ₹60,960 प्रति माह तक का शानदार वेतन (CTC) दिया जाएगा। अगर आप समाज सेवा के साथ-साथ एक बेहतरीन करियर बनाना चाहते हैं, तो यह आपके लिए एक सुनहरा अवसर है। इस विस्तृत आर्टिकल में हम Chhattisgarh Bihan Vacancy 2026 से जुड़ी हर एक जानकारी—जैसे कि आयु सीमा, शैक्षणिक योग्यता, चयन प्रक्रिया और ऑनलाइन आवेदन कैसे करें—के बारे में विस्तार से चर्चा करेंगे।
1. Chhattisgarh Bihan Vacancy 2026: भर्ती का संक्षिप्त विवरण (Overview)
किसी भी सरकारी नौकरी (Sarkari Job) के लिए आवेदन करने से पहले उसकी बेसिक जानकारी होना बहुत जरूरी है। नीचे दिए गए चार्ट में इस छग राज्य ग्रामीण आजीविका मिशन भर्ती का पूरा सारांश दिया गया है:
भर्ती का विवरण (Recruitment Info) महत्वपूर्ण जानकारी (Details) विभाग का नाम (Department) छत्तीसगढ़ राज्य ग्रामीण आजीविका मिशन (CG SRLM) योजना (Scheme Name) बिहान योजना (Bihan Yojana) कुल पदों की संख्या (Total Posts) 58 पद (विभिन्न स्तरों पर) नौकरी का स्थान (Job Location) छत्तीसगढ़ (राज्य और जिला स्तर) आवेदन मोड (Apply Mode) ऑनलाइन (Online Form) सैलरी/वेतन (Salary) ₹60,000 – ₹60,960/- प्रतिमाह आवेदन की अंतिम तिथि 17 मार्च 2026 आधिकारिक वेबसाइट bihan.gov.in
2. पद और रिक्तियों का विवरण (Vacancy Details)
इस भर्ती के अंतर्गत राज्य स्तर, जिला स्तर और ब्लॉक स्तर पर विभिन्न पदों के लिए अधिसूचना जारी की गई है। पदों के अनुसार रिक्तियों का अनुमानित विवरण नीचे चार्ट में स्पष्ट किया गया है:
पद का नाम (Name of Post) पदों की संख्या (No. of Vacancies) कार्य क्षेत्र (Work Area) स्टेट प्रोजेक्ट मैनेजर नोटिफिकेशन में चेक करें राज्य स्तर (State HQ) डिस्ट्रिक्ट कोऑर्डिनेटर नोटिफिकेशन में चेक करें जिला पंचायत स्तर ब्लॉक प्रोजेक्ट मैनेजर नोटिफिकेशन में चेक करें ब्लॉक / जनपद स्तर डाटा एंट्री / तकनीकी सहायक नोटिफिकेशन में चेक करें कार्यालय स्तर कुल पद (Total Vacancies) 58 पद पूरे छत्तीसगढ़ में
(कृपया अपने वर्ग (Category) के अनुसार पदों की सटीक संख्या जानने के लिए आधिकारिक PDF विज्ञापन जरूर पढ़ें।)
Durg Kendriya Vidhyalay Bharti 2026 : पीएम श्री केंद्रीय विद्यालय दुर्ग में संविदा शिक्षकों की बंपर भर्ती, ऐसे करें आवेदन
3. शैक्षणिक योग्यता (Educational Qualification)
Chhattisgarh Bihan Vacancy 2026 में आवेदन करने के लिए उम्मीदवारों के पास किसी मान्यता प्राप्त विश्वविद्यालय या संस्थान से निर्धारित शैक्षणिक योग्यता होनी चाहिए। पद के अनुसार अलग-अलग योग्यताएं मांगी गई हैं:
पद का प्रकार (Post Type) आवश्यक शैक्षणिक योग्यता (Required Education) अनुभव (Experience) प्रोजेक्ट मैनेजर (Project Manager) MSW / MBA / ग्रामीण विकास में स्नातकोत्तर (PG) 3 से 5 वर्ष का प्रासंगिक अनुभव कोऑर्डिनेटर (Coordinator) किसी भी विषय में ग्रेजुएशन (Graduation) या PG ग्रामीण विकास कार्यों का अनुभव तकनीकी पद / कंप्यूटर ऑपरेटर 12वीं पास + मान्यता प्राप्त कंप्यूटर डिप्लोमा (DCA/PGDCA) कंप्यूटर और टाइपिंग का ज्ञान
4. आयु सीमा और छूट (Age Limit & Relaxation)
सरकारी नियमों के अनुसार, छग राज्य ग्रामीण आजीविका मिशन भर्ती ऑनलाइन फॉर्म भरने के लिए उम्मीदवारों की आयु सीमा का निर्धारण किया गया है। आरक्षित वर्गों को आयु सीमा में विशेष छूट भी प्रदान की जाएगी:
उम्मीदवार की श्रेणी (Category) न्यूनतम आयु (Min Age) अधिकतम आयु (Max Age) सामान्य वर्ग (General / UR) 21 वर्ष 35 वर्ष अन्य पिछड़ा वर्ग (OBC) 21 वर्ष 38 वर्ष (3 वर्ष की छूट) अनुसूचित जाति/जनजाति (SC/ST) 21 वर्ष 40 वर्ष (5 वर्ष की छूट) महिला उम्मीदवार (All Female) 21 वर्ष 45 वर्ष तक (नियमानुसार)
(नोट: आयु की गणना नोटिफिकेशन में दी गई कट-ऑफ तिथि के आधार पर की जाएगी।)
5. महत्वपूर्ण तिथियां (Important Dates)
अगर आप इस भर्ती के लिए इच्छुक हैं, तो आपको आवेदन की अंतिम तिथि से पहले अपना फॉर्म जमा करना होगा। नीचे दी गई तिथियों को अपने कैलेंडर में सेव कर लें:
घटनाक्रम (Events) निर्धारित तिथि (Important Dates) नोटिफिकेशन जारी होने की तिथि फरवरी 2026 ऑनलाइन आवेदन प्रारंभ तिथि फरवरी 2026 ऑनलाइन आवेदन की अंतिम तिथि 17 मार्च 2026 फॉर्म में त्रुटि सुधार (Correction) अंतिम तिथि के बाद मेरिट लिस्ट / परीक्षा तिथि जल्द ही अपडेट की जाएगी
6. CG SRLM (Bihan) भर्ती के लिए आवेदन शुल्क (Application Fee)
वर्तमान में प्राप्त जानकारी के अनुसार, विभिन्न वर्गों के लिए आवेदन शुल्क की व्यवस्था इस प्रकार हो सकती है। (सटीक जानकारी के लिए विभाग की वेबसाइट चेक करें):
सामान्य (General) / OBC: निर्धारित शुल्क (नोटिफिकेशन देखें)SC / ST / PwD / महिला: शुल्क में छूट या निःशुल्कभुगतान का प्रकार: ऑनलाइन (डेबिट कार्ड, क्रेडिट कार्ड, नेट बैंकिंग, UPI)
7. बिहान भर्ती 2026 के लिए चयन प्रक्रिया (Selection Process)
इस Chhattisgarh Bihan Vacancy 2026 में योग्य उम्मीदवारों का चयन पूरी तरह से उनकी योग्यता और अनुभव के आधार पर किया जाएगा। चयन प्रक्रिया के मुख्य चरण इस प्रकार हैं:
मेरिट सूची (Merit List): आवेदकों के शैक्षणिक अंकों (12वीं, ग्रेजुएशन, पोस्ट ग्रेजुएशन) के आधार पर प्रारंभिक शॉर्टलिस्टिंग की जाएगी।कौशल परीक्षा (Skill Test): कंप्यूटर ऑपरेटर या तकनीकी पदों के लिए टाइपिंग और कंप्यूटर दक्षता परीक्षा होगी।समूह चर्चा (Group Discussion – GD): उच्च प्रबंधन स्तर के पदों के लिए।साक्षात्कार (Personal Interview): शॉर्टलिस्ट किए गए उम्मीदवारों का फाइनल इंटरव्यू होगा।दस्तावेज़ सत्यापन (Document Verification): अंत में सभी ओरिजिनल डॉक्यूमेंट्स चेक किए जाएंगे।
8. आवश्यक दस्तावेज़ (Required Documents for Online Form)
छग राज्य ग्रामीण आजीविका मिशन भर्ती ऑनलाइन फॉर्म भरते समय आपके पास निम्नलिखित डॉक्यूमेंट्स स्कैन फॉर्मेट में होने चाहिए:
कक्षा 10वीं की मार्कशीट (जन्म तिथि के लिए)
12वीं, ग्रेजुएशन और पोस्ट ग्रेजुएशन की मार्कशीट / डिग्री
कंप्यूटर प्रमाण पत्र (DCA/PGDCA – यदि लागू हो)
अनुभव प्रमाण पत्र (Experience Certificate)
नवीनतम पासपोर्ट साइज फोटो और हस्ताक्षर
छत्तीसगढ़ का मूल निवास प्रमाण पत्र (Domicile)
जाति प्रमाण पत्र (Caste Certificate)
आधार कार्ड / पैन कार्ड / वोटर आईडी
9. Chhattisgarh Bihan Vacancy 2026: ऑनलाइन आवेदन कैसे करें? (How to Apply Online)
अगर आप इस शानदार भर्ती के लिए आवेदन करना चाहते हैं, तो नीचे दिए गए स्टेप्स को ध्यानपूर्वक फॉलो करें:
Step 1: सबसे पहले छग राज्य ग्रामीण आजीविका मिशन (बिहान) की आधिकारिक वेबसाइट bihan.gov.in पर विजिट करें।Step 2: होमपेज पर “Notice Board” या “Recruitment/Careers” वाले सेक्शन पर क्लिक करें।Step 3: वहां आपको “CG SRLM Recruitment 2026 – Apply Online for 58 Posts” का लिंक मिलेगा, उस पर क्लिक करें।Step 4: सबसे पहले अपनी बेसिक डिटेल्स (नाम, मोबाइल नंबर, ईमेल आईडी) डालकर रजिस्ट्रेशन (Registration) पूरा करें।Step 5: रजिस्ट्रेशन के बाद मिले यूजर आईडी और पासवर्ड से पोर्टल पर लॉगिन करें।Step 6: अब आपके सामने छग राज्य ग्रामीण आजीविका मिशन भर्ती ऑनलाइन फॉर्म खुल जाएगा। इसमें अपनी शैक्षणिक योग्यता, अनुभव और व्यक्तिगत जानकारी सही-सही भरें।Step 7: मांगे गए सभी आवश्यक दस्तावेज़, अपनी फोटो और सिग्नेचर सही साइज में अपलोड करें।Step 8: यदि आवेदन शुल्क लग रहा है, तो उसका ऑनलाइन भुगतान करें।Step 9: फॉर्म को फाइनल सबमिट (Final Submit) करने से पहले एक बार ‘Preview’ जरूर चेक कर लें।Step 10: सबमिट करने के बाद, आवेदन पत्र का प्रिंट आउट निकाल लें और भविष्य के लिए सुरक्षित रख लें।
10. महत्वपूर्ण लिंक्स (Important Links)
आवेदन करने और अधिक जानकारी प्राप्त करने के लिए नीचे दिए गए डायरेक्ट लिंक्स का उपयोग करें:
(नोट: ऊपर दिए गए ‘यहाँ क्लिक करें’ लिंक्स में आप अपनी वेबसाइट के अनुसार लिंक एड्रेस डाल सकते हैं।)
निष्कर्ष (Conclusion)
दोस्तों, इस आर्टिकल में हमने Chhattisgarh Bihan Vacancy 2026 और छग राज्य ग्रामीण आजीविका मिशन भर्ती ऑनलाइन फॉर्म के बारे में पूरी और सटीक जानकारी देने का प्रयास किया है। ₹60,000 की बेहतरीन सैलरी और अपने ही राज्य में काम करने का यह मौका बहुत खास है। इसलिए, बिना अंतिम तिथि (17 मार्च 2026) का इंतज़ार किए समय पर अपना आवेदन जरूर पूरा करें। अगर आपके मन में इस भर्ती से जुड़ा कोई भी सवाल है, तो आप नीचे कमेंट बॉक्स में पूछ सकते हैं।
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ==========================================================================
ARUN BLOGGER TIPS - PREMIUM 3D CLICKBAIT POST CARD
========================================================================== */
/* 1. Main Card - Ubhra Huwa (3D) Effect aur Unique Border */
.custom-post-card {
background-color: #111;
border-radius: 12px;
border: 3px solid #2a2a2a; /* Normal Dark Border */
overflow: hidden;
position: relative;
/* Normal state mein hi card ko 3D look dene ke liye shadow */
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.5);
/* Bouncy effect transition (Card smooth spring ki tarah upar aayega) */
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);
margin-bottom: 25px;
cursor: pointer;
}
/* 2. Hover Effect - Tagda Clickbait Glow */
.custom-post-card:hover {
transform: translateY(-12px); /* Card hawa mein upar uthega */
border-color: #ff3d00; /* Glowing Neon Orange/Red Border */
/* Double Shadow: Ek black shadow depth ke liye, aur dusri Orange shadow glow ke liye */
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 61, 0, 0.6);
}
/* 3. Featured Image - Fixed Size aur Zoom Effect */
.post-thumbnail-wrap {
margin: 0;
padding: 0;
display: block;
}
.post-image {
width: 100%;
height: 260px; /* Sabhi images ek barabar dikhengi */
object-fit: cover; /* Image fatega nahi, perfectly fit hoga */
display: block;
transition: transform 0.6s ease, filter 0.3s ease;
}
/* Hover par image bada hoga aur thoda dark hoga taki title chamke */
.custom-post-card:hover .post-image {
transform: scale(1.15);
filter: brightness(0.7);
}
/* 4. Clickbait Title ke liye Black Gradient Background */
.post-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Niche se upar ki taraf dark black fading shadow */
background: linear-gradient(to top, #000000 20%, rgba(0,0,0,0.85) 60%, transparent 100%);
padding: 40px 10px 12px 10px;
text-align: center;
z-index: 2;
}
.post-caption a {
text-decoration: none !important;
}
/* 5. Extra Bold Title Text (Dikhne mein ek dam aakarshak) */
.post-title {
color: #ffffff;
font-size: 16.5px;
font-weight: 900; /* Sabse zyada bold */
margin: 0;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.5px;
/* Text ke piche double glow shadow */
text-shadow: 3px 3px 6px #000000, 0 0 12px #ff9800;
transition: color 0.3s ease;
/* Agar title bada ho toh aage '...' lag jayega (2 lines limit) */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Hover par Text Color Yellow/Gold ho jayega */
.custom-post-card:hover .post-title {
color: #ffeb3b;
}
/* 6. Extra Clickbait Play/View Button Overlay (Optional - thumb-hover ke liye) */
.thumb-hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
background: rgba(255, 61, 0, 0.85);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease;
z-index: 3;
pointer-events: none;
}
.thumb-hover::after {
content: "View Now"; /* Button ka text */
}
/* Hover par View Now button samne aayega */
.custom-post-card:hover .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
Comment Your Queries And Requests Below In The Comment Box.