.contact-form{background:#000}.form-status{color:#fff;text-align:center;font-family:var(--roboto);font-size:26px;font-style:normal;font-weight:300;line-height:26.9px;margin-bottom:30px}.contact-form .contact-us{color:#fff;text-align:center;font-family:var(--roboto);font-size:36px;font-style:normal;font-weight:300;line-height:16.9px;margin-bottom:0}.contact-form .need-help{color:#fff;text-align:center;font-family:var(--roboto);font-size:20px;font-style:normal;font-weight:300;line-height:27px;margin-top:0;margin-bottom:0;max-width:406px}.help-contact-section{display:flex;justify-content:center;align-items:stretch;background-color:#121212;color:#fff;flex-wrap:wrap}.help-contact-section .container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:2rem}.help-box,.contact-form{flex:1 1 45%;padding:146px;box-sizing:border-box}.help-box-content{padding:20px;border-radius:10px;border:2px solid #8b3fc6;background-color:#161618;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.help-title{font-size:clamp(24px,3vw,40px);margin-bottom:1rem}.help-subtitle{font-size:clamp(14px,1.5vw,20px);margin-bottom:1.5rem;color:#c2c2c2}.help-box ul{list-style:none;padding:0;margin-top:1rem}.help-box li{padding:.5rem 0;display:flex;align-items:center;color:var(--Neutral-White, #fff);font-family:var(--roboto);font-size:20px;font-style:normal;font-weight:400;line-height:48px;gap:9px}.help-box li a{color:#fff}.help-box .icon{color:#81c7f5;margin-right:.5rem;display:flex}.contact-form .form-group{position:relative}.help-contact-section #ContactForm-message{border-radius:10px;border:.5px solid var(--Neutral-250, #c2c2c2);background:var(--Dark-220, #161618);min-height:260px}.contact-form input,.contact-form textarea{width:100%;padding:.5rem 0;background-color:transparent;border:none;border-bottom:1px solid #666;color:#fff;font-size:1rem;outline:none}.contact-form label{position:absolute;top:0;left:0;font-size:1rem;color:#a1a1a1;transition:.2s ease all;pointer-events:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:transparent}.contact-form input:focus,.contact-form textarea:focus{border-bottom:1px solid #4facfe}.contact-form input:focus+label,.contact-form textarea:focus+label,.contact-form input:not(:placeholder-shown)+label,.contact-form textarea:not(:placeholder-shown)+label{transform:translateY(-1.5rem);font-size:.85rem;color:#d1d1d1}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background:linear-gradient(90deg,#4facfe,#00f2fe);padding:.75rem 2rem;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem}.help-title{color:var(--Neutral-White, #fff);font-family:var(--roboto);font-size:40px;font-style:normal;font-weight:400;line-height:48px;margin-bottom:0;margin-top:0}.help-subtitle{color:var(--Neutral-250, #c2c2c2);font-family:var(--roboto);font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-top:0;margin-bottom:0}.help-box-content{border-radius:10px;border:2px solid var(--Linear, #8b3fc6);background:var(--Dark-220, #161618);display:flex;max-width:528px;padding:var(--3, 24px) 60px;flex-direction:column;align-items:flex-start;gap:var(--3, 18px);margin:auto}.contact-form-content{display:flex;flex-direction:column;flex-shrink:0;margin:auto}.contact-section{display:flex;justify-content:center;background-color:#000;padding:146px 0;width:50%}.contact-form-content{max-width:600px;text-align:center}.contact-title{color:#fff;font-family:Roboto,sans-serif;font-size:36px;font-weight:300;margin-bottom:8px;margin-top:0}.contact-subtitle{color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:300;margin-top:0;margin-bottom:37px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:12px}.form-group{position:relative;flex:1}.form-group input,.form-group textarea{width:100%;padding-top:16px;background-color:transparent;border:none;border-bottom:1px solid #666;color:#fff;font-size:16px;outline:none;margin-bottom:36px}.help-contact-section textarea#ContactForm-message{color:#fff;font-family:var(--roboto);font-size:16px;font-style:italic;font-weight:300;line-height:16.9px;padding-top:38px;padding-left:26px}.form-group label{position:absolute;top:10px;left:0;color:#a1a1a1;transition:.2s ease all;pointer-events:none;color:#fff;font-family:var(--roboto);font-size:16px;font-style:normal;font-weight:300;line-height:16.9px}.form-group input:focus+label,.form-group textarea:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:not(:placeholder-shown)+label{display:none}.help-contact-section textarea{min-height:150px;resize:vertical;border-radius:10px;border:.5px solid #c2c2c2;background-color:#161618}.form-group label{position:absolute;top:0;left:0;font-size:clamp(12px,1vw,14px);color:#fff;transition:.2s ease all;pointer-events:none}.help-contact-section input:focus+label,.help-contact-section textarea:focus+label,.help-contact-section input:not(:placeholder-shown)+label,.help-contact-section textarea:not(:placeholder-shown)+label{transform:translateY(-1.5rem);font-size:.85rem;color:#d1d1d1}.contact-form-content button{background:linear-gradient(90deg,#4facfe,#00f2fe);padding:.75rem 2rem;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:clamp(14px,1.5vw,16px);transition:background .3s;border-radius:var(--6, 48px);border:1px solid var(--Blue, #00bcd4);background:var( --Blu-Gradient, linear-gradient(45deg, #2193b0 .1%, #4ab7d1 54.49%, #6dd5ed 99.9%) );display:flex;width:423px;padding:12px var(--5, 40px);justify-content:center;align-items:center;gap:var(--1, 8px);box-shadow:0 1px 2px #1018280d;color:var(--Text-Light, #fbfbfb);font-family:var(--roboto);font-size:20px;font-style:normal;font-weight:500;line-height:24px;margin:auto}.help-contact-section label[for=first_name],.help-contact-section label[for=last_name],.help-contact-section label[for=email],.help-contact-section label[for=phone]{padding-left:16px}.help-contact-section label[for=ContactForm-message]{margin-top:38px;margin-left:26px;font-style:italic}.contact-form-content button:hover{background:var( --Blu-Gradient, linear-gradient(45deg, #2193b0 .1%, #4ab7d1 33.49%, #6dd5ed 48.9%) )}.form-group-message{margin-top:24px!important}.form-group input:focus-visible,.form-group textarea:focus-visible{border:1px solid rgba(0,188,212,1)!important;box-shadow:none}@media screen and (max-width:768px){.help-contact-section{display:flex;flex-direction:column;align-items:center}.help-contact-section .container{flex-direction:column;align-items:center;gap:0}.contact-section{width:100%;padding:40px 20px 20px;order:1}.help-box{width:100%;padding:20px 20px 45px;order:2;background:#000}.contact-form-content,.help-box-content{max-width:100%}.contact-form-content button{width:100%}.help-box-content{padding:16px;gap:8px}.contact-title{font-size:24px;font-style:normal;font-weight:300;line-height:16.9px;margin-bottom:16px}.help-contact-section #ContactForm-message{max-height:122px!important}.contact-subtitle{font-size:16px;font-style:normal;font-weight:300;line-height:16.9px;margin-bottom:24px}.form-group-message{margin-top:0!important}.form-group label{font-size:14px;font-style:normal;font-weight:400;line-height:16.9px}.contact-form-content button{font-size:14px;font-style:normal;font-weight:500;line-height:24px}.help-title{font-size:24px;font-style:normal;font-weight:400;line-height:48px}.help-box li{font-size:16px;font-style:normal;font-weight:400;line-height:48px;padding:0}}@media screen and (min-width:768px)and (max-width:1400px){.contact-section{width:100%}.help-contact-section .container{flex-direction:row;gap:1.5rem;order:2}.help-box,.contact-form{flex:1 1 50%;order:1}}
/*# sourceMappingURL=/cdn/shop/t/192/assets/contact-form.css.map */