.grid-background{background-color:#fff;background-image:linear-gradient(to right,rgba(255,87,87,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,87,87,.2) 1px,transparent 1px);background-size:50px 50px}.wlq{padding:57px 0 120px;position:relative}.wlq__container{max-width:900px;margin:0 auto;position:relative;padding:60px 40px 40px;background:#fff}.wlq__progress{position:relative;height:3px;width:60%;margin:0 auto}.wlq__progress-track{background:#eee;height:3px;border-radius:6px}.wlq__progress-fill{position:absolute;left:0;top:0;height:3px;background:#111;border-radius:6px;width:0;transition:width .35s ease}.wlq__progress-steps{display:flex;justify-content:space-between;position:absolute;inset:-5px 0 auto 0;pointer-events:none}.wlq__progress-steps .dot{width:28px;height:28px;border-radius:999px;background:#fff;border:2px solid #ddd;display:grid;place-items:center;transform:translateY(-8px);font-size:12px;color:#666;font-weight:600}.wlq__progress-steps .dot.is-done{border-color:#111;color:#111}.wlq__progress-steps .dot.is-active{border-color:#111;background:#111;color:#fff}.wlq-title{text-align:center;font-size:32px;line-height:38px;margin:32px 0 12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.wlq-subtext{text-align:center;max-width:55%;margin:0 auto 32px;color:#6b6b6b;font-size:15px}.wlq-question{text-align:center;font-size:32px;margin:30px 0;font-weight:700;letter-spacing:0;text-transform:uppercase;line-height:38px;width:84%}.wlq-badge{text-align:center;font-weight:700;color:#111;margin-bottom:14px}.wlq-help{text-align:right;font-size:14px;color:#ee3449;font-weight:600;text-transform:uppercase;display:flex;width:100%;justify-content:end}.wlq__steps{position:relative}.wlq-step{display:none}.wlq-step.is-active{display:flex;flex-direction:column;align-items:center}.wlq-options{display:flex;flex-wrap:wrap;gap:16px;border:none;width:100%;justify-content:center;align-items:center;padding-right:0;padding-left:0}.wlq-option{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;border:1px solid #e6e6e6;border-radius:8px;padding:10px 12px;background:#fff;cursor:pointer;width:49%}.wlq-option img{width:48px;height:48px;object-fit:cover}.wlq-option input{accent-color:#111;width:18px;height:18px}.wlq-option .wlq-option-label{font-weight:600}.wlq-option.is-selected{border-color:#111;box-shadow:0 0 0 2px #0000000f}.wlq-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border:none;width:100%;padding-left:0;padding-right:0}.wlq-color{display:grid;grid-template-columns:28px 1fr auto;align-items:center;border:1px solid #e6e6e6;border-radius:8px;padding:10px 12px;background:#fff;cursor:pointer;width:100%}.wlq-color .wlq-dot{width:32px;height:32px;border-radius:999px;background:var(--swatch, #000);border:1px solid rgba(0,0,0,.15)}span.wlq-option-label{font-size:16px;font-weight:600;padding-left:12px}.wlq-color input{accent-color:#111}.wlq-color.is-selected{border-color:#111;box-shadow:0 0 0 2px #0000000f}.wlq-color-custom{border:1px solid #e6e6e6;border-radius:8px;padding:10px 12px;gap:12px}.wlq-color-custom label{display:inline-flex;gap:15px}.wlq-color-custom span{position:relative}.wlq-color-custom span svg{position:absolute;top:50%;bottom:50%;left:50%;right:50%;transform:translate(-50%,-50%)}.wlq-color-input{width:32px;height:32px;border:transparent;background:transparent;padding:0}label.wlq-checkbox span{font-size:16px;text-transform:none}label.wlq-checkbox{justify-content:flex-start}.wlq-email{max-width:100%;margin:0 auto;display:grid;gap:12px;width:50%}.wlq-input{height:44px;border-radius:8px;border:1px solid #e6e6e6;padding:0 12px;width:100%}.wlq-checkbox{display:flex;align-items:center;gap:8px;justify-content:center;color:#444}.wlq-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;width:100%}button.wlq-link{display:flex;gap:6px;align-items:center}button.wlq-link svg{transform:rotate(180deg)}.wlq-btn{background:#111;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer;font-size:16px;text-transform:uppercase;display:flex;gap:6px}.wlq-btn:hover{background:#000}.wlq-link{background:#f5f5f5;color:#111;border:none;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}button.before-wlq{background:transparent;color:#111;border:1px solid #E5E5E6;font-size:16px;text-transform:uppercase;font-weight:700;padding:8px 20px}button.next-wlq{padding:8px 20px}.bottom-background{position:absolute;right:0;bottom:0}.top-background{position:absolute;top:0}@media screen and (max-width: 768px){.wlq-subtext{max-width:90%}.wlq-title{font-size:20px;line-height:normal}.wlq-question{font-size:20px;line-height:100%;width:100%}.wlq-option{width:100%}.wlq-option img{width:40px;height:40px}span.wlq-option-label{padding-left:0}.wlq-option{grid-template-columns:40px 1fr auto}.wlq-colors{grid-template-columns:repeat(2,minmax(0,1fr))}label.wlq-color .wlq-option-label,span.wlq-option-label{padding-left:14px}.wlq-email,.wlq__progress{width:100%}.bottom-background,.top-background{display:none}}.wlq-color-input::-webkit-color-swatch-wrapper{padding:0}.wlq-color-input::-webkit-color-swatch{border-radius:50%;border:none}.wlq-color-input::-moz-color-swatch{border-radius:50%;border:none}.wlq-option input[type=checkbox],.wlq-color-custom input[type=checkbox],.wlq-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0;border:1px solid #19191A;border-radius:50%;display:inline-block;position:relative;cursor:pointer;background:#fff;vertical-align:middle}.wlq-option input[type=checkbox]:checked,.wlq-color-custom input[type=checkbox]:checked,.wlq-checkbox input[type=checkbox]:checked{background-color:#fff;border-color:#19191a}.wlq-option input[type=checkbox]:checked:before,.wlq-color-custom input[type=checkbox]:checked:before,.wlq-checkbox input[type=checkbox]:checked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M20 10C20 15.523 15.523 20 10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0C15.523 0 20 4.477 20 10ZM14.03 6.97C14.1705 7.11063 14.2493 7.30125 14.2493 7.5C14.2493 7.69875 14.1705 7.88938 14.03 8.03L9.03 13.03C8.88938 13.1705 8.69875 13.2493 8.5 13.2493C8.30125 13.2493 8.11063 13.1705 7.97 13.03L5.97 11.03C5.89631 10.9613 5.83721 10.8785 5.79622 10.7865C5.75523 10.6945 5.73319 10.5952 5.73141 10.4945C5.72963 10.3938 5.74816 10.2938 5.78588 10.2004C5.8236 10.107 5.87974 10.0222 5.95096 9.95096C6.02218 9.87974 6.10701 9.8236 6.2004 9.78588C6.29379 9.74816 6.39382 9.72963 6.49452 9.73141C6.59523 9.73319 6.69454 9.75523 6.78654 9.79622C6.87854 9.83721 6.96134 9.89631 7.03 9.97L8.5 11.44L10.735 9.205L12.97 6.97C13.1106 6.82955 13.3013 6.75066 13.5 6.75066C13.6988 6.75066 13.8894 6.82955 14.03 6.97Z' fill='%2319191A'/></svg>") no-repeat center center;background-size:contain}.wlq-color-custom input[type=checkbox]:checked,.wlq-checkbox input[type=checkbox]:checked{background-color:#fff;border-color:#19191a}
/*# sourceMappingURL=/cdn/shop/t/45/assets/rawan-form.css.map */