#contact-section{z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:160px;height:auto;padding:80px 16px 200px;display:flex;position:relative;bottom:110px;overflow:hidden}.hidden{display:none}#questionmark-background-image{height:196px;position:absolute;top:372px;left:170px}#closedbox-background-image{z-index:-1;pointer-events:none;width:195.35px;position:absolute;top:-12%;left:-20%;transform:rotate(-18.6deg)}#openedbox-background-image{z-index:-1;pointer-events:none;width:155.5px;position:absolute;bottom:-26%;right:-10%;transform:rotate(15deg)}#contact-title{letter-spacing:-1.5%;margin-top:0;font-size:2.5rem;font-weight:700;line-height:120%}.contact-text{color:#53515a;width:358px;padding-right:3px;font-size:1.25rem;font-weight:400;line-height:120%}#c-s-right-part-container{width:358px;height:720px;position:relative}#c-s-right-part{z-index:1;background-color:#f1f1f1;border-radius:24px;width:358px;height:auto;padding:24px 16px;position:relative;overflow:visible;box-shadow:0 32px 32px -16px #00000026}#contact-form-in-home{z-index:2;flex-direction:column;justify-content:space-between;gap:16px;height:100%;display:flex;position:relative}#contact-form-title{margin:0;font-size:1.75rem;font-weight:700;line-height:114%}.input-group{position:relative}.form-input{caret-color:#601bfa;border:none;border-radius:12px;outline:none;width:100%;height:56px;padding:20px 16px 8px;font-size:1rem;font-weight:600}.input-group label{color:#838289;pointer-events:none;background:0 0;padding:0 4px;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-input:focus+label,.form-input:not(:placeholder-shown)+label{color:#838289;font-size:.875rem;top:14px}.text-inputs{flex-direction:column;gap:8px;margin-top:0;display:flex}.textarea-group{position:relative}.form-textarea{resize:none;caret-color:#601bfa;border:none;border-radius:12px;outline:none;width:100%;height:160px;padding:16px;font-family:DM Sans;font-size:1rem;line-height:170%}.textarea-group label{color:#838289;pointer-events:none;background:0 0;padding:0 4px;transition:all .2s;position:absolute;top:16px;left:16px}.form-textarea:focus+label,.form-textarea:not(:placeholder-shown)+label{color:#838289;background:0 0;font-size:.875rem;top:11px}#text-inputs{flex-direction:column;gap:8px;margin-top:0;display:flex}.checkbox{color:#2e2b26;flex-direction:column;gap:15px;max-width:310px;font-size:1rem;line-height:160%;display:flex}.checkbox-and-label{align-items:center;gap:5px;display:flex}.checkarea{display:none}.custom-checkbox{background-color:#fff;border:1px solid #c0c0c4;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:10px;display:flex;position:relative}.checkarea:checked+.custom-checkbox{background-color:#601bfa;border:none}.check-icon{opacity:0;width:16px;height:16px}.checkarea:checked+.custom-checkbox .check-icon{opacity:1}.form-input:focus,.form-textarea:focus{border:2px solid #6a5cff}#email.form-input:not(:placeholder-shown):invalid,.form-input.error,.form-textarea.error{border:2px solid #f84707}#storeLink::placeholder{opacity:0;transition:opacity .2s}#storeLink:focus::placeholder{opacity:.8}#policy-link{color:#601bfa;display:inline}#policy-text,#newsletter-text{max-width:460px;margin:0}.custom-checkbox{flex-shrink:0}@media (width>=40rem){#contact-section{background-color:#fff;flex-direction:row;gap:80px;height:907px;padding-top:5rem;bottom:80px}#questionmark-background-image{height:380px;position:absolute;top:58%;bottom:0%;left:8%}#c-s-left-part{align-self:flex-start;width:556px;margin-top:82px}#c-s-right-part-container{width:556px;height:auto}#c-s-right-part{width:556px;height:100%;padding:24px}#openedbox-background-image{bottom:-13%;right:-16%}#contact-title{font-size:3rem}.contact-text{width:100%}#text-inputs{gap:16px}#contact-form-title{display:none}.form-input{width:100%}.checkbox{gap:0;max-width:500px;font-size:1rem;line-height:140%}.checkbox-and-label{gap:8px}.form-textarea{width:100%;height:120px;padding:16px;line-height:170%}.input-group:hover .form-textarea,.input-group:hover .form-input{cursor:pointer;background-color:#f1efff}.input-group:hover label{color:#601bfa}}
