/* Nexlotech Page Builder CSS - Post ID: 504 - Gen: 2026-01-29 16:43:57 */ /* Module: contact-locations-split */ /* Contact Locations Split Module */ .cl-right-col { background-color: var(--bs-light); } /* Form Styles - Clean Boxy */ .cl-form-style input[type="text"], .cl-form-style input[type="email"], .cl-form-style input[type="tel"], .cl-form-style textarea, .cl-form-style select { width: 100%; padding: 0.9rem 1rem; border: 1px solid var(--bs-border-color); border-radius: 6px; background-color: var(--bs-white); font-size: 1rem; transition: all 0.2s ease; margin-bottom: 0.5rem; } .cl-form-style input:focus, .cl-form-style textarea:focus { border-color: var(--theme-primary); box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.05); outline: none; } .cl-form-style label { font-size: 0.9rem; font-weight: 500; margin-bottom: 0.4rem; color: var(--bs-heading-color); display: block; } .cl-form-style input[type="submit"] { background-color: var(--theme-primary); color: var(--bs-white); padding: 0.9rem 2rem; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; transition: transform 0.2s; } .cl-form-style input[type="submit"]:hover { transform: translateY(-2px); opacity: 0.9; } /* Location Cards */ .cl-location-card { border: 1px solid transparent; transition: all 0.3s ease; } .cl-location-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important; } /* If it's a link, add hover border */ a.cl-location-card:hover { border-color: var(--theme-primary); } .cl-icon-wrapper img { /* Ensure icon looks crisp */ display: block; } /* Responsive adjustments */ @media (max-width: 991px) { .cl-right-col { padding-top: 4rem !important; padding-bottom: 4rem !important; } .min-vh-100 { min-height: auto !important; } }