.hb-contact-section{padding:90px 0;background:#f8f8f3}.hb-contact-wrapper{display:grid;grid-template-columns:.9fr 1.4fr;gap:40px;align-items:start}.hb-contact-left,.hb-contact-right{min-width:0}.hb-container{max-width:1400px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}.hb-contact-left{background:#eef5e8;border-radius:30px;overflow:hidden;position:relative;height:100%;display:flex;flex-direction:column}.hb-left-image img{width:100%;display:block;object-fit:cover}.hb-contact-content{padding:40px}.hb-contact-content h2{margin:0;font-size:42px;line-height:1.2;color:#1d3420;font-weight:600}.hb-description{margin-top:18px;color:#666;line-height:1.8;font-size:16px}.hb-contact-items{margin-top:35px}.hb-item{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px}.hb-icon{width:52px;height:52px;background:#3b6a35;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:22px;flex-shrink:0}.hb-item h4{margin:0 0 6px;font-size:18px;color:#243322}.hb-item p{margin:0;color:#666;line-height:1.7}.hb-contact-btn{display:inline-block;margin-top:20px;padding:16px 36px;background:#2f5b2d;color:#fff;text-decoration:none;border-radius:40px;transition:.35s;font-weight:600}.hb-contact-btn:hover{background:#234321;transform:translateY(-3px)}.hb-contact-right{background:#fff;border-radius:30px;padding:50px;box-shadow:0 15px 45px #00000014}.hb-contact-right h2{margin:0;color:#1f3220;font-size:40px}.hb-form-description{margin-top:15px;color:#666;line-height:1.8}.hb-contact-form{margin-top:35px}.hb-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hb-field{margin-bottom:22px}.hb-field label{display:block;margin-bottom:8px;font-weight:600;color:#2d392b}.hb-field input,.hb-field textarea{width:100%;border:1px solid #d9ddd6;border-radius:16px;padding:16px 20px;font-size:15px;background:#fff;transition:.3s;outline:none;box-sizing:border-box}.hb-field textarea{resize:vertical;min-height:180px}.hb-field input:focus,.hb-field textarea:focus{border-color:#46753f;box-shadow:0 0 0 4px #46753f1f}.hb-submit-btn{border:none;cursor:pointer;padding:18px 42px;border-radius:40px;background:#2f5b2d;color:#fff;font-size:16px;font-weight:600;transition:.35s}.hb-submit-btn:hover{background:#234321;transform:translateY(-3px)}.hb-success{background:#e7f6e8;border:1px solid #b7ddb9;padding:18px;border-radius:14px;color:#2c6b2d;margin-bottom:25px}.errors,.form-status-list{margin-bottom:25px;color:#c0392b}.errors ul{padding-left:18px}.hb-features{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.hb-feature{background:#fff;border-radius:22px;padding:35px;text-align:center;transition:.35s;box-shadow:0 8px 25px #0000000d}.hb-feature:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0000001a}.hb-feature img{width:60px;height:60px;object-fit:contain;margin-bottom:20px}.hb-feature h4{margin:0 0 12px;color:#20311f;font-size:20px}.hb-feature p{margin:0;color:#666;line-height:1.8}.fade-up{opacity:0;transform:translateY(40px);transition:all .7s ease}.fade-up.show{opacity:1;transform:translateY(0)}.hb-field.active input,.hb-field.active textarea{border-color:#46753f;box-shadow:0 0 0 4px #46753f1f}@media screen and (max-width:991px){.hb-contact-wrapper{grid-template-columns:1fr;gap:40px}.hb-contact-left,.hb-contact-right{width:100%}.hb-contact-content{padding:30px}.hb-contact-content h2,.hb-contact-right h2{font-size:34px}.hb-features{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.hb-contact-section{padding:50px 0}.hb-contact-wrapper{grid-template-columns:1fr;gap:30px}.hb-contact-left,.hb-contact-right{border-radius:20px}.hb-contact-content{padding:25px}.hb-contact-content h2,.hb-contact-right h2{font-size:30px;line-height:1.3}.hb-description,.hb-form-description{font-size:15px}.hb-grid{grid-template-columns:1fr;gap:0}.hb-field{margin-bottom:18px}.hb-field input,.hb-field textarea{padding:14px 16px;font-size:15px}.hb-submit-btn,.hb-contact-btn{width:100%;text-align:center}.hb-features{grid-template-columns:1fr;gap:20px;margin-top:40px}}@media screen and (max-width:480px){.hb-contact-content h2,.hb-contact-right h2{font-size:26px}.hb-contact-content{padding:20px}.hb-contact-right{padding:25px 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/contact-modern.css.map */