.contact{background-color:#f8fafc}.contact-container{background:#fff;border-radius:10px;flex-wrap:wrap;max-width:800px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.contact-info{background:var(--primary);color:#fff;flex:1;min-width:300px;padding:40px}.contact-info h3{margin-bottom:30px}.contact-info p{margin-bottom:20px}.contact-info a{color:inherit;text-decoration:none}.contact-form{flex:2;min-width:300px;padding:40px}.form-group{margin-bottom:20px}label{color:var(--secondary);margin-bottom:8px;font-weight:500;display:block}input,textarea{border:1px solid #e2e8f0;border-radius:5px;width:100%;padding:12px 15px;font-size:16px;transition:border-color .3s}input:focus,textarea:focus{border-color:var(--primary);outline:none}textarea{min-height:120px}.form-status-message{border-radius:5px;height:auto;margin-top:20px;padding:0;transition:all .3s;overflow:hidden}.form-status-message.success,.form-status-message.error{height:auto;margin-bottom:20px;padding:12px 15px}.form-status-message.success{color:#2f855a;background-color:#48bb781a;border-left:4px solid #48bb78}.form-status-message.error{color:#c53030;background-color:#f565651a;border-left:4px solid #f56565}.success-message{text-align:left;padding:40px 20px 40px 0;display:none}.success-message.visible{display:block}.success-message h3{color:var(--primary);margin-bottom:10px;font-size:24px}.success-message p{color:var(--secondary);margin:0 0 20px}.checkmark-circle{width:80px;height:80px;margin:0 auto 20px 0;display:block;position:relative}.checkmark-circle .checkmark{border-radius:5px}.checkmark-circle .checkmark.draw:after{content:"";transform-origin:0 0;opacity:0;border-top:10px solid #48bb78;border-right:10px solid #48bb78;width:35px;height:70px;animation:.4s ease-in-out forwards checkmark;position:absolute;top:30px;left:25px;transform:scaleX(-1)rotate(135deg)}@keyframes checkmark{0%{opacity:0;width:0;height:0}20%{opacity:1;width:35px;height:0}40%{opacity:1;width:35px;height:70px}to{opacity:1;width:35px;height:70px}}@media screen and (width<=768px){.contact{padding:120px 0 80px}}