.otp-info-nav-bar{width:100%;margin-top:2rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border:.3px solid #b9b9b9;border-radius:6px}.otp-nav-item{display:flex;gap:1rem;align-items:center}.send-otp-to-client{background-color:#fafafa;border:.6px solid #d5d5d5;display:flex;align-items:center;border-radius:4px}.set-otp-to-client-link{padding:.5rem 1rem;display:flex;gap:1rem;align-items:center;border-right:.6px solid #c3c3c3;text-decoration:none;color:#000}.set-otp-to-client-link:hover{color:#408fff}.set-otp-to-client-link:hover .convert-invoice-icon path,.set-otp-to-client-link:hover .send-otp-to-client-icon path{stroke:#408fff}.set-otp-to-client-link img{width:1.5rem;height:1.5rem}.otp-view-icon-container{padding:1rem 1rem .5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.invoice-extra-row.slide-in{animation:slideIn .3s ease-out}.invoice-extras-container{display:flex;flex-direction:column;gap:1rem}.remove-extra-row-btn{background:none;border:none;cursor:pointer;padding:.5rem;margin-left:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.remove-extra-row-btn:hover{background-color:#f5f5f5}.otp-view-icon{width:1.5rem;height:1.5rem;fill:currentColor}.otp-view-icon:hover{fill:#408fff}.otp-text-container{background-color:#fafafa;border:.6px solid #d5d5d5;border-radius:4px;display:flex;align-items:center}.otp-text{padding:1rem;border-right:.6px solid #c3c3c3}.dot{width:.7rem;height:.7rem;border-radius:50%;background-color:#ff9900;margin-right:.2rem}.dot-draft{padding:.5rem 1rem}.otp-selling-details-container{margin-top:2rem;display:flex;gap:2rem}.otp-info-main-container{flex:0 0 60%}.offer-to-purchase{background-color:#fff;border:.3px solid #b9b9b9;border-radius:6px}.offer-to-purchase-header{padding:2rem 4rem;border-bottom:.6px solid #c3c3c3}.otp-info-selling-details-container{background-color:#fff;flex:1 1;align-self:baseline}.client-container{width:100%;max-width:834px;position:relative;background:white;margin-bottom:2rem}.client-section{padding:2rem 2.5rem;position:relative}.client-section:not(:last-child){border-bottom:1px solid #f9f9f9}.client-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 2rem;word-wrap:break-word}.client-form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.client-form-row:last-child{margin-bottom:0}.client-input-group{flex:1 1;gap:.5rem}.client-input-group.full-width{flex:1 1}.client-input-label{color:black;font-weight:500;margin-bottom:.5rem}.client-input-field,.client-input-label,.client-select-field{font-size:14px;font-family:Nunito Sans,sans-serif;word-wrap:break-word}.client-input-field,.client-select-field{width:100%;height:40px;padding:0 1rem;background:white;border-radius:6px;border:.6px solid #bcbcbc;color:#1C1C1C;font-weight:600;line-height:27px;outline:none;transition:border-color .2s ease}.client-input-field:focus,.client-select-field:focus{border-color:#4880FF}.client-input-field.readonly{background:#F8F8F8;color:#1C1C1C}.client-input-field::placeholder{color:#1C1C1C;font-weight:600}.client-select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.66667 5.1203L1.81485 0.268485C1.45687 -0.0894952 0.876466 -0.0894952 0.518485 0.268485C0.160505 0.626466 0.160505 1.20687 0.518485 1.56485L6.01849 7.06485C6.37647 7.42283 6.95687 7.42283 7.31485 7.06485L12.8148 1.56485C13.1728 1.20687 13.1728 0.626466 12.8148 0.268485C12.4569 -0.0894952 11.8765 -0.0894952 11.5185 0.268485L6.66667 5.1203Z' fill='%23A6A6A6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:14px 8px;padding-right:3rem}.client-address-field{margin-bottom:1rem}.client-address-field:last-child{margin-bottom:0}.client-address-form,.client-details-form,.vehicle-details-form{padding:3rem 4rem;border-bottom:.6px solid #c3c3c3}.form-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.trade-in-container{width:100%;max-width:834px;position:relative;background:white;border-radius:6px;border:.3px solid #b9b9b9;margin-top:2rem}.trade-in-header{position:relative;padding:2rem 0;border-bottom:.5px solid #c3c3c3}.trade-in-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 2rem;padding-left:2rem}.trade-in-toggle-container{position:absolute;right:2rem;top:2rem;display:flex;align-items:center;gap:1rem}.trade-in-text{color:black;font-size:14px;font-family:Nunito Sans,sans-serif;font-weight:500}.toggle-buttons{display:flex;border-radius:6px;overflow:hidden;border:.6px solid #d5d5d5}.toggle-btn{width:67.5px;height:40px;border:none;cursor:pointer;font-size:12px;font-family:Nunito Sans,sans-serif;font-weight:600;transition:all .3s ease}.toggle-btn.active{background:#4880FF;color:white}.toggle-btn.inactive{background:#F8F8F8;color:#919191}.vehicle-details-section{padding:2rem}.vehicle-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.vehicle-details-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0}.trash-icon{width:19px;height:18px;cursor:pointer}.form-row{display:flex;gap:2rem;margin-bottom:1.5rem}.form-row.three-col{display:flex;gap:1.5rem}.form-row.three-col .input-group{flex:1 1}.input-group{flex:1 1;display:flex;flex-direction:column}.input-label{color:black;font-weight:500;margin-bottom:.5rem}.input-field,.input-label{font-size:14px;font-family:Nunito Sans,sans-serif}.input-field{height:40px;padding:0 1rem;background:white;border-radius:6px;border:.6px solid #bcbcbc;color:#1C1C1C;font-weight:600;line-height:27px}.input-field.readonly{background:#F8F8F8}.input-with-icon{position:relative}.input-with-icon .input-field{padding-right:3rem}.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0}.input-icon img{width:19px;height:18px}.financial-section{padding:2rem;border-top:.5px solid #c3c3c3}.financial-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 2rem}.calculations-section{padding:2rem;border-top:.5px solid #c3c3c3}.calculations-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 2rem}.cta-section{padding:2rem;border-top:.5px solid #c3c3c3;display:flex;align-items:center;justify-content:center;gap:2rem}.add-another-btn{height:34px;padding:0 2rem;background:#4880FF;border-radius:6px;border:none;color:white;font-size:12px;font-family:Nunito Sans,sans-serif;font-weight:600;cursor:pointer;text-decoration:none;display:flex;align-items:center}.action-buttons-container{height:59px;background:#F8F8F8;box-shadow:3px 3px 8px rgba(0,0,0,.06);border-radius:6px;border:.6px solid #d5d5d5;display:flex;align-items:center;position:relative}.action-btn{padding:1rem 2rem;background:none;border:none;color:black;font-size:12px;font-family:Nunito Sans,sans-serif;font-weight:500;line-height:14px;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:.5rem}.action-btn:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:61px;background:#979797;opacity:.7}.action-btn img{width:16px;height:16px}.selling-container{width:100%;position:relative;background:white;border:.3px solid #b9b9b9;border-radius:6px}.selling-header{position:relative;padding:2rem;border-bottom:.5px solid #c3c3c3}@media (max-width:768px){.selling-header{padding:1.5rem}}.selling-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0}.otp-number-container{position:absolute;right:2rem;top:1.5rem;display:flex;flex-direction:row;align-items:center;gap:.5rem}@media (max-width:768px){.otp-number-container{position:static;flex-direction:row;align-items:center;margin-top:1rem}}.otp-number-label{color:black;font-size:14px;font-family:Nunito Sans,sans-serif;font-weight:500}.otp-number-field{width:80px!important;height:34px;padding:0 1rem;background:#F8F8F8;border-radius:6px;border:.6px solid #d5d5d5;color:#1C1C1C;font-size:12px;font-family:Nunito Sans,sans-serif;font-weight:600;line-height:12px}.selling-form-section{padding:2rem;border-bottom:.5px solid #c3c3c3}@media (max-width:768px){.selling-form-section{padding:1.5rem}}.selling-form-row{display:flex;gap:2rem;margin-bottom:1.5rem}@media (max-width:768px){.selling-form-row{flex-direction:column;gap:1rem}}.selling-input-group{flex:1 1;display:flex;flex-direction:column}.selling-input-label{color:black;font-size:14px;font-family:Nunito Sans,sans-serif;font-weight:500;margin-bottom:.5rem}.selling-input-field,.selling-select{height:40px;padding:0 1rem;background:white;border-radius:6px;border:.6px solid #bcbcbc;color:#1C1C1C;font-size:14px;font-family:Nunito Sans,sans-serif;font-weight:600;line-height:27px}.selling-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.66667 5.58173L1.81485 0.714643C1.45687 0.355536 0.876466 0.355536 0.518485 0.714643C0.160505 1.07375 0.160505 1.65598 0.518485 2.01509L6.01849 7.53239C6.37647 7.8915 6.95687 7.8915 7.31485 7.53239L12.8148 2.01509C13.1728 1.65598 13.1728 1.07375 12.8148 0.714643C12.4569 0.355536 11.8765 0.355536 11.5185 0.714643L6.66667 5.58173Z' fill='%23A6A6A6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:14px 8px}.payment-toggle-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.payment-toggle{height:34px;background:#FAFAFA;border-radius:4px;border:.6px solid #d5d5d5;display:flex;overflow:hidden}.payment-btn{flex:1 1;height:26px;margin:4px;border:none;cursor:pointer;font-size:12px;font-family:Nunito Sans,sans-serif;font-weight:600;transition:all .3s ease;border-radius:3px}.payment-btn.active{background:#4880FF;color:white}.payment-btn.inactive{background:transparent;color:#919191}.selling-price-section{padding:2rem;border-bottom:.5px solid #c3c3c3}@media (max-width:768px){.selling-price-section{padding:1.5rem}}.selling-price-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 2rem}.invoice-extras-section{padding:2rem;border-bottom:.5px solid #c3c3c3}@media (max-width:768px){.invoice-extras-section{padding:1.5rem}}.invoice-extras-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 2rem}.invoice-extra-row{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-end}@media (max-width:768px){.invoice-extra-row{flex-direction:column;align-items:stretch;gap:.5rem}}.invoice-extra-description{flex:1 1}.invoice-extra-amount{min-width:104px;flex-shrink:0}@media (max-width:768px){.invoice-extra-amount{min-width:80px}}.invoice-extra-item{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;padding:.5rem;background:#F8F8F8;border-radius:6px;border:.6px solid #d5d5d5}.invoice-extra-item-description{flex:1 1}.invoice-extra-item-amount,.invoice-extra-item-description{color:#1C1C1C;font-size:14px;font-family:Nunito Sans,sans-serif;font-weight:600;line-height:27px}.remove-extra-btn{padding:.25rem}.add-extra-btn,.remove-extra-btn{background:none;border:none;cursor:pointer}.add-extra-btn{color:#4880FF;font-size:14px;font-family:Nunito Sans,sans-serif;font-weight:600;line-height:27px;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.total-section{padding:2rem;border-bottom:.5px solid #c3c3c3}@media (max-width:768px){.total-section{padding:1.5rem}}.total-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 2rem}.total-row{display:flex;justify-content:space-between;margin-bottom:1rem}.total-label,.total-value{color:black;font-size:14px;font-family:Nunito Sans,sans-serif;font-weight:500}.total-value.bold{font-weight:700}.custom-note-section{padding:2rem}@media (max-width:768px){.custom-note-section{padding:1.5rem}}.custom-note-title{color:#202224;font-size:16px;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0 0 1rem}.custom-note-field{width:100%;height:76px;padding:1rem;background:white;border-radius:6px;border:.6px solid #bcbcbc;font-size:14px;resize:vertical}.custom-note-field,.word-count{color:#1C1C1C;font-family:Nunito Sans,sans-serif;font-weight:600;line-height:27px}.word-count{font-size:12px;text-align:right;margin-top:.5rem}.sub-total-value .vat-value .license-reg-value{justify-self:right}.signed .dot{background-color:#4ad991}.signed input.input-field,.signed select.input-field{color:rgba(28,28,28,.75)}.signed .invoice-extra-info-cont .amount-input-field{color:#000}.convert-invoice-icon{width:1.8rem;height:1.8rem}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:65rem;max-width:60rem;border-radius:6px;background-color:#fff;box-shadow:0 4rem 6rem rgba(0,0,0,.3);z-index:1000;transition:all .5s}.modal__header{padding:2rem 3rem;border-bottom:.6px solid #c3c3c3}.modal-content{padding:2rem 3rem 5rem}.modal-text{font-size:1.2rem;margin-bottom:1.5rem}.email,.whatsapp{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.email .checkbox-input,.whatsapp .checkbox-input{width:2rem;height:2rem}.email label,.whatsapp label{font-size:1.2rem;font-weight:500}.whatsapp{margin-bottom:3rem}.send-otp-btn{text-decoration:none;color:#fff;background-color:#408fff;padding:1rem 5rem;border-radius:4px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;transition:all .5s}.hidden{visibility:hidden;opacity:0;pointer-events:none}@media only screen and (max-width:84.1em){.otp-info-selling-detils-header{padding:1.3rem 2rem}.custom-note,.deposit,.seller-info,.selling-price{padding:2rem}}@media only screen and (max-width:66.8em){.otp-selling-details-container{flex-direction:column}.otp-info-selling-details-container{width:100%}.client-address-form,.client-details-form,.offer-to-purchase-header,.trade-in-details-header,.vehicle-details-form{padding:2rem}}@media only screen and (max-width:34.3em){.otp-info-nav-bar{flex-direction:column;padding:0}.otp-nav-item{width:100%;border-bottom:.6px solid #c3c3c3;padding:1rem}.otp-nav-btn{display:flex;gap:1rem;width:100%;padding:1rem}.send-otp-to-client{width:50%}.otp-text,.set-otp-to-client-link{flex:1 1}.otp-nav-btn .btn-cancel,.otp-nav-btn .btn-save,.otp-text-container{width:50%}.form-grid-row{grid-template-columns:1fr}.add-vehicle-stock-container,.trade-in-text{display:none}}.client-input-field.error,.client-select-field.error{border:2px solid #ef4444!important;background-color:#fef2f2}.client-input-field.error:focus,.client-select-field.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(239,68,68,.1);outline:none}.client-input-field.corrected,.client-select-field.corrected{border:2px solid #10b981!important;background-color:#f0fdf4}.client-input-field.corrected:focus,.client-select-field.corrected:focus{border-color:#059669!important;box-shadow:0 0 0 3px rgba(16,185,129,.1);outline:none}.client-input-error{display:block;color:#ef4444;font-size:12px;margin-top:4px;font-weight:500;line-height:1.3}.client-input-group{position:relative;display:flex;flex-direction:column}