/* ==========================================
    14. CONTACT & MAP SECTION
    ========================================== */
.contact-section { background-color: #fcfcfc; padding: 80px 0; position: relative; }
.contact-info-wrapper {
  background: linear-gradient(135deg, var(--fp-dark) 0%, #2a2a2a 100%);
  border-radius: 20px; padding: 45px 40px; color: white; height: 100%;
  box-shadow: 0 15px 35px rgba(0,0,0,0.1); position: relative; overflow: hidden;
}
.contact-info-wrapper::before {
  content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px;
  background: linear-gradient(135deg, var(--fp-orange) 0%, transparent 70%);
  border-radius: 50%; opacity: 0.15;
}
.contact-detail-box { display: flex; align-items: flex-start; margin-bottom: 30px; position: relative; z-index: 1; }
.contact-icon-circle {
  width: 55px; height: 55px; background: rgba(255, 116, 38, 0.15); color: var(--fp-orange);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; margin-right: 20px; flex-shrink: 0; transition: all 0.4s ease;
}
.contact-detail-box:hover .contact-icon-circle { background: var(--fp-orange); color: white; transform: scale(1.1) rotate(5deg); }
.contact-text h5 { font-weight: 700; margin-bottom: 8px; color: var(--fp-orange); letter-spacing: 0.5px; text-transform: uppercase; font-size: 1.1rem; }
.contact-text p { color: #dcdcdc; margin-bottom: 0; font-size: 0.95rem; line-height: 1.6; }
.contact-text .contact-sub-item { display: flex; align-items: center; margin-top: 6px; font-size: 0.9rem; color: #b0b0b0; }
.contact-text .contact-sub-item i { width: 20px; color: var(--fp-teal); }

.map-container { height: 100%; min-height: 450px; width: 100%; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.06); border: 1px solid #eee; }

/* Utility Form Box (if used) */
.contact-form-box { background: var(--fp-gradient-card); border-radius: 20px; padding: 40px; color: white; }
.contact-form-box .form-control { background: rgba(255,255,255,0.2); border: none; color: white; border-radius: 10px; padding: 12px 20px; }
.contact-form-box .form-control::placeholder { color: rgba(255,255,255,0.7); }