/* Nexlotech Page Builder CSS - Post ID: 504 - Gen: 2025-12-23 11:44:29 */ /* Module: contact-section */ .contact-section-wrapper { padding: 60px 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* Info Grid */ .contact-info-icon-box { background-color: #fdf2e9; /* Light Orange/Beige circle */ width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; margin-bottom: 25px; /* Actually in design icon is left of title? No, looks like row layout */ } .contact-info-header { display: flex; align-items: center; margin-bottom: 30px; } .contact-info-title { font-size: 1.2rem; font-weight: 800; margin: 0; color: #000; } .contact-detail-group { margin-bottom: 25px; } .contact-detail-sub { font-size: 1rem; font-weight: 600; margin-bottom: 8px; color: #000; } .contact-detail-text { font-size: 0.95rem; line-height: 1.6; color: #555; white-space: pre-line; } /* Form Card */ .contact-form-card { background-color: #f8f5f2; /* Beige specific form bg */ /* Placeholder for map pattern background */ background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/World_map_blank_without_borders.svg/2000px-World_map_blank_without_borders.svg.png'); background-size: cover; background-position: center; background-blend-mode: overlay; border-radius: 30px; padding: 60px 20px; text-align: center; margin-top: 60px; } .contact-form-sub { font-family: "Brush Script MT", cursive; /* Handwriting style */ color: #c25e2e; /* Terracotta */ font-size: 1.8rem; margin-bottom: 5px; display: block; } .contact-form-main-title { font-size: 3rem; font-weight: 800; margin-bottom: 20px; color: #000; } .contact-form-desc { color: #555; max-width: 600px; margin: 0 auto 40px auto; line-height: 1.6; } .contact-form-container { max-width: 600px; margin: 0 auto; } /* Dummy Form & CF7 Styling */ .dummy-input, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea { width: 100%; padding: 15px 20px; border: 1px solid #e0e0e0; /* Very light border */ background: rgba(255, 255, 255, 0.6); border-radius: 8px; margin-bottom: 15px; font-size: 0.95rem; } .dummy-btn, .wpcf7-submit { width: 100%; padding: 15px; background-color: #d17046; /* Terracotta Button */ color: #fff; font-weight: 700; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s; } .dummy-btn:hover, .wpcf7-submit:hover { background-color: #b3562f; }