/* =========================================
   ABOUT PAGE EXCLUSIVE CSS
   ========================================= */
.text-center { text-align: center; }
.chairy-main-heading { font-size: 2.2rem; color: #2c3e50; margin-bottom: 30px; font-weight: 800; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.chairy-section-tag { color: #f39c12; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 0.9rem; display: block; margin-bottom: 10px; }

/* 1. Intro Section */
.chairy-about-intro { padding: 80px 0; background: #ffffff; }
.chairy-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.chairy-founder-photo { text-align: center; }
.chairy-founder-photo img { width: 100%; border-radius: 12px; border: 4px solid #f39c12; box-shadow: 0 10px 20px rgba(0,0,0,0.1); margin-bottom: 20px; }
.chairy-founder-name { font-size: 1.5rem; color: #2c3e50; margin-bottom: 5px; }
.chairy-founder-role { color: #f39c12; font-weight: 700; font-size: 0.9rem; letter-spacing: 1px; }
.chairy-intro-text p { font-size: 1.1rem; color: #555; margin-bottom: 20px; line-height: 1.8; }

/* 2. Objectives Section */
.chairy-objectives-section { padding: 80px 0; background: #f9f9f9; }
.chairy-objectives-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; }
.chairy-objective-card { background: #fff; padding: 40px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-bottom: 4px solid transparent; transition: 0.3s; }
.chairy-objective-card:hover { border-color: #f39c12; transform: translateY(-5px); }
.chairy-obj-icon { font-size: 2.5rem; margin-bottom: 15px; }
.chairy-objective-card h3 { color: #2c3e50; margin-bottom: 15px; font-size: 1.3rem; }
.chairy-objective-card p { color: #666; font-size: 1rem; margin-bottom: 20px; }
.chairy-objective-card ul { list-style: none; padding: 0; margin: 0; }
.chairy-objective-card ul li { position: relative; padding-left: 25px; margin-bottom: 12px; color: #444; font-size: 0.95rem; }
.chairy-objective-card ul li::before { content: '→'; position: absolute; left: 0; color: #f39c12; font-weight: bold; }

/* 3. Directors Section */
.chairy-directors-section { padding: 80px 0; background: #ffffff; }
.chairy-directors-flex { display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; margin-top: 40px; }
.chairy-director-card { text-align: center; width: 300px; padding: 20px; }
/* --- Updated Avatar Styles for Images --- */
.chairy-avatar { 
    width: 100px; 
    height: 100px; 
    border-radius: 50%; 
    margin: 0 auto 20px; 
    border: 3px solid #f39c12; /* ऑरेंज बॉर्डर */
    overflow: hidden; /* यह फोटो को गोल घेरे से बाहर नहीं जाने देगा */
    background: #eee;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.chairy-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* फोटो को बिना स्ट्रेच किए परफेक्ट फिट करेगा */
    display: block;
}
.chairy-director-card h3 { color: #2c3e50; font-size: 1.2rem; margin-bottom: 5px; }
.chairy-role { display: block; color: #f39c12; font-weight: 700; font-size: 0.85rem; margin-bottom: 15px; text-transform: uppercase; }
.chairy-director-card p { color: #666; font-size: 0.95rem; line-height: 1.6; }
.chairy-legal-footer { margin-top: 60px; padding-top: 30px; border-top: 1px solid #eee; color: #777; font-size: 0.9rem; }

/* =========================================
   MOBILE RESPONSIVENESS (< 991px)
   ========================================= */
@media (max-width: 991px) {
    .chairy-intro-grid, .chairy-objectives-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .chairy-objective-card ul li { text-align: left; /* मोबाइल पर भी लिस्ट लेफ्ट रहेगी */ }
    .chairy-main-heading { font-size: 2rem; }
}

@media (max-width: 480px) {
    .chairy-main-heading { font-size: 1.8rem; }
    .chairy-avatar { width: 75px; height: 75px; font-size: 1.5rem; }
}