/* About Page Styles */

/* Hero section (migrated from inline <style>) */
.feedback-hero { background: linear-gradient(115deg,#0a2540,#153c63 60%,#0d3354); padding: 70px 0 56px; color: #fff; position: relative; overflow: hidden; }
.feedback-hero:after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 78% 18%, rgba(56,189,248,.18), transparent 60%); pointer-events:none; }
.fh-title { font-size: 40px; line-height: 1.05; font-weight: 700; margin: 0 0 16px; letter-spacing: .5px; }
.fh-text { max-width: 880px; font-size: 16px; color: #c2d9e7; margin: 0 0 20px; }
.fh-tags { display:flex; flex-wrap:wrap; gap:10px; font-size:11px; letter-spacing:.6px; text-transform:uppercase; }
.fh-tags span { background: rgba(255,255,255,.08); padding: 6px 14px; border: 1px solid rgba(255,255,255,.25); border-radius: 30px; color: #cbe8f9; backdrop-filter: blur(2px); }
@media (max-width: 768px) { .fh-title { font-size: 36px; } }
@media (max-width: 576px) { .fh-title { font-size: 30px; } .feedback-hero { padding: 60px 0 46px; } }

/* Utilities */
.text-center { text-align: center; }
.mb-0 { margin-bottom: 0; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.icon-24 { font-size: 24px; }
.icon-36 { font-size: 36px; }
.text-gold { color: #ffd700; }
.text-blue { color: #667eea; }
.text-green { color: #28a745; }
.text-amber { color: #ffc107; }
.text-red { color: #dc3545; }
.text-purple { color: #6f42c1; }
.text-cyan { color: #17a2b8; }
.btn-row { display:flex; justify-content:center; gap:15px; flex-wrap:wrap; }
.mr-15 { margin-right: 15px; }

/* Company Info banner */
.about-info-banner { background: linear-gradient(115deg,#0a2540,#153c63 60%,#0d3354); color: #fff; padding: 30px; border-radius: 15px; margin: 30px 0; text-align: center; }
.about-info-title { color:#fff; margin-bottom:20px; font-size:24px; }
.about-info-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.about-info-card { background: rgba(255,255,255,0.1); padding: 15px 20px; border-radius: 10px; min-width: 250px; }
.about-info-card h4 { color: #56c5f7; margin-bottom: 5px; }
.about-info-card p { color: #fff; margin: 0; font-weight: bold; }

/* Generic section block */
.about-block { margin: 40px 0; }
.about-section-title { color:#333; font-size:28px; text-align:center; }

/* Story & Mission box */
.about-story-box { background: #f8f9fa; padding: 30px; border-radius: 15px; border-left: 5px solid #667eea; }
.about-story-text { font-size: 16px; line-height: 1.8; color: #555; margin-bottom: 20px; }

/* Why Choose grid */
.about-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }
.about-why-card { background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-top: 4px solid transparent; }
.why-accent-blue { border-top-color: #667eea; }
.why-accent-green { border-top-color: #28a745; }
.why-accent-amber { border-top-color: #ffc107; }
.why-accent-red { border-top-color: #dc3545; }
.why-accent-purple { border-top-color: #6f42c1; }
.why-accent-cyan { border-top-color: #17a2b8; }
.about-why-head { display:flex; align-items:center; margin-bottom: 15px; }
.about-why-title { color:#333; margin:0; }
.about-why-desc { color:#666; line-height:1.6; margin:0; }

/* Service Portfolio */
.about-subtitle-center { text-align:center; color:#666; font-size:16px; margin-bottom:40px; max-width:800px; margin-left:auto; margin-right:auto; }
.about-service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }
.about-service-card { color: #fff; padding: 30px; border-radius: 15px; text-align: left; }
.service-grad-blue { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.service-grad-fbblue { background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%); }
.service-grad-green { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); }
.service-grad-orange { background: linear-gradient(135deg, #dc3545 0%, #fd7e14 100%); }
.service-grad-purple { background: linear-gradient(135deg, #6f42c1 0%, #8e2de2 100%); }
.service-grad-cyan { background: linear-gradient(135deg, #17a2b8 0%, #138496 100%); }
.about-service-card h4 { color: #ffd700; margin-bottom: 20px; font-size: 20px; }
.about-service-card ul { list-style: none; padding: 0; margin: 0; }
.about-service-card li { padding: 5px 0; color: #fff; }

/* CTA block */
.about-cta { text-align: center; margin-top: 40px; padding: 30px; background: #f8f9fa; border-radius: 15px; }
.about-cta h4 { color: #333; margin-bottom: 15px; }
.about-cta p { color: #666; font-size: 16px; line-height: 1.6; }
.about-btn-primary { background: #667eea; color: #fff; padding: 15px 30px; border-radius: 25px; text-decoration: none; font-weight: 700; transition: all 0.3s; display:inline-block; }
.about-btn-outline { background: transparent; color: #667eea; padding: 15px 30px; border: 2px solid #667eea; border-radius: 25px; text-decoration: none; font-weight: 700; transition: all 0.3s; display:inline-block; }

/* Excellence section */
.about-excellence { margin-top: 50px; }
.about-excellence-banner { background: linear-gradient(115deg,#0a2540,#153c63 60%,#0d3354); color: #fff; padding: 50px 30px; border-radius: 20px; text-align: center; }
.about-excellence-title { color:#fff; font-size:32px; margin-bottom:20px; }
.about-excellence-text { font-size: 18px; line-height: 1.8; margin-bottom: 30px; color: #fff; }
.about-excellence-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin: 40px 0; }
.about-excellence-stat { text-align: center; }
.about-excellence-iconcircle { background: rgba(255,255,255,0.2); width: 80px; height: 80px; border-radius: 50%; display:flex; align-items:center; justify-content:center; margin: 0 auto 15px; }
.about-excellence-stat h4 { color:#fff; margin-bottom: 10px; }
.about-excellence-stat p { color:#fff; margin:0; }
.about-legal-box { background: rgba(255,255,255,0.15); padding: 25px; border-radius: 15px; margin-top: 30px; }
.about-legal-box h4 { color:#fff; margin-bottom: 15px; }
.about-legal-box p { color:#fff; margin:0; font-size:16px; }
.about-legal-box strong { color:#fff; }

/* Final CTA */
.about-final-cta { margin: 50px 0; text-align:center; }
.about-final-cta h3 { color:#333; font-size:28px; margin-bottom:20px; }
.about-final-subtitle { color:#666; font-size:16px; margin-bottom:30px; max-width:600px; margin-left:auto; margin-right:auto; }