/* Style block 1 */
.toast-alert-message{
width: 100% !important;
justify-content: space-between !important;
@media screen and (min-width: 992px) {
display: flex !important;
gap: 2rem !important;
.toast-alert-message-link {
margin: 0 !important;
}
}
@media screen and (max-width: 411px) {
max-height: initial !important;
}
}.toast-alert-inner-container{
width: 96% !important;
}.toast-banner--sticky .vivid-mega-nav-wrapper{
top: 4.2rem !important;
transition: top 0.1s ease-in-out !important;
}.toast-banner--sticky .vivid-mega-nav-wrapper--with-top{
top: 7.2rem !important;
transition: top 0.1s ease-in-out !important;
}mtn-spinner /* Style block 2 */
body{
font-size: 16px;
font-family: "MTNBrighterSans-Regular", Arial, sans-serif;
}mtn-spinner .font-heading-extra-bold{
font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif !important;
}mtn-spinner .font-heading-bold{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif !important;
}mtn-spinner .font-heading-reg{
font-family: "MTNBrighterSans-Regular", Arial, sans-serif !important;
}mtn-spinner .font-heading-light{
font-family: "MTNBrighterSans-Light", Arial, sans-serif !important;
}mtn-spinner .font-heading-extra-light{
font-family: "MTNBrighterSans-ExtraLight", Arial, sans-serif !important;
}mtn-spinner .font-heading-light-italic{
font-family: "MTNBrighterSans-Light-Italic", Arial, sans-serif !important;
}mtn-spinner .font-heading-italic{
font-family: "MTNBrighterSans-Bold-Italic", Arial, sans-serif !important;
}mtn-spinner .font-base-extra-bold{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-bold{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-semi-bold{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-medium{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-regular{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-light{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-light-200{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-min-light{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-base-min-normal{
font-family: "Work Sans", sans-serif;
}mtn-spinner .font-micro-8{
font-family: "Work Sans", sans-serif;
font-size: 8px;
}mtn-spinner .font-micro-12{
font-family: "Work Sans", sans-serif;
font-size: 12px;
}mtn-spinner .font-body-16{
font-family: "Work Sans", sans-serif;
font-size: 1rem;
margin-bottom: 0 !important;
}mtn-spinner .font-body-20{
font-family: "Work Sans", sans-serif;
font-size: 20px;
margin-bottom: 0 !important;
}mtn-spinner .font-heading-24{
font-family: "Work Sans", sans-serif;
font-size: 24px;
margin-bottom: 0 !important;
}mtn-spinner .font-heading-28{
font-family: "Work Sans", sans-serif;
font-size: 28px;
margin-bottom: 0 !important;
}mtn-spinner .font-heading-32{
font-family: "Work Sans", sans-serif;
font-size: 32px;
margin-bottom: 0 !important;
}mtn-spinner .font-display-48{
font-family: "Work Sans", sans-serif;
font-size: 48px;
margin-bottom: 0 !important;
}mtn-spinner .font-display-64{
font-family: "Work Sans", sans-serif;
font-size: 64px;
margin-bottom: 0 !important;
}mtn-spinner .font-display-56{
font-family: "Work Sans", sans-serif;
font-size: 56px;
margin-bottom: 0 !important;
}mtn-spinner .brighter-heading-32{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 32px;
letter-spacing: 0;
line-height: 48px;
height: 48px;
}mtn-spinner .brighter-heading-48{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 48px;
line-height: 48px;
height: 48px;
padding-top: 8px;
}mtn-spinner .brighter-heading-56{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 56px;
letter-spacing: 0;
line-height: 56px;
}mtn-spinner .ebu-details-header-12{
color: #232323;
font-family: "Work Sans", sans-serif;
font-size: 12px;
padding-bottom: 1.125rem;
height: 0.5rem;
line-height: 0.5rem;
letter-spacing: -0.2px;
}mtn-spinner .ebu-details-value-16{
color: #232323;
font-family: "Work Sans", sans-serif;
font-size: 1.125rem;
height: 0.75rem;
line-height: 0.75rem;
letter-spacing: -0.2px;
}mtn-spinner .stretch-56-40{
padding: 56px 40px;
}mtn-spinner .padding-20{
padding: 20px;
}mtn-spinner .padding-24{
padding: 24px;
}mtn-spinner .padding-28{
padding: 28px;
}mtn-spinner .padding-32{
padding: 32px;
}mtn-spinner .padding-36{
padding: 36px;
}mtn-spinner .padding-40{
padding: 40px;
}mtn-spinner .padding-44{
padding: 44px;
}mtn-spinner .padding-48{
padding: 48px;
}mtn-spinner .padding-56{
padding: 56px;
}mtn-spinner .padding-64{
padding: 64px;
}mtn-spinner .padding-68{
padding: 68px;
}mtn-spinner .padding-80{
padding: 80px;
}mtn-spinner .padding-84{
padding: 84px;
}mtn-spinner .margin-20{
margin: 20px;
}mtn-spinner .margin-24{
margin: 24px;
}mtn-spinner .margin-24_bottom{
margin-bottom: 0 0 24px 0;
}mtn-spinner .margin-28{
margin: 28px;
}mtn-spinner .margin-32{
margin: 32px;
}mtn-spinner .margin-36{
margin: 36px;
}mtn-spinner .margin-40{
margin: 40px;
}mtn-spinner .margin-44{
margin: 44px;
}mtn-spinner .margin-48{
margin: 48px;
}mtn-spinner .margin-56{
margin: 56px;
}mtn-spinner .margin-64{
margin: 64px;
}mtn-spinner .margin-68{
margin: 68px;
}mtn-spinner .margin-80{
margin: 80px;
}mtn-spinner .margin-84{
margin: 84px;
}mtn-spinner :export{
inline-4: 4px;
inline-8: 8px;
inline-16: 12px;
inline-16: 16px;
inline-24: 20px;
inline-24: 24px;
inline-32: 32px;
inline-40: 40px;
inline-56: 56px;
inline-64: 64px;
inline-80: 80px;
space-none: 0px;
inset-24: 24px 24px 24px 24px;
inset-32: 32px 32px 32px 32px;
inset-64: 64px 64px 64px 64px;
stack-4: 0 0 4px 0;
stack-8: 0 0 8px 0;
stack-12: 0 0 12px 0;
stack-16: 0 0 16px 0;
stack-24: 0 0 20px 0;
stack-24: 0 0 24px 0;
stack-32: 0 0 32px 0;
stack-40: 0 0 40px 0;
stack-56: 0 0 56px 0;
stack-64: 0 0 64px 0;
stack-80: 0 0 80px 0;
}mtn-spinner .border-radius-xs{
border-radius: 4px;
}mtn-spinner .border-radius-s{
border-radius: 8px;
}mtn-spinner .border-radius-m{
border-radius: 16px;
}mtn-spinner .border-radius-l{
border-radius: 24px;
}mtn-spinner .border-radius-xl{
border-radius: 32px;
}mtn-spinner .border-radius-xl-40{
border-radius: 40px;
}mtn-spinner .border-radius-50{
border-radius: 50%;
}mtn-spinner .border-radius-100{
border-radius: 100%;
}mtn-spinner .global-search-actions-auto{
margin-left: auto;
margin-right: 24px;
display: inherit;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-actions-auto{
margin-left: unset;
margin-right: 18px;
}
}mtn-spinner .global-search-actions{
display: flex;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-actions{
width: -moz-min-content;
width: min-content;
height: -moz-min-content;
height: min-content;
}
}mtn-spinner .global-search-actions vivid-round-action-button{
margin-left: 4px;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-actions vivid-round-action-button{
margin-left: 12px;
}
}mtn-spinner .global-search-input input{
color: #ffffff;
border: none;
width: 100%;
font-size: 24px;
line-height: 28px;
padding-bottom: 0px;
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-input input{
font-size: 16px;
line-height: 19px;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 8px;
}
}mtn-spinner .global-search-input svg{
margin-right: 32px;
width: 24px;
height: 24px;
align-self: center;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-input svg{
margin-right: 8px;
}
}mtn-spinner .global-search-input svg g g{
stroke: #ffffff;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-input{
margin-right: auto;
}
}mtn-spinner .global-search-input-light input{
color: #000000;
border: none;
width: 100%;
font-size: 24px;
line-height: 28px;
padding-bottom: 0px;
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-input-light input{
font-size: 16px;
line-height: 19px;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 8px;
}
}mtn-spinner .global-search-input-light svg{
margin-right: 32px;
width: 24px;
height: 24px;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-input-light svg{
margin-right: 8px;
}
}mtn-spinner .global-search-input-light svg g g{
stroke: #b0b0b0;
}
@media screen and (max-width: 640px) {mtn-spinner .global-search-input-light{
margin-right: auto;
}
}mtn-spinner .search-input-flex{
display: flex;
}
@media screen and (max-width: 640px) {mtn-spinner .search-input-flex{
align-items: unset;
}
}mtn-spinner .search-vertical-seperator{
border-right: solid 2px #b0b0b0;
margin-right: 12px;
margin-bottom: 4px;
}mtn-spinner .search-horizontal-seperator{
border-bottom: solid 2px #b0b0b0;
}mtn-spinner .vivid-button .vivid-button-content:not(:only-child){
display: none;
}mtn-spinner .vivid-button.vivid-button-primary{
background: linear-gradient(180deg, #f8c000 0%, #f8c000 100%);
}mtn-spinner .vivid-button.vivid-button-ghost.vivid-button__active{
background: #000000;
color: #ffffff;
}mtn-spinner .vivid-button.vivid-button-ghost:hover,mtn-spinner .vivid-button.vivid-button-ghost:active{
background: #404040;
color: #ffffff;
}mtn-spinner .vivid-button.vivid-button-filter{
background: #ffffff;
color: #000000;
box-shadow: 0 2px 24px 0 rgba(32, 32, 32, 0.16);
height: 40px;
width: auto;
line-height: 40px;
font-size: 12px;
padding: 0 32px;
margin: 0;
}mtn-spinner .vivid-button.vivid-button-filter.vivid-button__active{
color: #ffffff;
background: #000000;
}mtn-spinner .vivid-button.vivid-button-filter:hover,mtn-spinner .vivid-button.vivid-button-filter:active{
background: linear-gradient(180deg, #909090 50%, #606060 100%) #909090;
color: #ffffff;
}mtn-spinner .spinner-progress{
display: flex;
align-items: center;
justify-content: center;
position: fixed;
background: #ffffff;
inset: 0;
z-index: 999999;
}mtn-spinner .spinner-progress .spinner{
position: relative;
border: 4px solid #ffcb05;
border-bottom-color: transparent;
width: 64px;
aspect-ratio: 1;
border-radius: 100%;
animation: mtn-rotate 0.75s linear infinite;
}mtn-spinner .spinner-progress .spinner-text{
position: inherit;
padding-top: 10rem;
}
@keyframes mtn-rotate {from{
transform: rotate(0deg);
}to{
transform: rotate(360deg);
}
}/* Style block 3 */
/* Style block 4 */
.sf-navigation{
position: relative;
z-index: 99999;
}mtn-landing-top-deals /* Style block 5 */
.content-alignment{
max-width: 1920px;
margin: auto;
padding-top: 24px;
padding-bottom: 24px;
margin-bottom: var(--margin-bottom-desktop);
}mtn-landing-top-deals .top-header{
margin-top: 1.5rem;
display: flex;
justify-content: space-between;
margin-left: 20px;
}mtn-landing-top-deals .padding-left-header{
padding-left: 230px;
}.content-alignment .vds-card-carousel--fullViewport .vds-card-carousel__container{
margin-left: min(-50vw + 925px, -1rem);
margin-right: min(-50vw + 925px, -1rem);
}.content-alignment .vds-card-carousel--fullViewport .vds-card-carousel__container--spacing-before,mtn-landing-top-deals .container .vds-card-carousel--fullViewport .vds-card-carousel__container--spacing-after{
flex: 0 0 max(50vw - 692px, 0px);
}
@media (max-width: 1024px) {mtn-landing-top-deals .padding-left-header{
padding-left: 0;
}mtn-landing-top-deals .top-header{
width: 960px;
}mtn-landing-top-deals .content-alignment{
margin-bottom: var(--margin-bottom-tablet);
}
}
@media (max-width: 820px) {mtn-landing-top-deals .padding-left-header{
padding-left: 0;
}mtn-landing-top-deals .top-header{
width: 700px;
}mtn-landing-top-deals .content-alignment{
margin-bottom: var(--margin-bottom-mobile);
}
}mtn-landing-explore-your-world /* Style block 6 */
body{
font-size: 16px;
font-family: "MTNBrighterSans-Regular", Arial, sans-serif;
}mtn-landing-explore-your-world .font-heading-extra-bold{
font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif !important;
}mtn-landing-explore-your-world .font-heading-bold{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif !important;
}mtn-landing-explore-your-world .font-heading-reg{
font-family: "MTNBrighterSans-Regular", Arial, sans-serif !important;
}mtn-landing-explore-your-world .font-heading-light{
font-family: "MTNBrighterSans-Light", Arial, sans-serif !important;
}mtn-landing-explore-your-world .font-heading-extra-light{
font-family: "MTNBrighterSans-ExtraLight", Arial, sans-serif !important;
}mtn-landing-explore-your-world .font-heading-light-italic{
font-family: "MTNBrighterSans-Light-Italic", Arial, sans-serif !important;
}mtn-landing-explore-your-world .font-heading-italic{
font-family: "MTNBrighterSans-Bold-Italic", Arial, sans-serif !important;
}mtn-landing-explore-your-world .font-base-extra-bold{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-bold{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-semi-bold{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-medium{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-regular{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-light{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-light-200{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-min-light{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-base-min-normal{
font-family: "Work Sans", sans-serif;
}mtn-landing-explore-your-world .font-micro-8{
font-family: "Work Sans", sans-serif;
font-size: 8px;
}mtn-landing-explore-your-world .font-micro-12{
font-family: "Work Sans", sans-serif;
font-size: 12px;
}mtn-landing-explore-your-world .font-body-16{
font-family: "Work Sans", sans-serif;
font-size: 1rem;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .font-body-20{
font-family: "Work Sans", sans-serif;
font-size: 20px;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .font-heading-24{
font-family: "Work Sans", sans-serif;
font-size: 24px;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .font-heading-28{
font-family: "Work Sans", sans-serif;
font-size: 28px;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .font-heading-32{
font-family: "Work Sans", sans-serif;
font-size: 32px;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .font-display-48{
font-family: "Work Sans", sans-serif;
font-size: 48px;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .font-display-64{
font-family: "Work Sans", sans-serif;
font-size: 64px;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .font-display-56{
font-family: "Work Sans", sans-serif;
font-size: 56px;
margin-bottom: 0 !important;
}mtn-landing-explore-your-world .brighter-heading-32{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 32px;
letter-spacing: 0;
line-height: 48px;
height: 48px;
}mtn-landing-explore-your-world .brighter-heading-48{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 48px;
line-height: 48px;
height: 48px;
padding-top: 8px;
}mtn-landing-explore-your-world .brighter-heading-56{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 56px;
letter-spacing: 0;
line-height: 56px;
}mtn-landing-explore-your-world .ebu-details-header-12{
color: #232323;
font-family: "Work Sans", sans-serif;
font-size: 12px;
padding-bottom: 1.125rem;
height: 0.5rem;
line-height: 0.5rem;
letter-spacing: -0.2px;
}mtn-landing-explore-your-world .ebu-details-value-16{
color: #232323;
font-family: "Work Sans", sans-serif;
font-size: 1.125rem;
height: 0.75rem;
line-height: 0.75rem;
letter-spacing: -0.2px;
}mtn-landing-explore-your-world .stretch-56-40{
padding: 56px 40px;
}mtn-landing-explore-your-world .padding-20{
padding: 20px;
}mtn-landing-explore-your-world .padding-24{
padding: 24px;
}mtn-landing-explore-your-world .padding-28{
padding: 28px;
}mtn-landing-explore-your-world .padding-32{
padding: 32px;
}mtn-landing-explore-your-world .padding-36{
padding: 36px;
}mtn-landing-explore-your-world .padding-40{
padding: 40px;
}mtn-landing-explore-your-world .padding-44{
padding: 44px;
}mtn-landing-explore-your-world .padding-48{
padding: 48px;
}mtn-landing-explore-your-world .padding-56{
padding: 56px;
}mtn-landing-explore-your-world .padding-64{
padding: 64px;
}mtn-landing-explore-your-world .padding-68{
padding: 68px;
}mtn-landing-explore-your-world .padding-80{
padding: 80px;
}mtn-landing-explore-your-world .padding-84{
padding: 84px;
}mtn-landing-explore-your-world .margin-20{
margin: 20px;
}mtn-landing-explore-your-world .margin-24{
margin: 24px;
}mtn-landing-explore-your-world .margin-24_bottom{
margin-bottom: 0 0 24px 0;
}mtn-landing-explore-your-world .margin-28{
margin: 28px;
}mtn-landing-explore-your-world .margin-32{
margin: 32px;
}mtn-landing-explore-your-world .margin-36{
margin: 36px;
}mtn-landing-explore-your-world .margin-40{
margin: 40px;
}mtn-landing-explore-your-world .margin-44{
margin: 44px;
}mtn-landing-explore-your-world .margin-48{
margin: 48px;
}mtn-landing-explore-your-world .margin-56{
margin: 56px;
}mtn-landing-explore-your-world .margin-64{
margin: 64px;
}mtn-landing-explore-your-world .margin-68{
margin: 68px;
}mtn-landing-explore-your-world .margin-80{
margin: 80px;
}mtn-landing-explore-your-world .margin-84{
margin: 84px;
}mtn-landing-explore-your-world :export{
inline-4: 4px;
inline-8: 8px;
inline-16: 12px;
inline-16: 16px;
inline-24: 20px;
inline-24: 24px;
inline-32: 32px;
inline-40: 40px;
inline-56: 56px;
inline-64: 64px;
inline-80: 80px;
space-none: 0px;
inset-24: 24px 24px 24px 24px;
inset-32: 32px 32px 32px 32px;
inset-64: 64px 64px 64px 64px;
stack-4: 0 0 4px 0;
stack-8: 0 0 8px 0;
stack-12: 0 0 12px 0;
stack-16: 0 0 16px 0;
stack-24: 0 0 20px 0;
stack-24: 0 0 24px 0;
stack-32: 0 0 32px 0;
stack-40: 0 0 40px 0;
stack-56: 0 0 56px 0;
stack-64: 0 0 64px 0;
stack-80: 0 0 80px 0;
}mtn-landing-explore-your-world .border-radius-xs{
border-radius: 4px;
}mtn-landing-explore-your-world .border-radius-s{
border-radius: 8px;
}mtn-landing-explore-your-world .border-radius-m{
border-radius: 16px;
}mtn-landing-explore-your-world .border-radius-l{
border-radius: 24px;
}mtn-landing-explore-your-world .border-radius-xl{
border-radius: 32px;
}mtn-landing-explore-your-world .border-radius-xl-40{
border-radius: 40px;
}mtn-landing-explore-your-world .border-radius-50{
border-radius: 50%;
}mtn-landing-explore-your-world .border-radius-100{
border-radius: 100%;
}mtn-landing-explore-your-world .global-search-actions-auto{
margin-left: auto;
margin-right: 24px;
display: inherit;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-actions-auto{
margin-left: unset;
margin-right: 18px;
}
}mtn-landing-explore-your-world .global-search-actions{
display: flex;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-actions{
width: -moz-min-content;
width: min-content;
height: -moz-min-content;
height: min-content;
}
}mtn-landing-explore-your-world .global-search-actions vivid-round-action-button{
margin-left: 4px;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-actions vivid-round-action-button{
margin-left: 12px;
}
}mtn-landing-explore-your-world .global-search-input input{
color: #ffffff;
border: none;
width: 100%;
font-size: 24px;
line-height: 28px;
padding-bottom: 0px;
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-input input{
font-size: 16px;
line-height: 19px;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 8px;
}
}mtn-landing-explore-your-world .global-search-input svg{
margin-right: 32px;
width: 24px;
height: 24px;
align-self: center;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-input svg{
margin-right: 8px;
}
}mtn-landing-explore-your-world .global-search-input svg g g{
stroke: #ffffff;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-input{
margin-right: auto;
}
}mtn-landing-explore-your-world .global-search-input-light input{
color: #000000;
border: none;
width: 100%;
font-size: 24px;
line-height: 28px;
padding-bottom: 0px;
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-input-light input{
font-size: 16px;
line-height: 19px;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 8px;
}
}mtn-landing-explore-your-world .global-search-input-light svg{
margin-right: 32px;
width: 24px;
height: 24px;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-input-light svg{
margin-right: 8px;
}
}mtn-landing-explore-your-world .global-search-input-light svg g g{
stroke: #b0b0b0;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .global-search-input-light{
margin-right: auto;
}
}mtn-landing-explore-your-world .search-input-flex{
display: flex;
}
@media screen and (max-width: 640px) {mtn-landing-explore-your-world .search-input-flex{
align-items: unset;
}
}mtn-landing-explore-your-world .search-vertical-seperator{
border-right: solid 2px #b0b0b0;
margin-right: 12px;
margin-bottom: 4px;
}mtn-landing-explore-your-world .search-horizontal-seperator{
border-bottom: solid 2px #b0b0b0;
}mtn-landing-explore-your-world .vivid-button .vivid-button-content:not(:only-child){
display: none;
}mtn-landing-explore-your-world .vivid-button.vivid-button-primary{
background: linear-gradient(180deg, #f8c000 0%, #f8c000 100%);
}mtn-landing-explore-your-world .vivid-button.vivid-button-ghost.vivid-button__active{
background: #000000;
color: #ffffff;
}mtn-landing-explore-your-world .vivid-button.vivid-button-ghost:hover,mtn-landing-explore-your-world .vivid-button.vivid-button-ghost:active{
background: #404040;
color: #ffffff;
}mtn-landing-explore-your-world .vivid-button.vivid-button-filter{
background: #ffffff;
color: #000000;
box-shadow: 0 2px 24px 0 rgba(32, 32, 32, 0.16);
height: 40px;
width: auto;
line-height: 40px;
font-size: 12px;
padding: 0 32px;
margin: 0;
}mtn-landing-explore-your-world .vivid-button.vivid-button-filter.vivid-button__active{
color: #ffffff;
background: #000000;
}mtn-landing-explore-your-world .vivid-button.vivid-button-filter:hover,mtn-landing-explore-your-world .vivid-button.vivid-button-filter:active{
background: linear-gradient(180deg, #909090 50%, #606060 100%) #909090;
color: #ffffff;
}mtn-landing-explore-your-world .container{
margin-left: 5px;
max-width: 100%;
}mtn-landing-explore-your-world .glass-card-dark{
padding: 0 1rem;
}mtn-landing-explore-your-world .external-padding{
padding: 0px 260px 24px 260px;
}mtn-landing-explore-your-world .explore{
min-height: 700px;
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 1920px;
}mtn-landing-explore-your-world .explore__title{
font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif;
font-size: clamp(2.2rem, 6vw, 3rem);
color: #ffffff;
line-height: 1.04;
margin-bottom: 24px;
margin-left: 35px;
text-align: left;
line-height: 100%;
font-size: 72px;
font-weight: 800;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}mtn-landing-explore-your-world .explore vivid-snap-scroller-slide,mtn-landing-explore-your-world .explore .vivid-snap-scroller-slide,mtn-landing-explore-your-world .explore mtn-glas-card{
height: 100%;
}mtn-landing-explore-your-world .explore .vivid-snap-scroller{
align-items: flex-start;
}mtn-landing-explore-your-world .explore .vivid-snap-scroller .vivid-snap-scroller-container__button-raven{
padding: 30px;
}mtn-landing-explore-your-world .explore .vivid-snap-scroller .vivid-snap-scroller-indicator{
margin-top: 24px;
}mtn-landing-explore-your-world .explore .glass-card{
padding: 32px 38px 24px 32px;
border-radius: 24px;
background: var(--brand-pearl-56, rgba(255, 255, 255, 0.56));
gap: 10px;
}mtn-landing-explore-your-world .explore .glass-card__header{
gap: 10px;
}mtn-landing-explore-your-world .explore .glass-card__title{
font-weight: 400;
margin-bottom: 0;
}mtn-landing-explore-your-world .explore .glass-card--light-text{
--text-colour: #000;
}mtn-landing-explore-your-world .explore .glass-card__body{
color: var(--opacities-raven-64, rgba(0, 0, 0, 0.64));
font-family: var(--semantic-typography-font-base, "MTN Brighter Sans");
font-size: var(--semantic-typography-font-size-body-small, 16px);
font-style: normal;
font-weight: 300;
line-height: 150%;
}
@media (max-width: 1024px) {mtn-landing-explore-your-world .external-padding{
padding: 0 60px 32px 60px;
}
}
@media (max-width: 430px) {mtn-landing-explore-your-world .external-padding{
padding: 16px 16px 32px 0px;
}mtn-landing-explore-your-world .explore{
min-height: 500px;
}mtn-landing-explore-your-world .explore__title{
font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif;
font-size: clamp(2.2rem, 6vw, 3rem);
color: #ffffff;
line-height: 1.04;
margin-bottom: 24px;
margin-left: 16px;
text-align: left;
line-height: 100%;
font-size: 32px;
font-weight: 800;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}mtn-landing-explore-your-world .explore .vivid-snap-scroller .vivid-snap-scroller-indicator{
margin-top: 32px;
}mtn-landing-explore-your-world .glass-card-dark{
padding: 0;
}mtn-landing-explore-your-world .container{
margin-left: 0;
max-width: 100%;
padding-right: 0;
}
}vivid-snap-scroller /* Style block 7 */{width:100%}vivid-snap-scroller .vivid-snap-scroller{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}vivid-snap-scroller .vivid-snap-scroller-indicator{z-index:999;margin:0 auto}vivid-snap-scroller .vivid-snap-scroller-container{display:flex;justify-content:space-between;align-items:center;position:relative}vivid-snap-scroller .vivid-snap-scroller-container__content{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;position:relative}vivid-snap-scroller .vivid-snap-scroller-container__content-wrapper{position:relative;display:flex;min-width:100%;touch-action:pan-y}vivid-snap-scroller .vivid-snap-scroller-container__content-wrapper-inner{position:relative;min-width:inherit;height:100%;display:grid;align-items:center}vivid-snap-scroller .vivid-snap-scroller-container__content-wrapper-inner-will-change{will-change:transform}vivid-snap-scroller .vivid-snap-scroller-container__content-wrapper-inner-content{min-width:inherit;display:flex;overflow:visible;height:100%}vivid-snap-scroller .vivid-snap-scroller-container button{position:absolute;background-color:transparent;border:none;right:0}vivid-snap-scroller .vivid-snap-scroller-container button:nth-child(2){right:0}vivid-snap-scroller .vivid-snap-scroller-container button:nth-child(1){left:0}vivid-snap-scroller .vivid-snap-scroller-container__button-pearl,vivid-snap-scroller .vivid-snap-scroller-container__button-raven,vivid-snap-scroller .vivid-snap-scroller-container__button-sunshine{position:relative;padding:0}vivid-snap-scroller .vivid-snap-scroller-container__button-pearl svg,vivid-snap-scroller .vivid-snap-scroller-container__button-raven svg,vivid-snap-scroller .vivid-snap-scroller-container__button-sunshine svg{position:absolute;top:0;bottom:0;margin:auto;cursor:pointer;z-index:1}vivid-snap-scroller .vivid-snap-scroller-container__button-pearl svg{fill:#ffffff52}vivid-snap-scroller .vivid-snap-scroller-container__button-pearl:hover svg{fill:#fff}vivid-snap-scroller .vivid-snap-scroller-container__button-pearl:active svg{fill:#ffcb05}vivid-snap-scroller .vivid-snap-scroller-container__button-raven svg{fill:#00000052}vivid-snap-scroller .vivid-snap-scroller-container__button-raven:hover svg{fill:#ffcb05}vivid-snap-scroller .vivid-snap-scroller-container__button-raven:active svg{fill:#000}vivid-snap-scroller .vivid-snap-scroller-container__button-sunshine svg{fill:#ffcb05}vivid-snap-scroller .vivid-snap-scroller-container__button-sunshine:hover svg{fill:#00000052}vivid-snap-scroller .vivid-snap-scroller-container__button-sunshine:active svg{fill:#000}vivid-snap-scroller .hero-carousel-slide{display:flex;height:50rem;width:100vw;justify-content:center;flex-direction:column;color:#000;background-color:#b0b0b0}vivid-snap-scroller .heading{font-size:clamp(2.5rem,10vw,5rem);line-height:106%;margin-bottom:.5rem}vivid-snap-scroller .heading-price{font-size:clamp(1.25rem,10vw,2.5rem)}vivid-snap-scroller .subheading{font-size:clamp(1rem,10vw,2rem);line-height:100%;margin-bottom:1rem}vivid-snap-scroller .subheading-price{font-size:clamp(.5rem,10vw,1rem)}vivid-snap-scroller .light{font-family:MTNBrighterSans-Light,Arial,sans-serif}vivid-snap-scroller .bold{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif}vivid-snap-scroller .flex{display:flex}vivid-snap-scroller .link{position:relative;text-decoration:none;color:#000}vivid-snap-scroller .link:hover{color:#00000052}vivid-snap-scroller .link:active{color:#ffcb05}vivid-snap-scroller .underline{margin-top:2px;background-color:#000;height:1px;width:100%;position:absolute;bottom:0;left:0}vivid-snap-scroller .flex-column{display:flex;flex-direction:column;gap:1rem}vivid-snap-scroller .align-center{align-items:center;gap:.5rem}vivid-snap-scroller .align-baseline{align-items:baseline;gap:.5rem}@media screen and (max-width: 768px){vivid-snap-scroller .hero-carousel-slide{height:55rem}}@media screen and (max-width: 567px){vivid-snap-scroller .hero-carousel-slide{height:40rem;padding-top:1rem}}/* Style block 8 */
@import"https://onlinecms.mtn.co.za/sites/default/files/vivid-fonts.css";body.vivid-global-search--open{overflow:hidden}.vivid-global-search-help__open{width:100vw;height:100vh;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0;z-index:10000}.vivid-global-search-help__close{display:none}@media screen and (max-width: 576px){.vivid-global-search-help__close{display:block}.vivid-global-search-help__close .vivid-global-search__close{justify-content:flex-end}}.vivid-global-search{position:fixed;inset:0;background-color:#fff;animation:fade-in .3s;overflow-y:auto;overflow-x:hidden;z-index:10000}.vivid-global-search-content{margin-top:13rem}@media screen and (max-width: 576px){.vivid-global-search-content{margin-top:7.5rem}}.vivid-global-search-content-help{height:calc(100% - 16rem);width:100%;position:absolute;top:200px;margin-bottom:-1px;margin-top:0;padding-left:1rem;padding-right:.5rem;overflow-y:scroll;overflow-x:hidden;scrollbar-color:rgba(0,0,0,.15) rgba(255,255,255,.01)}@media screen and (max-width: 576px){.vivid-global-search-content-help{height:calc(100% - 11rem);top:120px}}.vivid-global-search-help{max-width:904px;height:-moz-fit-content;height:fit-content;margin:8rem auto;padding:0 1rem;background-color:transparent;overflow:hidden}@media screen and (max-width: 768px){.vivid-global-search-help{padding-top:0}}@media screen and (max-width: calc(904px + 2rem)){.vivid-global-search-help{margin-right:1rem;margin-left:1rem}}@media screen and (max-width: 576px){.vivid-global-search-help{margin:5.25rem 0 1rem}}.vivid-global-search-help--active{max-height:1080px;height:calc(100% - 10rem);padding:0}@media screen and (max-width: 768px){.vivid-global-search-help--active{height:calc(100% - 9rem)}}@media screen and (max-width: 576px){.vivid-global-search-help--active{height:calc(100% - 6rem)}}.vivid-global-search-help__more{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;position:absolute;bottom:0;margin-bottom:-1rem;padding:1rem}.vivid-global-search-help__more a{cursor:pointer;color:#000;font-size:1.25rem;text-decoration:none}.vivid-global-search-help__more a:hover{color:#000000a3}.vivid-global-search-help__more a:hover svg path{fill:#000000a3}.vivid-global-search-help__more a:active{color:#ffcb05}.vivid-global-search-help__more a:active svg path{fill:#ffcb05}.vivid-global-search-help .vivid-global-search__close{position:sticky;top:0;padding:2rem 1rem 3.5rem;justify-content:flex-end}@media screen and (max-width: 576px){.vivid-global-search-help .vivid-global-search__close{display:none}}.vivid-global-search-help .vivid-global-search-header{top:106px;background-color:transparent}@media screen and (max-width: 576px){.vivid-global-search-help .vivid-global-search-header{top:0}}.vivid-global-search-help .vivid-global-search-header_input{background-color:transparent;margin-right:6rem}@media screen and (max-width: 576px){.vivid-global-search-help .vivid-global-search-header_input{margin-right:2rem}}.vivid-global-search-header{z-index:1;position:sticky;top:-1rem;padding:1.5rem 0;background-color:#fff;transition:box-shadow .2s}@media (max-width: 768px){.vivid-global-search-header{padding:1rem}}.vivid-global-search-header-help{padding:0 1rem}@media (max-width: 576px){.vivid-global-search-header-help{padding:1.5rem 0 0}.vivid-global-search-header-help>div{padding:0 1rem}}.vivid-global-search-header-help mtn-input-field{margin:0}.vivid-global-search-header-help mtn-input-field .input-with-icon .input-field-outer .mtn-basic-input_field{background:transparent;padding:0 0 0 1rem}.vivid-global-search-header-help .vivid-global-search-header_icons{top:.5rem;right:1rem}@media screen and (max-width: 768px){.vivid-global-search-header-help .vivid-global-search-header_icons{top:1rem}}@media screen and (max-width: 576px){.vivid-global-search-header-help .vivid-global-search-header_icons{top:2.8rem;right:1rem}}.vivid-global-search-header--sticking{box-shadow:0 .5rem 2rem #0000001f}.vivid-global-search-header_input{margin-right:108px}@media screen and (max-width: 768px){.vivid-global-search-header_input{margin-right:88px}}@media screen and (max-width: 576px){.vivid-global-search-header_input{margin-right:1rem}}.vivid-global-search-header_icons{display:flex;gap:1.125rem;position:absolute;top:2rem;right:0}.vivid-global-search-header_icons-clear{cursor:pointer}@media screen and (max-width: 768px){.vivid-global-search-header_icons{right:.875rem}}@media screen and (max-width: 576px){.vivid-global-search-header_icons{top:2.25rem;right:.75rem}.vivid-global-search-header_icons-clear{width:1.125rem;height:1.125rem}.vivid-global-search-header_icons-divider,.vivid-global-search-header_icons-search{display:none}}.vivid-global-search-header mtn-input-field .input-with-icon .input-field-outer{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif}.vivid-global-search-header mtn-input-field .input-with-icon .input-field-outer .input-icon-end{display:none}.vivid-global-search-header mtn-input-field .input-with-icon .input-field-outer .mtn-basic-input_field{font-size:2.5rem;height:3.5rem}@media (max-width: 768px){.vivid-global-search-header mtn-input-field .input-with-icon .input-field-outer .mtn-basic-input_field{font-size:1.75rem;height:2.5rem}}@media (max-width: 576px){.vivid-global-search-header mtn-input-field .input-with-icon .input-field-outer .mtn-basic-input_field{font-size:1.375rem;height:2.25rem}}.vivid-global-search__close{display:flex;justify-content:space-between;background:none;position:absolute;right:0;left:0;margin:0 auto;padding:2rem 0 0;z-index:2;transition:transform .2s ease-in-out}@media (max-width: 576px){.vivid-global-search__close{padding:1rem 1rem 0}}.vivid-global-search__close-button{cursor:pointer;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;background:none;border:none;padding:0}.vivid-global-search__close-button:hover{transform:scale(1.1)}.vivid-global-search__close-button:active{transform:scale(.9)}.vivid-global-search-spinner{display:flex;height:300px;align-items:center;justify-content:center}.vivid-global-search-spinner__indicator{display:block;border:4px solid #3a3939;border-bottom-color:transparent;width:96px;height:96px;border-radius:100%;animation:spinner .75s linear infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spinner{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#00000029;border-radius:8px}/* Style block 9 */
@media screen and (min-width: 576px){body:has(div.vivid-mega-nav--expanded){overflow:hidden}}@media screen and (max-width: 576px){html:has(div.vivid-mega-nav--expanded){overflow:hidden;width:100%}body:has(div.vivid-mega-nav--expanded){height:100%;position:fixed;overflow-y:scroll;-webkit-overflow-scrolling:touch}}.vivid-mega-nav-badge{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:.625rem;display:inline-block;background-color:#ffcb05;padding:.25rem;border-radius:50%/20%;margin-left:.5rem}.vivid-mega-nav{--vivid-mega-nav-menu-height: 5rem;overscroll-behavior:none;font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:1rem}.vivid-mega-nav *:focus-within{outline:none}.vivid-mega-nav-spacer{height:var(--vivid-mega-nav-menu-height)}.vivid-mega-nav__action{cursor:pointer;text-decoration:none}.vivid-mega-nav__action:hover{color:#000}.vivid-mega-nav__action--active,.vivid-mega-nav__action--inactive{display:inline-block;width:100%;color:#000}.vivid-mega-nav__action--active{margin-bottom:-1rem;white-space:nowrap;padding-left:.5rem!important}.vivid-mega-nav__action--inactive{pointer-events:none;cursor:default;margin-left:.5rem}.vivid-mega-nav__action:not(.vivid-mega-nav-mobile-menu-section){margin-left:1rem;margin-right:0}.vivid-mega-nav__action:not(.vivid-mega-nav-header-desktop-menu__item){padding:.5rem 0 .5rem 1rem;color:#000}.vivid-mega-nav__action:not(.vivid-mega-nav-header-desktop-menu__item):hover img,.vivid-mega-nav__action:not(.vivid-mega-nav-header-desktop-menu__item):hover svg{filter:invert(.5) grayscale(1)}.vivid-mega-nav__action:not(.vivid-mega-nav-header-desktop-menu__item):active{color:#ffcb05;border-radius:.5rem}.vivid-mega-nav__action:not(.vivid-mega-nav-header-desktop-menu__item):active img,.vivid-mega-nav__action:not(.vivid-mega-nav-header-desktop-menu__item):active svg{filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vivid-mega-nav__action:not(.vivid-mega-nav-header-desktop-menu__item):active .vivid-mega-nav-mobile-menu-section__arrow{filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vivid-mega-nav-container{position:fixed;z-index:2;background-color:#fff;padding:0 1rem;overflow-y:clip;scrollbar-width:auto;height:calc(var(--vivid-mega-nav-menu-height) - .25rem);min-height:5rem;transition-property:height,padding;transition-duration:.5s}.vivid-mega-nav-container::-webkit-scrollbar{width:0}.vivid-mega-nav-container--expanded{height:100vh;height:100svh;overscroll-behavior-y:contain;display:block}.vivid-mega-nav-container--partial-collapsed:where(:not(.vivid-mega-nav-container--expanded)){--vivid-mega-nav-menu-height: .25rem;padding:0 1rem}.vivid-mega-nav-glass{display:none;position:fixed;left:0;width:100vw;height:100vh;background:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.vivid-mega-nav-button-menu{width:1.5rem;height:1.5rem;position:relative;padding:0;background-color:transparent}.vivid-mega-nav-button-menu__bar{width:1.25rem;height:.125rem;position:absolute;left:.125rem;background-color:#000;transition:.2s}.vivid-mega-nav-button-menu__bar--top{top:.5625rem}.vivid-mega-nav-button-menu__bar--bottom{top:.9375rem}.vivid-mega-nav-button-menu--open .vivid-mega-nav-button-menu__bar--top{transform:rotate(45deg) translate(-.125rem,.25rem);width:1.625rem}.vivid-mega-nav-button-menu--open .vivid-mega-nav-button-menu__bar--bottom{transform:rotate(-45deg) translateY(-.375rem);width:1.625rem}.vivid-mega-nav-departments{visibility:hidden;position:fixed;inset:auto auto 0 0;padding:0;opacity:0;margin:2rem 0;transition-property:opacity,height;transition-duration:.1s;transition-delay:.5s;z-index:3}.vivid-mega-nav-departments__menu{padding-left:1rem}.vivid-mega-nav-departments--expanded{opacity:var(--vivid-mega-nav-level0-opacity);transition-duration:.3s;visibility:visible}.vivid-mega-nav-departments__link{font-size:.75rem;text-transform:uppercase;padding:1rem 0 0 1rem;list-style:none}.vivid-mega-nav-departments__link a{color:#000;font-weight:800;padding:.75rem .5rem .75rem 0}.vivid-mega-nav-departments__link a:hover,.vivid-mega-nav-departments__link a:focus{color:#000000a3}.vivid-mega-nav-departments__link a:active{color:#ffcb05}.vivid-mega-nav-departments__link::marker{content:normal}.vivid-mega-nav-departments__link--selected,.vivid-mega-nav-departments__link:is(.vivid-mega-nav--selected){font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;padding-left:0;list-style:disc}.vivid-mega-nav-departments__link--selected::marker,.vivid-mega-nav-departments__link:is(.vivid-mega-nav--selected)::marker{content:normal}.vivid-mega-nav-departments__link--selected a:hover,.vivid-mega-nav-departments__link:is(.vivid-mega-nav--selected) a:hover{color:#000}.vivid-mega-nav-content{position:relative;display:flex;opacity:0;overflow:hidden}:where(.vivid-mega-nav-container--expanded) .vivid-mega-nav-content{height:calc(100svh - 5rem);opacity:1;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;overscroll-behavior:contain}:where(.vivid-mega-nav-container--expanded) .vivid-mega-nav-content::-webkit-scrollbar{width:0}.vivid-mega-nav-header{position:relative;display:flex;gap:1rem;align-items:center;height:5rem;width:100%}:where(.vivid-mega-nav-container--expanded) .vivid-mega-nav-header{border-bottom:1px solid rgba(0,0,0,.08)}.vivid-mega-nav-header-desktop-menu{display:none}.vivid-mega-nav-header__logo{flex:1 1 auto}.vivid-mega-nav-header__bar{position:absolute;bottom:-.125rem;left:var(--vivid-mega-nav-bar-left, 0);width:var(--vivid-mega-nav-bar-width, 0);height:.25rem;border-radius:.125rem;background-color:#000;opacity:0;pointer-events:none;transition-property:left,width,opacity;transition-duration:50ms;transition-timing-function:ease-in-out}.vivid-mega-nav-button{border:none;background-color:transparent}.vivid-mega-nav-button__back{display:flex;align-items:center;gap:.5rem}.vivid-mega-nav-button__back p{font-family:MTNBrighterSans-Bold,Arial,sans-serif;color:#000;font-size:.875rem;margin:0}.vivid-mega-nav-mobile-menu{height:100%;margin:0;padding:0;flex:1 0 100%;width:100%;opacity:0;transition-property:opacity,transform;transition-duration:.5s}.vivid-mega-nav-mobile-menu-section-title{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1.25rem;padding:1rem .5rem!important}.vivid-mega-nav-mobile-menu-section{padding:1rem 0 1rem .5rem!important;border-bottom:1px solid rgba(0,0,0,.08)}.vivid-mega-nav-mobile-menu-section__text{flex:1 1 auto}.vivid-mega-nav-mobile-menu-section__arrow{padding-right:.25rem}.vivid-mega-nav-mobile-menu-section-title,.vivid-mega-nav-mobile-menu-section{list-style:none;display:flex;width:100%;align-items:center;margin:0}.vivid-mega-nav-sub-section__container{padding-left:0;margin-top:0;margin-bottom:2.5rem}.vivid-mega-nav-sub-section__header{display:flex;align-items:center;padding-bottom:.5rem}.vivid-mega-nav-sub-section__header a{color:#000}.vivid-mega-nav-sub-section__icon{margin:0 .5rem 0 0;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vivid-mega-nav-sub-section__text{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif}.vivid-mega-nav-sub-section__link{display:block;color:#000;padding:.75rem .5rem .75rem 2.5rem;border-radius:.5rem;margin:0}.vivid-mega-nav-sub-section__link a{color:#000}.vivid-mega-nav-sub-section__link:hover,.vivid-mega-nav-sub-section__link:focus-within{background-color:#00000029;outline:none}.vivid-mega-nav-sub-section__link:active{color:#ffcb05;background-color:#000}.vivid-mega-nav-sub-section__link:active a{color:#ffcb05}.vivid-mega-nav-sub-section__link--bold{font-family:MTNBrighterSans-Bold,Arial,sans-serif}.vivid-mega-nav-level0{display:var(--vivid-mega-nav-level0-display, none);opacity:var(--vivid-mega-nav-level0-opacity, 0);transform:translate(var(--vivid-mega-nav-translate, 100%))}.vivid-mega-nav-level1{display:var(--vivid-mega-nav-level1-display, none);opacity:var(--vivid-mega-nav-level1-opacity, 0);transform:translate(var(--vivid-mega-nav-translate, 100%))}.vivid-mega-nav-level2{display:var(--vivid-mega-nav-level2-display, none);opacity:var(--vivid-mega-nav-level2-opacity, 0);transform:translate(var(--vivid-mega-nav-translate, 100%))}.vivid-mega-nav menu{list-style:none}@media screen and (min-width: 992px){.vivid-mega-nav{--vivid-mega-nav-menu-height: 5rem}.vivid-mega-nav-wrapper{position:fixed;width:100%;z-index:9999;top:0}.vivid-mega-nav-wrapper--card{padding:0 .5rem}.vivid-mega-nav-wrapper--with-top{top:3rem;transition-property:top;transition-duration:.3s}.vivid-mega-nav-wrapper--with-gradient{background:linear-gradient(180deg,#000000e0,#0000)}.vivid-mega-nav-wrapper--with-blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.vivid-mega-nav-wrapper--partial-collapsed{top:1rem}.vivid-mega-nav-wrapper__floating{width:min(100rem,100%);margin:0 auto}.vivid-mega-nav-wrapper__floating--card{border-radius:8px;box-shadow:0 8px 32px #00000029}.vivid-mega-nav-wrapper__floating--background{background-color:#fff}.vivid-mega-nav-container{position:relative;inset:unset;padding:0 1rem;background:none;box-shadow:unset}.vivid-mega-nav-container--expanded{height:85vh}.vivid-mega-nav-content{padding:0;overscroll-behavior:none}:where(.vivid-mega-nav-container--expanded) .vivid-mega-nav-content{height:65vh}.vivid-mega-nav-glass:is(.vivid-mega-nav--expanded){display:block;z-index:9}.vivid-mega-nav-departments{visibility:visible;display:flex;opacity:1;position:relative;margin:0 auto;overflow:hidden;height:calc(3rem + 1px);align-items:stretch;transition-property:height,margin;transition-duration:.5s}.vivid-mega-nav-departments__menu{color:#fff;flex:1 1 auto;height:100%;margin:0 auto;display:flex;align-items:center}.vivid-mega-nav-departments__link{padding:0;margin-right:2rem}.vivid-mega-nav-departments__link a{color:#fff}.vivid-mega-nav-departments__link a:hover,.vivid-mega-nav-departments__link a:focus{color:#ffcb05}.vivid-mega-nav-departments__link--selected a:hover{color:#fff}.vivid-mega-nav-departments--partial-collapsed{height:0}:where(.vivid-mega-nav-container--expanded) .vivid-mega-nav-header{border-bottom:1px solid rgba(0,0,0,.08)}.vivid-mega-nav-header-desktop-menu{flex:1 1 auto;display:flex;margin:0 0 0 2.5rem;padding:0}.vivid-mega-nav-header-desktop-menu__item{display:block;padding:1rem;margin:0 2rem 0 0}.vivid-mega-nav-header-desktop-menu__item:is(.vivid-mega-nav--selected),.vivid-mega-nav-header-desktop-menu__item:focus{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;padding:1rem}.vivid-mega-nav-header__logo{flex:0 0 auto}:where(.vivid-mega-nav-container--expanded) .vivid-mega-nav-header__bar{opacity:1}.vivid-mega-nav-mobile-menu{display:none}.vivid-mega-nav-close-icon{position:absolute;top:20px;right:0;padding:2px 0 2px 2px;cursor:pointer;z-index:1}.vivid-mega-nav-close-icon:hover{filter:grayscale(1) contrast(1) brightness(.5) opacity(.64)}.vivid-mega-nav-close-icon:active{filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vivid-mega-nav-desktop-menu{display:none;flex-direction:row;flex:1 0 100%;padding:3rem 0 0;position:absolute;top:0;left:0;right:0}.vivid-mega-nav-desktop-menu--focused{animation:mega-nav-desktop-show .5s forwards ease;opacity:1;display:flex;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.vivid-mega-nav-desktop-menu--focused::-webkit-scrollbar{width:0}.vivid-mega-nav-desktop-menu--blurred{animation:mega-nav-desktop-hide .5s forwards ease;opacity:0;display:none}.vivid-mega-nav-desktop-menu__column{flex:1 1 25%}.vivid-mega-nav-desktop-menu--Help .vivid-mega-nav-desktop-menu__column--1,.vivid-mega-nav-desktop-menu--Help .vivid-mega-nav-desktop-menu__column--2,.vivid-mega-nav-desktop-menu--Help .vivid-mega-nav-desktop-menu__column--3,.vivid-mega-nav-desktop-menu--Help .vivid-mega-nav-desktop-menu__column--4,.vivid-mega-nav-desktop-menu--Help .vivid-mega-nav-desktop-menu__column--5{margin-top:var(--vivid-mega-nav-help-height)}.vivid-mega-nav-button-menu{display:none}}@media screen and (min-width: 1441px){.vivid-mega-nav-desktop-menu__column{flex:0 0 16.6%}}@keyframes mega-nav-desktop-show{0%{display:none;opacity:0}to{display:flex;opacity:1}}@keyframes mega-nav-desktop-hide{0%{display:none;opacity:1}to{display:flex;opacity:0}}/* Style block 10 */
.vds-icon svg{max-width:fit-content}/* Style block 11 */
.vivid-icon-legacy{display:block}vivid-footer /* Style block 12 */{background-color:#000;display:block;padding:1.5rem 2rem;border-radius:0}vivid-footer .vivid-footer{position:relative;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}vivid-footer .vivid-footer *:focus-within{outline:none}vivid-footer .vivid-footer__left-col,vivid-footer .vivid-footer__bottom-links{flex:0 0 100%}@media screen and (max-width: 768px){vivid-footer .vivid-footer__right-col ul{display:flex}}vivid-footer .vivid-footer__right-col ul{flex-direction:row}vivid-footer .vivid-footer__right-col ul li{margin-right:2rem}vivid-footer .vivid-footer__contact-us,vivid-footer .vivid-footer__more-sites{font-family:MTNBrighterSans-Light,Arial,sans-serif;margin:0 0 .5rem}vivid-footer .vivid-footer__more-sites a{color:#fff}vivid-footer .vivid-footer__more-sites a:hover,vivid-footer .vivid-footer__more-sites a:focus{color:#ffffffa3}vivid-footer .vivid-footer__more-sites a:active{color:#ffcb05;opacity:1}vivid-footer .vivid-footer__more-sites .vivid-footer__list{display:flex;flex-direction:column;gap:.875rem}vivid-footer .vivid-footer__more-sites .vivid-footer__list-item{text-transform:none;font-size:.875rem}@media screen and (min-width: 768px){vivid-footer .vivid-footer__more-sites .vivid-footer__list{flex-wrap:wrap;max-height:14.4rem}}vivid-footer .vivid-footer .vivid-footer-btn__icon{margin-right:24px;filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%);width:auto}vivid-footer .vivid-footer .vivid-footer-btn__right-icon{filter:invert(1) grayscale(1)}vivid-footer .vivid-footer__social-links{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1rem;padding:2rem 0 0}vivid-footer .vivid-footer__social-links a{color:#ffcb05;letter-spacing:.05rem;text-transform:uppercase}vivid-footer .vivid-footer__social-links a:hover,vivid-footer .vivid-footer__social-links a:focus{color:#fff;opacity:.64}vivid-footer .vivid-footer__social-links a:active{color:#ffcb05}vivid-footer .vivid-footer__social-links__social-icons{cursor:pointer}vivid-footer .vivid-footer__social-links__social-icons:hover,vivid-footer .vivid-footer__social-links__social-icons:focus{opacity:.64}vivid-footer .vivid-footer__social-links__social-icons:active{opacity:1}vivid-footer .vivid-footer__social-links__social-icons--filter{filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}vivid-footer .vivid-footer__social-links__social-icons--filter:hover,vivid-footer .vivid-footer__social-links__social-icons--filter:focus{filter:invert(1) grayscale(1)}vivid-footer .vivid-footer__social-links__social-icons--filter:active{color:invert(1) grayscale(1)}vivid-footer .vivid-footer__bottom-links{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:.875rem;margin:1rem 0 0;border-top:solid 1px rgba(255,255,255,.16);padding-top:2rem}vivid-footer .vivid-footer__bottom-links a{color:#fff}vivid-footer .vivid-footer__bottom-links a:hover,vivid-footer .vivid-footer__bottom-links a:focus{color:#fff;opacity:.64}vivid-footer .vivid-footer__bottom-links a:active{color:#ffcb05;opacity:1}vivid-footer .vivid-footer__list{list-style:none;padding:0;margin:0}vivid-footer .vivid-footer__list-item{padding:0 0 1rem;font-size:.75rem;line-height:1rem;letter-spacing:.046875rem;text-transform:uppercase}vivid-footer .vivid-footer__collapsed-detail{max-height:0;opacity:0;padding-top:1rem;transition-property:opacity,max-height;transition-duration:20ms;transition-timing-function:ease-in-out;overflow:hidden}vivid-footer .vivid-footer__collapsed-detail--expanded{max-height:300vh;opacity:1;transition-duration:.3s}vivid-footer .vivid-footer-copyright{font-family:MTNBrighterSans-Regular,Arial,sans-serif;flex:0 0 100%}vivid-footer .vivid-footer-copyright__content{padding-top:1rem;padding-bottom:1.5rem;color:#fff;opacity:.4;font-size:.7875rem}vivid-footer .vivid-footer-btn{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1rem;color:#fff;display:flex;align-items:center;cursor:pointer}vivid-footer .vivid-footer-btn__icon{flex:1 0 auto;width:3rem}vivid-footer .vivid-footer-btn__icon:hover{color:#fff}vivid-footer .vivid-footer-btn__right-icon{flex:1 0 auto;width:.75rem;text-align:right;transition:transform .3s ease-in-out}vivid-footer .vivid-footer-btn__text{flex:1 1 100%}vivid-footer .vivid-footer-btn:hover,vivid-footer .vivid-footer-btn:focus{color:#ffffffa3}vivid-footer .vivid-footer-btn:active{color:#ffcb05;opacity:1}vivid-footer .vivid-footer-btn--expanded .vivid-footer-btn__right-icon{transform:rotateX(180deg)}vivid-footer .vivid-footer-contact,vivid-footer .vivid-footer-contact a{color:#fff}vivid-footer .vivid-footer-contact a:hover,vivid-footer .vivid-footer-contact a:focus{color:#fff;opacity:.64}vivid-footer .vivid-footer-contact a:active{color:#ffcb05;opacity:1}vivid-footer .vivid-footer-contact__header{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:.875rem;margin:0 0 1.25rem}vivid-footer .vivid-footer-contact__header--no-margin{margin:0}vivid-footer .vivid-footer-contact__content{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-size:.875rem;line-height:1.5;margin:0 0 .875rem}vivid-footer .vivid-footer-contact-info{text-transform:uppercase}vivid-footer .vivid-footer-contact-info__content{display:grid;grid-template-columns:1.5rem 1fr;max-width:fit-content}vivid-footer .vivid-footer-contact-info__form{font-family:MTNBrighterSans-Regular,Arial,sans-serif;font-size:.75rem;text-transform:none}vivid-footer .vivid-footer-contact-info__form a{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;color:#ffcb05;text-transform:lowercase}vivid-footer .vivid-footer-tag__title{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;padding-bottom:.25rem}vivid-footer .vivid-footer-tag__badge{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3}vivid-footer .vivid-footer-tag__icon{align-items:center;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;display:flex}vivid-footer .vivid-footer-tag__icon img{max-width:.875rem}vivid-footer .vivid-footer-badge{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;border-radius:4px;font-size:.625rem;padding:.25rem}vivid-footer .vivid-footer-badge__tel,vivid-footer .vivid-footer-badge__web{color:#000;background-color:#fff}vivid-footer .vivid-footer-badge__email{color:#000;background-color:#ffcb05}@media screen and (min-width: 768px){vivid-footer .vivid-footer__contact-us .vivid-footer__collapsed-detail{display:grid;grid-auto-columns:50% 50%}vivid-footer .vivid-footer__more-sites .vivid-footer__collapsed-detail{padding-left:3rem}vivid-footer .vivid-footer__social-links .vivid-footer__list-item{display:inline-block;margin:0 1.5rem 0 0}vivid-footer .vivid-footer__social-links .vivid-footer__list-item:last-child{margin:0}vivid-footer .vivid-footer__social-links{padding-top:2rem}vivid-footer .vivid-footer-contact__col-1{grid-row:span 2}vivid-footer .vivid-footer-contact__col-2{grid-column:2}}@media screen and (min-width: 992px){vivid-footer .vivid-footer{max-width:942px;margin-top:2.25rem}vivid-footer .vivid-footer__bottom-links .vivid-footer__list-item{display:inline-block;margin:0 1.5rem 0 0}vivid-footer .vivid-footer__contact-us{position:absolute;top:0;left:0;width:36rem}vivid-footer .vivid-footer__contact-us .vivid-footer-btn{width:10rem;position:absolute;top:-2.25rem;left:0}vivid-footer .vivid-footer__contact-us.vivid-footer--expanded{position:relative}vivid-footer .vivid-footer__more-sites{position:absolute;top:0;left:0;width:36rem}vivid-footer .vivid-footer__more-sites .vivid-footer__list-item{flex:1 0 33%}vivid-footer .vivid-footer__more-sites .vivid-footer-btn{width:10rem;position:absolute;top:-2.25rem;left:12.25rem}vivid-footer .vivid-footer__more-sites.vivid-footer--expanded{position:relative}vivid-footer .vivid-footer__more-sites .vivid-footer__collapsed-detail{padding-left:0}vivid-footer .vivid-footer__coverage-map{position:absolute;top:0;left:0}vivid-footer .vivid-footer__coverage-map .vivid-footer-btn{width:11rem;position:absolute;top:-2.25rem;left:24.5rem}vivid-footer .vivid-footer__social-links{padding-top:.5rem}vivid-footer .vivid-footer-copyright{display:flex;justify-content:space-between;align-items:center}vivid-footer .vivid-footer-copyright__content{padding:0}}@media screen and (min-width: 1200px){vivid-footer .vivid-footer{max-width:85rem;margin-top:2.25rem}vivid-footer .vivid-footer__left-col{min-height:.5rem;flex:55%}vivid-footer .vivid-footer__right-col{flex:45%;margin-top:-2.75rem}vivid-footer .vivid-footer__social-links{text-align:right}}mtn-landing-carousel /* Style block 13 */
.custom-container{
max-width: 1920px;
padding-left: 50px;
padding-right: 50px;
margin: 0 auto;
}mtn-landing-carousel .micro-description-text{
color: #000;
font-family: "MTN Brighter Sans";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 16px;
margin-top: 10px;
}.vds-carousel-scroller{
left: 140%;
}
@media (max-width: 1800px) {.vds-carousel-scroller{
left: 90%;
}
}
@media (max-width: 1600px) {.vds-carousel-scroller{
left: 30%;
}
}
@media (max-width: 1440px) {.vds-carousel-scroller{
left: 10%;
}
}
@media (max-width: 1024px) {mtn-landing-carousel .custom-container{
padding-left: 0;
padding-right: 0;
}.vds-carousel-scroller{
left: 20%;
}
}
@media (max-width: 540px) {.vds-carousel-scroller{
left: 0;
}mtn-landing-carousel .micro-description-text{
font-size: 12px;
}
}/* Style block 14 */
.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-hero-carousel{display:block}.vds-hero-carousel__container{display:grid}.vds-hero-carousel .vds-hero-banner__action{bottom:84px}.vds-hero-carousel__scroller{position:relative;top:-64px;padding:0}.vds-hero-carousel .vds-carousel-hero{grid-row:1;grid-column:1;opacity:0;pointer-events:none}.vds-hero-carousel .vds-carousel-hero--visible{opacity:1;pointer-events:all;animation:fadeIn 2s}.vds-hero-carousel .vds-hero-banner__css{display:none}/*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 15 */
.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-carousel-scroller{position:relative;display:flex;gap:.5rem;max-width:433px;align-items:center}.vds-carousel-scroller__item{cursor:pointer;height:.375rem;width:.375rem;border-radius:16px;background-color:#0000003d;transition-property:width;transition-duration:.2s}.vds-carousel-scroller__item--dark-mode{background-color:#ffffff3d}.vds-carousel-scroller__item--active{width:.75rem}.vds-carousel-scroller__item--small{width:.3125rem;height:.3125rem}.vds-carousel-scroller__item--smaller{width:.25rem;height:.25rem}.vds-carousel-scroller--sunshine .vds-carousel-scroller__item--active{background:linear-gradient(135deg,#ffcb06 48.44%,#e49c15)}.vds-carousel-scroller--raven .vds-carousel-scroller__item--active{background-color:#000}/*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 16 */
.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-hero-banner{display:block;margin-top:5rem}.vds-hero-banner__link{color:inherit;text-decoration:none}.vds-hero-banner__link:hover,.vds-hero-banner__link:focus{text-decoration:none}.vds-hero-banner:hover .vds-hero-banner__action{filter:invert(1) grayscale(1)}.vds-hero-banner:hover .vds-hero-banner__action--dark{filter:grayscale(1) contrast(1)}.vds-hero-banner:active .vds-hero-banner__action{filter:invert(84%) sepia(38%) saturate(3792%) hue-rotate(352deg) brightness(107%) contrast(106%)}.vds-hero-banner__img{width:100%;height:150vw;max-height:75vh;object-fit:cover;object-position:65% 50%}.vds-hero-banner__content{display:flex;align-items:flex-start;padding:4rem 1.5rem 0}.vds-hero-banner__content h2{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:1.5rem;line-height:1.75rem}@media (min-width: 390px) and (max-width: 479px){.vds-hero-banner__content h2{font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (max-width: 1199px){.vds-hero-banner__content h2{font-size:2.5rem;line-height:2.75rem}}@media (min-width: 992.02px){.vds-hero-banner__content h2{font-size:3.5rem;line-height:3.75rem}}@media (min-width: 1920px){.vds-hero-banner__content h2{font-size:5rem;line-height:5.25rem}}.vds-hero-banner__content h3{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:2rem;line-height:2.25rem}@media (min-width: 390px) and (max-width: 479px){.vds-hero-banner__content h3{font-size:2rem;line-height:2.25rem}}@media (min-width: 480px) and (max-width: 809px){.vds-hero-banner__content h3{font-size:3rem;line-height:3.25rem}}@media (min-width: 810px) and (max-width: 1199px){.vds-hero-banner__content h3{font-size:4rem;line-height:4.25rem}}@media (min-width: 992.02px){.vds-hero-banner__content h3{font-size:5rem;line-height:5.25rem}}@media (min-width: 1920px){.vds-hero-banner__content h3{font-size:88px;line-height:92px}}.vds-hero-banner__content h4{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-weight:300;font-size:1rem;line-height:20px}@media (min-width: 390px) and (max-width: 479px){.vds-hero-banner__content h4{font-size:1rem;line-height:20px}}@media (min-width: 480px) and (max-width: 809px){.vds-hero-banner__content h4{font-size:1.25rem;line-height:24px}}@media (min-width: 810px) and (max-width: 1199px){.vds-hero-banner__content h4{font-size:1.25rem;line-height:24px}}@media (min-width: 992.02px){.vds-hero-banner__content h4{font-size:1.5rem;line-height:28px}}@media (min-width: 1920px){.vds-hero-banner__content h4{font-size:2rem;line-height:36px}}.vds-hero-banner__content h5{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-weight:300;font-size:1rem;line-height:20px}@media (min-width: 390px) and (max-width: 479px){.vds-hero-banner__content h5{font-size:1rem;line-height:20px}}@media (min-width: 480px) and (max-width: 809px){.vds-hero-banner__content h5{font-size:1rem;line-height:20px}}@media (min-width: 810px) and (max-width: 1199px){.vds-hero-banner__content h5{font-size:1.25rem;line-height:24px}}@media (min-width: 992.02px){.vds-hero-banner__content h5{font-size:1.25rem;line-height:24px}}@media (min-width: 1920px){.vds-hero-banner__content h5{font-size:2rem;line-height:36px}}.vds-hero-banner__content sub{font-size:.75em;vertical-align:baseline}.vds-hero-banner__content strong{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif}.vds-hero-banner__content-main{display:flex;flex-direction:column;gap:1rem}.vds-hero-banner__content-main [vdsHeroLogos]{max-height:88px;display:flex;gap:.5rem}.vds-hero-banner__action-bar{display:flex;flex-direction:row;gap:1.5rem;align-items:center;margin-top:1.5rem}.vds-hero-banner__action{filter:invert(1) grayscale(1) opacity(.24)}.vds-hero-banner__action--dark{filter:grayscale(1) contrast(1) opacity(.24)}@media (max-width: 992px){.vds-hero-banner__content{-webkit-backdrop-filter:brightness(.7);backdrop-filter:brightness(.7)}}@media (min-width: 576.02px) and (min-height: 576.02px){.vds-hero-banner{margin-top:0}.vds-hero-banner__img{height:90vw;max-height:70vh}.vds-hero-banner__content{align-items:center;padding:0 2rem}}@media (min-width: 992.02px){.vds-hero-banner__img{height:55.285vw;max-height:min(774px,75vh);border-bottom-left-radius:24px;border-bottom-right-radius:24px}.vds-hero-banner__content{-webkit-backdrop-filter:none;backdrop-filter:none}}/*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 17 */
.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-back-banner{display:grid}.vds-back-banner-layer1,.vds-back-banner-layer2,.vds-back-banner-overlay{position:relative;display:grid;grid-column:1;grid-row:1}.vds-back-banner-overlay{align-items:flex-end}.container .vds-back-banner[banner-type=fluid]{margin-left:-1rem;margin-right:-1rem}.vds-back-banner-layer1{overflow:hidden}@media (min-width: 576.02px) and (min-height: 576.02px){.vds-back-banner{max-height:70vh}}@media (min-width: 992.02px){.vds-back-banner{max-height:min(774px,75vh);border-bottom-left-radius:24px;border-bottom-right-radius:24px}.vds-back-banner,.vds-back-banner-layer1,.vds-back-banner-layer2{border-bottom-left-radius:24px;border-bottom-right-radius:24px}.vds-back-banner[banner-variant=default],.vds-back-banner[banner-variant=default] banner-layer1,.vds-back-banner[banner-variant=default] banner-layer2{border-top-left-radius:24px;border-top-right-radius:24px}.container .vds-back-banner[banner-type=fluid]{margin-left:clamp(-220px,-50vw + 668px,-16px);margin-right:clamp(-220px,-50vw + 668px,-16px)}}mtn-landing-icon-tray /*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 18 */
body{
font-size: 16px;
font-family: "MTNBrighterSans-Regular", Arial, sans-serif;
}mtn-landing-icon-tray .font-heading-extra-bold{
font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif !important;
}mtn-landing-icon-tray .font-heading-bold{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif !important;
}mtn-landing-icon-tray .font-heading-reg{
font-family: "MTNBrighterSans-Regular", Arial, sans-serif !important;
}mtn-landing-icon-tray .font-heading-light{
font-family: "MTNBrighterSans-Light", Arial, sans-serif !important;
}mtn-landing-icon-tray .font-heading-extra-light{
font-family: "MTNBrighterSans-ExtraLight", Arial, sans-serif !important;
}mtn-landing-icon-tray .font-heading-light-italic{
font-family: "MTNBrighterSans-Light-Italic", Arial, sans-serif !important;
}mtn-landing-icon-tray .font-heading-italic{
font-family: "MTNBrighterSans-Bold-Italic", Arial, sans-serif !important;
}mtn-landing-icon-tray .font-base-extra-bold{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-bold{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-semi-bold{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-medium{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-regular{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-light{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-light-200{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-min-light{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-base-min-normal{
font-family: "Work Sans", sans-serif;
}mtn-landing-icon-tray .font-micro-8{
font-family: "Work Sans", sans-serif;
font-size: 8px;
}mtn-landing-icon-tray .font-micro-12{
font-family: "Work Sans", sans-serif;
font-size: 12px;
}mtn-landing-icon-tray .font-body-16{
font-family: "Work Sans", sans-serif;
font-size: 1rem;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .font-body-20{
font-family: "Work Sans", sans-serif;
font-size: 20px;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .font-heading-24{
font-family: "Work Sans", sans-serif;
font-size: 24px;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .font-heading-28{
font-family: "Work Sans", sans-serif;
font-size: 28px;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .font-heading-32{
font-family: "Work Sans", sans-serif;
font-size: 32px;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .font-display-48{
font-family: "Work Sans", sans-serif;
font-size: 48px;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .font-display-64{
font-family: "Work Sans", sans-serif;
font-size: 64px;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .font-display-56{
font-family: "Work Sans", sans-serif;
font-size: 56px;
margin-bottom: 0 !important;
}mtn-landing-icon-tray .brighter-heading-32{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 32px;
letter-spacing: 0;
line-height: 48px;
height: 48px;
}mtn-landing-icon-tray .brighter-heading-48{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 48px;
line-height: 48px;
height: 48px;
padding-top: 8px;
}mtn-landing-icon-tray .brighter-heading-56{
font-family: "MTNBrighterSans-Bold", Arial, sans-serif;
color: #000000;
font-size: 56px;
letter-spacing: 0;
line-height: 56px;
}mtn-landing-icon-tray .ebu-details-header-12{
color: #232323;
font-family: "Work Sans", sans-serif;
font-size: 12px;
padding-bottom: 1.125rem;
height: 0.5rem;
line-height: 0.5rem;
letter-spacing: -0.2px;
}mtn-landing-icon-tray .ebu-details-value-16{
color: #232323;
font-family: "Work Sans", sans-serif;
font-size: 1.125rem;
height: 0.75rem;
line-height: 0.75rem;
letter-spacing: -0.2px;
}mtn-landing-icon-tray .stretch-56-40{
padding: 56px 40px;
}mtn-landing-icon-tray .padding-20{
padding: 20px;
}mtn-landing-icon-tray .padding-24{
padding: 24px;
}mtn-landing-icon-tray .padding-28{
padding: 28px;
}mtn-landing-icon-tray .padding-32{
padding: 32px;
}mtn-landing-icon-tray .padding-36{
padding: 36px;
}mtn-landing-icon-tray .padding-40{
padding: 40px;
}mtn-landing-icon-tray .padding-44{
padding: 44px;
}mtn-landing-icon-tray .padding-48{
padding: 48px;
}mtn-landing-icon-tray .padding-56{
padding: 56px;
}mtn-landing-icon-tray .padding-64{
padding: 64px;
}mtn-landing-icon-tray .padding-68{
padding: 68px;
}mtn-landing-icon-tray .padding-80{
padding: 80px;
}mtn-landing-icon-tray .padding-84{
padding: 84px;
}mtn-landing-icon-tray .margin-20{
margin: 20px;
}mtn-landing-icon-tray .margin-24{
margin: 24px;
}mtn-landing-icon-tray .margin-24_bottom{
margin-bottom: 0 0 24px 0;
}mtn-landing-icon-tray .margin-28{
margin: 28px;
}mtn-landing-icon-tray .margin-32{
margin: 32px;
}mtn-landing-icon-tray .margin-36{
margin: 36px;
}mtn-landing-icon-tray .margin-40{
margin: 40px;
}mtn-landing-icon-tray .margin-44{
margin: 44px;
}mtn-landing-icon-tray .margin-48{
margin: 48px;
}mtn-landing-icon-tray .margin-56{
margin: 56px;
}mtn-landing-icon-tray .margin-64{
margin: 64px;
}mtn-landing-icon-tray .margin-68{
margin: 68px;
}mtn-landing-icon-tray .margin-80{
margin: 80px;
}mtn-landing-icon-tray .margin-84{
margin: 84px;
}mtn-landing-icon-tray :export{
inline-4: 4px;
inline-8: 8px;
inline-16: 12px;
inline-16: 16px;
inline-24: 20px;
inline-24: 24px;
inline-32: 32px;
inline-40: 40px;
inline-56: 56px;
inline-64: 64px;
inline-80: 80px;
space-none: 0px;
inset-24: 24px 24px 24px 24px;
inset-32: 32px 32px 32px 32px;
inset-64: 64px 64px 64px 64px;
stack-4: 0 0 4px 0;
stack-8: 0 0 8px 0;
stack-12: 0 0 12px 0;
stack-16: 0 0 16px 0;
stack-24: 0 0 20px 0;
stack-24: 0 0 24px 0;
stack-32: 0 0 32px 0;
stack-40: 0 0 40px 0;
stack-56: 0 0 56px 0;
stack-64: 0 0 64px 0;
stack-80: 0 0 80px 0;
}mtn-landing-icon-tray .border-radius-xs{
border-radius: 4px;
}mtn-landing-icon-tray .border-radius-s{
border-radius: 8px;
}mtn-landing-icon-tray .border-radius-m{
border-radius: 16px;
}mtn-landing-icon-tray .border-radius-l{
border-radius: 24px;
}mtn-landing-icon-tray .border-radius-xl{
border-radius: 32px;
}mtn-landing-icon-tray .border-radius-xl-40{
border-radius: 40px;
}mtn-landing-icon-tray .border-radius-50{
border-radius: 50%;
}mtn-landing-icon-tray .border-radius-100{
border-radius: 100%;
}mtn-landing-icon-tray .global-search-actions-auto{
margin-left: auto;
margin-right: 24px;
display: inherit;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-actions-auto{
margin-left: unset;
margin-right: 18px;
}
}mtn-landing-icon-tray .global-search-actions{
display: flex;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-actions{
width: -moz-min-content;
width: min-content;
height: -moz-min-content;
height: min-content;
}
}mtn-landing-icon-tray .global-search-actions vivid-round-action-button{
margin-left: 4px;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-actions vivid-round-action-button{
margin-left: 12px;
}
}mtn-landing-icon-tray .global-search-input input{
color: #ffffff;
border: none;
width: 100%;
font-size: 24px;
line-height: 28px;
padding-bottom: 0px;
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-input input{
font-size: 16px;
line-height: 19px;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 8px;
}
}mtn-landing-icon-tray .global-search-input svg{
margin-right: 32px;
width: 24px;
height: 24px;
align-self: center;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-input svg{
margin-right: 8px;
}
}mtn-landing-icon-tray .global-search-input svg g g{
stroke: #ffffff;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-input{
margin-right: auto;
}
}mtn-landing-icon-tray .global-search-input-light input{
color: #000000;
border: none;
width: 100%;
font-size: 24px;
line-height: 28px;
padding-bottom: 0px;
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-input-light input{
font-size: 16px;
line-height: 19px;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 8px;
}
}mtn-landing-icon-tray .global-search-input-light svg{
margin-right: 32px;
width: 24px;
height: 24px;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-input-light svg{
margin-right: 8px;
}
}mtn-landing-icon-tray .global-search-input-light svg g g{
stroke: #b0b0b0;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .global-search-input-light{
margin-right: auto;
}
}mtn-landing-icon-tray .search-input-flex{
display: flex;
}
@media screen and (max-width: 640px) {mtn-landing-icon-tray .search-input-flex{
align-items: unset;
}
}mtn-landing-icon-tray .search-vertical-seperator{
border-right: solid 2px #b0b0b0;
margin-right: 12px;
margin-bottom: 4px;
}mtn-landing-icon-tray .search-horizontal-seperator{
border-bottom: solid 2px #b0b0b0;
}mtn-landing-icon-tray .vivid-button .vivid-button-content:not(:only-child){
display: none;
}mtn-landing-icon-tray .vivid-button.vivid-button-primary{
background: linear-gradient(180deg, #f8c000 0%, #f8c000 100%);
}mtn-landing-icon-tray .vivid-button.vivid-button-ghost.vivid-button__active{
background: #000000;
color: #ffffff;
}mtn-landing-icon-tray .vivid-button.vivid-button-ghost:hover,mtn-landing-icon-tray .vivid-button.vivid-button-ghost:active{
background: #404040;
color: #ffffff;
}mtn-landing-icon-tray .vivid-button.vivid-button-filter{
background: #ffffff;
color: #000000;
box-shadow: 0 2px 24px 0 rgba(32, 32, 32, 0.16);
height: 40px;
width: auto;
line-height: 40px;
font-size: 12px;
padding: 0 32px;
margin: 0;
}mtn-landing-icon-tray .vivid-button.vivid-button-filter.vivid-button__active{
color: #ffffff;
background: #000000;
}mtn-landing-icon-tray .vivid-button.vivid-button-filter:hover,mtn-landing-icon-tray .vivid-button.vivid-button-filter:active{
background: linear-gradient(180deg, #909090 50%, #606060 100%) #909090;
color: #ffffff;
}mtn-landing-icon-tray .vds-shelf{
width: 100%;
height: 100%;
padding: 5px;
}mtn-landing-icon-tray .landing-icon-tray{
margin: 60px 0;
}
@media (max-width: 540px) {mtn-landing-icon-tray .landing-icon-tray{
margin: 30px 0 16px 0;
}
}/* Style block 19 */
.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-shelf{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:16px;color:#000;transition-property:all;transition-duration:.2s}.vds-shelf-container{display:grid;margin:1rem auto;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:4rem;justify-items:center}.vds-shelf__label{margin-top:.25rem;font-size:1.25rem;line-height:1.5rem;text-align:center}.vds-shelf:hover{background-color:#0000003d;color:#000000a3}.vds-shelf:hover vds-icon svg image{filter:url(#vds-colour-raven-64pc)}.vds-shelf:active{background-color:#000;color:#ffcb05}.vds-shelf:active vds-icon svg image{filter:url(#vds-colour-sunshine)}@media (min-width: 576.02px) and (min-height: 576.02px){.vds-shelf{width:8.875rem;height:8.875rem;border-radius:24px}.vds-shelf-container{margin:3.5rem auto}.vds-shelf__label{margin-top:.5rem;font-size:1.25rem;text-align:center}}@media (min-width: 576.02px) and (max-width: 992px){.vds-shelf-container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media (min-width: 992.02px){.vds-shelf-container{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(1,1fr);width:fit-content}}/*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 20 */
.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-card-carousel{display:grid}.vds-card-carousel__container{grid-row:1;grid-column:1;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;display:flex;gap:1rem;overflow-y:hidden;padding:var(--vds-card-carousel-base-padding);height:var(--vds-card-carousel-base-height, auto)}.vds-card-carousel__container::-webkit-scrollbar{display:none}.container .vds-card-carousel--fullViewport .vds-card-carousel__container{margin-left:min(-50vw + 676px,-1rem);margin-right:min(-50vw + 676px,-1rem)}.container .vds-card-carousel--fullViewport .vds-card-carousel__container--spacing-before,.container .vds-card-carousel--fullViewport .vds-card-carousel__container--spacing-after{flex:0 0 max(50vw - 692px,0px)}.container .vds-card-carousel--fullViewport .vds-card-carousel__container--spacing-before{scroll-snap-align:start}.container .vds-card-carousel--fullViewport .vds-card-carousel__container--spacing-after{scroll-snap-align:end}.vds-card-carousel .vds-carousel-card{flex:0 0 auto;scroll-snap-align:center}@media (min-width: 992.02px){.vds-card-carousel:hover .vds-card-carousel__button{pointer-events:all;opacity:1}}/*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 21 */
.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-top-deal-card{width:100%;min-width:324px;min-height:30.375rem;display:grid;border-radius:24px;transition:transform .1s ease-in-out;overflow:hidden;cursor:pointer}.vds-top-deal-card__image{grid-column:1;grid-row:1;width:100%;transition:all ease .2s;height:100%;object-fit:cover;clip-path:content-box}.vds-top-deal-card__text{pointer-events:none;grid-column:1;grid-row:1;z-index:1;padding:1.5rem}.vds-top-deal-card__text--light{color:#fff}.vds-top-deal-card__bottom{grid-column:1;grid-row:1;z-index:2;margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem 1.5rem}.vds-top-deal-card__bottom>vds-deal-pill:only-child{margin-left:auto}.vds-top-deal-card__bottom vds-card-arrow svg path{fill:#00000052}.vds-top-deal-card__bottom--light vds-card-arrow svg path{fill:#ffffff52}.vds-top-deal-card__link{display:grid;border-radius:24px;color:inherit;text-decoration:none}.vds-top-deal-card__link:hover,.vds-top-deal-card__link:focus{text-decoration:none}.vds-top-deal-card:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000029}.vds-top-deal-card:hover vds-card-arrow svg path{fill:#000}.vds-top-deal-card:hover .vds-top-deal-card__bottom vds-icon svg image{filter:url(#vds-colour-raven)}.vds-top-deal-card:hover .vds-top-deal-card__bottom--light vds-icon svg image{filter:url(#vds-colour-pearl)}.vds-top-deal-card:hover .vds-top-deal-card__bottom--light vds-card-arrow svg path{fill:#fff}.vds-top-deal-card:hover .vds-top-deal-card__image{transform:scale(1.05) translateY(-2%)}.vds-top-deal-card:active .vds-top-deal-card__bottom vds-card-arrow svg path{fill:#ffcb05}mtn-landing-portal-card /*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 22 */
.vds-container--flush{
max-width: 1920px;
margin: 0 auto;
padding: 0rem 10rem;
}mtn-landing-portal-card .margin-bottom-8{
margin-bottom: 8px;
}mtn-landing-portal-card .margin-top-16{
margin-top: 16px;
}mtn-landing-portal-card .title{
color: #000;
text-align: center;
font-family: "MTN Brighter Sans", sans-serif;
font-size: 72px;
font-style: normal;
font-weight: 800;
line-height: 100%;
}mtn-landing-portal-card .heading-title{
font-family: "MTN Brighter Sans", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 120%;
}mtn-landing-portal-card .row{
display: flex;
flex-wrap: wrap;
gap: 24px;
}mtn-landing-portal-card .col{
flex: 1;
display: flex;
flex-direction: column;
}mtn-landing-portal-card .list-wrapper{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}mtn-landing-portal-card .col.margin-top-16{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}mtn-landing-portal-card .card{
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 24px;
overflow: hidden;
transition: box-shadow 0.3s ease;
}mtn-landing-portal-card .card:hover{
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
cursor: pointer;
}mtn-landing-portal-card .card__content{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 38px;
flex-grow: 1;
cursor: default;
}mtn-landing-portal-card .card__heading{
color: #000;
font-family: "MTN Brighter Sans", sans-serif;
font-size: 41px;
font-style: normal;
font-weight: 800;
line-height: 100%;
margin: 0;
text-align: left;
word-break: break-word;
}mtn-landing-portal-card .card__paragraph{
margin-top: 16px;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.64);
font-family: "MTN Brighter Sans", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 150%;
text-align: left;
}mtn-landing-portal-card .card__icon{
width: 100px;
padding: 24px 38px;
display: flex;
justify-content: flex-start;
}mtn-landing-portal-card .custom-margin{
margin-bottom: var(--margin-bottom-desktop);
}mtn-landing-portal-card .vds-list-card--large{
width: 18rem !important;
height: 21.5rem !important;
}mtn-landing-portal-card .vds-carousel-scroller{
left: 0 !important;
}
@media (max-width: 1024px) {mtn-landing-portal-card .vds-container--flush{
padding: 0 !important;
}mtn-landing-portal-card .list-wrapper,mtn-landing-portal-card .col.margin-top-16{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}mtn-landing-portal-card .title{
font-size: 3rem;
line-height: 52px;
text-align: start;
margin-left: 1rem;
}mtn-landing-portal-card .card__content{
padding: 24px;
}mtn-landing-portal-card .card__heading{
font-size: 1.25rem;
}mtn-landing-portal-card .card__paragraph{
font-size: 1rem;
line-height: 150%;
}mtn-landing-portal-card .card__icon{
padding: 16px 24px;
height: 48px;
}mtn-landing-portal-card .custom-margin{
margin-bottom: var(--margin-bottom-tablet);
}
}
@media (max-width: 582px) {mtn-landing-portal-card .list-wrapper,mtn-landing-portal-card .col.margin-top-16{
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}mtn-landing-portal-card .vds-container--flush{
padding: 0 8px;
}mtn-landing-portal-card .title{
font-size: 2rem;
line-height: 36px;
}mtn-landing-portal-card .row{
gap: 16px;
}mtn-landing-portal-card .card__icon{
padding: 12px 24px;
height: 42px;
}mtn-landing-portal-card .card:hover{
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}mtn-landing-portal-card .custom-margin{
margin-bottom: var(--margin-bottom-mobile);
}mtn-landing-portal-card .margin-bottom-8{
margin-bottom: 0 !important;
}mtn-landing-portal-card .vds-card-carousel__container{
gap: 1.5rem !important;
}
}/* Style block 23 */
.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-list-card{display:grid;width:18rem;height:27.875rem;border:1px solid rgba(0,0,0,.16);border-radius:24px;cursor:pointer;padding:1.5rem;background-color:#fff;transform-style:preserve-3d;transition:transform .6s ease-in-out;transition:transform .1s ease-in-out;transform:rotateY(0)}.vds-list-card--large{width:20.25rem;height:23.1875rem}.vds-list-card--flip-card-transition{transition:transform .6s ease-in-out}.vds-list-card--flipped{transform:rotateY(-180deg)}.vds-list-card--dark{background-color:#000}.vds-list-card--dark .vds-list-card-ellipses>span{background:#ffcb05}.vds-list-card--dark .vds-list-card-active--inverse-colour{color:#ffffffa3}.vds-list-card--dark .vds-list-card-top,.vds-list-card--dark .vds-list-card-body,.vds-list-card--dark .vds-list-card-bottom,.vds-list-card--dark .vds-radio-button-label,.vds-list-card--dark vds-card-arrow svg path,.vds-list-card--dark vds-icon{color:#fff;fill:#ffcb05}.vds-list-card--dark .vds-list-card-top svg image,.vds-list-card--dark .vds-list-card-body svg image,.vds-list-card--dark .vds-list-card-bottom svg image,.vds-list-card--dark .vds-radio-button-label svg image,.vds-list-card--dark vds-card-arrow svg path svg image,.vds-list-card--dark vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-list-card--dark .vds-list-card__divider{border-bottom:1px solid rgba(255,255,255,.16)}.vds-list-card-ellipses{height:100%;display:flex;justify-content:center;gap:4px;cursor:pointer}.vds-list-card-ellipses span{background:#00000029;width:10px;height:10px;border-radius:50%}.vds-list-card .vds-radio-button-group{flex-direction:row}.vds-list-card-bottom vds-card-arrow svg path,.vds-list-card-bottom vds-icon{fill:#00000029}.vds-list-card-bottom vds-card-arrow svg path svg image,.vds-list-card-bottom vds-icon svg image{filter:url(#vds-colour-raven-16pc)}.vds-list-card:hover:not(.vds-list-card--disabled,.vds-list-card--flipped){transform:scale(1.02);box-shadow:0 4px 16px #00000029}.vds-list-card:hover:not(.vds-list-card--disabled,.vds-list-card--flipped) .vds-list-card-ellipses>span{background:#000}.vds-list-card:hover:not(.vds-list-card--disabled,.vds-list-card--flipped) vds-card-arrow svg path,.vds-list-card:hover:not(.vds-list-card--disabled,.vds-list-card--flipped) vds-icon{fill:#000}.vds-list-card:hover:not(.vds-list-card--disabled,.vds-list-card--flipped) vds-card-arrow svg path svg image,.vds-list-card:hover:not(.vds-list-card--disabled,.vds-list-card--flipped) vds-icon svg image{filter:url(#vds-colour-raven)}.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition){background-color:#000}.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card-active--inverse-colour{color:#ffffffa3}.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card-top,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card-body,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card-bottom,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) vds-card-arrow svg path,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) vds-icon{color:#fff;fill:#ffcb05}.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card-top svg image,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card-body svg image,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card-bottom svg image,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) vds-card-arrow svg path svg image,.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-list-card:active:not(.vds-list-card--disabled,.vds-list-card--flip-card-transition) .vds-list-card__divider{border-bottom:1px solid rgba(255,255,255,.16)}.vds-list-card__front{display:flex;flex-direction:column}.vds-list-card__front--hide{display:none}.vds-list-card__back{transform:rotateY(-180deg);display:flex;flex-direction:column}.vds-list-card__back--hide{display:none}.vds-list-card--translucent{background-color:#ffffffa3}.vds-list-card--translucent .vds-list-card:active{background-color:#000000a3}.vds-list-card--translucent .vds-list-card:active .vds-list-card__divider{border-bottom:1px solid rgba(255,255,255,.64)}.vds-list-card--subtle{background:var(--colour-SURFACE-overlay-inverse-80, rgba(255, 255, 255, .8))}.vds-list-card--subtle .vds-list-card:active{background:var(--colour-SURFACE-overlay-neutral-80, rgba(0, 0, 0, .8))}.vds-list-card--subtle .vds-list-card:active .vds-list-card__divider{border-bottom:1px solid rgba(255,255,255,.16)}.vds-list-card--disabled .vds-list-card-top,.vds-list-card--disabled .vds-list-card-body,.vds-list-card--disabled .vds-list-card-bottom,.vds-list-card--disabled vds-card-arrow svg path,.vds-list-card--disabled vds-icon{color:#00000029;fill:#00000029}.vds-list-card--disabled .vds-list-card-top svg image,.vds-list-card--disabled .vds-list-card-body svg image,.vds-list-card--disabled .vds-list-card-bottom svg image,.vds-list-card--disabled vds-card-arrow svg path svg image,.vds-list-card--disabled vds-icon svg image{filter:url(#vds-colour-foreground-primary-disabled)}.vds-list-card--disabled .vds-list-card-top .vds-list-card-active--inverse-colour,.vds-list-card--disabled .vds-list-card-body .vds-list-card-active--inverse-colour,.vds-list-card--disabled .vds-list-card-bottom .vds-list-card-active--inverse-colour,.vds-list-card--disabled vds-card-arrow svg path .vds-list-card-active--inverse-colour,.vds-list-card--disabled vds-icon .vds-list-card-active--inverse-colour{color:#00000029}.vds-list-card--disabled .vds-typography-list-style:before{background-color:#00000052}.vds-list-card-top{grid-column:1;grid-row:1}.vds-list-card-top__spacer{height:64px;width:100%}.vds-list-card-body{grid-column:1;grid-row:1}.vds-list-card-bottom{grid-column:1;grid-row:1;margin-top:auto}.vds-list-card__divider{border-bottom:1px solid rgba(0,0,0,.08);margin:1rem 0}.vds-list-card__flex-column{display:flex;flex-direction:column}.vds-list-card__flex-space-between{display:flex;justify-content:space-between;align-items:center}mtn-landing-business-hero-banner /*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 24 */
.custom-wrapper{
padding: 0 32px 388px 32px;
}mtn-landing-business-hero-banner .custom-container{
width: 100vw;
max-width: 1820px;
}mtn-landing-business-hero-banner .overlay-button{
width: 40px;
height: 40px;
border-radius: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
border: none;
color: black;
font-weight: bold;
}
@media (max-width: 1024px) {mtn-landing-business-hero-banner .custom-wrapper{
padding: 0 0 254px 0;
}mtn-landing-business-hero-banner .custom-container{
border-radius: 0;
}mtn-landing-business-hero-banner .vds-belly-banner{
padding: 40px;
height: 614px;
border-radius: 0;
}
}
@media (max-width: 582px) {mtn-landing-business-hero-banner .custom-wrapper{
padding: 0 0 86px 0;
}mtn-landing-business-hero-banner .vds-belly-banner{
padding: 24px;
height: 266px;
}
}/* Style block 25 */
.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-belly-banner{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;min-height:470px;position:relative}.vds-belly-banner__image{-webkit-user-select:none;user-select:none;position:absolute;bottom:0;left:0;z-index:-1;height:100%;width:100%;object-fit:cover;object-position:bottom;clip-path:content-box;border-radius:inherit}.vds-belly-banner-bottom-video{height:200px}.vds-belly-banner-bottom-video [vds-belly-banner-bottom-video]{top:350px;position:absolute;left:5%;width:90%}.vds-belly-banner-bottom-video [vds-belly-banner-bottom-video] video{border-radius:24px}@media (min-width: 576.02px) and (max-width: 992px){.vds-belly-banner-bottom-video{height:200px;position:relative}.vds-belly-banner-bottom-video [vds-belly-banner-bottom-video]{position:absolute;top:0;left:0;width:100%}}@media (min-width: 992.02px) and (max-width: 1368px){.vds-belly-banner-bottom-video{left:0;width:100%;position:relative;height:400px;top:0}.vds-belly-banner-bottom-video [vds-belly-banner-bottom-video]{position:absolute;top:0;left:0;width:100%}}@media (min-width: 1368px){.vds-belly-banner-bottom-video{left:0;width:100%;position:relative;height:300px;top:0}.vds-belly-banner-bottom-video [vds-belly-banner-bottom-video]{position:absolute;width:100%;top:0;left:0}}@media (max-width: 576px){.vds-belly-banner__mobile-carousel{overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;display:flex;gap:1rem;overflow-y:hidden;padding:0}.vds-belly-banner__mobile-carousel::-webkit-scrollbar{display:none}}.vds-belly-banner [vds-belly-banner-item-input]{display:flex;flex-direction:column;gap:2.5rem}.vds-belly-banner [vds-belly-banner-item-input] [vds-belly-banner-item-input-form]{display:flex;flex-direction:row;gap:2rem;width:100%}@media (max-width: 576px){.vds-belly-banner [vds-belly-banner-item-input] [vds-belly-banner-item-input-form]{display:flex;flex-direction:column;gap:2rem;width:100%}}.vds-belly-banner [vds-belly-banner-item-sub-section] vds-icon svg image,.vds-belly-banner [vds-belly-banner-call-to-action-icon] vds-icon svg image{filter:url(#vds-colour-raven)}.vds-belly-banner [vds-belly-banner-item-sub-section]:hover vds-icon svg image,.vds-belly-banner [vds-belly-banner-call-to-action-icon]:hover vds-icon svg image{filter:grayscale(1) contrast(1) opacity(.16)}.vds-belly-banner [vds-belly-banner-item-sub-section]:active vds-icon svg image,.vds-belly-banner [vds-belly-banner-call-to-action-icon]:active vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-belly-banner__dark-background{color:#fff}.vds-belly-banner__dark-background [vds-belly-banner-item-sub-section] vds-icon svg image,.vds-belly-banner__dark-background [vds-belly-banner-call-to-action-icon] vds-icon svg image{filter:url(#vds-colour-pearl)}.vds-belly-banner__dark-background [vds-belly-banner-item-sub-section]:hover vds-icon svg image,.vds-belly-banner__dark-background [vds-belly-banner-call-to-action-icon]:hover vds-icon svg image{filter:invert(1) grayscale(1) opacity(.16)}.vds-belly-banner__dark-background [vds-belly-banner-item-sub-section]:active vds-icon svg image,.vds-belly-banner__dark-background [vds-belly-banner-call-to-action-icon]:active vds-icon svg image{filter:url(#vds-colour-sunshine)}.vds-belly-banner .vds-belly-banner-item-sections-container{padding-top:1.5rem;display:flex;align-items:flex-start;gap:1rem;align-self:stretch}.vds-belly-banner .vds-belly-banner-item-sections-container__container{z-index:1}.vds-belly-banner .vds-belly-banner-item-sections-container [vds-belly-banner-item-sub-section]{display:flex;flex-direction:column;gap:1rem;font-family:MTNBrighterSans-Light,Arial,sans-serif;font-weight:300;font-size:1rem;line-height:24px;padding-bottom:1.5rem}@media (max-width: 576px){.vds-belly-banner .vds-belly-banner-item-sections-container [vds-belly-banner-item-sub-section]{width:100%;flex-shrink:0}.vds-belly-banner .vds-belly-banner-item-sections-container [vds-belly-banner-item-sub-section] vds-icon{position:absolute;padding-top:115px}}.vds-belly-banner .section:not(:last-child){border-right:1px solid rgb(255,255,255)}@media (max-width: 576px){.vds-belly-banner .section:not(:last-child){border:none}}.vds-belly-banner__link{color:inherit;text-decoration:none}.vds-belly-banner__link:hover,.vds-belly-banner__link:focus{text-decoration:none}.vds-belly-banner__content{display:flex;flex-direction:column;gap:1.5rem;min-height:18.75rem}.vds-belly-banner__content [vds-belly-banner-item-content]{display:flex;flex-direction:column;gap:1.5rem}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:2rem;line-height:36px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline] *:not(button):not(vds-text-link){font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:2rem;line-height:36px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext]{font-family:MTNBrighterSans-Light,Arial,sans-serif;font-weight:300;font-size:1rem;line-height:24px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext] *:not(button):not(vds-text-link){font-family:MTNBrighterSans-Light,Arial,sans-serif;font-weight:300;font-size:1rem;line-height:24px}.vds-belly-banner__content [vds-belly-banner-video-text]{display:flex;flex-direction:column;gap:1.5rem}.vds-belly-banner__content [vds-belly-banner-video-text] div{font-size:1rem;line-height:24px}.vds-belly-banner__content [vds-belly-banner-video-text] div:first-child{padding-bottom:1.5rem;border-bottom:1px solid}.vds-belly-banner__content [vds-belly-banner-video-content] video{border-radius:24px}.vds-belly-banner--image-left,.vds-belly-banner--info{padding:3rem 1rem 3.5rem}.vds-belly-banner__video{z-index:1;width:90%;left:5%;top:75%;position:absolute}@media (min-width: 576.02px) and (max-width: 992px){.vds-belly-banner{border-radius:0;padding:0 1rem;justify-content:center;margin:0;min-height:641px}.vds-belly-banner__content{flex-direction:row;gap:3.5rem;align-items:center}.vds-belly-banner__content [vds-belly-banner-item-content]{width:500px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{font-size:3rem;line-height:52px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext]{font-size:1.25rem;line-height:24px}.vds-belly-banner__content--info [vds-belly-banner-item-content]{width:100%}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline] *:not(button):not(.vds-text-link){font-size:3.5rem;line-height:100%}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext] *:not(.vds-text-link):not(button){font-size:1.5rem;font-family:MTNBrighterSans-Light,Arial,sans-serif;line-height:120%}.vds-belly-banner--image-left{padding:3rem 2rem;min-height:fit-content}.vds-belly-banner--image-left .vds-belly-banner__image{border-radius:24px}.vds-belly-banner--image-left .vds-belly-banner__content{display:flex;justify-self:flex-start;max-width:70%}.vds-belly-banner--image-left .vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{font-size:3rem;font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:52px}.vds-belly-banner--image-left .vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline] *:not(.vds-text-link):not(button){font-size:3rem;font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:52px}.vds-belly-banner--image-left .vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext]{font-size:1.25rem;font-family:MTNBrighterSans-Light,Arial,sans-serif;line-height:28px}.vds-belly-banner--image-left .vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext] *:not(.vds-text-link):not(button){font-size:1.25rem;font-family:MTNBrighterSans-Light,Arial,sans-serif;line-height:28px}.vds-belly-banner--info{padding:2rem;min-height:fit-content}.vds-belly-banner--info .vds-belly-banner__image{border-radius:24px}}@media (min-width: 992.02px) and (max-width: 1368px){.vds-belly-banner{border-radius:24px;padding:3.5rem 1rem;justify-content:center;min-height:641px}.vds-belly-banner__image-wrapper *{border-radius:24px}.vds-belly-banner__content{flex-direction:row;gap:7rem;align-items:center}.vds-belly-banner__content [vds-belly-banner-item-content]{width:672px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{font-size:4rem;line-height:68px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext]{font-size:1.25rem;line-height:24px}.vds-belly-banner__content [vds-belly-banner-video-content]{width:542px}.vds-belly-banner__content [vds-belly-banner-video-text]{display:flex;flex-direction:row;gap:1.5rem}.vds-belly-banner__content [vds-belly-banner-video-text] div{font-size:1rem;line-height:24px}.vds-belly-banner__content [vds-belly-banner-video-text] div:first-child{padding-right:1.5rem;border-right:1px solid;border-bottom:0}.vds-belly-banner__content--image-left{display:flex;justify-self:flex-end}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{font-size:3rem;font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:56px}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline] *:not(.vds-text-link):not(button){font-size:3rem;font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:56px}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext]{font-size:1.25rem;line-height:30px}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext] *:not(.vds-text-link):not(button){font-size:1.25rem;line-height:30px}.vds-belly-banner__content--info{padding:3.5rem 4rem}.vds-belly-banner__content--info [vds-belly-banner-item-content]{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:64px;width:100%}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext],.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{flex:1 1 0;min-width:0}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext] *:not(.vds-text-link):not(button){font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:120%;font-size:2rem;letter-spacing:0;font-family:MTNBrighterSans-Light,Arial,sans-serif}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline] *:not(.vds-text-link):not(button){font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:3.5rem;letter-spacing:0;line-height:100%}}@media (min-width: 1368px){.vds-belly-banner{padding:3.5rem 13.75rem;min-height:800px;justify-content:center;border-radius:24px}.vds-belly-banner__image-wrapper *{border-radius:24px}.vds-belly-banner__content{flex-direction:row;gap:7rem;align-items:center}.vds-belly-banner__content [vds-belly-banner-item-content]{width:672px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{font-size:5rem;line-height:84px}.vds-belly-banner__content [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext]{font-size:2rem;line-height:36px}.vds-belly-banner__content [vds-belly-banner-video-text]{display:flex;flex-direction:row;gap:1.5rem}.vds-belly-banner__content [vds-belly-banner-video-text] div{font-size:1rem;line-height:24px}.vds-belly-banner__content [vds-belly-banner-video-text] div:first-child{padding-right:1.5rem;border-right:1px solid;border-bottom:0}.vds-belly-banner__content--image-left{display:flex;justify-self:flex-end}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{font-size:3rem;font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:56px}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline] *:not(.vds-text-link):not(button){font-size:3rem;font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:56px}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext]{font-size:1.25rem;line-height:30px}.vds-belly-banner__content--image-left [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext] *:not(.vds-text-link):not(button){font-size:1.25rem;line-height:30px}.vds-belly-banner__content--info [vds-belly-banner-item-content]{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:64px;width:100%}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext],.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline]{flex:1 1 0;min-width:0}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-subtext] *:not(.vds-text-link):not(button){font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;line-height:120%;font-size:2rem;letter-spacing:0;font-family:MTNBrighterSans-Light,Arial,sans-serif}.vds-belly-banner__content--info [vds-belly-banner-item-content] [vds-belly-banner-item-content-headline] *:not(.vds-text-link):not(button){font-family:MTNBrighterSans-ExtraBold,Arial,sans-serif;font-size:3.5rem;letter-spacing:0;line-height:100%}}mtn-landing-generic-banner /*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 26 */
.content-alignment{
margin-top: 6rem;
margin-bottom: 6rem;
max-width: 1920px;
border-radius: 24px;
}mtn-landing-generic-banner .vds-belly-banner__image{
position: absolute;
z-index: -1;
}mtn-landing-generic-banner .image-div{
max-width: 5%;
margin-top: 5%;
}mtn-landing-generic-banner .vds-belly-banner{
border-radius: 0;
padding: 202px 726px 202px 215px;
justify-content: center;
}mtn-landing-generic-banner .vds-belly-banner__content [vds-belly-banner-item-content]{
width: auto;
}
@media (max-width: 1024px) {mtn-landing-generic-banner .content-alignment{
margin-top: 4rem;
margin-bottom: 4rem;
border-radius: 0;
}mtn-landing-generic-banner .vds-belly-banner{
border-radius: 0;
padding: 192.5px 275px 192.5px 16px;
justify-content: center;
}mtn-landing-generic-banner .vds-belly-banner__image{
border-radius: 0;
}
}
@media (max-width: 540px) {mtn-landing-generic-banner .content-alignment{
margin-top: 3rem;
margin-bottom: 3rem;
padding-left: 0%;
padding-right: 0%;
border-radius: 0;
}mtn-landing-generic-banner .image-div{
max-width: 8%;
margin-top: 60%;
}mtn-landing-generic-banner .vds-belly-banner{
border-radius: 0;
padding: 48px 16px 32px 16px;
justify-content: center;
margin: 0;
min-height: 368px;
}mtn-landing-generic-banner .vds-belly-banner-item-content-subtext{
width: 310px;
}
}/* Style block 27 */
.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, #recolor')}.vds-button--default.vds-button--light.vds-button--primary:disabled{background-color:#0000003d;color:#00000029;pointer-events:none}.vds-button--default.vds-button--light.vds-button--primary:disabled :where(*){color:#00000029}.vds-button--default.vds-button--light.vds-button--primary:disabled vds-icon{filter:url('data:image/svg+xml;utf8, #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;border:none}.vds-button--default.vds-button--light.vds-button--secondary:hover :where(*){color:#000}}.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, #recolor')}.vds-button--default.vds-button--light.vds-button--secondary:disabled{background-color:transparent;color:#0000003d;border:1px solid rgba(0,0,0,.24);pointer-events:none}.vds-button--default.vds-button--light.vds-button--secondary:disabled :where(*){color:#0000003d}.vds-button--default.vds-button--light.vds-button--secondary:disabled vds-icon{filter:url('data:image/svg+xml;utf8, #recolor')}.vds-button--default.vds-button--dark.vds-button--primary{color:#000;background-color:#ffcb05}.vds-button--default.vds-button--dark.vds-button--primary :where(*){color:#000}@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, #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;pointer-events:none}.vds-button--default.vds-button--dark.vds-button--primary:disabled :where(*){color:#ffffff52}.vds-button--default.vds-button--dark.vds-button--primary:disabled vds-icon{filter:url('data:image/svg+xml;utf8, #recolor')}.vds-button--default.vds-button--dark.vds-button--secondary{color:#fff;background-color:transparent;border:1px solid rgb(255,255,255)}.vds-button--default.vds-button--dark.vds-button--secondary :where(*){color:#fff}.vds-button--default.vds-button--dark.vds-button--secondary vds-icon{filter:url('data:image/svg+xml;utf8, #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, #recolor')}.vds-button--default.vds-button--dark.vds-button--secondary:disabled{background-color:transparent;color:#ffffff52;border:1px solid rgba(255,255,255,.16);pointer-events:none}.vds-button--default.vds-button--dark.vds-button--secondary:disabled :where(*){color:#ffffff52}.vds-button--default.vds-button--dark.vds-button--secondary:disabled vds-icon{filter:url('data:image/svg+xml;utf8, #recolor')}/*!
* VIVID Design System tokens
* -------------------
*/
/* Style block 28 */
.vivid-snap-scroller-slide__centered{display:flex;flex-direction:column;align-items:center;justify-content:center}/* Style block 29 */
/* Forwarding Base Colors with a Prefix */
/*
* Core colours
*
* NB: If a design has a colour which doesn't match any of options below
* then it should be discussed with the Vivid Team first.
*
*/
.glass-card{
--deal-container-card-min-width: 29.5rem;
--deal-container-card-padding-block: 3rem;
--deal-container-card-padding-inline: 3rem;
--text-colour: #ffffff;
--arrow-colour: var(--text-colour);
--background-color: rgba(0, 0, 0, 0.32);
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
backdrop-filter: blur(16px);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: var(--background-color);
border-radius: 1rem;
gap: 1.5rem;
padding: var(--deal-container-card-padding-block) var(--deal-container-card-padding-inline);
width: 100%;
transition: opacity 0.2s ease-in-out;
}
@media screen and (max-width: 767px) {.glass-card{
--deal-container-card-padding-inline: 2rem;
}
}.glass-card:hover{
opacity: 0.64;
}.glass-card--dark-text{
--text-colour: #000000;
}.glass-card--light{
--background-color: rgba(255, 255, 255, 0.32);
}.glass-card--light-text{
--text-colour: #ffffff;
}.glass-card__arrow{
color: var(--arrow-colour);
}.glass-card__arrow--expanded{
transform: rotate(180deg);
}.glass-card:hover .glass-card__arrow{
opacity: 100%;
}.glass-card:active .glass-card__arrow{
color: #ffcb05;
}.glass-card__header{
display: flex;
flex-direction: column;
gap: 1.5rem;
}.glass-card__title{
font-family: "MTNBrighterSans-ExtraBold", Arial, sans-serif;
font-size: 2rem;
color: var(--text-colour);
}.glass-card__body{
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
font-size: 1.25rem;
color: var(--text-colour);
display: flex;
flex-direction: column;
flex-grow: 1;
}.glass-card__body > p{
font-family: "MTNBrighterSans-Light", Arial, sans-serif;
font-size: 1.25rem;
}.glass-card--expanded:hover{
opacity: initial;
}.glass-card--expanded:active .glass-card__arrow{
color: initial;
}.glass-card--expanded .glass-card__header{
gap: 0rem !important;
}.glass-card--expanded .glass-card__image{
margin-bottom: 20px;
}.glass-card--expanded .glass-card__date{
padding: 0px 14px;
color: rgba(0, 0, 0, 0.32);
font-size: 12px;
}.glass-card--expanded .glass-card__body{
height: initial !important;
}.glass-card--expanded .glass-card__link-more{
padding: 0rem !important;
}.glass-card--expanded .glass-card__link-more:active .glass-card__arrow{
color: #ffcb05;
}.glass-card--expanded .glass-card__open:hover{
opacity: 0.64;
}.glass-card--expanded .glass-card__link-expand{
cursor: pointer;
}/* Style block 30 */
@import"https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,600,700";@import"https://onlinecms.mtn.co.za/sites/default/files/vivid-fonts.css";@font-face{font-family:MTN Brighter Sans;font-style:"normal";font-weight:800;src:url(https://onlinecms.mtn.co.za/sites/default/files/2021-08/MTNBrighterSans-ExtraBold.woff2) format("woff2")}@font-face{font-family:MTN Brighter Sans;font-style:"normal";font-weight:700;src:url(https://onlinecms.mtn.co.za/sites/default/files/2021-08/MTNBrighterSans-Bold.woff2) format("woff2")}@font-face{font-family:MTN Brighter Sans;font-style:"normal";font-weight:500;src:url(https://onlinecms.mtn.co.za/sites/default/files/2021-08/MTNBrighterSans-Medium.woff2) format("woff2")}@font-face{font-family:MTN Brighter Sans;font-style:"normal";font-weight:400;src:url(https://onlinecms.mtn.co.za/sites/default/files/2021-08/MTNBrighterSans-Regular.woff2) format("woff2")}@font-face{font-family:MTN Brighter Sans;font-style:"normal";font-weight:300;src:url(https://onlinecms.mtn.co.za/sites/default/files/2021-08/MTNBrighterSans-Light.woff2) format("woff2")}cookie-banner-root:empty{display:none}cookie-banner-root .drag-bar{padding:12px 0;cursor:pointer;margin:auto;width:64px}cookie-banner-root .drag-bar:after{content:"";display:block;background-color:#0000003d;border-radius:10px;height:4px}cookie-banner-root .sf-cookie-banner{position:fixed;inset:auto 0 0;z-index:999999;height:auto;--sf-cookie-banner-gutter: 24px;--sf-cookie-banner-gap: 32px}cookie-banner-root .sf-cookie-banner__block{position:relative;background-color:#ffcb05;inset:auto 0 0;margin:0 auto;border-radius:24px 24px 0 0;max-width:768px;max-height:100svh;z-index:999999;overflow-y:auto}@media screen and (max-width: 768px){cookie-banner-root .sf-cookie-banner{--sf-cookie-banner-gap: 24px}}@media screen and (max-width: 450px){cookie-banner-root .sf-cookie-banner{--sf-cookie-banner-gutter: 16px}}cookie-banner-root .sf-cookie-banner p{margin-bottom:0}cookie-banner-root .sf-cookie-banner .vivid-button{max-width:218px;margin:0}cookie-banner-root .sf-cookie-banner-back{display:inline-block;font-family:MTNBrighterSans-ExtraBold;color:#202020;font-size:clamp(16px,4.44vw,20px);margin-bottom:20px;cursor:pointer}cookie-banner-root .sf-cookie-banner-column{padding:32px 48px}cookie-banner-root .sf-cookie-banner-column__title{font-family:MTNBrighterSans-ExtraBold;color:#202020;font-size:clamp(24px,6.66vw,24px)}cookie-banner-root .sf-cookie-banner-column__content{font-family:MTNBrighterSans-ExtraLight;color:#202020;font-size:clamp(16px,4.44vw,16px);padding-bottom:var(--sf-cookie-banner-gap)}cookie-banner-root .sf-cookie-banner-column__content--reduced-padding{padding-bottom:calc(var(--sf-cookie-banner-gap) * .5)}cookie-banner-root .sf-cookie-banner-column__content--small{font-size:clamp(16px,4.44vw,20px)}cookie-banner-root .sf-cookie-banner-column__content >p>a{font-family:MTNBrighterSans-ExtraBold;color:#202020;text-decoration:underline}@media screen and (max-width: 450px){cookie-banner-root .sf-cookie-banner-column{padding:24px 16px 32px}}cookie-banner-root .sf-cookie-banner-actions{display:flex;align-items:center;justify-content:space-between;gap:24px}@media screen and (max-width: 450px){cookie-banner-root .sf-cookie-banner-actions{flex-direction:column-reverse;align-items:flex-start}}cookie-banner-root .sf-cookie-banner-actions-primary{display:flex;gap:24px;justify-content:flex-end;flex-grow:1}cookie-banner-root .sf-cookie-banner-actions-primary:first-child{justify-content:flex-start}@media screen and (max-width: 450px){cookie-banner-root .sf-cookie-banner-actions-primary{width:100%;flex-direction:column-reverse}}cookie-banner-root .sf-cookie-banner-actions__button--link{font-family:MTNBrighterSans-Bold;cursor:pointer;background:none;border:none;gap:2px;color:#202020;border-bottom:1px solid #000;line-height:100%;padding-inline:0}cookie-banner-root .sf-cookie-banner-actions .vivid-button-tertiary-light{border:1px solid #000}cookie-banner-root .sf-cookie-banner-card-holder{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--sf-cookie-banner-gap)}cookie-banner-root .sf-cookie-banner-card{background-color:#fff;border-radius:16px;padding:24px}cookie-banner-root .sf-cookie-banner-card-header{display:flex;align-items:center;gap:16px}cookie-banner-root cookie-banner-root .sf-cookie-banner-card-header__title{font-family:MTNBrighterSans-ExtraBold;font-size:clamp(16px,4.44vw,20px);margin-bottom:0}cookie-banner-root .sf-cookie-banner-card-header__label{font-family:MTNBrighterSans-Regular;color:#000000a3;font-size:14px;margin-left:auto}cookie-banner-root .sf-cookie-banner-card-header vivid-switch{margin-left:auto}cookie-banner-root .sf-cookie-banner-card-header vivid-switch .vivid-switch-button-text{display:none}cookie-banner-root .sf-cookie-banner-card-header vivid-switch .vivid-switch-button{padding-bottom:0}cookie-banner-root .sf-cookie-banner-card-content{overflow:hidden}cookie-banner-root .sf-cookie-banner-card-content__body{font-family:MTNBrighterSans-Regular;font-size:16px;padding-top:24px}
/* ── Angular custom element display defaults ──────────────────────────────── */
cookie-banner-root,landing-root,mtn-button-toggle-input,mtn-checkout,
mtn-collapsible-card,mtn-color-input,mtn-contract-device,mtn-device,
mtn-device-card,mtn-device-configuration-form,mtn-device-detail,
mtn-device-listing,mtn-extra,mtn-faq,mtn-features,mtn-filter,
mtn-freebies,mtn-headline,mtn-inline-plan-card,
mtn-landing-business-hero-banner,mtn-landing-carousel,
mtn-landing-explore-your-world,mtn-landing-generic-banner,
mtn-landing-icon-tray,mtn-landing-portal-card,mtn-landing-top-deals,
mtn-layout,mtn-list-item,mtn-listing-plan-card-input,
mtn-multiple-quantity-form,mtn-plan,mtn-plan-breakdown,mtn-price,
mtn-product-list-group,mtn-product-listing,mtn-promo-banner,
mtn-promo-tag,mtn-quantity-input,mtn-question-card,mtn-spinner,
mtn-swiper,mtn-till-slip,mtn-vetting-info,sf-cookie-banner,
vivid-divider,vivid-footer,vivid-mega-nav,vivid-snap-scroller,
vivid-sort-by,vivid-sort-by-option{display:block}
cookie-banner-root{display:none}
vivid-footer{background-color:#000;padding:1.5rem 2rem;border-radius:0}
vivid-snap-scroller{width:100%}