.home-page{width:100%;max-width:900px}
.section-container{background:#fff;border-left:4px solid #ccc;margin-bottom:12px;padding:0;transition:border-color .3s}.section-container.expanded{border-left-color:#0078d7}@media (max-width:400px){.section-container{border:none}}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:16px;display:flex}.step-circle{color:#fff;text-align:center;border-radius:50%;width:24px;height:24px;margin-right:12px;font-size:14px;font-weight:700;line-height:24px}.step-circle.blue{background-color:#0078d7}.step-circle.grey{background-color:#999}.section-icon{align-items:center;margin-right:10px;font-size:18px;display:flex}.section-title{color:#333;flex:1;font-weight:500}.chevron{font-size:18px;transition:transform .3s}.chevron.rotated{transform:rotate(180deg)}.section-content{border-top:1px solid #e0e0e0;max-height:0;padding:0 16px;transition:all .25s ease-in-out;overflow:hidden}.section-content.section-content--expanded{max-height:2000px;padding:16px}
.datepicker-container{font-family:sans-serif;position:relative}.datepicker-input{cursor:pointer;background-color:#f9f9f9;border:1px solid #ccc;border-radius:1px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:400;display:flex}.calendar{z-index:1000;background-color:#fff;border:1px solid #ccc;width:calc(100% - 26px);padding:12px;position:absolute;top:42px;left:0;box-shadow:0 4px 10px #0000001a}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700;display:flex}.calendar-header button{cursor:pointer;background:0 0;border:none;font-size:18px}.calendar-header__left{transform:rotate(90deg)}.calendar-header__right{transform:rotate(270deg)}.calendar-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);gap:4px;font-size:11px;display:grid}.day-name{text-align:center;color:#666;place-items:center;padding-bottom:4px;font-weight:700;display:inline-grid}.calendar__day{text-align:center;cursor:pointer;box-sizing:border-box;border-radius:1px;place-items:center;padding:6px 0;display:inline-grid;position:relative}.calendar__day:before{z-index:-1;content:"";width:1em;height:1em;padding:.75em;transition:background-color .2s;position:absolute}.calendar__day:hover:before{background-color:#f0f0f0}.calendar__day--greyed{color:#ccc}.calendar__day--disabled{color:#aaa;cursor:not-allowed;pointer-events:none;text-decoration:line-through}.calendar__day--selected{color:#fff}.calendar__day--selected:before{background-color:#000;border-radius:50%}.today-dot{background-color:#000;border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}
.appointment-layout{flex-direction:column;gap:2rem;font-family:Segoe UI,sans-serif;display:flex}.date-time-section{flex-wrap:wrap;gap:2rem;display:flex}.date-picker-column,.time-slot-column{flex:1;min-width:240px}.appointment-layout__group-header{grid-template-columns:max-content max-content 1fr;gap:20px;margin-bottom:.5rem;font-size:14px;font-weight:500;display:grid;position:relative}.appointment-layout__group-header__info{z-index:0;color:#fff;display:inline-grid;position:relative}.appointment-layout__group-header__info:before{content:"";z-index:-1;background-color:#0078d7;border-radius:50%;width:20px;height:20px;position:absolute;left:-8px}.appointment-layout__group-header__info-message{z-index:1;background-color:#fff;border:1px solid #bdbdbd;width:40%;padding:10px;font-size:.8rem;font-weight:400;position:absolute;top:-50%;left:180px}.appointment-type{flex-direction:column;gap:.5rem;display:flex}.confirm-button:disabled{cursor:not-allowed;background-color:#ccc}.confirm-button{color:#fff;cursor:pointer;background-color:#0078d7;border:none;border-radius:3px;align-self:flex-end;padding:10px 50px;font-size:14px;font-weight:500;transition:background-color .2s}
.radio-group{flex-direction:column;gap:2rem;display:flex}.radio-option{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:1px;place-content:center space-between;padding:12px 16px;font-size:14px;transition:border-color .2s,background-color .2s;display:flex}.radio-option input{accent-color:#0078d7;margin:0;transform:scale(1.1)}.radio-option.selected{border-color:#0078d7}.radio-label{white-space:nowrap;text-overflow:ellipsis;flex-direction:row;flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.radio-label__description{font-weight:400}.radio-group{grid-template-columns:1fr 1fr;display:grid}.radio-group.radio-group--vertical{grid-template-columns:auto;gap:.5rem;display:grid}
.google-map-component.google-map-component--hide{opacity:0;min-height:1px}.google-map-component{grid-area:2/1/4/3;min-height:500px;margin-top:5px;width:100%!important;height:100%!important}
.textbox__box{background-color:#f8f8f8;border:1px solid #bdbdbd;grid-template-columns:1fr min-content;width:100%;min-height:40px;display:grid}.textbox__box.textbox__box--error{border:1px solid red}.textbox__box__input{background-color:#f8f8f8;border:0;margin-left:10px}.textbox__box__input:focus{outline:none}.textbox__box__search-button{cursor:pointer;background-color:#f8f8f8;background-image:url(../media/search-icon.0llzf.gbo.l~3.svg);background-repeat:no-repeat;background-size:cover;width:20px;height:20px;margin:10px}.textbox__error{color:red;font-size:.75rem;font-weight:400}
.retailer{background-color:#fff;grid-template-columns:auto;max-width:300px;margin-top:10px;padding:15px;display:grid;box-shadow:0 0 .5px .5px #bdbdbd}@media (max-width:767px){.retailer{max-width:unset}}.retailer__distance{grid-template-columns:min-content max-content 1fr;place-items:center self-end;column-gap:5px;min-height:25px;margin:5px 5px 0;font-size:.75rem;display:grid}.retailer__name{margin-top:15px;margin-bottom:20px;font-size:1.25rem}.retailer__address-line-1{font-size:1rem;font-weight:400}.retailer__address-line-2{margin-bottom:20px;font-size:1rem;font-weight:400}.retailer__select-button{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0078d7;border-radius:4px;padding:10px}.retailler__distance__selected-icon{grid-column:3/4}
.postcode-section{grid-template-rows:max-content min-content min-content;grid-template-columns:2fr 3fr;display:grid;position:relative}.postcode-section__search{z-index:1;grid-area:1/1/2/3}.postcode-section__retailer-container{z-index:1;background-color:#fff;grid-area:2/1/2/1;margin-top:10px;margin-left:10px;padding:0 10px 10px;box-shadow:0 0 1px 1px #cdcdcd}@media (max-width:767px){.postcode-section__retailer-container{box-shadow:unset;grid-area:4/1/4/3;margin-left:0;padding:0}}@media (max-width:364px){.postcode-section .textbox{grid-area:1/1/2/2}}
.personal-details{grid-template-columns:1fr auto;gap:25px;display:grid}.personal-details__header{grid-column:1/3;margin-top:0;font-weight:700}.personal-details__name{grid-column:1/3;grid-template-columns:1fr 1fr;gap:25px;display:grid}.personal-details__email,.personal-details__contact-number{grid-column:1/3}.personal-details__confirm-error{color:red;padding-left:25px;font-size:.8rem}.personal-details__privacy{background-color:#f8f8f8;grid-column:1/3;padding:20px;font-weight:400}.personal-details__privacy__text{margin-bottom:0}.personal-details__confirm-button{color:#fff;cursor:pointer;background-color:#0078d7;border:none;border-radius:3px;grid-column:2/3;align-self:flex-end;padding:10px 50px;font-size:14px;font-weight:500;transition:background-color .2s}.personal-details__confirm-button:disabled{cursor:not-allowed;background-color:#ccc}@media (max-width:767px){.personal-details__name{grid-template-columns:1fr}.personal-details__confirm-button{grid-column:1/3}}
.optional-details{flex-direction:column;display:flex}.optional-details__text{font-size:.8rem;font-weight:400}.optional-details__test-drive{grid-template-columns:auto 1fr;align-items:center;display:grid}.optional-details__test-drive__icon{margin-right:5px}.optional-details__test-drive__radio{grid-column:1/3}.optional-details__test-drive-model{grid-template-columns:auto 1fr;align-items:center;display:grid}.optional-details__test-drive-model__icon{margin-right:5px}.optional-details__test-drive-model__combo-box{grid-column:1/3}.optional-details__additionalInfo__textarea{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;resize:none;border:1px solid #bdbdbd;outline:none;width:calc(100% - 23px);height:150px;margin-bottom:10px;padding:10px;font-family:unset;overflow:auto}.optional-details__buttons{grid-column:2/3;align-self:end;display:grid}.optional-details__buttons__skip-button{color:#fff;cursor:pointer;background-color:#bbb;border:none;border-radius:3px;align-self:flex-end;margin-right:10px;padding:10px 50px;font-size:14px;font-weight:500;transition:background-color .2s}.optional-details__buttons__confirm-button{color:#fff;cursor:pointer;background-color:#0078d7;border:none;border-radius:3px;align-self:flex-end;padding:10px 50px;font-size:14px;font-weight:500;transition:background-color .2s}@media (max-width:767px){.optional-details__buttons{width:100%}}
.combo-box{background-color:#fff;border:1px solid #bdbdbd;grid-template-columns:1fr max-content;align-items:center;width:calc(100% - 3px);min-height:40px;display:grid;position:relative}.combo-box.combo-box--disabled{background-color:#ededed}.combo-box__placeholder{padding-left:10px;font-size:.9rem;font-weight:400}.combo-box__chevron{margin:0 20px}.combo-box__drop-down{z-index:1;background-color:#fff;border:1px solid #bdbdbd;width:320px;height:250px;position:absolute;top:45px;left:-1px;overflow:hidden scroll}.combo-box__drop-down__option{border-bottom:1px solid #bdbdbd;grid-template-columns:auto 1fr;align-items:center;gap:15px;width:100%;height:40px;padding:5px 5px 5px 15px;font-size:.8rem;font-weight:400;display:grid}