.contact-details{margin:auto;padding:2rem 0;inset:0;height:fit-content;width:fit-content}.subHeader{margin-top:10px;margin-bottom:0}.contactDetailsFormDiv{width:320px}.margin-top-50{margin-top:50px}.margin-top-15{margin-top:15px}.padding-left-5{padding-left:5px}  .vds-form-field{margin-top:20px}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.loader   img{width:80px;height:80px}

.vds-typography-list-style{display:flex;align-items:center}.vds-typography-list-style:before{content:"";display:inline-block;width:2px;height:14px;margin-right:.5rem;border-radius:16px;background-color:#ffcb05}.vds-typography-check-list-style{display:flex;align-items:center}.vds-typography-check-list-style:before{content:url(https://onlinecms.mtn.co.za/sites/default/files/design-system-vivid-icons/16x16/tick.svg);display:inline-flex;width:14px;height:14px;margin-right:.5rem;border-radius:16px;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vds-focused-nav{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-weight:300;height:52px;width:100%;display:flex;justify-content:center;position:relative;border-bottom:1px solid rgba(0,0,0,.16);background-color:#fff}.vds-focused-nav vds-icon{cursor:pointer}@media (min-width: 576.02px) and (max-width: 992px){.vds-focused-nav{height:76px}}@media (min-width: 992.02px){.vds-focused-nav{height:84px}}.vds-focused-nav__wrapper{width:100%;max-width:1368px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.vds-focused-nav [left]{display:flex;gap:.5rem;align-items:center;font-size:1.25rem}.vds-focused-nav [center]{display:block;position:absolute;left:50%;transform:translate(-50%);margin:0 auto;font-size:1rem}@media (min-width: 576.02px) and (min-height: 576.02px){.vds-focused-nav [center]{font-size:1.25rem}}.vds-focused-nav [right]{width:100%;display:flex;justify-content:flex-end;gap:1rem;align-items:center}



.vds-icon svg{max-width:fit-content}


.vds-typography-list-style{display:flex;align-items:center}.vds-typography-list-style:before{content:"";display:inline-block;width:2px;height:14px;margin-right:.5rem;border-radius:16px;background-color:#ffcb05}.vds-typography-check-list-style{display:flex;align-items:center}.vds-typography-check-list-style:before{content:url(https://onlinecms.mtn.co.za/sites/default/files/design-system-vivid-icons/16x16/tick.svg);display:inline-flex;width:14px;height:14px;margin-right:.5rem;border-radius:16px;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}:root{--vds-col-form-field: 324px}.vds-form-field{--vds-dynamic-placeholder-opacity: 0;--vds-prefix-color: rgb(0, 0, 0);--vds-prefix-display: none;--vds-label-margin: 0;position:relative;width:100%;font-family:MTNBrighterSans-Light,Arial,sans-serif;opacity:100%}.vds-form-field--dark-mode .vds-form-field__input-container--column:has([vds-percentage]):after{color:#fff}.vds-form-field--dark-mode .vds-form-field__input-container--column:has([vds-dynamic-placeholder]):after{color:#ffffff52}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--disabled) [vds-suffix].vds-icon svg image{filter:url(#vds-colour-pearl-64pc)}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--disabled) [vds-suffix]:not(:first-of-type){border-left:1px solid rgba(255,255,255,.08)}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container:has(.vds-otp)){background:#000}.vds-form-field--dark-mode .vds-form-field__input-container--column:has(.vds-otp) [vds-input]{background:#000}.vds-form-field--dark-mode .vds-form-field__input-container:has([vds-input]:not(:placeholder-shown)) [vds-label],.vds-form-field--dark-mode .vds-form-field__input-container:has([vds-input]:focus) [vds-label]{color:#ffffffa3}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--valid,.vds-form-field__input-container--invalid,.vds-form-field__input-container--disabled){border:1px solid var(--colour-BORDER-V1-primary-hit, #948f8f)}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--valid,.vds-form-field__input-container--invalid,.vds-form-field__input-container--disabled):has(.vds-otp){border:none}.vds-form-field--dark-mode .vds-form-field__input-container:not(.vds-form-field__input-container--valid,.vds-form-field__input-container--invalid,.vds-form-field__input-container--disabled):hover:not(.vds-form-field__input-container:has(.vds-otp)){border:1px solid rgb(255,255,255)}.vds-form-field--dark-mode .vds-form-field__input-container--invalid{border:2px solid #fd7682}.vds-form-field--dark-mode .vds-form-field__bottom [vds-helper-text]{color:#ffffffa3}.vds-form-field--dark-mode .vds-form-field__bottom vds-icon svg image{filter:url(#vds-colour-pearl-64pc)}.vds-form-field--dark-mode .vds-form-field__bottom--valid vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-form-field--dark-mode label[vds-label],.vds-form-field--dark-mode [vds-input],.vds-form-field--dark-mode [vds-prefix],.vds-form-field--dark-mode [vds-helper-text]{color:#ffffffa3}.vds-form-field--dark-mode .vds-form-field__input-container--column [vds-input]::placeholder{color:#ffffff3d}.vds-form-field--dark-mode .vds-form-field__input-container [vds-prefix]{color:#fff}.vds-form-field--dark-mode .vds-form-field__input-container [vds-suffix] svg image{filter:url(#vds-colour-pearl-64pc)}.vds-form-field--dark-mode .vds-form-field__input-container--disabled [vds-suffix].vds-icon svg image{filter:url(#vds-colour-pearl-16pc)}.vds-form-field--dark-mode .vds-form-field__input-container--disabled [vds-suffix]:not(:first-of-type){border-left:1px solid rgba(255,255,255,.16)}.vds-form-field--dark-mode .vds-form-field__input-container--disabled:after{border-bottom-color:var(--Semantic-Other-Bob, #b0b0b0)}.vds-form-field--dark-mode .vds-form-field__input-container--disabled label[vds-label]{color:#ffffff29}.vds-form-field--dark-mode .vds-form-field__bottom [vds-error]{color:#fd7682}.vds-form-field--dark-mode .vds-form-field__bottom [vds-error] svg image{filter:url(##fd7682)}.vds-form-field--dark-mode .vds-form-field__bottom--disabled [vds-helper-text]{color:#b0b0b0}.vds-form-field--dark-mode .vds-form-field__bottom--disabled [vds-helper-text].vds-icon svg svg image{filter:url(#vds-colour-pearl-16pc)}.vds-form-field--dark-mode .vds-form-field__bottom--disabled vds-icon svg image{filter:url(#vds-colour-pearl-16pc)}.vds-form-field:not(:has([vds-label])) [vds-input]::placeholder,.vds-form-field:not(:has([vds-label])) [vds-input]::-webkit-input-placeholder{opacity:100%}.vds-form-field__input-container{position:relative;display:flex;align-items:center;margin-bottom:.25rem;height:3.25rem;padding:.625rem 1rem;gap:8px;border-radius:8px;border:1px solid var(--colour-BORDER-V1-primary-hit, #948f8f);flex:1 0 0}.vds-form-field__input-container:not(.vds-form-field__input-container:has(.vds-otp)){background:#fff}.vds-form-field__input-container:not(.vds-form-field__input-container--valid,.vds-form-field__input-container--invalid,.vds-form-field__input-container--disabled,.vds-form-field__input-container:has(.vds-otp)):hover{border:1px solid rgb(0,0,0)}.vds-form-field__input-container--column{display:flex;flex-direction:column;flex:1 1 auto;position:relative}.vds-form-field__input-container--column:has(.vds-otp) [vds-input]{background:#fff}.vds-form-field__input-container--column [vds-label],.vds-form-field__input-container--column [vds-input]{transition:all .2s;touch-action:manipulation}.vds-form-field__input-container--column [vds-label]{transform-origin:left bottom;color:#000000a3;font-family:MTNBrighterSans-Medium,Arial,sans-serif;font-size:1.125rem}.vds-form-field__input-container--column:has([vds-input]:not(:placeholder-shown)) [vds-label],.vds-form-field__input-container--column:has([vds-input]:focus) [vds-label]{transform:translate(0) scale(1);margin-left:var(--vds-label-margin);color:#000000a3;font-family:MTNBrighterSans-Light,Arial,sans-serif;line-height:100%;font-size:.75rem}.vds-form-field__input-container--column:has([vds-input]:not(:placeholder-shown)),.vds-form-field__input-container--column:has([vds-input]:focus){--vds-dynamic-placeholder-opacity: 1}.vds-form-field__input-container--column:has([vds-input]:placeholder-shown) label{--vds-dynamic-placeholder-opacity: 0;width:fit-content;white-space:nowrap;transform:translateY(.8rem)}.vds-form-field__input-container--column:has([vds-dynamic-placeholder]) [vds-input]::placeholder,.vds-form-field__input-container--column:has([vds-dynamic-placeholder]) [vds-input]::-webkit-input-placeholder,.vds-form-field__input-container--column:has([vds-dynamic-placeholder]) [vds-input]:focus::placeholder,.vds-form-field__input-container--column:has([vds-dynamic-placeholder]) [vds-input]:focus::-webkit-input-placeholder,.vds-form-field__input-container--column:has([vds-percentage]) [vds-input]::placeholder,.vds-form-field__input-container--column:has([vds-percentage]) [vds-input]::-webkit-input-placeholder,.vds-form-field__input-container--column:has([vds-percentage]) [vds-input]:focus::placeholder,.vds-form-field__input-container--column:has([vds-percentage]) [vds-input]:focus::-webkit-input-placeholder{opacity:0}.vds-form-field__input-container--column:has([vds-dynamic-placeholder]):after,.vds-form-field__input-container--column:has([vds-percentage]):after{content:attr(data-suffix);position:absolute;font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1.125rem;white-space:pre;left:0;transform:translateY(1rem);padding-left:.25rem;opacity:var(--vds-dynamic-placeholder-opacity)}.vds-form-field__input-container--column:has([vds-dynamic-placeholder]):after{color:#0000003d}.vds-form-field__input-container--column:has([vds-percentage]) [vds-input]{letter-spacing:.25rem}.vds-form-field__input-container--column:has([vds-percentage]):after{color:#000;letter-spacing:.125rem}.vds-form-field__input-container--column:has([vds-bank-account]) [vds-input],.vds-form-field__input-container--column:has([vds-cvv]) [vds-input],.vds-form-field__input-container--column:has([vds-passport]) [vds-input],.vds-form-field__input-container--column:has([vds-postal-code]) [vds-input],.vds-form-field__input-container--column:has([vds-pin]) [vds-input],.vds-form-field__input-container--column:has([vds-voucher]) [vds-input]{letter-spacing:.5rem}.vds-form-field__input-container--column:has([vds-company-reg-number]) [vds-input],.vds-form-field__input-container--column:has([vds-imei-number]) [vds-input],.vds-form-field__input-container--column:has([vds-tax-number]) [vds-input],.vds-form-field__input-container--column:has([vds-vat-number]) [vds-input],.vds-form-field__input-container--column:has([vds-month-and-year]) [vds-input]{letter-spacing:.125rem}.vds-form-field__input-container--column:has([vds-sim-number]) [vds-input]{letter-spacing:.25rem}.vds-form-field__input-container:has(.vds-form-field__input-container--column [vds-text-area]){height:revert;padding:1rem 1rem 2rem}.vds-form-field__input-container:has(.vds-form-field__input-container--column input:focus){--vds-prefix-display: block;--vds-prefix-color: rgba(0, 0, 0, .24)}.vds-form-field__input-container:has(.vds-form-field__input-container--column input:not(:placeholder-shown)){--vds-prefix-display: block;--vds-prefix-color: rgb(0, 0, 0)}.vds-form-field__input-container:has([vds-prefix]){--vds-label-margin: -1.1875rem}.vds-form-field__input-container [vds-prefix]{position:var(--vds-prefix-position);display:var(--vds-prefix-display);color:var(--vds-prefix-color);font-size:1.25rem;margin-right:auto;margin-top:.75rem}.vds-form-field__input-container [vds-suffix]:only-of-type{border-left:none}.vds-form-field__input-container [vds-suffix]:not(:first-of-type){border-left:1px solid rgba(0,0,0,.08);padding-left:.5rem}.vds-form-field__input-container button[vds-suffix]{cursor:pointer;border:none;background:none;padding:0}.vds-form-field__input-container button[vds-suffix]:active{background-color:#000;color:#ffcb05}.vds-form-field__input-container button[vds-suffix]:active .vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-form-field__input-container--disabled{border:1px solid rgb(176,176,176)}.vds-form-field__input-container--disabled label[vds-label]{color:#00000029;pointer-events:none}.vds-form-field__input-container--disabled [vds-input],.vds-form-field__input-container--disabled [vds-prefix]{color:#b0b0b0}.vds-form-field__input-container--disabled [vds-input]::placeholder,.vds-form-field__input-container--disabled [vds-input]::-webkit-input-placeholder,.vds-form-field__input-container--disabled [vds-prefix]::placeholder,.vds-form-field__input-container--disabled [vds-prefix]::-webkit-input-placeholder{color:#b0b0b0}.vds-form-field__input-container--disabled:after{cursor:not-allowed}.vds-form-field__input-container--disabled vds-icon svg image{filter:url(#vds-colour-raven-16pc)}.vds-form-field__input-container--default,.vds-form-field__input-container--pending{border:2px solid rgb(0,0,0)}.vds-form-field__input-container--invalid{border:1px solid rgb(184,9,16)}.vds-form-field__input-container--valid{border:1px solid rgb(255,203,5)}.vds-form-field__bottom{font-family:MTNBrighterSans-Light,Arial,sans-serif;line-height:100%;font-size:.75rem}.vds-form-field__bottom svg image{filter:url(#vds-colour-raven-64pc)}.vds-form-field__bottom [vds-error],.vds-form-field__bottom [vds-helper-text]{display:flex;padding:0 8px;align-items:center;gap:.5rem;color:var(--colour-SURFACE-overlay-neutral-48, rgba(0, 0, 0, .48))}.vds-form-field__bottom [vds-error]{color:#b80910}.vds-form-field__bottom--valid vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-form-field__bottom--disabled{color:#b0b0b0}.vds-form-field__bottom--disabled vds-icon svg image{filter:url(#vds-colour-raven-16pc)}.vds-form-field--invalid,.vds-form-field--valid,.vds-form-field--disabled{opacity:100%}.vds-form-field--disabled{pointer-events:none}.col-form-field{display:flex;width:100%;gap:1rem}.col-form-field vds-form-field{flex:1 1 auto}@media (min-width: 576.02px) and (min-height: 576.02px){.col-form-field{max-width:var(--vds-col-form-field)}}



.vds-typography-list-style{display:flex;align-items:center}.vds-typography-list-style:before{content:"";display:inline-block;width:2px;height:14px;margin-right:.5rem;border-radius:16px;background-color:#ffcb05}.vds-typography-check-list-style{display:flex;align-items:center}.vds-typography-check-list-style:before{content:url(https://onlinecms.mtn.co.za/sites/default/files/design-system-vivid-icons/16x16/tick.svg);display:inline-flex;width:14px;height:14px;margin-right:.5rem;border-radius:16px;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}[vds-input]{flex:0 1 auto;width:100%;border:none;outline:none;font-family:MTNBrighterSans-Medium,Arial,sans-serif;font-size:1.125rem;opacity:100%}[vds-input]:focus{outline:none}[vds-input]:focus::placeholder,[vds-input]:focus::-webkit-input-placeholder{opacity:100%;color:#0000003d}input[vds-input]{z-index:1;background-color:transparent;transition:.2s ease opacity;padding-left:0;color:#000000a3;font-size:1.125rem;line-height:70%}input[vds-input]::placeholder,input[vds-input]::-webkit-input-placeholder{opacity:0;transition:inherit;color:#0000003d}input[vds-input]:-webkit-autofill,input[vds-input]:-webkit-autofill:hover,input[vds-input]:-webkit-autofill:focus,input[vds-input]:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(0,0,0)}textarea[vds-input]{line-height:150%;background:transparent;overflow:auto;min-height:1.5rem;overflow-y:scroll;scrollbar-width:none;resize:vertical}



.vds-typography-list-style{display:flex;align-items:center}.vds-typography-list-style:before{content:"";display:inline-block;width:2px;height:14px;margin-right:.5rem;border-radius:16px;background-color:#ffcb05}.vds-typography-check-list-style{display:flex;align-items:center}.vds-typography-check-list-style:before{content:url(https://onlinecms.mtn.co.za/sites/default/files/design-system-vivid-icons/16x16/tick.svg);display:inline-flex;width:14px;height:14px;margin-right:.5rem;border-radius:16px;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vds-button{display:flex;justify-content:center;align-items:center;font-family:MTNBrighterSans-Bold,Arial,sans-serif;font-size:1rem;text-transform:none;cursor:pointer;gap:.5rem}.vds-button--pill{font-family:MTNBrighterSans-Regular,Arial,sans-serif;height:2.5rem;border-radius:8px;border-width:1px;padding-left:2rem;padding-right:2rem}.vds-button--pill.vds-button--primary{color:#000;background-color:#fff;border-color:#000}@media (hover: hover) and (pointer: fine){.vds-button--pill.vds-button--primary:hover{border-color:transparent;background-color:#0000003d;color:#000}}.vds-button--pill.vds-button--primary:active{background-color:#000;color:#ffcb05}.vds-button--pill.vds-button--primary:active vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-button--pill.vds-button--primary .vds-button--pill.vds-button--primary.vds-button--selected,.vds-button--pill.vds-button--primary.vds-pill-button--active{border-color:transparent;background-color:#000;color:#fff}.vds-button--pill.vds-button--primary .vds-button--pill.vds-button--primary.vds-button--selected vds-icon svg image,.vds-button--pill.vds-button--primary.vds-pill-button--active vds-icon svg image{filter:url(#vds-colour-pearl)}.vds-button--pill.vds-button--primary:disabled{background-color:transparent;color:#0000003d;border-color:#0000003d}.vds-button--pill.vds-button--primary:disabled vds-icon svg image{filter:url(#vds-colour-bob)}.vds-button--default{height:3rem;min-width:208px;width:fit-content;padding:0 1rem;border-radius:24px;border:0}.vds-button--default.vds-button--light.vds-button--primary{color:#000;background-color:#ffcb05}.vds-button--default.vds-button--light.vds-button--primary :where(*){color:#000}@media (hover: hover) and (pointer: fine){.vds-button--default.vds-button--light.vds-button--primary:hover{background-color:#0000003d}.vds-button--default.vds-button--light.vds-button--primary:hover :where(*){color:#000}}.vds-button--default.vds-button--light.vds-button--primary:active{background-color:#000;color:#ffcb05}.vds-button--default.vds-button--light.vds-button--primary:active :where(*){color:#ffcb05}.vds-button--default.vds-button--light.vds-button--primary:active vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 1			0 0 0 0 1			0 0 0 0 1			0 0 0 1 0		  "/>		</filter>	  </svg>	  #recolor')}.vds-button--default.vds-button--light.vds-button--primary:disabled{background-color:#0000003d;color:#00000029}.vds-button--default.vds-button--light.vds-button--primary:disabled :where(*){color:#00000029}.vds-button--default.vds-button--light.vds-button--primary:disabled{pointer-events:none}.vds-button--default.vds-button--light.vds-button--primary:disabled vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 0			0 0 0 0 0			0 0 0 0 0			0 0 0 0.16 0		  "/>		</filter>	  </svg>	  #recolor')}.vds-button--default.vds-button--light.vds-button--secondary{color:#000;background-color:transparent;border:1px solid rgb(0,0,0)}.vds-button--default.vds-button--light.vds-button--secondary :where(*){color:#000}@media (hover: hover) and (pointer: fine){.vds-button--default.vds-button--light.vds-button--secondary:hover{background-color:#00000052;color:#000}.vds-button--default.vds-button--light.vds-button--secondary:hover :where(*){color:#000}.vds-button--default.vds-button--light.vds-button--secondary:hover{border:none}}.vds-button--default.vds-button--light.vds-button--secondary:active{background-color:#000;color:#fff}.vds-button--default.vds-button--light.vds-button--secondary:active :where(*){color:#fff}.vds-button--default.vds-button--light.vds-button--secondary:active vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 1			0 0 0 0 0.7960784314			0 0 0 0 0.0196078431			0 0 0 1 0		  "/>		</filter>	  </svg>	  #recolor')}.vds-button--default.vds-button--light.vds-button--secondary:disabled{background-color:transparent;color:#0000003d}.vds-button--default.vds-button--light.vds-button--secondary:disabled :where(*){color:#0000003d}.vds-button--default.vds-button--light.vds-button--secondary:disabled{border:1px solid rgba(0,0,0,.24);pointer-events:none}.vds-button--default.vds-button--light.vds-button--secondary:disabled vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 0			0 0 0 0 0			0 0 0 0 0			0 0 0 0.16 0		  "/>		</filter>	  </svg>	  #recolor')}.vds-button--default.vds-button--dark.vds-button--primary{color:#000}.vds-button--default.vds-button--dark.vds-button--primary :where(*){color:#000}.vds-button--default.vds-button--dark.vds-button--primary{background-color:#ffcb05}@media (hover: hover) and (pointer: fine){.vds-button--default.vds-button--dark.vds-button--primary:hover{background-color:#ffffff52;color:#fff}.vds-button--default.vds-button--dark.vds-button--primary:hover :where(*){color:#fff}.vds-button--default.vds-button--dark.vds-button--primary:hover vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 1			0 0 0 0 1			0 0 0 0 1			0 0 0 1 0		  "/>		</filter>	  </svg>	  #recolor')}}.vds-button--default.vds-button--dark.vds-button--primary:active{background-color:#fff;color:#000}.vds-button--default.vds-button--dark.vds-button--primary:active :where(*){color:#000}.vds-button--default.vds-button--dark.vds-button--primary:disabled{background-color:#ffffff29;color:#ffffff52}.vds-button--default.vds-button--dark.vds-button--primary:disabled :where(*){color:#ffffff52}.vds-button--default.vds-button--dark.vds-button--primary:disabled{pointer-events:none}.vds-button--default.vds-button--dark.vds-button--primary:disabled vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 1			0 0 0 0 1			0 0 0 0 1			0 0 0 0.16 0		  "/>		</filter>	  </svg>	  #recolor')}.vds-button--default.vds-button--dark.vds-button--secondary{color:#fff}.vds-button--default.vds-button--dark.vds-button--secondary :where(*){color:#fff}.vds-button--default.vds-button--dark.vds-button--secondary{background-color:transparent;border:1px solid rgb(255,255,255)}.vds-button--default.vds-button--dark.vds-button--secondary vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 1			0 0 0 0 1			0 0 0 0 1			0 0 0 1 0		  "/>		</filter>	  </svg>	  #recolor')}@media (hover: hover) and (pointer: fine){.vds-button--default.vds-button--dark.vds-button--secondary:hover{background-color:#ffffff52;border:none}}.vds-button--default.vds-button--dark.vds-button--secondary:active{background-color:#fff;color:#000}.vds-button--default.vds-button--dark.vds-button--secondary:active :where(*){color:#000}.vds-button--default.vds-button--dark.vds-button--secondary:active vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 0			0 0 0 0 0			0 0 0 0 0			0 0 0 1 0		  "/>		</filter>	  </svg>	  #recolor')}.vds-button--default.vds-button--dark.vds-button--secondary:disabled{background-color:transparent;color:#ffffff52}.vds-button--default.vds-button--dark.vds-button--secondary:disabled :where(*){color:#ffffff52}.vds-button--default.vds-button--dark.vds-button--secondary:disabled{border:1px solid rgba(255,255,255,.16);pointer-events:none}.vds-button--default.vds-button--dark.vds-button--secondary:disabled vds-icon{filter:url('data:image/svg+xml;utf8,	  <svg xmlns="http://www.w3.org/2000/svg">		<filter id="recolor" color-interpolation-filters="sRGB">		  <feColorMatrix type="matrix" values="			0 0 0 0 1			0 0 0 0 1			0 0 0 0 1			0 0 0 0.16 0		  "/>		</filter>	  </svg>	  #recolor')}



.vds-typography-list-style{display:flex;align-items:center}.vds-typography-list-style:before{content:"";display:inline-block;width:2px;height:14px;margin-right:.5rem;border-radius:16px;background-color:#ffcb05}.vds-typography-check-list-style{display:flex;align-items:center}.vds-typography-check-list-style:before{content:url(https://onlinecms.mtn.co.za/sites/default/files/design-system-vivid-icons/16x16/tick.svg);display:inline-flex;width:14px;height:14px;margin-right:.5rem;border-radius:16px;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}:root{--vds-modal-z-index: 20;--vds-modal-blur: 8px;--vds-modal-background: none;--vds-modal-close-icon-attachment: sticky}.vds-modal{width:100%;display:flex;align-items:center;background-color:var(--vds-modal-background)}.vds-modal--page{position:relative;overflow:hidden}.vds-modal--page .vds-modal{min-height:100vh;overflow:unset}.vds-modal--page .vds-modal__content{min-height:100vh}@media (min-width: 576.02px) and (min-height: 576.02px){.vds-modal--page .vds-modal__content{min-height:100%}}.vds-modal--page .vds-modal__wrapper{max-height:100%}.vds-modal--overlay{z-index:var(--vds-modal-z-index);position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:column;justify-content:center}.vds-modal--overlay .vds-modal{height:100vh;overflow:auto}.vds-modal--overlay .vds-modal__container{-webkit-backdrop-filter:blur(var(--vds-modal-blur));backdrop-filter:blur(var(--vds-modal-blur))}.vds-modal__container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.vds-modal__wrapper{width:100%;max-width:902px;max-height:100vh;position:relative;margin:0 auto;overflow:auto;overscroll-behavior:contain}@media (min-width: 576.02px) and (min-height: 576.02px){.vds-modal__wrapper{padding:1.5rem}}.vds-modal__content{height:100%;width:100%;display:flex;flex-direction:column;background-color:#fff;padding:3rem 1rem 1rem;box-shadow:0 6px 18px #00000029;position:relative;overflow:auto}@media (min-width: 576.02px) and (min-height: 576.02px){.vds-modal__content{height:fit-content;padding:4rem;border-radius:16px;margin:auto}}@media (min-width: 576.02px) and (max-width: 992px){.vds-modal__content{padding:2.5rem}}.vds-modal [middle]{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.vds-modal [bottom]{margin-top:3.5rem}.vds-modal .vds-modal__close{z-index:var(--vds-modal-z-index);position:var(--vds-modal-close-icon-attachment);top:3rem;right:1.5rem;width:100%;display:flex;justify-content:flex-end}.vds-modal .vds-modal__close vds-icon{margin-top:-1.5rem;margin-right:1.5rem;cursor:pointer}
/* Form validation error styles */
.vds-form-field--invalid .vds-form-field__input-container--invalid input,
.vds-form-field--invalid .vds-form-field__input-container--invalid input:focus {
    border-color: #b80910 !important;
    outline-color: #b80910 !important;
}

.vds-form-field__bottom [vds-error] {
    color: #b80910;
    font-family: MTNBrighterSans-Light, Arial, sans-serif;
    line-height: 100%;
    font-size: .75rem;
    display: flex;
    padding: 0 8px;
    align-items: center;
    gap: .5rem;
}


.vds-form-field__input-container--valid {
    border: 1px solid rgb(255, 203, 5);
}

/* ── File Upload Styling ─────────────────────────────────────────────── */
input[type="file"] {
    background: transparent;
    border: none;
    padding: 8px 0;
    color: #202020;
    font-family: inherit;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}
input[type="file"]::file-selector-button {
    background-color:transparent;
    color: #202020;
    border: none;
    /* padding: 8px 16px; */
    border-radius: 100px;
    font-family: "MTNBrighterSans-Bold", sans-serif;
    font-weight: bold;
    cursor: pointer;
    margin-right: 12px;
    transition: background-color 0.2s ease;
}
/* input[type="file"]::file-selector-button:hover {
    background-color: #e5b700;
} */