.contact-us{padding:10px 0 30px}.contact-us h3,.contact-us p{margin:0}.contact-us header{border-bottom:1px solid var(--mdc-theme-border-color)}.contact-us header h3{font-size:22px;color:var(--mdc-theme-border-color);font-family:Arial;font-weight:400;padding-bottom:5px}.contact-us main p{font-size:20px;font-family:ArialMT;padding-top:20px}.contact-us main form{display:flex;padding-top:25px}.contact-us .form-sector legend{color:var(--okx-primary-font-color);font-size:16px;margin-bottom:15px}.contact-us .form-sector ::placeholder{font-size:14px;color:var(--okx-input-placeholder-home-color)}.contact-us .form-sector label{font-size:14px;color:var(--okx-primary-font-color)}.contact-us .form-sector .chose-customer .MuiInputBase-root{width:220px;padding-bottom:25px}.contact-us .form-sector .MuiInputBase-root{height:30px;width:383px}.contact-us .chose-reason,.contact-us .form-sector .chose-customer .formControl{padding-bottom:25px}.contact-us .contact-type .MuiTypography-root{padding-top:2px}.contact-options{display:flex;flex-direction:column}.contact-options .name-and-address label,.contact-options .phone-email label,.contact-options .textarea label,.contact-options .zip-city label{padding-top:15px}.contact-options .zip-city{display:flex;gap:20px}.contact-options .zip-city .formControl:first-of-type{max-width:min-content}.contact-options .zip-city .formControl:first-of-type .MuiInputBase-root{width:80px}.contact-options .zip-city .formControl:nth-of-type(2) .MuiInputBase-root{width:283px}.contact-options .textarea{display:flex;flex-direction:column;width:383px}.contact-options .input-text-field .MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-formControl,.contact-options .textarea #description{font-size:16px}.contact-options .textarea #description{padding:3px 0 0 11px;color:var(--okx-primary-font-color)}.contact-options .textarea textarea{height:130px}.contact-options .input-text-field .MuiInputBase-root.MuiOutlinedInput-root,.contact-options textarea{background-color:var(--okx-input-background-color);border-color:var(--okx-secondary-font-color)}.contact-options .textarea .color-red{font-size:13px;padding-top:2px}.contact-options .radio-button{height:12px}.contact-options .checkbox-and-button{display:flex;flex-direction:column;gap:26px;padding-top:11px}.contact-options .checkbox-and-button .formControl{display:flex;flex-direction:row-reverse}.contact-options .checkbox-and-button .formControl label{align-self:center}.contact-options .checkbox-and-button .formControl .wrapper{width:-moz-fit-content;width:fit-content}.contact-options .checkbox-and-button Button{font-size:16px;min-width:80px;height:30px;align-self:end}.aside-progress-bar{display:flex;flex-direction:column;padding-right:11px}.step-4-tunnel{height:100%;width:4px;align-self:center;background-color:#dcdcdc;background:linear-gradient(to bottom,#dcdcdc 20%,var(--mdc-theme-background))}.step-4-tunnel.red{background:linear-gradient(to bottom,var(--okx-palette-primary) 20%,var(--mdc-theme-background))}.contact-us .contact-info-section h4,.contact-us .contact-info-section p{margin:0;padding:0;font-size:18px}.contact-us .contact-info-section .contact-private{padding:25px 0 40px}.contact-us .contact-info-section h3,.contact-us .contact-info-section h4{font-size:20px;color:var(--okx-heading-color);font-weight:700}.contact-us .contact-info-section h4{padding-top:20px}.contact-us .contact-info-section .map-directions{padding:30px 0 40px}.contact-us .contact-info-section .map-directions span{font-size:18px;color:var(--okx-palette-primary);text-decoration:underline;cursor:pointer}.contact-us .MuiAutocomplete-popupIndicator{padding-right:8px}.contact-us .Mui-focused .MuiAutocomplete-popupIndicator{right:8px!important;padding-right:0}.contact-us .contact-type{display:flex!important;flex-direction:row!important;gap:20px!important}.contact-us .contact-type>*{display:inline-flex!important}.contact-us .radio-button{display:inline-block!important;margin-right:20px!important}.contact-us .formControl:has(input[type=radio]),.contact-us .formControl[data-type=radio]{display:inline-flex!important;margin-right:20px!important}.contact-us .MuiFormGroup-root,.contact-us .MuiRadioGroup-root{flex-direction:row!important;gap:20px!important}.contact-us .MuiFormControlLabel-root{margin-right:20px!important}@media screen and (max-width:480px){.contact-us{padding:10px 20px 30px}.contact-us header h3{font-size:14px;color:var(--okx-palette-primary);font-family:Arial;font-weight:400;padding-bottom:5px}.contact-us main p{font-size:12px;font-family:ArialMT;padding-top:20px}.contact-us .form-sector legend{color:var(--okx-primary-font-color);font-size:14px;margin-bottom:6px;padding-left:0}.contact-us .form-sector label{font-size:12px;color:var(--okx-primary-font-color)}.contact-us .form-sector .form-sector-item{padding-top:5px;padding-bottom:32px}.contact-us .form-sector .form-sector-item .formControl{padding-bottom:0}.contact-us .form-sector .form-sector-item .formControl:nth-child(2){width:100%}.contact-us .chose-reason{padding-bottom:0}.contact-us .form-sector .MuiInputBase-root{width:100%}.contact-options .textarea{width:100%;margin-bottom:10px}.contact-options .zip-city .formControl:nth-of-type(2) .MuiInputBase-root{width:100%}.aside-progress-bar{padding-right:5px}.contact-us .form-sector .checkbox-and-button label{width:90%;white-space:pre-line}.contact-options .checkbox-and-button Button{align-self:center;margin-top:10px;margin-left:0}}