.c-hero { position: relative; }

@media screen and (min-width: 1024px) {
	.c-hero { }
}

.c-hero--carousel { margin-top: 0 }

.c-hero--product { padding-bottom: 30px }

@media screen and (min-width: 768px) {
	.c-hero--product { padding-bottom: 0 }
}

@media screen and (min-width: 1200px) {
	.c-hero--product { position: relative }

	.c-hero--product::before { display: block; position: absolute; content: ""; background-image: url("https://www.mgmotor.co.za/svg/arrow.svg"); background-position: left center; background-repeat: no-repeat; background-size: 50px; bottom: 20px; height: 50px; left: 40px; top: auto; transform: rotate(90deg); width: 50px }
}

@media screen and (min-width: 1600px) {
	.c-hero--product::before { background-size: 80px; height: 80px; left: 60px; width: 80px }
}

.c-hero--shallow { overflow: hidden }

@media screen and (min-width: 768px) {
	.c-hero--shallow { height: 230px }
}

@media screen and (min-width: 1024px) {
	.c-hero--shallow { height: 400px }
}

.c-hero--awards { margin-bottom: 40px }

@media screen and (min-width: 1024px) {
	.c-hero--awards { margin-bottom: 80px }
}

.c-hero--split-50 { display: flex; flex-direction: column-reverse }

@media screen and (min-width: 768px) {
	.c-hero--split-50 { align-items: center; display: flex; flex-direction: row }
}

.c-hero__inner { padding: 20px 30px; position: relative }

@media screen and (min-width: 768px) {
	.c-hero__inner { display: flex; padding: 120px 30px 40px }
}

@media screen and (min-width: 1200px) {
	.c-hero__inner { padding-left: 140px }
}

@media screen and (min-width: 1600px) {
	.c-hero__inner { padding-left: 115px }
}

@media screen and (min-width: 768px) {
	.c-hero__inner--test-drive { padding-top: 20px }
}

@media screen and (min-width: 1024px) {
	.c-hero__inner--test-drive { padding-top: 120px }
}

.c-hero--primary .c-hero__inner, .c-hero--full .c-hero__inner { display: flex; flex-flow: column; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 }

@media screen and (min-width: 768px) {
	.c-hero--primary .c-hero__inner, .c-hero--full .c-hero__inner { padding-top: 30px }
}

@media screen and (min-width: 1024px) {
	.c-hero--primary .c-hero__inner, .c-hero--full .c-hero__inner { padding: 160px 50px 60px; top: 0 }
}

@media screen and (min-width: 1200px) {
	.c-hero--primary .c-hero__inner, .c-hero--full .c-hero__inner { padding-left: 80px }
}

@media screen and (min-width: 1600px) {
	.c-hero--primary .c-hero__inner, .c-hero--full .c-hero__inner { padding-left: 140px }
}

.c-hero--product .c-hero__inner { display: flex; flex-flow: column; height: calc(100% - 30px); left: 0; padding: 20px 20px 10px; position: absolute; top: 0; width: 100%; z-index: 1 }

@media screen and (min-width: 768px) {
	.c-hero--product .c-hero__inner { height: 100%; padding-top: 30px; padding: 30px 30px 40px }
}

@media screen and (min-width: 1024px) {
	.c-hero--product .c-hero__inner { padding: 160px 50px 60px; top: 0 }
}

@media screen and (min-width: 1200px) {
	.c-hero--product .c-hero__inner { padding-left: 80px }
}

@media screen and (min-width: 1600px) {
	.c-hero--product .c-hero__inner { padding-left: 140px }
}

@media screen and (min-width: 1600px) {
	.c-hero--center .c-hero__inner { max-width: 1600px; padding-left: 200px; padding-right: 200px }
}

.c-hero--shallow .c-hero__inner { bottom: 0; left: 0; width: 100% }

@media screen and (min-width: 768px) {
	.c-hero--shallow .c-hero__inner { position: absolute }
}

@media screen and (min-width: 1024px) {
	.c-hero--shallow .c-hero__inner { padding-left: 100px }
}

