/* Nexlotech Page Builder CSS - Post ID: 504 - Gen: 2025-12-27 08:20:12 */ /* Module: contact-info-three-col */ /* Contact Info Three Column Styles */ .contact-info-three-col-section { padding: 5rem 0; text-align: center; background-color: #fff; } .contact-info-three-col-section .section-title { font-weight: 800; margin-bottom: 0.75rem; font-size: 2.75rem; color: #000; } .contact-info-three-col-section .section-subtitle { color: #555; font-size: 1.15rem; margin-bottom: 4rem; display: block; max-width: 700px; margin-left: auto; margin-right: auto; } .contact-info-three-col-section .contact-card { padding: 0 1rem; height: 100%; display: flex; flex-direction: column; align-items: center; } .contact-info-three-col-section .icon-wrapper { margin-bottom: 1.5rem; height: 70px; display: flex; align-items: center; justify-content: center; } .contact-info-three-col-section .contact-icon { width: auto; height: 64px; max-width: 80px; object-fit: contain; } .contact-info-three-col-section .contact-title { font-weight: 800; font-size: 1.75rem; margin-bottom: 1rem; color: #000; } .contact-info-three-col-section .contact-desc { color: #495057; font-size: 1rem; margin-bottom: 1.5rem; line-height: 1.6; max-width: 320px; margin-left: auto; margin-right: auto; } .contact-info-three-col-section .contact-action { margin-top: auto; display: inline-block; font-weight: 600; color: #5a9bd4; font-size: 1.1rem; text-decoration: none; } .contact-info-three-col-section .contact-action:hover { text-decoration: underline; color: #23527c; } /* Module: contact-form-clean */ /* Clean Contact Form Module Styles */ .contact-form-clean-section { padding: 6rem 0; background-color: #f7f9fa; background-image: var(--cf-bg-image, radial-gradient(#dee2e6 1px, transparent 1px)); background-size: var(--cf-bg-size, 20px 20px); background-position: center; background-repeat: no-repeat; } /* Left Column Typography */ .contact-form-clean-section .content-col { display: flex; flex-direction: column; justify-content: center; padding-right: 3rem; } .contact-form-clean-section .main-heading { font-weight: 800; color: #000; font-size: 2.5rem; line-height: 1.2; margin-bottom: 1.5rem; } .contact-form-clean-section .main-desc { color: #555; font-size: 1.05rem; line-height: 1.6; font-weight: 500; max-width: 450px; } /* Form Column */ .contact-form-clean-section .form-card { padding: 1rem; /* Transparent/Minimal as per new image request */ background: transparent; max-width: 100%; } /* Labels */ .contact-form-clean-section label, .contact-form-clean-section .form-label { font-weight: 500; margin-bottom: 0.5rem; color: #495057; font-size: 0.9rem; display: block; } /* Inputs */ .contact-form-clean-section input[type="text"], .contact-form-clean-section input[type="email"], .contact-form-clean-section input[type="tel"], .contact-form-clean-section textarea, .contact-form-clean-section .form-control, .contact-form-clean-section .wpcf7-form-control:not(.wpcf7-submit) { border-radius: 6px; border: 1px solid transparent; /* Clean look */ padding: 0.85rem 1rem; background-color: #ffffff; margin-bottom: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Very subtle shadow */ font-size: 1rem; width: 100%; box-sizing: border-box; } .contact-form-clean-section input:focus, .contact-form-clean-section textarea:focus { border-color: #dee2e6; outline: none; box-shadow: 0 0 0 3px rgba(43, 182, 154, 0.1); } .contact-form-clean-section input::placeholder, .contact-form-clean-section textarea::placeholder { color: #adb5bd; } .contact-form-clean-section textarea { min-height: 150px; resize: vertical; } /* Submit Button */ .contact-form-clean-section input[type="submit"], .contact-form-clean-section button[type="submit"], .contact-form-clean-section .btn-submit, .contact-form-clean-section .wpcf7-submit { background-color: #00a98f; /* Specific Teal from image */ color: #fff; font-weight: 700; padding: 1rem 2rem; border-radius: 50px; border: none; width: 100%; font-size: 1rem; cursor: pointer; display: block; transition: background-color 0.2s; margin-top: 1rem; } .contact-form-clean-section input[type="submit"]:hover, .contact-form-clean-section .btn-submit:hover { background-color: #008f7a; }