/* Page Header */ .page-header { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); padding: 120px 0 60px; margin-top: 76px; color: white; text-align: center; } .page-header h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; } .page-header p { font-size: 1.1rem; opacity: 0.9; } /* Advisors Section */ .advisors-section { padding: 60px 0; } /* Advisor Card Styles */ .advisor-card { background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.4s ease; cursor: pointer; height: 100%; border: 2px solid transparent; } .advisor-card:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); border-color: var(--primary-blue); } .advisor-image-container { position: relative; overflow: hidden; height: 350px; } .advisor-image-container img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; transition: transform 0.4s ease; } .advisor-card:hover .advisor-image-container img { transform: scale(1.05); } .advisor-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); padding: 2rem 1.5rem 1rem; color: white; } .advisor-name { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.25rem; } .advisor-title { font-size: 0.95rem; opacity: 0.9; } .advisor-card-body { padding: 1.5rem; text-align: center; } .view-bio-btn { background: var(--primary-blue); color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 500; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .view-bio-btn:hover { background: var(--secondary-blue); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3); } .click-hint { position: absolute; top: 15px; right: 15px; background: rgba(255, 255, 255, 0.9); color: var(--primary-blue); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; opacity: 0; transition: opacity 0.3s ease; } .advisor-card:hover .click-hint { opacity: 1; } /* Modal Styles */ .modal-header { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); color: white; border-bottom: none; } .modal-title { font-weight: 700; } .modal-body { padding: 2rem; } .bio-text { font-size: 1rem; line-height: 1.8; color: #374151; text-align: justify; } /* Footer Styles */ .social-icon-circle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: white; border: 2px solid #3b82f6; border-radius: 50%; color: #3b82f6; text-decoration: none; transition: all 0.3s ease; font-size: 16px; } .social-icon-circle:hover { background: #3b82f6; color: white; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); } .social-icon-circle svg { width: 16px; height: 16px; } .visitor-counter-section { background: rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.2); } .counter-display { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .counter-label { color: #93c5fd; font-weight: 500; font-size: 0.9rem; } .counter-number { color: #fbbf24; font-weight: bold; font-size: 1.5rem; text-shadow: 0 0 10px rgba(251, 191, 36, 0.3); } .footer-map-container { background: rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 15px; } .footer-map-container iframe { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; } .footer-map-container iframe:hover { transform: scale(1.02); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); } /* Responsive */ @media (max-width: 768px) { .page-header h1 { font-size: 2rem; } .advisor-image-container { height: 320px; } .advisor-image-container img { object-position: center 15%; } .advisor-name { font-size: 1.3rem; } }
Click to view bio
Shri Guru Prasad Mishra

Shri Guru Prasad Mishra

Former IAS Officer | Development Expert

Click to view bio
Er. Ashok Basa

Er. Ashok Basa

Distinguished Structural Engineer | Global Leader