.c-hero--splash { background-color: #fff; }
.c-hero--splash .c-hero__inner { padding-top:  11.5625rem; }

@media screen and (min-width: 1200px) {
	.c-hero--splash .c-hero__inner { padding-left: 85px }
}

@media screen and (min-width: 1600px) {
	.c-hero--splash .c-hero__inner { padding-left: 115px }
}

.c-hero--split-50 .c-hero__inner { flex-direction: column }

@media screen and (min-width: 768px) {
	.c-hero--split-50 .c-hero__inner { padding: 30px; width: 50% }
}

@media screen and (min-width: 1024px) {
	.c-hero--split-50 .c-hero__inner { padding-left: 45px }
}

@media screen and (min-width: 1400px) {
	.c-hero--split-50 .c-hero__inner { padding: 0 100px }
}

@media screen and (min-width: 1600px) {
	.c-hero--split-50 .c-hero__inner { padding-left: 150px; padding-right: 200px }
}

@media screen and (min-width: 1200px) {
	.c-hero__inner--brochure { padding-left: 30px }
}

@media screen and (min-width: 1400px) {
	.c-hero__inner--brochure { padding-left: 65px }
}

@media screen and (min-width: 1600px) {
	.c-hero__inner--brochure { padding-left: 145px }
}

.c-hero__title { font-size: 40px; font-size: 2.5rem; line-height: 46px; font-family: "Favorit Light",sans-serif; font-weight: 200; margin-bottom: 0; position: relative }

@media screen and (min-width: 1024px) {
	.c-hero__title { font-size: 60px; font-size: 3.75rem; line-height: 66px }
}

@media screen and (min-width: 1200px) {
	.c-hero__title { font-size: 70px; font-size: 4.375rem; line-height: 76px }
}

.c-hero__title.light, .text-colour-light .c-hero__title { color: #fbfaf8 }

.c-hero__title.dark, .text-colour-dark .c-hero__title { color: #28001e }

.c-hero__title--arrow::before { display: block; position: absolute; content: ""; background-image: url("https://www.mgmotor.co.za/themes/custom/mg/assets/images/svg/arrow.svg"); background-position: left center; background-repeat: no-repeat; background-size: 34px; bottom: 0; height: 40px; left: -55px; top: auto; transform: rotate(90deg); width: 40px }

@media screen and (min-width: 1024px) {
	.c-hero__title--arrow::before { background-size: 50px; bottom: 10px; height: 50px; width: 50px }
}

@media screen and (min-width: 1200px) {
	.c-hero__title--arrow::before { left: -70px }
}

@media screen and (min-width: 768px) {
	.c-hero__inner--test-drive .c-hero__title--arrow::before { background-size: 40px; bottom: 0; height: 40px; width: 40px; left: -52px }
}

@media screen and (min-width: 1400px) {
	.c-hero__inner--test-drive .c-hero__title--arrow::before { background-size: 50px; bottom: 10px; height: 50px; width: 50px; left: -70px }
}

.c-hero__title--arrow-top::before { top: 10px }

@media screen and (min-width: 768px) {
	.c-hero__title--light { color: #fff }
}

.c-hero__title--small { font-size: 40px; font-size: 2.5rem; line-height: 46px }

@media screen and (min-width: 768px) {
	.c-hero__title--small { font-size: 50px; font-size: 3.125rem; line-height: 56px }
}

@media screen and (min-width: 1200px) {
	.c-hero__title--small { font-size: 50px; font-size: 3.125rem; line-height: 56px }
}

.c-hero__title--tall { font-size: 82px; font-size: 5.125rem; line-height: .8; font-weight: 700; text-transform: uppercase }

@media screen and (min-width: 768px) {
	.c-hero__title--tall { font-size: 6.25rem; line-height: .8; font-weight: 700 }
}

@media screen and (min-width: 1024px) {
	.c-hero__title--tall { font-size: 8.75rem; line-height: .8; font-weight: 700; }
}

@media screen and (min-width: 1200px) {
	.c-hero__title--tall { font-size: 5.9375rem;font-weight: 700;line-height: 5.9375rem; }
}

.c-hero--product .c-hero__title { font-size: 82px; font-size: 5.125rem; line-height: .8; font-family: "ES Nein",sans-serif; margin-bottom: 15px; margin-top: auto; text-transform: uppercase }

@media screen and (min-width: 768px) {
	.c-hero--product .c-hero__title { font-size: 120px; font-size: 7.5rem; line-height: .8; margin-bottom: 42px; max-width: 50% }
}

@media screen and (min-width: 1024px) {
	.c-hero--product .c-hero__title { font-size: 180px; font-size: 11.25rem; line-height: .8; margin-bottom: 42px; max-width: 50% }
}

@media screen and (min-width: 1200px) {
	.c-hero--product .c-hero__title { font-size: 220px; font-size: 13.75rem; line-height: .8; margin-bottom: 42px; max-width: 50% }
}

@media screen and (min-width: 1400px) {
	.c-hero--product .c-hero__title { font-size: 220px; font-size: 13.75rem; line-height: .8; margin-bottom: 42px; max-width: 50% }
}

.c-hero__sub-title { font-size: 16px; font-size: 1rem; line-height: 22px; margin-top: 2.8125rem;}
.c-hero__sub-title p { margin-bottom: 0px;}
@media screen and (min-width: 1024px) {
	.c-hero__sub-title {  font-size: 1.125rem; line-height: 24px; margin-top: 2.8125rem; }
}

@media screen and (min-width: 768px) {
	.c-hero__sub-title--light { color: #fff }
}

.c-hero__inner--test-drive .c-hero__sub-title, .c-hero__content--valuation .c-hero__sub-title { margin: 25px 0 0 }

.c-hero__subtitle { font-size: 22px; font-size: 1.375rem; line-height: 35px; font-weight: 300; margin-bottom: 0 }

@media screen and (min-width: 768px) {
	.c-hero__subtitle { font-size: 36px; font-size: 2.25rem; line-height: 38px }
}

@media screen and (min-width: 1200px) {
	.c-hero__subtitle { font-size: 44px; font-size: 2.75rem; line-height: 45px }
}

.text-colour-light .c-hero__subtitle { color: #fbfaf8 }

.text-colour-dark .c-hero__subtitle { color: #28001e }

.c-hero__split-title { font-size: 30px; font-size: 1.875rem; line-height: 36px; font-family: "Favorit Light",sans-serif; font-weight: 200 }

@media screen and (min-width: 768px) {
	.c-hero__split-title { font-size: 40px; font-size: 2.5rem; line-height: 46px }
}

.c-hero__split-title span { font-family: "Favorit Medium",sans-serif; font-weight: normal }

.c-hero__content { position: relative }

.c-hero__content--arrow { padding-left: 50px }

@media screen and (min-width: 1200px) {
	.c-hero__content--brochure, .c-hero__content--test-drive, .c-hero__content--valuation { margin-left: -40px }
}

@media screen and (min-width: 1400px) {
	.c-hero__content--brochure, .c-hero__content--test-drive, .c-hero__content--valuation { margin-left: 0 }
}

.c-hero__icon { margin-top: 15px }

.c-hero__image { width: 100% }

@media screen and (min-width: 768px) {
	.c-hero__image { -o-object-fit: cover; object-fit: cover }
}

.c-hero--primary .c-hero__image, .c-hero--product .c-hero__image { width: 100% }

@media screen and (min-width: 1024px) {
	.c-hero--primary .c-hero__image, .c-hero--product .c-hero__image { -o-object-position: right; object-position: right }

	.c-hero--primary .c-hero__image--bottom-right, .c-hero--product .c-hero__image--bottom-right { -o-object-position: bottom right; object-position: bottom right }

	.c-hero--primary .c-hero__image--bottom-left, .c-hero--product .c-hero__image--bottom-left { -o-object-position: bottom left; object-position: bottom left }

	.c-hero--primary .c-hero__image--top-left, .c-hero--product .c-hero__image--top-left { -o-object-position: top left; object-position: top left }

	.c-hero--primary .c-hero__image--top-right, .c-hero--product .c-hero__image--top-right { -o-object-position: top right; object-position: top right }
}

.c-hero__picture { display: flex; justify-content: flex-end; position: relative }

@media screen and (min-width: 1024px) {
	.c-hero__picture { height: calc(100vh - 150px) }
}

@media screen and (min-width: 1024px) {
	.c-hero__picture--primary { height: auto }
}

@media screen and (min-width: 768px) {
	.c-hero__picture--shallow { height: 100% }
}

@media screen and (min-width: 768px) {
	.c-hero__picture--split-50 { width: 50% }
}

.c-hero__icon { margin-right: 10px }

@media screen and (min-width: 1200px) {
	.c-hero__icon { margin-left: -100px; margin-right: 10px }
}

@media screen and (min-width: 1400px) {
	.c-hero__icon { margin-left: -80px; margin-right: 30px }
}

@media screen and (min-width: 1200px) {
	.c-hero__icon--brochure { margin-left: -120px }
}

@media screen and (min-width: 1400px) {
	.c-hero__icon--brochure { margin-left: -80px; margin-right: 10px }
}

@media screen and (min-width: 1600px) {
	.c-hero__icon--brochure { margin-right: 30px }
}

.c-hero__button { margin-top: auto }

@media screen and (min-width: 768px) {
	.inputtypes-search .c-hero__inner { padding-top: 50px }
}

.c-hidden-content { background-color: #f3f3f3; height: 0; overflow: hidden }

.c-hidden-content.open { height: auto; margin-top: 30px; padding-bottom: 30px }

@media screen and (min-width: 768px) {
	.c-hidden-content.open { margin-top: 60px; padding-bottom: 60px }
}

@media screen and (min-width: 1200px) {
	.c-hidden-content.open { margin-top: 100px; padding-bottom: 100px }
}

.c-icon { pointer-events: none }

.c-icon--arrow { height: 15px; width: 22px }

@media screen and (min-width: 1024px) {
	.c-icon--arrow { display: none }
}

.c-icon--left { transform: rotate(180deg) }

.c-icon--down { transform: rotate(90deg) }

.c-icon--quick-links { align-items: center; display: flex; height: 40px; justify-content: flex-start; margin-right: 8px; width: 24px }

@media screen and (min-width: 1024px) {
	.c-icon--quick-links-map-pin { width: 15px }

	.c-icon--quick-links-test-drive { width: 18px }

	.c-icon--quick-links-valuation { width: 21px }

	.c-icon--quick-links-search svg { transform: scale(0.8) }
}

.c-icon--medium { height: -moz-max-content; height: max-content; width: 36px }

.c-icon--large { height: -moz-max-content; height: max-content; width: 50px }

.c-icon--xlarge { height: -moz-max-content; height: max-content; width: 75px }

.c-icon--xxxlarge { height: -moz-max-content; height: max-content; width: 225px }

.c-icon--title { width: 35px }

@media screen and (min-width: 768px) {
	.c-icon--title { width: 50px }
}

@media screen and (min-width: 1024px) {
	.c-icon--visible { display: block }
}

.c-icon--electric { align-self: center }

.tco-iframe { width: 100%; height: 100vh; border: 0 }

.c-inline-cta { width: 100% }

.c-inline-cta__inner { display: flex; padding: 20px 30px; width: 100% }

@media screen and (min-width: 1200px) {
	.c-inline-cta__inner { align-items: center; margin-bottom: 50px; padding-left: 85px }
}

@media screen and (min-width: 1600px) {
	.c-inline-cta__inner { padding-left: 115px }
}

.c-inline-cta__icon { width: 70px }

.c-inline-cta__list { width: 100% }
[type=radio]:checked, [type=radio]:not(:checked), [type=checkbox]:checked, [type=checkbox]:not(:checked) { position: absolute; left: -9999px }

[type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label { position: relative; cursor: pointer; display: block }

[type=checkbox]:checked + label:before, [type=checkbox]:not(:checked) + label:before { left: 0; right: auto }

[type=radio]:disabled + label, [type=checkbox]:disabled + label { cursor: default; opacity: .3 }

.c-form__title { font-size: 30px; font-size: 1.875rem; line-height: 36px; font-family: "Favorit Light",sans-serif; font-weight: 200 }

@media screen and (min-width: 768px) {
	.c-form__title { font-size: 40px; font-size: 2.5rem; line-height: 46px }
}

.c-form__title span { font-family: "Favorit Medium",sans-serif; font-weight: normal }

.c-form__input--hidden { display: none }

@media screen and (min-width: 768px) {
	.c-form__group { display: flex }
}

.c-form__row { margin-bottom: 20px; width: 100% }

@media screen and (min-width: 768px) {
	.c-form__row { max-width: 320px }

	.c-form--filters .c-form__row { margin-right: 1em }
}

.c-form__row--checkbox { display: flex; flex-wrap: wrap }

@media screen and (min-width: 768px) {
	.c-form__row--copy { max-width: 60ch }
}

@media screen and (min-width: 1024px) {
	.c-form__row--copy { margin-top: 60px }
}

@media screen and (min-width: 768px) {
	.c-form__group .c-form__row { margin-right: 30px }
}

.c-form__row--split { display: flex; justify-content: space-between }

@media screen and (min-width: 768px) {
	.c-form--filters .c-form__row { max-width: none; width: calc(50% - 15px) }
}

@media screen and (min-width: 1024px) {
	.c-form--filters .c-form__row { width: calc(27.5% - 15px) }

	.c-form--filters .c-form__row:nth-child(4) { width: calc(17.5% - 15px) }
}

@media screen and (min-width: 1024px) {
	.c-form--filters .c-form__row--filters-btn { width: calc(72.5% - 7.5px) }
}

.c-form__row.hidden { display: none }

.c-form__label { font-family: "Favorit Book",sans-serif }

/*.c-form__select, .c-form .form-select { background-color: #fff; background-image: url("/themes/custom/mg/assets/images/svg/chevron.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 13px 8px; font-family: "Favorit Book",sans-serif; font-size: 15px; font-size: .9375rem; line-height: 2; padding-right: 35px; position: relative }*/

.c-form__hidden-area { display: none }

.c-form__checkbox { margin-bottom: 20px; width: 33.3333333333% }

.c-form__checkbox input[type=checkbox] { display: none; display: none }
.c-form__checkbox input[type=checkbox] + label:before { content: ""; background-color: #fff; border: 1px solid #d8d8d8; display: inline-block; height: 26px; margin-right: .75rem; vertical-align: -30%; width: 26px }
.c-form__checkbox input[type=checkbox]:checked + label:before { background-color: #000 }
.c-form__checkbox input[type=checkbox]:checked + label:after { content: ""; left: 9.5px; top: 5.2px; width: 6.5px; height: 13px; border: solid #fff; border-width: 0 2px 2px 0; position: absolute; transform: rotate(45deg) }
.c-form__checkbox--full { width: 100% }
.c-form__checkbox--small { margin-right: 15px; width: auto }
.c-form__checkbox--small:last-of-type { margin-right: 0 }
.c-form__checkbox--small input[type=checkbox] { display: none; display: none }
.c-form__checkbox--small input[type=checkbox] + label:before { content: ""; background-color: #fff; border: 1px solid #d8d8d8; display: inline-block; height: 20px; margin-right: .75rem; vertical-align: -30%; width: 20px }
.c-form__checkbox--small input[type=checkbox]:checked + label:before { background-color: #000 }
.c-form__checkbox--small input[type=checkbox]:checked + label:after { content: ""; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; position: absolute; transform: rotate(45deg) }
.c-form__checkbox--small label { line-height: 1 }
.c-form__radio input[type=radio] { display: none; display: none }
.c-form__radio input[type=radio] + label:before { content: ""; background-color: #fff; border: 1px solid #d8d8d8; display: inline-block; height: 26px; margin-right: .75rem; vertical-align: -30%; width: 26px }
.c-form__radio input[type=radio]:checked + label:before { background-color: #000 }
.c-form__radio input[type=radio]:checked + label:after { content: ""; left: 9.5px; top: 5.2px; width: 6.5px; height: 13px; border: solid #fff; border-width: 0 2px 2px 0; position: absolute; transform: rotate(45deg) }
.c-form__radio input[type=radio] + label:before { border-radius: 50% }
.c-form__radio input[type=radio]:checked + label:after { content: ""; border: 6px solid #fff; border-radius: 50%; display: inline-block; height: 22px; left: 2px; position: absolute; top: -4px; width: 22px }
.c-form__field--full { width: 100% }
.c-form__field--select:nth-child(2) { margin-top: 20px }
.c-form__field--split { width: calc(50% - 10px) }
.c-form__field--split:nth-child(2) { margin-top: 0 }
.c-form__terms { font-family: "Favorit Book",sans-serif; font-size: 14px; font-size: .875rem; line-height: 22px; color: #a2a2a2; margin-bottom: 30px }
@media screen and (min-width: 768px) {
	.c-form__terms { max-width: 60ch }
}
.c-form__terms-cta { text-decoration: underline }
.c-form__button { text-align: left; width: 100% }
@media screen and (min-width: 768px) {
	.c-form__button { width: auto }
}
.c-form__button--search { width: auto }
.c-map { position: relative }
.c-map__inner { background-color: #fff; left: 0; margin: 0 10px; padding: 30px; top: 0; width: calc(100% - 20px); z-index: 10 }
@media screen and (min-width: 768px) {
	.c-map__inner { margin-left: 50px; max-width: 360px }
}
@media screen and (min-width: 1200px) {
	.c-map__inner { margin-left: 80px; position: absolute }
}
@media screen and (min-width: 1400px) {
	.c-map__inner { margin-left: 100px }
}
.c-map__map { height: 800px }
.c-map__form.hidden { display: none }
.c-map__label { font-family: "Favorit Book",sans-serif }
.c-map__postcode-search { font-family: "Favorit Book",sans-serif; margin-bottom: 30px }
.c-map__your-location { font-size: 16px; font-size: 1rem; line-height: 22px; margin-top: 10px }
.c-map__btn { font-size: 15px; font-size: .9375rem; line-height: 24px; margin-left: 5px }
.c-map__btn::after { top: 3px }
.c-map__services { display: flex; margin-bottom: 20px; flex-wrap: wrap }
.c-map__services .map__services__item { cursor: pointer; flex: 0 0 100%;display: flex;flex-direction: row; padding-bottom: 8px; }
.c-map__services .map__services__item img { width: 15px; }
.c-map__services .map__services__item span { align-items: center;justify-items: center;padding-left: 10px;display: inline-flex; }

.c-map__search-again { display: none }
.c-map__search-again.visible { display: block }
.c-dealer-info-box { background: #fff; color: #000; counter-increment: dealers; display: flex; flex-direction: column; margin-bottom: 30px; max-width: 320px; padding: 10px; text-align: left; width: 100% }
.c-dealer-info-box a { color: #fff; }
.c-dealer-info-box button.js-select-dealer { font-size: 16px; font-size: 1rem; line-height: 45px; font-family: "Favorit Medium",sans-serif }
@media screen and (min-width: 768px) {
	.c-dealer-info-box { margin-bottom: 20px }
}
.c-dealer-info-box__distance-icon { color: #fff; background-image: url("https://www.mgmotor.co.za/svg/marker-icon.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; font-family: "Favorit Medium",sans-serif; font-size: 14px; font-size: .875rem; line-height: 25px; height: 30px; margin-left: -30px; margin-right: 5px; text-align: center; vertical-align: middle; width: 20px }
.c-dealer-info-box__cyberster-distance-icon { background-image: url("https://www.mgmotor.co.za/svg/cyberster-marker-icon.svg") }
.c-dealer-info-box__heading { font-size: 20px; font-size: 1.25rem; line-height: 26px; font-family: "Favorit Medium",sans-serif; font-weight: 200; margin-bottom: 10px; padding: 0 30px }
@media screen and (min-width: 768px) {
	.c-dealer-info-box__heading { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 22px }
}
.c-dealer-info-box__heading--no-pl {  }
.c-dealer-info-box__content { font-size: 15px; font-size: .9375rem; line-height: 20px; font-family: "Favorit Book",sans-serif }
.c-dealer-info-box__address { color: #000; margin-bottom: 10px }
.c-dealer-info-box__email { display: inline-block; margin-bottom: 10px; text-decoration: underline;font-weight: 400; }
.InfinityNumber { font-weight: 400; color: #000;}
.c-dealer-info-box__txt { margin-bottom: 10px;font-weight: 400; }
.c-dealer-info-box__list-item { color: #585858 }
.c-dealer-info-box__btn { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 45px; margin-top: 20px; text-align: left }
.c-dealer-info-box__service { margin-right: 15px; padding-left: 25px; position: relative; white-space: nowrap;font-weight: 400; }
.c-dealer-info-box__service:last-of-type { margin-right: 0 }
.c-dealer-info-box__service::before { display: block; position: absolute; content: ""; background-image: url("https://www.mgmotor.co.za/svg/tick-icon.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; height: 20px; left: 0; top: 0; width: 20px }
.c-dealer-info-box__close-btn { background-image: url("https://www.mgmotor.co.za/svg/close-icon.svg"); background-repeat: no-repeat; background-size: 30px; height: 30px; position: absolute; right: 15px; text-indent: -9999px; top: 15px; width: 30px; z-index: 1 }
.c-dealer-info-box__list { margin: 10px 0 20px }
.c-dealer-info-box__list-item { color: #000 }
.c-dealer-info-box__list-item span { display: inline-block; min-width: 125px }
.gm-ui-hover-effect { right: 15px !important; opacity: 0; top: 15px !important; z-index: 1 }
.gm-style .gm-style-iw-c { min-width: 340px !important }

.c-loading-spinner {
	align-items: center;
	display: none;
	height: 40px;
	justify-content: center;
	margin-bottom: 30px
}

.c-loading-spinner__icon {
	animation: 450ms spinner linear forwards infinite;
	border: 4px solid rgba(0,0,0,0);
	border-left-color: #000;
	border-radius: 50%;
	display: block;
	height: 40px;
	width: 40px
}
@keyframes spinner {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.gm-ui-hover-effect { opacity: 1; }