@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";.error-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.error-box{padding:1rem 2rem;border-radius:8px;text-align:center;font-size:1rem;font-weight:700}.main-container{display:grid;grid-template-columns:1.1fr 3.5fr;height:100%;width:100vw}.main-container .info{background-color:#fff;padding:1em;overflow-y:auto}.main-container .content-container{display:grid;grid-template-columns:4em 1fr 4em;grid-template-rows:2em 1fr 2em;height:100%;width:100%;overflow:hidden}.main-container .content{grid-column-start:2;grid-row-start:2;background-color:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box;height:100%;width:100%;overflow:hidden}@media (max-width: 992px){.main-container{grid-template-columns:1fr;gap:0}.main-container .content-container{grid-template-columns:2em 1fr 2em;grid-template-rows:2em 1fr 2em}}@media (max-width: 768px){.main-container{grid-template-columns:1fr;gap:0}.main-container .content-container{grid-template-columns:1em 1fr 1em;grid-template-rows:1em 1fr 1em}}.icon-container{padding:.2em;border-radius:.25em;background-color:inherit;color:inherit}.icon-element{display:inline-flex;justify-content:center;align-items:center}.car-summary{display:flex;flex-direction:column;gap:.3em}.car-summary .subtitle{margin-bottom:.3em}.car-summary .car-pictures{display:flex;flex-direction:row;align-items:center}.card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px}.card-header .card-text{padding:.5em}.card .card-body{flex:1;padding:.5em;display:flex;flex-direction:column}.card .card-footer{padding:.5em .5em 1.5em;display:flex;flex-direction:column;align-items:center;gap:.5em}.card .card-footer .custom-button{width:70%}.card .title{text-align:center}.card-insurance .card-header{padding-bottom:.1em}.custom-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.custom-list li{margin:0;padding:.3em 0;display:flex;flex-direction:row;align-items:center}.custom-list li.grey{background:#f4f4f4}.custom-list li.list-item{padding:.4em 1em}.custom-list li.list-item .list-item-items{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.list-item-items.icon{margin-left:.2em}.custom-list li .benefit{text-align:end}.money-display{position:relative;display:inline-block}.money-cents{font-size:.6em;position:relative;top:-.5em;margin-left:2px}.insurance-card .label.strong{margin-bottom:.5em;padding:0 1em}.insurance-card{width:100%}.owner-summary{display:flex;flex-direction:column;gap:.3em}.owner-summary .subtitle{margin-bottom:.3em}.pay-container{width:100%}.pay-container .subtitle{margin-bottom:.7em}.pay-container .summary{display:grid;grid-template-columns:1fr 1fr;gap:.3em}.pay-container .row{display:contents}.pay-container .row :nth-child(2){text-align:end}.pay-container .divider{grid-column:span 2;border:0;border-top:1px solid #ccc;margin:2px 0}.pay-container .row .total{font-weight:700;font-size:16px}.info-container{display:flex;flex-direction:column;gap:1em}.info-container .card-body{align-items:center;justify-content:center;padding:0}.info-container ul{padding:0;width:100%}.custom-button{border:.1em solid;outline:none;padding:8px 16px;cursor:pointer;transition:"background 0.3s";display:flex;flex-direction:row;align-items:center;gap:.5em;text-transform:uppercase}.custom-button:disabled{cursor:not-allowed}.custom-button:focus{outline:none;border-width:1px;border-style:solid}:root{--btn-size: 30px}.step-button{outline:none;border:.1em solid transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;width:var(--btn-size);height:var(--btn-size);max-width:var(--btn-size);max-height:var(--btn-size);min-width:var(--btn-size);min-height:var(--btn-size)}.stepper-container{width:100%}.stepper-container .stepper{display:grid;gap:.1em}.stepper-container .step-item{display:flex;flex-direction:row;gap:0}.stepper-container .step-connector{width:100%;height:100%;display:flex;gap:0;align-items:center;padding:0 1em}.stepper-container .step-line{width:100%;height:2px}.select-container{position:relative;padding-top:10px;border-radius:4px;border:.1em solid;min-width:12em}.select-container .select-label{position:absolute;left:8px;transition:all .2s ease;padding:0 4px;font-size:14px}.select-container .select-input{width:100%;padding:8px;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select-container .select-arrow{position:absolute;top:50%;right:12px;pointer-events:none;transform:translateY(-50%);border-style:solid;border-width:6px 4px 0 4px}.select-container,.select-container .select-input{box-sizing:border-box}.input-container{position:relative;padding-top:10px;border:.1em solid}.input-container .input-label{position:absolute;left:8px;transition:all .2s ease;padding:0 4px;font-size:14px}.input-container .input-label.focused{top:0;transform:scale(.8) translateY(0) translate(-20%)}.input-container .input-element{width:100%;padding:8px;border:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;outline:none;background-color:inherit}.input-container,.input-container .input-element{box-sizing:border-box}.car{display:flex;flex-direction:column;gap:1em;padding-top:5%}.car-form{display:flex;flex-direction:column;gap:.5em;width:100%}.car-form .car-model{display:flex;flex-direction:row;gap:.5em}.brand-selection{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5em;width:100%}.brand-selection .top-brands{display:flex;flex-direction:row;gap:1.5em;justify-content:start;flex-wrap:wrap;width:100%}.brand-selection .brand{border-radius:.5em;overflow:hidden;transition:background .3s;cursor:pointer}.brand-selection .brand img{height:100%;width:100%;object-fit:contain;object-position:center}.car-pictures{display:flex;flex-direction:column;gap:.5em}.car-pictures .instruction-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5em}.car-pictures .pictures-container{display:flex;flex-direction:row;align-items:center;gap:.5em;width:100%;flex-wrap:wrap}.car-card{position:relative;border-radius:.5em;overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer}.car-card.overflow{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;justify-content:center;align-items:center}.add-card{border-radius:.5em;overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer;border-width:2px;border-style:solid}.add-card .internal{width:80%;height:80%;border-radius:.4em;border-width:2px;border-style:dashed;box-sizing:border-box;padding:5%;display:flex;justify-content:center;align-items:center}.owner{display:flex;flex-direction:column;gap:1em;padding-top:5%}.owner-form{display:flex;flex-direction:column;gap:.5em;width:50%}@media (max-width: 992px){.owner-form{width:70%}}@media (max-width: 768px){.owner-form{width:70%}}@media (max-width: 480px){.owner-form{width:100%}}.date-input-container{position:relative;padding-top:10px;border:.1em solid}.date-input-container .date-input-label{position:absolute;left:8px;transition:all .2s ease;padding:0 4px;font-size:14px}.date-input-container .date-input-label.focused{top:0;transform:scale(.8) translateY(0) translate(-20%)}.date-input-container .date-input-element{width:100%;padding:8px;border:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;outline:none;background-color:inherit}.date-input-container,.date-input-container .date-input-element{box-sizing:border-box}.payment{display:flex;flex-direction:column;gap:1em;padding-top:5%}.payment-form{display:flex;flex-direction:column;gap:1em;width:50%}.payment-form .card-form{display:flex;flex-direction:column;gap:1em}.payment-form .payment-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:.5em}.payment-type{display:flex;flex-direction:row;gap:.5em}.quota-amount{display:flex;flex-direction:column;align-items:center;text-align:center}.quota-text{white-space:nowrap}.payment-label{font-size:11px;color:#787878}@media (max-width: 992px){.payment-form{width:70%}.card-form .payment-row{width:100%;display:flex;flex-direction:column;gap:.5em}}@media (max-width: 768px){.payment-form{width:70%}}@media (max-width: 480px){.payment-form{width:100%}.payment-type{flex-direction:column}}.stepper-layout-container{width:100%;height:100%;display:grid;grid-template-rows:3em 1fr 3em}.stepper-layout-container .stepper-content{width:100%;height:100%;overflow-y:auto}.icon-button{outline:none;padding:.4em .6em;border:.1em solid transparent;border-radius:.25em;display:flex;justify-content:center;align-items:center;cursor:pointer}.loader{border:10px solid #e8e8e8;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carousel-container{height:100%;width:100%;display:flex;align-items:center}.insurance-container{display:flex;flex-direction:row;width:100%;justify-content:space-between}.insurance-cards{display:flex;flex-direction:row;gap:1em;align-items:stretch}.insurance-cards .card-container{width:22em}.arrow-container,.loader-container{display:flex;justify-content:center;align-items:center}strong.insurance-coverage{padding:.5em 0}.insurance-cards .insurance-card-info{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.5em;margin-bottom:1em}.insurance-cards .card-body{align-items:center;justify-content:center;padding:0}.insurance-cards .title{color:#fff}.insurance-cards ul{padding:0;width:100%}.insurance-cards .insurance-icon{width:8em;height:8em;margin:1em 0}.insurance-cards .insurance-icon img{width:100%;height:100%;border-radius:.5em}.pay-summary{display:flex;flex-direction:column;padding:2em;gap:2em;border-radius:1em;box-shadow:0 4px 10px #0003;width:45%}.pay-summary-container{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.pay-summary li{padding:.4em 0!important}.pay-summary .insurance-data,.pay-summary .data{display:flex;flex-direction:row;align-items:stretch;gap:1em}.pay-summary .button-row{display:flex;flex-direction:row-reverse;gap:1em}.vertical-divider{width:.1em;background-color:#ccc;min-height:100%;margin:0 .5em}.payment-done{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.payment-bg{position:absolute;top:0;height:40%;width:100%;z-index:0}.payment-done-content{position:absolute;transform:translateY(-50%);width:40%;display:flex;flex-direction:column;gap:1.5em;z-index:1;top:35%}.payment-done-text{padding:0 2em;text-align:center;display:flex;flex-direction:column;gap:1em;color:#fff}.payment-done-text .title{font-size:2em}.payment-done-text .subtitle{font-size:1.2em}.payment-card-content{padding:1em;display:flex;flex-direction:column;gap:.5em}.payment-done .payment-buttons{display:flex;flex-direction:row;gap:1em;justify-content:center}.payment-total{display:flex;flex-direction:row;gap:.5em;align-items:center}.payment-total .total{color:gray;display:flex;flex-direction:row;gap:.5em}.payment-done .w-title{color:#fff}.stepper-footer-buttons{display:flex;flex-direction:row-reverse;gap:1em}body{margin:0;height:100%;width:100%}:root{font-family:Open Sans,Arial,Titillium Web,sans-serif;font-weight:400}#root{height:100vh;width:100vw}.header{font-size:24px;font-weight:700}.title{font-size:20px;font-weight:700;color:#333}.subtitle{font-size:16px;font-weight:700;color:#1c3583}.label{font-size:14px;font-weight:300;color:#333}.strong{font-weight:700}.error{font-size:11px}