/* ============================================================ consulting-sections.css Styles for: Client Findings, Testimonials, FAQ, CTA Link this in the of it-consulting.php: ============================================================ */ /* ── Shared Typography ─────────────────────────────────────── */ .consulting-section-title { font-size: 2rem; font-weight: 700; color: #061948; margin-bottom: 1rem; } .consulting-lead { font-size: 1.1rem; color: #444; line-height: 1.8; max-width: 820px; margin: 0 auto; } /* ── Client Findings Section ───────────────────────────────── */ .consulting-findings-section { background-color: #f8f9fb; } .consulting-finding-card { background: #fff; border-radius: 10px; padding: 2rem; height: 100%; box-shadow: 0 2px 16px rgba(6, 25, 72, 0.07); border-top: 4px solid #061948; transition: transform 0.2s ease, box-shadow 0.2s ease; } .consulting-finding-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(6, 25, 72, 0.13); } .consulting-finding-icon { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; color: #061948; font-size: 0.95rem; font-weight: 600; } .consulting-finding-icon i { color: #c0392b; font-size: 1rem; } .consulting-finding-location { text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.82rem; color: #061948; } .consulting-finding-text { color: #555; line-height: 1.75; margin: 0; font-size: 0.97rem; } /* ── Testimonials Section ──────────────────────────────────── */ .consulting-testimonials-section { background-color: #061948; } .consulting-testimonials-section .consulting-section-title { color: #fff; } .consulting-testimonial-card { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; padding: 2rem; height: 100%; position: relative; transition: background 0.2s ease; } .consulting-testimonial-card:hover { background: rgba(255, 255, 255, 0.1); } .consulting-quote-mark { font-size: 4rem; line-height: 1; color: rgba(255, 255, 255, 0.2); font-family: Georgia, serif; margin-bottom: 0.5rem; display: block; } .consulting-testimonial-text { color: rgba(255, 255, 255, 0.85); font-size: 0.95rem; line-height: 1.8; margin-bottom: 1.5rem; flex-grow: 1; } .consulting-testimonial-author { display: flex; align-items: center; gap: 0.85rem; border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 1.2rem; margin-top: auto; } .consulting-author-avatar { width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; flex-shrink: 0; letter-spacing: 0.03em; } .consulting-author-info { display: flex; flex-direction: column; gap: 0.15rem; } .consulting-author-info strong { color: #fff; font-size: 0.95rem; } .consulting-author-info span { color: rgba(255, 255, 255, 0.6); font-size: 0.8rem; line-height: 1.4; } .consulting-author-location { font-size: 0.78rem !important; color: rgba(255, 255, 255, 0.45) !important; } .consulting-author-location i { font-size: 0.7rem; margin-right: 3px; color: #c0392b; } /* ── FAQ Section ───────────────────────────────────────────── */ .consulting-faq-section { background-color: #fff; } .consulting-faq-list { border-radius: 10px; overflow: hidden; box-shadow: 0 2px 20px rgba(6, 25, 72, 0.08); } .consulting-faq-item { border-bottom: 1px solid #e8ecf4; } .consulting-faq-item:last-child { border-bottom: none; } .consulting-faq-question { width: 100%; background: #fff; border: none; padding: 1.3rem 1.5rem; text-align: left; font-size: 1rem; font-weight: 600; color: #061948; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; transition: background 0.2s ease; line-height: 1.4; } .consulting-faq-question:hover { background: #f4f6fb; } .consulting-faq-question[aria-expanded="true"] { background: #f4f6fb; color: #061948; } .consulting-faq-icon { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: #061948; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; transition: background 0.2s ease; } .consulting-faq-question[aria-expanded="true"] .consulting-faq-icon { background: #c0392b; } .consulting-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } .consulting-faq-answer p { padding: 0 1.5rem 1.3rem; color: #555; font-size: 0.97rem; line-height: 1.8; margin: 0; } /* ── CTA Section ───────────────────────────────────────────── */ .consulting-cta-section { background: linear-gradient(135deg, #0a2266 0%, #061948 100%); padding: 5rem 0; text-align: center; } .consulting-cta-title { font-size: 1.75rem; font-weight: 700; color: #fff; margin-bottom: 1rem; } .consulting-cta-text { color: rgba(255, 255, 255, 0.78); font-size: 1rem; line-height: 1.8; max-width: 580px; margin: 0 auto 2rem; } .consulting-cta-btn { display: inline-block; padding: 0.9rem 2.4rem; background: #fff; color: #061948; font-weight: 700; font-size: 0.97rem; border-radius: 6px; text-decoration: none; letter-spacing: 0.02em; transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; } .consulting-cta-btn:hover { background: #c0392b; color: #fff; text-decoration: none; transform: translateY(-2px); } /* ── Responsive ────────────────────────────────────────────── */ @media (max-width: 768px) { .consulting-section-title { font-size: 1.55rem; } .consulting-cta-title { font-size: 1.4rem; } .consulting-testimonial-card, .consulting-finding-card { padding: 1.5rem; } .consulting-faq-question { font-size: 0.93rem; padding: 1.1rem 1.1rem; } .consulting-faq-answer p { padding: 0 1.1rem 1.1rem; } }