.email-support{padding:40px;border-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);h1{text-align:center;color:#2c3e50;font-size:40px;margin-bottom:30px;font-weight:900;letter-spacing:.5px}p{color:#34495e;line-height:1.8;margin-bottom:25px;font-size:25px;span{color:#ff7e36;font-weight:700}}.onboarding-form{display:flex;flex-direction:column;.navigation-controls{display:flex;justify-content:space-between;gap:10px;align-items:center}.nav-button{color:#1a1f2f;font-family:Poppins,sans-serif;font-size:40px;background-color:#f9f9f9;padding:10px 20px;font-weight:500;font-style:normal;border-style:none;cursor:pointer;transition:var(--button-transition)}.nav-button:hover{color:#fff;background-color:#1a1f2f}.nav-button.invisible{visibility:hidden}.section-indicator{display:flex;gap:8px;align-items:center}.indicator-dot{width:8px;height:8px;border-radius:50%;background-color:#e0e0e0;transition:all .3s ease}.indicator-dot.active{background-color:#2980b9;transform:scale(1.5)}section{margin-bottom:40px;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:box-shadow .3s ease;h2{color:var(--button-bg-color);font-size:24px;margin-bottom:20px;border-bottom:2px solid var(--button-bg-color);padding-bottom:10px;font-weight:600}.form-grid{display:flex;flex-direction:column;gap:25px;.form-group{margin-bottom:20px;width:100%;label{display:block;font-weight:600;margin-bottom:8px;color:#2c3e50;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.time-slots{margin-left:20px;margin-top:10px}.time-slot-container{display:flex;align-items:center;gap:10px;margin-bottom:10px}.time-select{padding:5px;border-radius:4px;border:1px solid #ccc}.add-time-btn{color:blue;padding:5px 0}.add-time-btn,.remove-btn{background:none;border:none;cursor:pointer}.remove-btn{color:red}select{width:-webkit-fill-available;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;background-color:#f9f9f9;transition:all .3s ease}select:focus{outline:none;border-color:var(--button-bg-color);box-shadow:0 0 0 3px rgba(52,152,219,.2);background-color:#fff}input{width:-webkit-fill-available;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;transition:all .3s ease;background-color:#f9f9f9}input:focus{outline:none;border-color:var(--button-bg-color);box-shadow:0 0 0 3px rgba(52,152,219,.2);background-color:#fff}textarea{width:-webkit-fill-available;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;transition:all .3s ease;background-color:#f9f9f9}textarea:focus{outline:none;border-color:var(--button-bg-color);box-shadow:0 0 0 3px rgba(52,152,219,.2);background-color:#fff}}.type-of-vehicle{display:flex;flex-direction:column;gap:10px;label{font-weight:600;margin-bottom:8px;color:#2c3e50;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.vehicle-types{label{font-weight:600;margin-bottom:8px;font-size:13px;letter-spacing:.5px;text-transform:none;width:400px;display:inline-block}input{width:50%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;transition:all .3s ease;background-color:#f9f9f9}select{outline:none}}}}}section:hover{box-shadow:0 6px 12px rgba(0,0,0,.1)}.submit-button{background-color:var(--button-bg-color);color:#fff;padding:14px 28px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;align-self:center;text-transform:uppercase;letter-spacing:1px}.submit-button:hover{background-color:var(--button-hover-bg-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}}.form-footer{margin-top:40px;text-align:center;color:#7f8c8d;font-size:15px;line-height:1.6;p{margin-bottom:12px}span{font-size:30px;color:var(--button-bg-color);font-weight:800}a{color:#3498db;text-decoration:none;font-weight:600;transition:color .3s ease}a:hover{color:#2980b9;text-decoration:underline}.website-tag{margin-left:105px}}}.thank-you{display:flex;align-items:center;flex-direction:column;h1{color:#ff7e36}p{text-align:center}.back-to-form-button{text-decoration:none;color:#fff;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:1px;padding:20px;background-color:#1a1f2f;border:2px solid transparent;margin-top:10px}.back-to-form-button:hover{background-color:transparent;color:#1a1f2f;border:2px solid #1a1f2f}}@media (max-width:932px){.email-support{padding:30px 20px;margin:0;h1{font-size:34px;text-align:start;font-weight:600}.onboarding-form{section{padding:20px;h2{font-size:20px}.form-grid{grid-template-columns:1fr;.form-group{input{width:93%}input::placeholder{font-size:12px}textarea{width:93%}textarea::placeholder{font-size:12px}}.type-of-vehicle{display:contents;gap:10px;.vehicle-types{label{display:contents;font-weight:600;margin-bottom:8px;color:#2c3e50;font-size:14px;letter-spacing:.5px;width:205px;display:inline-block}input{padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;transition:all .3s ease;background-color:#f9f9f9}input,select{width:50px}}}}.submit-button{width:100%}}}.form-footer{.website-tag{margin:0}}}.thank-you{p{margin:0}}}.confirmation-component{max-width:600px;margin:40px auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:left;h2{color:#2c3e50;font-size:28px;margin-bottom:20px;font-weight:700;border-bottom:2px solid var(--button-bg-color);padding-bottom:10px;text-transform:capitalize}.confirmation-details{margin-bottom:25px;.confirmation-item{color:#34495e;line-height:1.6;font-size:18px;margin:10px 0;strong{text-transform:capitalize}}}button{background-color:var(--button-bg-color);color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease,transform .2s ease;margin-right:10px}button:hover{background-color:var(--button-hover-bg-color);transform:translateY(-2px)}button:focus{outline:none;box-shadow:0 0 0 3px rgba(52,152,219,.2)}}@media (max-width:932px){.confirmation-component{padding:20px;h2{font-size:24px}.confirmation-details{.confirmation-item{font-size:16px}}button{width:100%;margin:10px 0}}}