.contact-page{background-color:#8ea9aa;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:140px 20px 80px;display:flex}.contact-card{background-color:var(--bg-color,#f3eed4);box-sizing:border-box;width:100%;max-width:550px;position:relative;box-shadow:0 10px 40px #00000026}.contact-waves{width:100px;position:absolute;top:30px;right:-50px}.contact-waves svg{width:100%;height:auto}.contact-waves svg path{fill:#607f80}.contact-title{font-family:var(--font-heading);color:#8a5a3b;text-align:center;margin-top:50px;margin-bottom:40px;font-size:28px;font-weight:400}.contact-content{gap:40px;padding:0 50px 80px;display:flex}.contact-left{border-right:1px solid #a391714d;flex:1;padding-right:40px}.contact-text{font-family:var(--font-sans);color:var(--text-muted);margin-top:10px;font-size:13px;line-height:2.2}.contact-right{flex:1.2}.contact-form{flex-direction:column;gap:25px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{font-family:var(--font-sans);color:var(--text-muted);margin-bottom:5px;font-size:12px}.form-group input,.form-group textarea{font-family:var(--font-sans);color:var(--text-color);resize:none;background:0 0;border:none;border-bottom:1px solid #a3917166;outline:none;padding:5px 0;font-size:13px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-color);opacity:.8}.form-group textarea{height:120px}.contact-submit-btn{border:1px solid var(--text-muted);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;align-self:center;margin-top:10px;padding:8px 40px;font-size:12px;transition:all .3s}.contact-submit-btn:hover{background:var(--text-muted);color:#fff}.contact-divider{width:100%;height:40px}.contact-bottom-img{box-sizing:border-box;background-color:#e3c7af;border:10px solid #ffffff80;justify-content:center;align-items:center;gap:20px;width:100%;max-width:550px;min-height:70vh;margin:0;padding:40px 0;display:flex}.contact-bottom-img img{width:100px;height:auto}@media (max-width:1024px){.contact-content{gap:20px;padding:0 30px 60px}}@media (max-width:768px){.contact-page{padding:100px 20px 60px}.contact-content{flex-direction:column;gap:30px;padding:0 30px 40px}.contact-left{text-align:center;border-bottom:1px solid #a391714d;border-right:none;padding-bottom:30px;padding-right:0}.contact-waves{width:60px;top:20px;right:20px}.contact-bottom-img{min-height:50vh;padding:30px 0}}@media (max-width:480px){.contact-title{margin-top:40px;margin-bottom:30px;font-size:24px}.contact-content{padding:0 20px 30px}.contact-submit-btn{width:100%}.contact-bottom-img img{width:80px}}