.subbody{
    overflow: hidden;
    padding-top: 0px;
}

html {
      min-width: 320px;
      box-sizing: border-box;
      scroll-behavior: smooth;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      }
      *, *::before, *::after {
      box-sizing: inherit;
      }
      strong, b {
      font-weight: 700;
      }
      /*body {
      color: #333333;
      margin: 0;
      font-size: 1rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.5rem;
      background-color: #ffffff;
      }*/
      @media print {
      body {
      background-color: #ffffff;
      }
      }
      body::backdrop {
      background-color: #ffffff;
      }
      @font-face {
      font-family: VodafoneIcons;
      font-style: normal;
      font-display: auto;
      font-weight: 400;
      src: 
      local('VodafoneIcons'),
      url('/fonts/vodafone-icons.woff') format('woff')
      ;
      }
      @font-face {
      font-family: VodafoneRegular;
      font-style: normal;
      font-display: auto;
      font-weight: 300;
      src: 
      local('VodafoneLight'),
      url('/fonts/vodafone-light.woff') format('woff')
      ;
      }
      @font-face {
      font-family: VodafoneRegular;
      font-style: normal;
      font-display: auto;
      font-weight: 400;
      src: 
      local('VodafoneRegular'),
      url('/fonts/vodafone-regular.woff') format('woff')
      ;
      }
      @font-face {
      font-family: VodafoneRegular;
      font-style: normal;
      font-display: auto;
      font-weight: 700;
      src: 
      local('VodafoneBold'),
      url('/fonts/vodafone-bold.woff') format('woff')
      ;
      }
      @font-face {
      font-family: VodafoneRegular;
      font-style: normal;
      font-display: auto;
      font-weight: 900;
      src: 
      local('VodafoneBlack'),
      url('/fonts/vodafone-black.woff') format('woff')
      ;
      }
      a {
      /*color: inherit;*/
      }
      p:empty {
      display: none;
      }
      sup {
      top: -7px;
      position: relative;
      font-size: 0.875rem;
      vertical-align: top;
      }
      sub {
      bottom: -7px;
      position: relative;
      font-size: 0.875rem;
      vertical-align: bottom;
      }
   
      .MuiButtonBase-root {
      color: inherit;
      border: 0;
      cursor: pointer;
      margin: 0;
      display: inline-flex;
      outline: 0;
      padding: 0;
      position: relative;
      align-items: center;
      user-select: none;
      border-radius: 0;
      vertical-align: middle;
      -moz-appearance: none;
      justify-content: center;
      text-decoration: none;
      background-color: transparent;
      -webkit-appearance: none;
      -webkit-tap-highlight-color: transparent;
      }
      .MuiButtonBase-root::-moz-focus-inner {
      border-style: none;
      }
      .MuiButtonBase-root.Mui-disabled {
      cursor: default;
      pointer-events: none;
      }
      @media print {
      .MuiButtonBase-root {
      -webkit-print-color-adjust: exact;
      }
      }
 
      .MuiButton-root {
      color: inherit;
      padding: 10px 16px;
      font-size: 1rem;
      min-width: 150px;
      box-sizing: border-box;
      min-height: 48px;
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 700;
      line-height: 1.25rem;
      border-radius: 6px;
      }
      .MuiButton-root:hover {
      text-decoration: none;
      background-color: rgba(51, 51, 51, 0.04);
      }
      .MuiButton-root.Mui-disabled {
      color: #999999;
      }
      @media (min-width:768px) {
      .MuiButton-root {
      padding: 16px 20px;
      font-size: 1.12rem;
      min-height: 56px;
      }
      }
      @media (min-width:992px) {
      .MuiButton-root {
      font-size: 1.25rem;
      }
      }
      .MuiButton-root.Mui-disabled:after {
      color: #999999;
      }
      @media (hover: none) {
      .MuiButton-root:hover {
      background-color: transparent;
      }
      }
      .MuiButton-root:hover.Mui-disabled {
      background-color: transparent;
      }
      .MuiButton-label {
      width: 100%;
      display: inherit;
      align-items: inherit;
      justify-content: inherit;
      }
      .MuiButton-text {
      padding: 10px 16px;
      }
      @media (min-width:768px) {
      .MuiButton-text {
      padding: 16px 20px;
      }
      }
      .MuiButton-textPrimary {
      color: #ffffff;
      }
      .MuiButton-textPrimary:hover {
      background-color: rgba(255, 255, 255, 0.04);
      }
      @media (hover: none) {
      .MuiButton-textPrimary:hover {
      background-color: transparent;
      }
      }
      .MuiButton-textSecondary {
      color: #999999;
      }
      .MuiButton-textSecondary:hover {
      background-color: transparent;
      }
      @media (min-width:992px) {
      .MuiButton-textSecondary {
      font-size: 1.125rem;
      }
      }
      @media (hover: none) {
      .MuiButton-textSecondary:hover {
      background-color: transparent;
      }
      }
      .MuiButton-outlined {
      border: 1px solid #999999;
      padding: 5px 16px;
      transition: none;
      border-radius: 2px;
      }
      .MuiButton-outlined.Mui-disabled {
      border: 1px solid rgba(0, 0, 0, 0.12);
      }
      .MuiButton-outlinedPrimary {
      color: #ffffff;
      border: 1px solid #ffffff;
      }
      .MuiButton-outlinedPrimary:hover {
      color: #333333;
      border: 1px solid #ffffff;
      background-color: #ffffff;
      }
      @media (hover: none) {
      .MuiButton-outlinedPrimary:hover {
      background-color: transparent;
      }
      }
      .MuiButton-outlinedSecondary {
      color: rgb(230, 0, 0);
      border: 1px solid rgba(230, 0, 0, 0.5);
      }
      .MuiButton-outlinedSecondary:hover {
      border: 1px solid rgb(230, 0, 0);
      background-color: rgba(230, 0, 0, 0.04);
      }
      .MuiButton-outlinedSecondary.Mui-disabled {
      border: 1px solid rgba(0, 0, 0, 0.26);
      }
      @media (hover: none) {
      .MuiButton-outlinedSecondary:hover {
      background-color: transparent;
      }
      }
      .MuiButton-contained {
      color: rgba(0, 0, 0, 0.87);
      box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
      background-color: #e0e0e0;
      }
      .MuiButton-contained:hover {
      box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
      background-color: #d5d5d5;
      }
      .MuiButton-contained.Mui-focusVisible {
      box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
      }
      .MuiButton-contained:active {
      box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
      }
      .MuiButton-contained.Mui-disabled {
      color: rgba(0, 0, 0, 0.26);
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0.12);
      }
      @media (hover: none) {
      .MuiButton-contained:hover {
      box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
      background-color: #e0e0e0;
      }
      }
      .MuiButton-contained:hover.Mui-disabled {
      background-color: rgba(0, 0, 0, 0.12);
      }
      .MuiButton-containedPrimary {
      color: #333333;
      background-color: #ffffff;
      }
      .MuiButton-containedPrimary:hover {
      background-color: #f4f4f4;
      }
      @media (hover: none) {
      .MuiButton-containedPrimary:hover {
      background-color: #ffffff;
      }
      }
      .MuiButton-containedSecondary {
      color: #ffffff;
      background-color: rgb(230, 0, 0);
      }
      .MuiButton-containedSecondary:hover {
      background-color: #bd0000;
      }
      @media (hover: none) {
      .MuiButton-containedSecondary:hover {
      background-color: rgb(230, 0, 0);
      }
      }
      .MuiButton-disableElevation {
      box-shadow: none;
      }
      .MuiButton-disableElevation:hover {
      box-shadow: none;
      }
      .MuiButton-disableElevation.Mui-focusVisible {
      box-shadow: none;
      }
      .MuiButton-disableElevation:active {
      box-shadow: none;
      }
      .MuiButton-disableElevation.Mui-disabled {
      box-shadow: none;
      }
      .MuiButton-colorInherit {
      color: inherit;
      border-color: currentColor;
      }
      .MuiButton-textSizeSmall {
      padding: 4px 5px;
      font-size: 0.9285714285714285rem;
      }
      .MuiButton-textSizeLarge {
      padding: 8px 11px;
      font-size: 1.0714285714285714rem;
      }
      .MuiButton-outlinedSizeSmall {
      padding: 3px 9px;
      font-size: 0.9285714285714285rem;
      }
      .MuiButton-outlinedSizeLarge {
      padding: 7px 21px;
      font-size: 1.0714285714285714rem;
      }
      .MuiButton-containedSizeSmall {
      padding: 4px 10px;
      font-size: 0.9285714285714285rem;
      }
      .MuiButton-containedSizeLarge {
      padding: 8px 22px;
      font-size: 1.0714285714285714rem;
      }
      .MuiButton-fullWidth {
      width: 100%;
      }
      .MuiButton-startIcon {
      display: inherit;
      margin-left: -4px;
      margin-right: 8px;
      }
      .MuiButton-startIcon.MuiButton-iconSizeSmall {
      margin-left: -2px;
      }
      .MuiButton-endIcon {
      display: inherit;
      margin-left: 8px;
      margin-right: -4px;
      }
      .MuiButton-endIcon.MuiButton-iconSizeSmall {
      margin-right: -2px;
      }

      .MuiPaper-root {
      color: #333333;
      transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      background-color: #fff;
      }
      .MuiPaper-rounded {
      border-radius: 6px;
      }
      .MuiPaper-outlined {
      border: 1px solid rgba(0, 0, 0, 0.12);
      }
      .MuiPaper-elevation0 {
      box-shadow: none;
      }
      .MuiPaper-elevation1 {
      box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation2 {
      box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation3 {
      box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation4 {
      box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation5 {
      box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation6 {
      box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation7 {
      box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation8 {
      box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation9 {
      box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation10 {
      box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation11 {
      box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation12 {
      box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation13 {
      box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation14 {
      box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation15 {
      box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation16 {
      box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation17 {
      box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation18 {
      box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation19 {
      box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation20 {
      box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation21 {
      box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation22 {
      box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation23 {
      box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
      }
      .MuiPaper-elevation24 {
      box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
      }

      .MuiAppBar-root {
      width: 100%;
      display: flex;
      z-index: 1100;
      box-sizing: border-box;
      flex-shrink: 0;
      flex-direction: column;
      }
      .MuiAppBar-positionFixed {
      top: 0;
      left: auto;
      right: 0;
      position: fixed;
      }
      @media print {
      .MuiAppBar-positionFixed {
      position: absolute;
      }
      }
      .MuiAppBar-positionAbsolute {
      top: 0;
      left: auto;
      right: 0;
      position: absolute;
      }
      .MuiAppBar-positionSticky {
      top: 0;
      left: auto;
      right: 0;
      position: sticky;
      }
      .MuiAppBar-positionStatic {
      position: static;
      }
      .MuiAppBar-positionRelative {
      position: relative;
      }
      .MuiAppBar-colorDefault {
      color: rgba(0, 0, 0, 0.87);
      background-color: #f5f5f5;
      }
      .MuiAppBar-colorPrimary {
      color: #333333;
      background-color: #ffffff;
      }
      .MuiAppBar-colorSecondary {
      color: #ffffff;
      background-color: rgb(230, 0, 0);
      }
      .MuiAppBar-colorInherit {
      color: inherit;
      }
      .MuiAppBar-colorTransparent {
      color: inherit;
      background-color: transparent;
      }
 
      .MuiContainer-root {
      width: 100%;
      display: block;
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
      }
      @media (min-width:768px) {
      .MuiContainer-root {
      padding-left: 30px;
      padding-right: 30px;
      }
      }
      .MuiContainer-disableGutters {
      padding-left: 0;
      padding-right: 0;
      }
      @media (min-width:768px) {
      .MuiContainer-fixed {
      max-width: 768px;
      }
      }
      @media (min-width:992px) {
      .MuiContainer-fixed {
      max-width: 992px;
      }
      }
      @media (min-width:1280px) {
      .MuiContainer-fixed {
      max-width: 1280px;
      }
      }
      @media (min-width:1440px) {
      .MuiContainer-fixed {
      max-width: 1440px;
      }
      }
      @media (min-width:1680px) {
      .MuiContainer-fixed {
      max-width: 1680px;
      }
      }
      @media (min-width:0px) {
      .MuiContainer-maxWidthXs {
      max-width: 444px;
      }
      }
      @media (min-width:768px) {
      .MuiContainer-maxWidthSm {
      max-width: 768px;
      }
      }
      @media (min-width:992px) {
      .MuiContainer-maxWidthMd {
      max-width: 992px;
      }
      }
      @media (min-width:1280px) {
      .MuiContainer-maxWidthLg {
      max-width: 1280px;
      }
      }
      @media (min-width:1440px) {
      .MuiContainer-maxWidthXl {
      max-width: 1440px;
      }
      }

      .MuiToolbar-root {
      display: flex;
      position: relative;
      align-items: center;
      }
      .MuiToolbar-gutters {
      padding-left: 20px;
      padding-right: 20px;
      }
      @media (min-width:768px) {
      .MuiToolbar-gutters {
      padding-left: 30px;
      padding-right: 30px;
      }
      }
      .MuiToolbar-regular {
      min-height: 56px;
      }
      @media (min-width:0px) and (orientation: landscape) {
      .MuiToolbar-regular {
      min-height: 48px;
      }
      }
      @media (min-width:768px) {
      .MuiToolbar-regular {
      min-height: 64px;
      }
      }
      .MuiToolbar-dense {
      min-height: 48px;
      }

      .MuiCollapse-root {
      height: 0;
      overflow: hidden;
      transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
      .MuiCollapse-entered {
      height: auto;
      overflow: visible;
      }
      .MuiCollapse-hidden {
      visibility: hidden;
      }
      .MuiCollapse-wrapper {
      display: flex;
      }
      .MuiCollapse-wrapperInner {
      width: 100%;
      }
 
      .MuiIconButton-root {
      flex: 0 0 auto;
      color: rgba(0, 0, 0, 0.54);
      padding: 12px;
      overflow: visible;
      font-size: 1.7142857142857142rem;
      text-align: center;
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      border-radius: 50%;
      }
      .MuiIconButton-root:hover {
      background-color: rgba(0, 0, 0, 0.04);
      }
      .MuiIconButton-root.Mui-disabled {
      color: #ffffff;
      background-color: #cccccc;
      }
      @media (hover: none) {
      .MuiIconButton-root:hover {
      background-color: transparent;
      }
      }
      .MuiIconButton-edgeStart {
      margin-left: -12px;
      }
      .MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
      margin-left: -3px;
      }
      .MuiIconButton-edgeEnd {
      margin-right: -12px;
      }
      .MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
      margin-right: -3px;
      }
      .MuiIconButton-colorInherit {
      color: inherit;
      }
      .MuiIconButton-colorPrimary {
      color: #ffffff;
      }
      .MuiIconButton-colorPrimary:hover {
      background-color: rgba(255, 255, 255, 0.04);
      }
      @media (hover: none) {
      .MuiIconButton-colorPrimary:hover {
      background-color: transparent;
      }
      }
      .MuiIconButton-colorSecondary {
      color: rgb(230, 0, 0);
      }
      .MuiIconButton-colorSecondary:hover {
      background-color: transparent;
      }
      @media (hover: none) {
      .MuiIconButton-colorSecondary:hover {
      background-color: transparent;
      }
      }
      .MuiIconButton-sizeSmall {
      padding: 3px;
      font-size: 1.2857142857142856rem;
      }
      .MuiIconButton-label {
      width: 100%;
      display: flex;
      align-items: inherit;
      justify-content: inherit;
      }

      .MuiTypography-body2 {
      font-size: 0.875rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.125rem;
      }
      @media (min-width:768px) {
      .MuiTypography-body2 {
      font-size: 1rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-body2 {
      font-size: 1.125rem;
      line-height: 1.5rem;
      }
      }
      .MuiTypography-body1 {
      font-size: 1rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.5rem;
      }
      .MuiTypography-body1:first-of-type {
      margin-top: 20px;
      }
      @media (min-width:768px) {
      .MuiTypography-body1 {
      font-size: 1.125rem;
      line-height: 1.75rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-body1 {
      font-size: 1.25rem;
      line-height: 1.875rem;
      }
      }
      .MuiTypography-caption {
      font-size: 0.8571428571428571rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.66;
      }
      .MuiTypography-button {
      font-size: 1rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 500;
      line-height: 1.75;
      text-transform: uppercase;
      }
      .MuiTypography-h1 {
      font-size: 1.75rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 300;
      line-height: 2rem;
      }
      .MuiTypography-h1, .MuiTypography-h1 strong, .MuiTypography-h1 b {
      font-weight: 900;
      }
      @media (min-width:768px) {
      .MuiTypography-h1 {
      font-size: 2.5rem;
      line-height: 3rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-h1 {
      font-size: 3.5rem;
      line-height: 3.875rem;
      }
      }
      .MuiTypography-h2 {
      font-size: 1.875rem;
      margin-top: 1.25rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 300;
      line-height: 1.875rem;
      margin-bottom: 2.5rem;
      }
      .MuiTypography-h2, .MuiTypography-h2 strong, .MuiTypography-h2 b {
      font-weight: 900;
      }
      @media (min-width:768px) {
      .MuiTypography-h2 {
      font-size: 2.5rem;
      line-height: 2.5rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-h2 {
      font-size: 3.125rem;
      margin-top: 1.25rem;
      line-height: 3.125rem;
      }
      }
      .MuiTypography-h3 {
      font-size: 1.5rem;
      margin-top: 1.25rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.875rem;
      margin-bottom: 1.25rem;
      }
      .MuiTypography-h3, .MuiTypography-h3 strong, .MuiTypography-h3 b {
      font-weight: 900;
      }
      @media (min-width:768px) {
      .MuiTypography-h3 {
      font-size: 2.125rem;
      line-height: 2.5rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-h3 {
      font-size: 2.5rem;
      line-height: 3rem;
      }
      }
      .MuiTypography-h4 {
      font-size: 1.125rem;
      margin-top: 1.25rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.25rem;
      margin-bottom: 1.25rem;
      }
      .MuiTypography-h4, .MuiTypography-h4 strong, .MuiTypography-h4 b {
      font-weight: 900;
      }
      @media (min-width:768px) {
      .MuiTypography-h4 {
      font-size: 1.25rem;
      line-height: 1.375rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-h4 {
      font-size: 1.5rem;
      line-height: 1.75rem;
      }
      }
      .MuiTypography-h5 {
      font-size: 1.125rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.5rem;
      }
      .MuiTypography-h5, .MuiTypography-h5 strong, .MuiTypography-h5 b {
      font-weight: 900;
      }
      @media (min-width:768px) {
      .MuiTypography-h5 {
      font-size: 1.25rem;
      line-height: 1.75rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-h5 {
      font-size: 1.5rem;
      line-height: 1.75rem;
      }
      }
      .MuiTypography-h6 {
      font-size: 1.125rem;
      margin-top: 1.25rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 500;
      line-height: 1.5rem;
      margin-bottom: 1.25rem;
      }
      .MuiTypography-h6, .MuiTypography-h6 strong, .MuiTypography-h6 b {
      font-weight: 900;
      }
      @media (min-width:768px) {
      .MuiTypography-h6 {
      font-size: 1.25rem;
      line-height: 1.75rem;
      }
      }
      @media (min-width:992px) {
      .MuiTypography-h6 {
      font-size: 1.5rem;
      line-height: 1.75rem;
      }
      }
      .MuiTypography-subtitle1 {
      font-size: 1.1428571428571428rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.75;
      }
      .MuiTypography-subtitle2 {
      font-size: 1rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 500;
      line-height: 1.57;
      }
      .MuiTypography-overline {
      font-size: 0.8571428571428571rem;
      font-family: VodafoneRegular, Arial, sans-serif;
      font-weight: 400;
      line-height: 2.66;
      text-transform: uppercase;
      }
      .MuiTypography-srOnly {
      width: 1px;
      height: 1px;
      overflow: hidden;
      position: absolute;
      }
      .MuiTypography-alignLeft {
      text-align: left;
      }
      .MuiTypography-alignCenter {
      text-align: center;
      }
      .MuiTypography-alignRight {
      text-align: right;
      }
      .MuiTypography-alignJustify {
      text-align: justify;
      }
      .MuiTypography-noWrap {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      }
      .MuiTypography-gutterBottom {
      margin-bottom: 20px;
      }
      @media (min-width:992px) {
      .MuiTypography-gutterBottom {
      margin-bottom: 30px;
      }
      }
      .MuiTypography-paragraph {
      margin-bottom: 16px;
      }
      .MuiTypography-colorInherit {
      color: inherit;
      }
      .MuiTypography-colorPrimary {
      color: #ffffff;
      }
      .MuiTypography-colorSecondary {
      color: rgb(230, 0, 0);
      }
      .MuiTypography-colorTextPrimary {
      color: #333333;
      }
      .MuiTypography-colorTextSecondary {
      color: #666;
      }
      .MuiTypography-colorError {
      color: #f44336;
      }
      .MuiTypography-displayInline {
      display: inline;
      }
      .MuiTypography-displayBlock {
      display: block;
      }
 
      .MuiList-root {
      padding: 0;
      position: relative;
      list-style: none;
      }
      .MuiList-padding {
      padding-top: 8px;
      padding-bottom: 8px;
      }
      .MuiList-subheader {
      padding-top: 0;
      }
 
      .MuiListItem-root {
      width: 100%;
      display: flex;
      position: relative;
      box-sizing: border-box;
      text-align: left;
      align-items: center;
      padding-top: 8px;
      padding-bottom: 8px;
      justify-content: flex-start;
      text-decoration: none;
      }
      .MuiListItem-root.Mui-focusVisible {
      background-color: rgba(0, 0, 0, 0.08);
      }
      .MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover {
      background-color: rgba(0, 0, 0, 0.08);
      }
      .MuiListItem-root.Mui-disabled {
      opacity: 0.5;
      }
      .MuiListItem-container {
      position: relative;
      }
      .MuiListItem-dense {
      padding-top: 4px;
      padding-bottom: 4px;
      }
      .MuiListItem-alignItemsFlexStart {
      align-items: flex-start;
      }
      .MuiListItem-divider {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      background-clip: padding-box;
      }
      .MuiListItem-gutters {
      padding-left: 16px;
      padding-right: 16px;
      }
      .MuiListItem-button {
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
      .MuiListItem-button:hover {
      text-decoration: none;
      background-color: rgba(0, 0, 0, 0.04);
      }
      @media (hover: none) {
      .MuiListItem-button:hover {
      background-color: transparent;
      }
      }
      .MuiListItem-secondaryAction {
      padding-right: 48px;
      }
  
      .jss23 {
      width: 27px;
      height: 18px;
      flex-shrink: 0;
      margin-right: 10px;
      pointer-events: none;
      background-size: 27px 450px;
      background-image: url(../images/flags/flags@2x.png);
      background-position-x: 0;
      }
      .jss24 {
      background-position-y: 0;
      }
      .jss25 {
      background-position-y: -18px;
      }
      .jss26 {
      background-position-y: -36px;
      }
      .jss27 {
      background-position-y: -54px;
      }
      .jss28 {
      background-position-y: -72px;
      }
      .jss29 {
      background-position-y: -90px;
      }
      .jss30 {
      background-position-y: -108px;
      }
      .jss31 {
      background-position-y: -126px;
      }
      .jss32 {
      background-position-y: -144px;
      }
      .jss33 {
      background-position-y: -162px;
      }
      .jss34 {
      background-position-y: -180px;
      }
      .jss35 {
      background-position-y: -198px;
      }
      .jss36 {
      background-position-y: -216px;
      }
      .jss37 {
      background-position-y: -234px;
      }
      .jss38 {
      background-position-y: -252px;
      }
      .jss39 {
      background-position-y: -270px;
      }
      .jss40 {
      background-position-y: -288px;
      }
      .jss41 {
      background-position-y: -306px;
      }
      .jss42 {
      background-position-y: -324px;
      }
      .jss43 {
      background-position-y: -342px;
      }
      .jss44 {
      background-position-y: -360px;
      }
      .jss45 {
      background-position-y: -378px;
      }
      .jss46 {
      background-position-y: -396px;
      }
      .jss47 {
      background-position-y: -414px;
      }
      .jss48 {
      background-position-y: -432px;
      }

      .jss8 {
      color: #ffffff;
      background: #333333;
      }
      .jss9 {
      margin: 0 auto 8px;
      }
      @media (min-width:768px) {
      .jss9 {
      max-width: calc(100% - 80px);
      }
      }
      .jss10, .jss10:first-of-type {
      margin: 0;
      }
      .jss11 {
      position: relative;
      max-width: 768px;
      }
      @media (min-width:992px) {
      .jss11 {
      max-width: 1280px;
      }
      }
      .jss12 {
      padding: 40px 12px;
      position: relative;
      text-align: center;
      }
      @media (min-width:992px) {
      .jss12 {
      margin: 0 auto;
      max-width: 83.33333%;
      padding-top: 60px;
      padding-bottom: 60px;
      }
      }
      .jss13 {
      top: 15px;
      color: #fff;
      right: 15px;
      width: 24px;
      border: 0;
      cursor: pointer;
      height: 24px;
      margin: 0;
      display: inline-block;
      padding: 0;
      z-index: 1;
      position: absolute;
      font-size: 0;
      background: transparent;
      line-height: 0;
      }
      .jss13:before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "\e917";
      position: absolute;
      font-size: 1.5rem;
      font-style: normal;
      font-family: VodafoneIcons;
      font-weight: 400;
      line-height: 1;
      }
      @media (min-width:768px) {
      .jss13 {
      top: 28px;
      right: 28px;
      }
      .jss13:before {
      font-size: 1.75rem;
      }
      }
      @media (min-width:992px) {
      .jss13 {
      top: 40px;
      right: 40px;
      width: 34px;
      height: 34px;
      }
      .jss13:before {
      font-size: 2.125rem;
      }
      }
      .jss14 {
      width: auto;
      margin: 14px 5px;
      text-align: left;
      }
      @media (min-width:768px) {
      .jss14 {
      margin: 40px -10px;
      display: flex;
      flex-wrap: wrap;
      }
      }
      @media (min-width:992px) {
      .jss14 {
      margin: 56px -10px;
      }
      }
      .jss15 {
      margin: 0;
      padding: 16px 0 16px 12px;
      position: relative;
      border-bottom: 1px solid #666;
      }
      @media (min-width:768px) {
      .jss15 {
      padding: 9px 0 4px;
      margin-bottom: 8px;
      }
      }
      @media (max-width:767.95px) {
      .jss15:before {
      color: #ffffff;
      right: 12px;
      width: 2rem;
      height: 2rem;
      content: "\e904";
      display: flex;
      padding: 0;
      position: absolute;
      font-size: 0.75rem;
      min-width: 0;
      font-style: normal;
      transition: all .5s ease;
      align-items: center;
      font-family: VodafoneIcons;
      font-weight: 400;
      line-height: 1;
      justify-content: center;
      }
      .jss16.expanded > .jss15:before {
      color: #ffffff;
      transform: rotateX(180deg);
      }
      }
      .jss16 {
      flex: 1;
      width: auto;
      }
      @media (min-width:768px) {
      .jss16 {
      padding: 0 10px;
      min-width: 16.66667%;
      }
      }
      @media (min-width:992px) {
      .jss16:nth-child(1), .jss16:nth-child(3) {
      flex: 2;
      }
      }
      .jss17 {
      display: flex;
      padding: 16px 12px;
      flex-wrap: wrap;
      justify-content: space-between;
      }
      @media (min-width:768px) {
      .jss17 {
      padding: 0;
      }
      }
      .jss18 {
      width: 100%;
      padding: 0;
      font-size: 1.25rem;
      line-height: 2rem;
      margin-bottom: 3px;
      }
      .jss18 a {
      color: #ffffff;
      white-space: nowrap;
      text-decoration: none;
      }
      .jss18 a:before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      position: absolute;
      }
      @media (min-width:992px) {
      .jss19 {
      width: calc(50% - 20px);
      }
      }

      /*.MuiBackdrop-root {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      z-index: -1;
      position: fixed;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-tap-highlight-color: transparent;
      }*/
      .MuiBackdrop-invisible {
      background-color: transparent;
      }
 
      @media print {
      .MuiDialog-root {
      position: absolute !important;
      }
      }
      .MuiDialog-scrollPaper {
      display: flex;
      align-items: center;
      justify-content: center;
      }
      .MuiDialog-scrollBody {
      overflow-x: hidden;
      overflow-y: auto;
      text-align: center;
      }
      .MuiDialog-scrollBody:after {
      width: 0;
      height: 100%;
      content: "";
      display: inline-block;
      vertical-align: middle;
      }
      .MuiDialog-container {
      height: 100%;
      outline: 0;
      }
      @media print {
      .MuiDialog-container {
      height: auto;
      }
      }
      .MuiDialog-paper {
      margin: 32px;
      position: relative;
      overflow-y: auto;
      }
      @media print {
      .MuiDialog-paper {
      box-shadow: none;
      overflow-y: visible;
      }
      }
      .MuiDialog-paperScrollPaper {
      display: flex;
      max-height: calc(100% - 64px);
      flex-direction: column;
      }
      .MuiDialog-paperScrollBody {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      }
      .MuiDialog-paperWidthFalse {
      max-width: calc(100% - 64px);
      }
      .MuiDialog-paperWidthXs {
      max-width: 444px;
      }
      @media (max-width:507.95px) {
      .MuiDialog-paperWidthXs.MuiDialog-paperScrollBody {
      max-width: calc(100% - 64px);
      }
      }
      .MuiDialog-paperWidthSm {
      max-width: 768px;
      }
      @media (max-width:831.95px) {
      .MuiDialog-paperWidthSm.MuiDialog-paperScrollBody {
      max-width: calc(100% - 64px);
      }
      }
      .MuiDialog-paperWidthMd {
      max-width: 992px;
      }
      @media (max-width:1055.95px) {
      .MuiDialog-paperWidthMd.MuiDialog-paperScrollBody {
      max-width: calc(100% - 64px);
      }
      }
      .MuiDialog-paperWidthLg {
      max-width: 1280px;
      }
      @media (max-width:1343.95px) {
      .MuiDialog-paperWidthLg.MuiDialog-paperScrollBody {
      max-width: calc(100% - 64px);
      }
      }
      .MuiDialog-paperWidthXl {
      max-width: 1440px;
      }
      @media (max-width:1503.95px) {
      .MuiDialog-paperWidthXl.MuiDialog-paperScrollBody {
      max-width: calc(100% - 64px);
      }
      }
      .MuiDialog-paperFullWidth {
      width: calc(100% - 64px);
      }
      .MuiDialog-paperFullScreen {
      width: 100%;
      height: 100%;
      margin: 0;
      max-width: 100%;
      max-height: none;
      border-radius: 0;
      }
      .MuiDialog-paperFullScreen.MuiDialog-paperScrollBody {
      margin: 0;
      max-width: 100%;
      }
   
      .jss163 {
      display: block;
      overflow: hidden;
      padding-top: 48px;
      }
      @media screen and (max-width: 768px){
         .jss163 {
         padding-top: 60px;
         }
      }
      @media (min-width:992px) {
      .jss163 {
      padding-top: 72px;
      }
      }
      .jss164 {
      padding-top: 96px;
      }
      @media (min-width:768px) {
      .jss164 {
      padding-top: 120px;
      }
      }
      @media (min-width:992px) {
      .jss164 {
      padding-top: 132px;
      }
      }
   
      .jss328 svg {
      width: 90px;
      height: 90px;
      }
      @media (min-width:768px) {
      .jss329 svg {
      width: 145px;
      }
      }
      .jss330 {
      width: 100%;
      height: 100%;
      }
      .jss330 div {
      height: 100%;
      display: flex;
      }
      .jss330 svg {
      width: 100% !important;
      height: 100% !important;
      }
      .jss331 div {
      height: 100%;
      display: flex;
      }
      .jss331 svg {
      width: 100% !important;
      height: 100% !important;
      }
      .jss332 svg {
      width: 115px;
      }
      @media (min-width:992px) {
      .jss332 svg {
      width: 150px;
      }
      }

      .jss429 {
      text-align: left;
      }
      @media (min-width:992px) {
      .jss430 {
      font-size: 1.25rem;
      padding-top: 5px;
      padding-bottom: 5px;
      }
      }
      .jss431 {
      line-height: 1rem;
      justify-content: space-between;
      }
      @media (min-width:768px) {
      .jss431 {
      min-width: 340px;
      }
      }
      @-webkit-keyframes pulse {
      0% {
      opacity: 1;
      transform: scale(1);
      }
      50%, 100% {
      opacity: 0;
      transform: scale(1.2, 1.6);
      }
      }
   
      .jss184 {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      }
   
      .jss168 {
      display: flex;
      /*border-bottom: 5px solid rgb(230, 0, 0);*/
      }
      @media (min-width:768px) {
      .jss168 {
      min-height: 500px;
      }
      }
      @media (min-width:992px) {
      .jss168 {
      /*padding: 0px 32px;*/
      }
      }
      @media (min-width:992px) {
      .jss169 {
      height: 600px;
      }
      }
      @media (min-width:1680px) {
      .jss169 {
      height: 695px;
      }
      }
      .jss170 {
      flex: 1;
      display: flex;
      position: relative;
      flex-direction: column;
      }
      @media (min-width:768px) {
      .jss170 {
      width: 100%;
      margin: 0 auto;
      flex-direction: row;
      }
      }
      @media (min-width:992px) {
      .jss170 {
         padding-right: 1rem;
    padding-left: 1rem;
      max-width: 1266px;
      }
      }
      @media (min-width:1680px) {
      .jss170 {
      max-width: 1440px;
      }
      }
      .jss171 {
      flex: 1;
      margin: auto 0;
      display: flex;
      padding: 24px 16px;
      align-items: start;
      flex-direction: column;
      justify-content: center;
      }
      .jss171 > :last-child {
      margin-bottom: 0;
      }
      @media (min-width:480px) {
      .jss171 {
      padding: 30px 24px;
      }
      }
      @media (min-width:768px) {
      .jss171 {
      width: 50%;
      padding: 48px 24px 60px;
      }
      }
      @media (min-width:992px) {
      .jss171 {
      padding-left: 0;
      }
      }
      .jss172 {
      width: 100%;
      height: 0;
      position: relative;
      /*background: #f4f4f4;*/
      padding-bottom: 56.25%;
      }
      .jss172:empty {
      height: auto;
      padding: 0;
      background: transparent;
      }
      @media (min-width:768px) {
      .jss172 {
      width: 50%;
      height: auto;
      padding: 0;
      max-width: 690px;
      }
      }
      @media (max-width:767.95px) {
      .jss172 {
      padding-bottom: 100%;
      }
      }
      .jss173 {
      margin: 0px 0px 10px;
      font-family: 'Nunito', sans-serif;
      font-size: 3rem;
      font-weight: 900;
      line-height: 2;
      
      }
      .p{
         text-align: justify;        
      }

      .jss173 > span {
      display: block;
      word-break: break-word;
      }
      @media (min-width:480px) {
      .jss173 {
      font-size: 3.5rem;
      }
      }
      @media (min-width:768px) {
      .jss173 {
      font-size: 6vw;
      }
      }
      @media (min-width:992px) {
      .jss173 {
      font-size: 5.6vw;
      margin-bottom: 20px;
      }
      }
      @media (min-width:1280px) {
      .jss173 {
      font-size: 3rem;
      }
      }
      @media (min-width:1440px) {
      .jss173 > span {
      white-space: nowrap;
      }
      }
      @media (min-width:1680px) {
      .jss173 {
      /*font-size: 5rem;*/
      }
      }
      .jss174 {
      font-size: 1.25rem;
      margin-top: 0;
      font-weight: 400;
      line-height: 1.25em;
      }
      .jss174:first-of-type {
      margin-top: 0;
      }
      @media (min-width:480px) {
      .jss174 {
      font-size: 1.375rem;
      }
      }
      @media (min-width:1440px) {
      .jss174 {
      font-size: 1.5rem;
      }
      }
      @media (min-width:1680px) {
      .jss174 {
      font-size: 1.875rem;
      padding-right: 10%;
      }
      }
      .jss175 {
      width: auto;
      }
      @-webkit-keyframes jss176 {
      0% {
      transform: translateX(-1000px);
      }
      100% {
      transform: translateX(0);
      }
      }
      @-webkit-keyframes jss177 {
      0% {
      opacity: 0;
      }
      100% {
      opacity: 1;
      }
      }
      .jss178 {
      flex: 1;
      }
      @media (min-width:992px) {
      .jss178 {
      padding: 0px 72px;
      }
      }
      @media (min-width:1280px) {
      .jss178 {
      padding: 0px 100px;
      }
      }
      .jss178 .jss172, .jss178 .jss173 > span, .jss178 .jss174, .jss178 .jss175 {
      animation-duration: 750ms;
      animation-fill-mode: forwards;
      animation-iteration-count: 1;
      animation-timing-function: ease;
      }
      .jss178 .jss172 {
      opacity: 0;
      }
      .jss178 .jss173 > span, .jss178 .jss174, .jss178 .jss175 {
      transform: translateX(-1000px);
      }
      .jss178 .jss173 > span:last-child {
      animation-delay: 120ms;
      }
      .jss178 .jss173 > span:nth-last-child(2) {
      animation-delay: 220ms;
      }
      .jss178 .jss173 > span:nth-last-child(3) {
      animation-delay: 300ms;
      }
      .jss178 .jss173 > span:nth-last-child(4) {
      animation-delay: 360ms;
      }
      .slick-active .jss178 .jss173 > span, .slick-active .jss178 .jss174, .slick-active .jss178 .jss175 {
      animation-name: jss176;
      }
      .slick-active .jss178 .jss172 {
      animation-name: jss177;
      }
      .jss179 .jss174 {
      animation-delay: 120ms;
      }
      .jss179 .jss173 > span:last-child {
      animation-delay: 220ms;
      }
      .jss179 .jss173 > span:nth-last-child(2) {
      animation-delay: 300ms;
      }
      .jss179 .jss173 > span:nth-last-child(3) {
      animation-delay: 360ms;
      }
      .jss179 .jss173 > span:nth-last-child(4) {
      animation-delay: 400ms;
      }

      .MuiLink-underlineNone {
      text-decoration: none;
      }
      .MuiLink-underlineHover {
      text-decoration: none;
      }
      .MuiLink-underlineHover:hover {
      text-decoration: underline;
      }
      .MuiLink-underlineAlways {
      text-decoration: underline;
      }
      .MuiLink-button {
      border: 0;
      cursor: pointer;
      margin: 0;
      outline: 0;
      padding: 0;
      position: relative;
      user-select: none;
      border-radius: 0;
      vertical-align: middle;
      -moz-appearance: none;
      background-color: transparent;
      -webkit-appearance: none;
      -webkit-tap-highlight-color: transparent;
      }
      .MuiLink-button::-moz-focus-inner {
      border-style: none;
      }
      .MuiLink-button.Mui-focusVisible {
      outline: auto;
      }

      .MuiListItemText-root {
      flex: 1 1 auto;
      min-width: 0;
      margin-top: 0;
      margin-bottom: 0;
      }
      .MuiListItemText-multiline {
      margin-top: 6px;
      margin-bottom: 6px;
      }
      .MuiListItemText-inset {
      padding-left: 56px;
      }

      .MuiGrid-container {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      }
      .MuiGrid-item {
      margin: 0;
      box-sizing: border-box;
      }
      .MuiGrid-zeroMinWidth {
      min-width: 0;
      }
      .MuiGrid-direction-xs-column {
      flex-direction: column;
      }
      .MuiGrid-direction-xs-column-reverse {
      flex-direction: column-reverse;
      }
      .MuiGrid-direction-xs-row-reverse {
      flex-direction: row-reverse;
      }
      .MuiGrid-wrap-xs-nowrap {
      flex-wrap: nowrap;
      }
      .MuiGrid-wrap-xs-wrap-reverse {
      flex-wrap: wrap-reverse;
      }
      .MuiGrid-align-items-xs-center {
      align-items: center;
      }
      .MuiGrid-align-items-xs-flex-start {
      align-items: flex-start;
      }
      .MuiGrid-align-items-xs-flex-end {
      align-items: flex-end;
      }
      .MuiGrid-align-items-xs-baseline {
      align-items: baseline;
      }
      .MuiGrid-align-content-xs-center {
      align-content: center;
      }
      .MuiGrid-align-content-xs-flex-start {
      align-content: flex-start;
      }
      .MuiGrid-align-content-xs-flex-end {
      align-content: flex-end;
      }
      .MuiGrid-align-content-xs-space-between {
      align-content: space-between;
      }
      .MuiGrid-align-content-xs-space-around {
      align-content: space-around;
      }
      .MuiGrid-justify-content-xs-center {
      justify-content: center;
      }
      .MuiGrid-justify-content-xs-flex-end {
      justify-content: flex-end;
      }
      .MuiGrid-justify-content-xs-space-between {
      justify-content: space-between;
      }
      .MuiGrid-justify-content-xs-space-around {
      justify-content: space-around;
      }
      .MuiGrid-justify-content-xs-space-evenly {
      justify-content: space-evenly;
      }
      .MuiGrid-spacing-xs-1 {
      width: calc(100% + 10px);
      margin: -5px;
      }
      .MuiGrid-spacing-xs-1 > .MuiGrid-item {
      padding: 5px;
      }
      .MuiGrid-spacing-xs-2 {
      width: calc(100% + 20px);
      margin: -10px;
      }
      .MuiGrid-spacing-xs-2 > .MuiGrid-item {
      padding: 10px;
      }
      .MuiGrid-spacing-xs-3 {
      width: calc(100% + 30px);
      margin: -15px;
      }
      .MuiGrid-spacing-xs-3 > .MuiGrid-item {
      padding: 15px;
      }
      .MuiGrid-spacing-xs-4 {
      width: calc(100% + 40px);
      margin: -20px;
      }
      .MuiGrid-spacing-xs-4 > .MuiGrid-item {
      padding: 20px;
      }
      .MuiGrid-spacing-xs-5 {
      width: calc(100% + 50px);
      margin: -25px;
      }
      .MuiGrid-spacing-xs-5 > .MuiGrid-item {
      padding: 25px;
      }
      .MuiGrid-spacing-xs-6 {
      width: calc(100% + 60px);
      margin: -30px;
      }
      .MuiGrid-spacing-xs-6 > .MuiGrid-item {
      padding: 30px;
      }
      .MuiGrid-spacing-xs-7 {
      width: calc(100% + 70px);
      margin: -35px;
      }
      .MuiGrid-spacing-xs-7 > .MuiGrid-item {
      padding: 35px;
      }
      .MuiGrid-spacing-xs-8 {
      width: calc(100% + 80px);
      margin: -40px;
      }
      .MuiGrid-spacing-xs-8 > .MuiGrid-item {
      padding: 40px;
      }
      .MuiGrid-spacing-xs-9 {
      width: calc(100% + 90px);
      margin: -45px;
      }
      .MuiGrid-spacing-xs-9 > .MuiGrid-item {
      padding: 45px;
      }
      .MuiGrid-spacing-xs-10 {
      width: calc(100% + 100px);
      margin: -50px;
      }
      .MuiGrid-spacing-xs-10 > .MuiGrid-item {
      padding: 50px;
      }
      .MuiGrid-grid-xs-auto {
      flex-grow: 0;
      max-width: none;
      flex-basis: auto;
      }
      .MuiGrid-grid-xs-true {
      flex-grow: 1;
      max-width: 100%;
      flex-basis: 0;
      }
      .MuiGrid-grid-xs-1 {
      flex-grow: 0;
      max-width: 8.333333%;
      flex-basis: 8.333333%;
      }
      .MuiGrid-grid-xs-2 {
      flex-grow: 0;
      max-width: 16.666667%;
      flex-basis: 16.666667%;
      }
      .MuiGrid-grid-xs-3 {
      flex-grow: 0;
      max-width: 25%;
      flex-basis: 25%;
      }
      .MuiGrid-grid-xs-4 {
      flex-grow: 0;
      max-width: 33.333333%;
      flex-basis: 33.333333%;
      }
      .MuiGrid-grid-xs-5 {
      flex-grow: 0;
      max-width: 41.666667%;
      flex-basis: 41.666667%;
      }
      .MuiGrid-grid-xs-6 {
      flex-grow: 0;
      max-width: 50%;
      flex-basis: 50%;
      }
      .MuiGrid-grid-xs-7 {
      flex-grow: 0;
      max-width: 58.333333%;
      flex-basis: 58.333333%;
      }
      .MuiGrid-grid-xs-8 {
      flex-grow: 0;
      max-width: 66.666667%;
      flex-basis: 66.666667%;
      }
      .MuiGrid-grid-xs-9 {
      flex-grow: 0;
      max-width: 75%;
      flex-basis: 75%;
      }
      .MuiGrid-grid-xs-10 {
      flex-grow: 0;
      max-width: 83.333333%;
      flex-basis: 83.333333%;
      }
      .MuiGrid-grid-xs-11 {
      flex-grow: 0;
      max-width: 91.666667%;
      flex-basis: 91.666667%;
      }
      .MuiGrid-grid-xs-12 {
      flex-grow: 0;
      max-width: 100%;
      flex-basis: 100%;
      }
      @media (min-width:768px) {
      .MuiGrid-grid-sm-auto {
      flex-grow: 0;
      max-width: none;
      flex-basis: auto;
      }
      .MuiGrid-grid-sm-true {
      flex-grow: 1;
      max-width: 100%;
      flex-basis: 0;
      }
      .MuiGrid-grid-sm-1 {
      flex-grow: 0;
      max-width: 8.333333%;
      flex-basis: 8.333333%;
      }
      .MuiGrid-grid-sm-2 {
      flex-grow: 0;
      max-width: 16.666667%;
      flex-basis: 16.666667%;
      }
      .MuiGrid-grid-sm-3 {
      flex-grow: 0;
      max-width: 25%;
      flex-basis: 25%;
      }
      .MuiGrid-grid-sm-4 {
      flex-grow: 0;
      max-width: 33.333333%;
      flex-basis: 33.333333%;
      }
      .MuiGrid-grid-sm-5 {
      flex-grow: 0;
      max-width: 41.666667%;
      flex-basis: 41.666667%;
      }
      .MuiGrid-grid-sm-6 {
      flex-grow: 0;
      max-width: 50%;
      flex-basis: 50%;
      }
      .MuiGrid-grid-sm-7 {
      flex-grow: 0;
      max-width: 58.333333%;
      flex-basis: 58.333333%;
      }
      .MuiGrid-grid-sm-8 {
      flex-grow: 0;
      max-width: 66.666667%;
      flex-basis: 66.666667%;
      }
      .MuiGrid-grid-sm-9 {
      flex-grow: 0;
      max-width: 75%;
      flex-basis: 75%;
      }
      .MuiGrid-grid-sm-10 {
      flex-grow: 0;
      max-width: 83.333333%;
      flex-basis: 83.333333%;
      }
      .MuiGrid-grid-sm-11 {
      flex-grow: 0;
      max-width: 91.666667%;
      flex-basis: 91.666667%;
      }
      .MuiGrid-grid-sm-12 {
      flex-grow: 0;
      max-width: 100%;
      flex-basis: 100%;
      }
      }
      @media (min-width:992px) {
      .MuiGrid-grid-md-auto {
      flex-grow: 0;
      max-width: none;
      flex-basis: auto;
      }
      .MuiGrid-grid-md-true {
      flex-grow: 1;
      max-width: 100%;
      flex-basis: 0;
      }
      .MuiGrid-grid-md-1 {
      flex-grow: 0;
      max-width: 8.333333%;
      flex-basis: 8.333333%;
      }
      .MuiGrid-grid-md-2 {
      flex-grow: 0;
      max-width: 16.666667%;
      flex-basis: 16.666667%;
      }
      .MuiGrid-grid-md-3 {
      flex-grow: 0;
      max-width: 25%;
      flex-basis: 25%;
      }
      .MuiGrid-grid-md-4 {
      flex-grow: 0;
      max-width: 33.333333%;
      flex-basis: 33.333333%;
      }
      .MuiGrid-grid-md-5 {
      flex-grow: 0;
      max-width: 41.666667%;
      flex-basis: 41.666667%;
      }
      .MuiGrid-grid-md-6 {
      flex-grow: 0;
      max-width: 50%;
      flex-basis: 50%;
      }
      .MuiGrid-grid-md-7 {
      flex-grow: 0;
      max-width: 58.333333%;
      flex-basis: 58.333333%;
      }
      .MuiGrid-grid-md-8 {
      flex-grow: 0;
      max-width: 66.666667%;
      flex-basis: 66.666667%;
      }
      .MuiGrid-grid-md-9 {
      flex-grow: 0;
      max-width: 75%;
      flex-basis: 75%;
      }
      .MuiGrid-grid-md-10 {
      flex-grow: 0;
      max-width: 83.333333%;
      flex-basis: 83.333333%;
      }
      .MuiGrid-grid-md-11 {
      flex-grow: 0;
      max-width: 91.666667%;
      flex-basis: 91.666667%;
      }
      .MuiGrid-grid-md-12 {
      flex-grow: 0;
      max-width: 100%;
      flex-basis: 100%;
      }
      }
      @media (min-width:1280px) {
      .MuiGrid-grid-lg-auto {
      flex-grow: 0;
      max-width: none;
      flex-basis: auto;
      }
      .MuiGrid-grid-lg-true {
      flex-grow: 1;
      max-width: 100%;
      flex-basis: 0;
      }
      .MuiGrid-grid-lg-1 {
      flex-grow: 0;
      max-width: 8.333333%;
      flex-basis: 8.333333%;
      }
      .MuiGrid-grid-lg-2 {
      flex-grow: 0;
      max-width: 16.666667%;
      flex-basis: 16.666667%;
      }
      .MuiGrid-grid-lg-3 {
      flex-grow: 0;
      max-width: 25%;
      flex-basis: 25%;
      }
      .MuiGrid-grid-lg-4 {
      flex-grow: 0;
      max-width: 33.333333%;
      flex-basis: 33.333333%;
      }
      .MuiGrid-grid-lg-5 {
      flex-grow: 0;
      max-width: 41.666667%;
      flex-basis: 41.666667%;
      }
      .MuiGrid-grid-lg-6 {
      flex-grow: 0;
      max-width: 50%;
      flex-basis: 50%;
      }
      .MuiGrid-grid-lg-7 {
      flex-grow: 0;
      max-width: 58.333333%;
      flex-basis: 58.333333%;
      }
      .MuiGrid-grid-lg-8 {
      flex-grow: 0;
      max-width: 66.666667%;
      flex-basis: 66.666667%;
      }
      .MuiGrid-grid-lg-9 {
      flex-grow: 0;
      max-width: 75%;
      flex-basis: 75%;
      }
      .MuiGrid-grid-lg-10 {
      flex-grow: 0;
      max-width: 83.333333%;
      flex-basis: 83.333333%;
      }
      .MuiGrid-grid-lg-11 {
      flex-grow: 0;
      max-width: 91.666667%;
      flex-basis: 91.666667%;
      }
      .MuiGrid-grid-lg-12 {
      flex-grow: 0;
      max-width: 100%;
      flex-basis: 100%;
      }
      }
      @media (min-width:1440px) {
      .MuiGrid-grid-xl-auto {
      flex-grow: 0;
      max-width: none;
      flex-basis: auto;
      }
      .MuiGrid-grid-xl-true {
      flex-grow: 1;
      max-width: 100%;
      flex-basis: 0;
      }
      .MuiGrid-grid-xl-1 {
      flex-grow: 0;
      max-width: 8.333333%;
      flex-basis: 8.333333%;
      }
      .MuiGrid-grid-xl-2 {
      flex-grow: 0;
      max-width: 16.666667%;
      flex-basis: 16.666667%;
      }
      .MuiGrid-grid-xl-3 {
      flex-grow: 0;
      max-width: 25%;
      flex-basis: 25%;
      }
      .MuiGrid-grid-xl-4 {
      flex-grow: 0;
      max-width: 33.333333%;
      flex-basis: 33.333333%;
      }
      .MuiGrid-grid-xl-5 {
      flex-grow: 0;
      max-width: 41.666667%;
      flex-basis: 41.666667%;
      }
      .MuiGrid-grid-xl-6 {
      flex-grow: 0;
      max-width: 50%;
      flex-basis: 50%;
      }
      .MuiGrid-grid-xl-7 {
      flex-grow: 0;
      max-width: 58.333333%;
      flex-basis: 58.333333%;
      }
      .MuiGrid-grid-xl-8 {
      flex-grow: 0;
      max-width: 66.666667%;
      flex-basis: 66.666667%;
      }
      .MuiGrid-grid-xl-9 {
      flex-grow: 0;
      max-width: 75%;
      flex-basis: 75%;
      }
      .MuiGrid-grid-xl-10 {
      flex-grow: 0;
      max-width: 83.333333%;
      flex-basis: 83.333333%;
      }
      .MuiGrid-grid-xl-11 {
      flex-grow: 0;
      max-width: 91.666667%;
      flex-basis: 91.666667%;
      }
      .MuiGrid-grid-xl-12 {
      flex-grow: 0;
      max-width: 100%;
      flex-basis: 100%;
      }
      }

      .MuiAccordion-root {
      position: relative;
      transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
      .MuiAccordion-root.Mui-expanded {
      margin: 15px 0px;
      }
      .MuiAccordion-root.Mui-disabled {
      background-color: rgba(0, 0, 0, 0.12);
      }
      .MuiAccordion-root.Mui-expanded + .MuiAccordion-root:before {
      display: none;
      }
      .MuiAccordion-root.Mui-expanded:first-child {
      margin-top: 0;
      }
      .MuiAccordion-root.Mui-expanded:last-child {
      margin-bottom: 15px;
      }
      .MuiAccordion-root.Mui-expanded:before {
      opacity: 0;
      }
      .MuiAccordion-root:first-child:before {
      display: none;
      }
      .MuiAccordion-rounded {
      border-radius: 6px;
      }
      .MuiAccordion-rounded:first-child {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      }
      .MuiAccordion-rounded:last-child {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      }
      @supports (-ms-ime-align: auto) {
      .MuiAccordion-rounded:last-child {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      }
      }

      .MuiAccordionSummary-root {
      display: flex;
      padding: 0px 10px;
      min-height: 48px;
      transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
      .MuiAccordionSummary-root:hover:not(.Mui-disabled) {
      cursor: pointer;
      }
      .MuiAccordionSummary-root.Mui-expanded {
      min-height: 64px;
      }
      .MuiAccordionSummary-root.Mui-focused, .MuiAccordionSummary-root.Mui-focusVisible {
      background-color: rgba(0, 0, 0, 0.12);
      }
      .MuiAccordionSummary-root.Mui-disabled {
      opacity: 0.38;
      }
      @media (min-width:768px) {
      .MuiAccordionSummary-root {
      padding: 0px 20px;
      }
      }
      @media (min-width:992px) {
      .MuiAccordionSummary-root {
      padding: 5px 25px;
      }
      }
      .MuiAccordionSummary-content {
      margin: 20px 0px;
      display: flex;
      flex-grow: 1;
      transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
      .MuiAccordionSummary-content.Mui-expanded {
      margin: 20px 0;
      }
      .MuiAccordionSummary-expandIcon {
      transform: rotate(0deg);
      transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
      .MuiAccordionSummary-expandIcon:hover {
      background-color: transparent;
      }
      .MuiAccordionSummary-expandIcon.Mui-expanded {
      transform: rotateX(180deg);
      }

      .MuiAccordionDetails-root {
      display: flex;
      padding: 10px 20px 20px;
      }
  
      .jss559 {
      color: #333333;
      width: 1em;
      height: 1em;
      display: inline-flex;
      overflow: hidden;
      font-size: 1.75rem;
      transition: opacity 0.3s;
      align-items: center;
      flex-shrink: 0;
      line-height: 1;
      justify-content: center;
      text-decoration: none;
      }
      @media (min-width:768px) {
      .jss559 {
      font-size: 2rem;
      }
      }
      .jss559 span {
      display: none;
      }
      .jss559:hover {
      color: inherit;
      opacity: 0.5;
      }
      .jss559:before {
      display: block;
      text-align: center;
      font-family: VodafoneIcons;
      }
      .jss559.is-style-light {
      color: #ffffff;
      }
      .jss559.email:before {
      content: "\e909";
      }
      .jss559.email.fill:before {
      content: "\e908";
      }
      .jss559.email.is-style-brand {
      color: #072f56;
      }
      .jss559.facebook:before {
      content: "\e90d";
      }
      .jss559.facebook.fill:before {
      content: "\e90c";
      }
      .jss559.facebook.is-style-brand {
      color: #1877f2;
      }
      .jss559.instagram:before {
      content: "\e90e";
      }
      .jss559.instagram.is-style-brand {
      color: #833ab4;
      }
      .jss559.youtube:before {
      content: "\e918";
      }
      .jss559.youtube.is-style-brand {
      color: #ff0000;
      }
      .jss559.twitter:before {
      content: "\e913";
      }
      .jss559.twitter.fill:before {
      content: "\e911";
      }
      .jss559.twitter.is-style-brand {
      color: #1da1f2;
      }
      .jss559.linkedin:before {
      content: "\e910";
      }
      .jss559.linkedin.fill:before {
      content: "\e90f";
      }
      .jss559.linkedin.is-style-brand {
      color: #0a66c2;
      }
      .jss560 {
      font-size: inherit;
      }
      .jss561 {
      font-size: 1.125rem;
      }
      .jss562 {
      font-size: 1.5rem;
      }
      .jss563 {
      font-size: 1.375rem;
      }
      @media (min-width:768px) {
      .jss563 {
      font-size: 1.75rem;
      }
      }
      .jss564 {
      font-size: 1.5rem;
      }
      @media (min-width:768px) {
      .jss564 {
      font-size: 2rem;
      }
      }
      .jss565 {
      top: 0;
      left: 0;
      padding: 30px;
      z-index: 1;
      position: absolute;
      background: white;
      box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.16);
      border-radius: 50%;
      }
      .jss565:hover {
      opacity: 1;
      }
 
      .jss555.text-align-center {
      text-align: center;
      }
      .jss555.text-align-right {
      text-align: right;
      }
      .jss555.text-align-right p {
      margin-left: auto;
      }
      .jss555.text-align-center p {
      margin-left: auto;
      margin-right: auto;
      }
      .jss556 a {
      margin-right: 25px;
      }
      @media (min-width:768px) {
      .jss556.container-fixed-width {
      max-width: 768px;
      }
      }
      @media (min-width:1280px) {
      .jss556.container-fixed-width {
      max-width: 1680px;
      }
      }
      @media (min-width:992px) {
      .jss556 a {
      margin-right: 35px;
      }
      }
      .jss557 {
      margin: 0;
      }
  
      .jss544 {
      color: #ffffff;
      padding: 30px 16px 40px;
      background: #333333;
      }
      .jss544 a {
      color: inherit;
      }
      @media (min-width:480px) {
      .jss544 {
      padding: 40px 24px 50px;
      }
      }
      @media (min-width:992px) {
      .jss544 {
      padding: 50px 32px 60px;
      }
      }
      @media (min-width:1440px) {
      .jss544 {
      padding: 50px 48px 60px;
      }
      }
      @media (min-width:1680px) {
      .jss544 {
      padding: 70px 60px 80px;
      }
      }
      .jss544 a:hover {
      color: inherit;
      text-decoration: none;
      }
      @media (min-width:768px) {
      .jss545 {
      max-width: 768px;
      }
      }
      @media (min-width:992px) {
      .jss545 {
      max-width: 1680px;
      }
      }
      @media (min-width:992px) {
      .jss546 {
      max-width: 1440px;
      justify-content: space-between;
      }
      }
      @media (max-width:991.95px) {
      .jss547 {
      border-top: 1px solid #b2b2b2;
      }
      .jss547:last-of-type {
      border-bottom: 1px solid #b2b2b2;
      }
      }
      @media (min-width:992px) {
      .jss547 {
      margin-bottom: 10px;
      padding-right: 10px;
      }
      }
      .jss548 {
      padding-bottom: 40px;
      }
      @media (min-width:992px) {
      .jss548 {
      padding-bottom: 50px;
      }
      }
      .jss549 li {
      padding: 0;
      }
      .jss549 > li:first-child a {
      padding-top: 0;
      }
      @media (min-width:768px) {
      .jss549 {
      font-size: 1.125rem;
      line-height: 1.5rem;
      }
      }
      .jss549 li a {
      padding: 15px 0px 0px;
      }
      .jss550 {
      margin: 30px 0px;
      display: flex;
      flex-wrap: wrap;
      }
      .jss550 li {
      width: auto;
      display: inline-block;
      padding: 0;
      }
      .jss550 a {
      display: flex;
      padding: 0px 10px 0px 0px;
      align-items: baseline;
      }
      @media (min-width:992px) {
      .jss550 {
      font-size: 1.125rem;
      line-height: 1.5rem;
      }
      }
      .jss550 a:after {
      top: 2px;
      height: 14px;
      margin: 5px 0px 0px 10px;
      content: '';
      display: inline-block;
      position: relative;
      border-left: 1px solid #ffffff;
      pointer-events: none;
      }
      @media (min-width:992px) {
      .jss550 a {
      padding: 0px 20px 0px 0px;
      }
      }
      @media (min-width:992px) {
      .jss550 a div {
      padding-bottom: 7px;
      }
      }
      @media (min-width:768px) {
      .jss550 a:after {
      top: 4px;
      height: 17px;
      }
      }
      @media (min-width:992px) {
      .jss550 a:after {
      top: 7px;
      height: 25px;
      margin: 5px 0px 0px 20px;
      }
      }
      .jss550 li:last-child a {
      padding-right: 0;
      }
      .jss550 li:last-child a:after {
      visibility: hidden;
      }
      .jss551 {
      margin-bottom: 0;
      }
      @media (min-width:768px) {
      .jss551 {
      margin-top: 0;
      margin-bottom: 30px;
      }
      }
      @media (min-width:1280px) {
      .jss551 {
      margin-top: 30px;
      text-align: right;
      line-height: 44px;
      }
      }
      .jss552 {
      margin: 0;
      }
      .jss552 a {
      color: #ffffff;
      }
      @media (min-width:992px) {
      .jss552 {
      color: #999999;
      font-size: 1rem;
      line-height: 1.125rem;
      }
      }
  
      .jss566 {
      color: #ffffff;
      background-color: transparent;
      }
      .jss566.jss567 {
      background-color: transparent;
      }
 
      .jss568 {
      padding: 10px;
      min-height: auto;
      }
      .jss568.jss570 {
      min-height: auto;
      }
      .jss568.jss571 {
      opacity: 1;
      }
      @media (min-width:992px) {
      .jss568 {
      padding: 0px 0px 10px;
      }
      }
      .jss569 {
      margin: 0;
      }
      .jss569.jss570 {
      margin: 0;
      }
      .jss569 h5 {
      margin: 0;
      font-weight: 400;
      }
      .jss572 {
      right: 0;
      cursor: pointer;
      height: 100%;
      position: absolute;
      font-size: 0.875rem;
      padding-top: 0;
      margin-right: 0;
      border-radius: 0;
      padding-bottom: 0;
      }
      .jss572:hover {
      background-color: transparent;
      }

      .jss579 {
      padding: 5px 10px 20px;
      border-top: none;
      }
      @media (min-width:992px) {
      .jss579 {
      padding: 5px 0px 0px;
      }
      }
   
      .jss267 {
      font-size: 1rem;
      line-height: 1.25rem;
      margin-bottom: 15px;
      }
      @media (min-width:768px) {
      .jss267 {
      font-size: 1.125rem;
      line-height: 1.375rem;
      margin-bottom: 20px;
      }
      }
      @media (min-width:992px) {
      .jss267 {
      font-size: 1.25rem;
      line-height: 1.5rem;
      }
      }
      .jss267 .number, .jss267 .number-inline, .jss267 .number-large {
      display: block;
      font-weight: 700;
      }
      .jss267 .number, .jss267 .number-inline {
      font-size: 2.25rem;
      font-weight: 900;
      line-height: 2.5rem;
      }
      .jss267 .number-inline {
      display: inline-block;
      }
      .jss267 .number-large {
      font-size: 3.75rem;
      font-weight: 900;
      line-height: 3.5rem;
      }
      .jss267 .has-white-color {
      color: #ffffff;
      }
      .jss267 .has-darkgrey-color {
      color: #333333;
      }
      .jss267 .has-grey-color {
      color: #767264;
      }
      .jss267 .has-vodafonered-color {
      color: rgb(230, 0, 0);
      }
      .jss267 .has-vodafonered-color strong {
      font-weight: 900;
      }
      @media (min-width:992px) {
      .jss267 .number-large {
      font-size: 6.25rem;
      line-height: 6rem;
      }
      }
      @media (min-width:992px) {
      .jss267 .number, .jss267 .number-inline {
      font-size: 3rem;
      line-height: 3.25rem;
      }
      }
      @media (min-width:992px) {
      .jss268 {
      font-size: 1.5rem;
      line-height: 1.75rem;
      }
      }
      h1:first-of-type ~ .jss268 {
      font-size: 1.25rem;
      line-height: 1.5rem;
      }
      @media (min-width:992px) {
      h1:first-of-type ~ .jss268 {
      font-size: 1.875rem;
      line-height: 2.125rem;
      }
      }
      .jss269 {
      width: 80%;
      font-size: 0.875rem;
      line-height: 1rem;
      margin-left: auto;
      margin-right: auto;
      }
      @media (min-width:992px) {
      .jss269 {
      font-size: 1rem;
      line-height: 1.25rem;
      }
      }
   
      .jss51 {
      color: #ffffff;
      padding: 0px 10px;
      background-color: #333333;
      }
      .jss52 {
      margin: 0 auto;
      display: flex;
      outline: none;
      position: relative;
      flex-grow: 1;
      flex-direction: column;
      }
      @media (min-width:992px) {
      .jss52 {
      max-width: 1280px;
      }
      }
      .jss53 {
      top: 0;
      right: 0;
      position: absolute;
      font-size: 1.5rem;
      }
      .jss53:hover {
      background-color: transparent;
      }
      @media (min-width:768px) {
      .jss53 {
      top: 10px;
      right: 10px;
      font-size: 3.125rem;
      }
      }
      .jss54 {
      display: flex;
      padding: 0px 5px 5%;
      flex-grow: 1;
      padding-top: 72px;
      flex-direction: column;
      }
      @media (min-width:992px) {
      .jss54 {
      padding-top: 94px;
      }
      }
      @media (min-width:1280px) {
      .jss54 {
      padding-top: 160px;
      }
      }
      .jss55 {
      width: 100%;
      margin: 0 auto;
      padding: 30px 0px 10px;
      }
      @media (min-width:768px) {
      .jss55 {
      width: 66.66%;
      padding: 40px 0px 20px;
      }
      }
      @media (min-width:992px) {
      .jss55 {
      width: 50%;
      padding: 50px 0px 20px;
      }
      }

      .jss56 {
      left: -2px;
      display: flex;
      outline: none;
      position: relative;
      align-items: center;
      }
      .jss56 > svg {
      width: 2.125rem;
      height: 2.125rem;
      flex-shrink: 0;
      }
      @media (min-width:992px) {
      .jss56 {
      left: -3px;
      }
      }
      @media (min-width:992px) {
      .jss56 > svg {
      width: 3rem;
      height: 3rem;
      }
      }
 
      .jss72 {
      flex: 1;
      color: #333333;
      display: flex;
      padding: 10px 20px;
      align-items: center;
      line-height: 1;
      text-decoration: none;
      }
      .jss72 strong, .jss72 b {
      font-weight: 900;
      }
      .jss72:not(.jss75):hover {
      color: rgb(230, 0, 0);
      }
      @media (min-width:992px) {
      [data-level="1"] > div > ul > li > .jss72 {
      padding: 10px;
      text-align: center;
      justify-content: center;
      }
      [data-level="2"] .jss72 {
      padding: 6px 12px;
      }
      }
      .jss73 {
      margin: 2px 0 10px;
      }
      .jss74 {
      padding: 2px 0 0;
      }
      .jss74:before {
      height: 0;
      content: attr(data-label);
      display: block;
      overflow: hidden;
      visibility: hidden;
      font-weight: 900;
      }
      @media (min-width:992px) {
      [data-level="1"] > div > ul > li > a > .jss74 {
      padding: 0;
      }
      }
      .jss75 {
      color: #000000;
      background-color: #f4f4f4;
      }
      .jss75 .jss74 {
      font-weight: 900;
      }
      @media (min-width:992px) {
      [data-level="1"] > div > ul > li > .jss75 {
      background-color: transparent;
      }
      [data-level="2"] .jss75 {
      border-radius: 2px;
      }
      }
      .jss76 {
      color: rgb(230, 0, 0);
      }
      .jss76 .jss74 {
      font-weight: 900;
      }
      .jss77:after {
      width: 1rem;
      content: "\e91b";
      font-size: 1.375rem;
      font-family: vodafoneIcons;
      margin-left: auto;
      }
      @media (min-width:992px) {
      [data-level="1"] > div > ul > li > .jss77:after {
      content: "\e904";
      font-size: 0.5rem;
      margin-left: 10px;
      }
      }
      @media (min-width:992px) {
      .jss78::before {
      width: 1px;
      height: 24px;
      content: "";
      flex-shrink: 0;
      margin-right: 16px;
      background-color: rgb(230, 0, 0);
      }
      }
      @media (min-width:1680px) {
      .jss78::before {
      margin-right: 32px;
      }
      }

      .jss63 {
      flex: 1;
      font-size: 1.25rem;
      min-height: 0;
      font-weight: 400;
      line-height: 1.5rem;
      background-color: #ffffff;
      transition-duration: 250ms;
      transition-timing-function: ease;
      }
      .jss63 .jss63 {
      left: 0;
      width: 100%;
      position: absolute;
      }
      @media (max-width:991.95px) {
      .jss63 {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      transition-property: transform;
      }
      .jss63 .jss63 {
      top: 0;
      bottom: 0;
      z-index: 1;
      transform: translateX(100%);
      }
      }
      @media (min-width:992px) {
      .jss63 .jss63 {
      opacity: 0;
      visibility: hidden;
      }
      .jss63[data-level="1"] {
      display: flex;
      font-size: 1.375rem;
      font-weight: 300;
      }
      .jss63 [data-level="2"] {
      top: 100%;
      padding: 0px 32px;
      z-index: -1;
      box-shadow: inset 0 1px 0 #f4f4f4;
      transition-property: min-height;
      }
      [data-level="2"] .jss63 {
      transform: translateX(125%);
      transition-property: transform, opacity, visibility;
      }
      .jss63 [data-level="2"] .jss63 {
      top: 0;
      background-color: transparent;
      }
      }
      @media (min-width:1440px) {
      .jss63[data-level="2"] {
      padding: 0px 48px;
      }
      }
      @media (min-width:1680px) {
      .jss63[data-level="1"] {
      font-size: 1.5rem;
      }
      .jss63[data-level="2"] {
      padding: 0px 60px;
      }
      }
      @media (min-width:992px) {
      [data-level="2"].jss64 {
      transition-property: opacity, visibility;
      }
      }
      @media (max-width:991.95px) {
      .jss63 .jss65 {
      transform: translateX(0);
      }
      }
      @media (min-width:992px) {
      .jss63 .jss65 {
      opacity: 1;
      visibility: visible;
      }
      .jss63 .jss65 .jss65 {
      transform: translateX(100%);
      }
      }
      @media (min-width:992px) {
      [data-level="2"].jss65 .jss66 {
      opacity: 1;
      transform: translateX(100%);
      visibility: visible;
      }
      }
      @media (min-width:992px) {
      [data-level="1"] > .jss67 {
      flex: 1;
      display: flex;
      }
      [data-level="2"] > .jss67 {
      margin: 0 auto;
      max-width: 1680px;
      }
      }
      .jss68 {
      margin: 0;
      padding: 25px 0px;
      position: static;
      }
      @media (min-width:992px) {
      .jss68 {
      display: flex;
      padding: 0 8px 0 16px;
      }
      [data-level="1"] > .jss67 > .jss68 {
      flex: 1;
      }
      .jss68 .jss68 {
      width: 100%;
      position: relative;
      flex-direction: column;
      }
      [data-level="2"] > .jss67 > .jss68 {
      width: 33.33%;
      padding: 20px 40px 25px 0px;
      }
      [data-level="3"] > .jss67 > .jss68 {
      padding: 20px 20px 25px 20px;
      }
      [data-level="4"] > .jss67 > .jss68 {
      padding: 20px 0px 25px 40px;
      }
      }
      @media (min-width:1280px) {
      .jss68 {
      padding: 0px 0px 0px 24px;
      }
      }
      .jss69 {
      width: auto;
      padding: 0;
      position: static;
      flex-grow: 1;
      flex-wrap: wrap;
      align-items: stretch;
      }
      @media (min-width:992px) {
      [data-level="2"] .jss69 {
      padding: 2px 0;
      }
      }

      .jss57 {
      display: flex;
      }
      @media (max-width:991.95px) {
      .jss57 {
      right: 0;
      width: 100%;
      bottom: 0;
      position: fixed;
      max-width: 400px;
      transform: translateX(100%);
      background: #ffffff;
      transition: transform 250ms ease;
      padding-bottom: 50px;
      }
      }
      @media (min-width:768px) {
      .jss57 {
      flex: 1;
      }
      }
      .jss58 {
      transform: translateX(0);
      }
      .jss59 {
      z-index: 19;
      }
      .jss60 {
      top: 48px;
      }
   
      .jss157 {
      display: flex;
      align-items: center;
      }
      @media (max-width:991.95px) {
      .jss157 {
      margin-left: auto;
      }
      }
      @media (min-width:1280px) {
      .jss157 {
      padding-left: 20px;
      }
      }
      .jss158 {
      width: 2rem;
      height: 2rem;
      margin: 0 6px;
      display: flex;
      padding: 0;
      min-width: 0;
      transition: none;
      border-radius: 0;
      }
      .jss158:hover {
      background-color: transparent;
      }
      .jss158:before {
      font-size: 1.75rem;
      font-style: normal;
      font-family: VodafoneIcons;
      font-weight: 400;
      line-height: 1;
      }
      .jss158 > span {
      display: none;
      }
      @media (min-width:768px) {
      .jss158 {
      margin: 0 8px;
      }
      }
      .jss159:before {
      content: "\e90A";
      }
      .jss159.active:before, .jss159:hover:before {
      color: rgb(230, 0, 0);
      }
      .jss160:before {
      content: "\e90B";
      }
      .jss160.active:before, .jss160:hover:before {
      color: rgb(230, 0, 0);
      }
      .jss161 {
      margin-left: 8px;
      margin-right: 0;
      }
      .jss161:before {
      content: "\e905";
      font-size: 1rem;
      }

      .jss1 {
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      position: fixed;
      box-shadow: 0px 1px 0px  #b2b2b2;
      }
      .jss2 {
      top: 50px;
      }
      .jss3 {
      position: relative;
      }
      .jss4 {
      padding: 0px 16px;
      }
      @media (min-width:480px) {
      .jss4 {
      padding: 0px 24px;
      }
      }
      @media (min-width:992px) {
      .jss4 {
      padding: 0px 32px;
      }
      }
      @media (min-width:1440px) {
      .jss4 {
      padding: 0px 48px;
      }
      }
      @media (min-width:1680px) {
      .jss4 {
      padding: 0px 60px;
      }
      }
      @media (min-width:992px) {
      .jss5 {
      max-width: 1680px;
      }
      }
      .jss6 {
      height: 48px;
      position: static;
      min-height: 0;
      align-items: stretch;
      background-color: #ffffff;
      }
      @media (min-width:768px) {
      .jss6 {
      height: 60px;
      min-height: 0;
      }
      }
      @media (min-width:992px) {
      .jss6 {
      height: 72px;
      min-height: 0;
      }
      }

      .jss436 {
      margin: 0 -60px;
      overflow: hidden;
      position: relative;
      }
      .jss437 {
      min-width: 1920px;
      }

      .jss323 {
      display: inline-flex;
      align-items: center;
      }
   
      .jss319:hover .end-icon {
      transform: translateX(10px);
      }
      .jss320:before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      position: absolute;
      }
      .jss321 {
      font-size: 1.25rem;
      font-weight: 900;
      line-height: 1.25rem;
      }
      @media (min-width:768px) {
      .jss321 {
      font-size: 1.5rem;
      line-height: 1.5rem;
      }
      }
      @media (min-width:992px) {
      .jss321 {
      font-size: 1.75rem;
      line-height: 1.75rem;
      }
      }
 
      .jss225 .has-white-color {
      color: #ffffff;
      }
      .jss225 .has-darkgrey-color {
      color: #333333;
      }
      .jss225 .has-grey-color {
      color: #767264;
      }
      .jss225 .has-vodafonered-color {
      color: rgb(230, 0, 0);
      }
      .jss226 {
      font-size: 3rem;
      line-height: 3.125rem;
      margin-bottom: 10px;
      }
      @media (min-width:768px) {
      .jss226 {
      font-size: 3.75rem;
      line-height: 3.75rem;
      margin-bottom: 30px;
      }
      }
      @media (min-width:992px) {
      .jss226 {
      font-size: 5.625rem;
      line-height: 5.625rem;
      }
      }
      .jss227 {
      font-size: 1.75rem;
      line-height: 2.125rem;
      margin-bottom: 10px;
      }
      @media (min-width:768px) {
      .jss227 {
      font-size: 2rem;
      line-height: 2rem;
      margin-bottom: 30px;
      }
      }
      @media (min-width:992px) {
      .jss227 {
      font-size: 2.5rem;
      line-height: 2.5rem;
      }
      }
      .jss228 {
      font-weight: 300;
      }
      .jss228 strong, .jss228 b {
      font-weight: 300;
      }
      .jss229 {
      font-weight: 300;
      }
      .jss229 strong, .jss229 b {
      font-weight: 900;
      }
   
      .jss205 {
      min-height: 120px;
      padding-top: 20px;
      padding-bottom: 20px;
      }
      @media (min-width:768px) {
      .jss205 {
      padding-top: 30px;
      padding-bottom: 30px;
      }
      }
      .jss206 {
      margin: 0 auto;
      position: relative;
      max-width: 100%;
      }
      .jss206 > :first-child {
      margin-top: 0;
      }
      @media (min-width:768px) {
      .jss207 {
      max-width: 768px;
      }
      }
      @media (min-width:992px) {
      .jss207 {
      max-width: 1232px;
      }
      }
      @media (min-width:1680px) {
      .jss207 {
      max-width: 1440px;
      }
      }
      .jss209 {
      margin-left: auto;
      margin-right: auto;
      }
      @media (min-width:768px) {
      .jss209 {
      max-width: 768px;
      }
      }
      @media (min-width:992px) {
      .jss209 {
      max-width: 1280px;
      }
      }
      @media (min-width:1680px) {
      .jss209 {
      max-width: 1440px;
      }
      }
      .jss213 {
      padding: 30px 30px 0px 30px!important;
      }
      .jss213 .MuiGrid-container {
      align-items: center;
      }
      .jss213 .MuiTypography-h3 {
      font-weight: 300;
      margin-bottom: 0;
      }
      @media (min-width:768px) {
      .jss213 [class*=roundedButton] {
      width: 100%;
      max-width: 340px;
      min-width: auto;
      }
      }
      @media (min-width:992px) {
      .jss213 {
      padding: 60px 60px 30px 60px!important;
      }
      }
      .jss214 {
      background-size: cover;
      background-repeat: repeat;
      }
      @media (max-width:991.95px) {
      .jss214 {
      background-size: cover;
      }
      }
   
      @media (min-width:992px) {
      .jss189 {
      max-width: 1680px;
      }
      }
      .jss191 li {
      display: none;
      }
      .jss191 li:nth-last-child(3) {
      width: 100%;
      display: inline-flex;
      }
      .jss191 li.MuiBreadcrumbs-separator {
      margin-left: 20px;
      margin-right: 20px;
      }
      .jss191 .MuiButtonBase-root {
      color: inherit;
      background-color: transparent;
      }
      @media (min-width:992px) {
      .jss191 li {
      display: inline-flex;
      }
      .jss191 li:nth-last-child(3) {
      width: auto;
      }
      .jss191 li:last-child {
      overflow: hidden;
      max-width: 200px;
      }
      @media (min-width:992px) {
      .jss191 li:last-child {
      max-width: 500px;
      }
      }
      }
      .jss191 .MuiButtonBase-root svg {
      top: -4px;
      position: absolute;
      }
      .jss192 {
      color: inherit;
      width: 100%;
      cursor: pointer;
      display: inline-block;
      padding: 12px 0px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-decoration: none;
      }
      .jss192:before {
      content: "\e919";
      font-size: 0.625em;
      font-family: VodafoneIcons;
      margin-right: 10px;
      }
      @media (min-width:768px) {
      .jss192 {
      padding: 15px 0px;
      }
      }
      @media (min-width:992px) {
      .jss192 {
      max-width: 250px;
      }
      .jss192:before {
      display: none;
      }
      .jss192:hover {
      text-decoration: underline;
      }
      }
      .jss193 {
      margin: 0!important;
      padding: 15px 0px;
      overflow: hidden;
      font-weight: 700;
      white-space: nowrap;
      text-overflow: ellipsis;
      }
   
      .MuiCardMedia-root {
      display: block;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      }
      .MuiCardMedia-media {
      width: 100%;
      }
      .MuiCardMedia-img {
      object-fit: cover;
      }
 
      .MuiCardContent-root {
      padding: 16px;
      }
 
      .MuiCard-root {
      overflow: hidden;
      }
  
      .jss256 {
      width: 100%;
      height: 0;
      overflow: hidden;
      position: relative;
      padding-bottom: 100%;
      }
      .jss257 {
      height: 0;
      overflow: hidden;
      position: relative;
      border-radius: 50%;
      padding-bottom: 100%;
      }
      .jss258 {
      border: 1px solid #999999;
      }
   
      .jss589 {
      z-index: 1;
      position: relative;
      }
      @media (min-width:0px) {
      .jss589 {
      display: flex;
      align-items: center;
      }
      }
  
      .jss299 {
      position: relative;
      box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.16);
      border-radius: 0;
      }
      @media (max-width:767.95px) {
      .jss299 {
      margin: auto;
      max-width: 440px;
      }
      }
      @media (min-width:768px) {
      .jss299 {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      }
      }
      @media (min-width:992px) {
      .jss300 {
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
      .jss300:hover {
      transform: scale(1.03);
      box-shadow: 0px 2px 12px 0 rgba(0, 0, 0, 0.20);
      }
      }
      @media (min-width:768px) {
      .jss301 {
      flex-direction: row;
      }
      .jss301 .jss304 {
      width: 50%;
      height: auto;
      padding: 0;
      min-height: 385px;
      }
      .jss301 .jss305 {
      border-top: 0;
      border-left: 4px solid rgb(230, 0, 0);
      }
      }
      @media (min-width:992px) {
      .jss301 .jss304 {
      width: 66.66%;
      }
      .jss301 .jss305 {
      padding: 60px 30px;
      }
      }
      @media (min-width:992px) {
      .jss302 .jss304 {
      width: 66.66%;
      }
      }
      @media (min-width:768px) {
      .jss303 {
      display: flex;
      flex-direction: row;
      }
      .jss303 .jss304 {
      width: 228px;
      height: auto;
      padding: 0;
      }
      .jss303 .jss305 {
      min-height: 240px;
      }
      .jss303 .jss307 {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      }
      .jss303 .jss308 {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      }
      }
      @media (min-width:992px) {
      .jss303 .jss304 {
      width: 280px;
      }
      .jss303 .jss305 {
      min-height: 224px;
      }
      .jss303 .jss308 {
      -webkit-line-clamp: 2;
      }
      }
      .jss304 {
      height: 0;
      overflow: hidden;
      position: relative;
      background-color: #f4f4f4;
      }
      @media (min-width:768px) {
      .jss304 {
      flex-shrink: 0;
      }
      }
      .jss305 {
      width: 100%;
      padding: 20px;
      border-top: 4px solid rgb(230, 0, 0);
      }
      .jss305 > :first-child {
      margin-top: 0;
      }
      .jss305 > :last-child {
      margin-bottom: 0;
      }
      @media (min-width:768px) {
      .jss305 {
      flex: 1 1 auto;
      display: flex;
      padding: 30px;
      flex-direction: column;
      }
      }
      @media (min-width:992px) {
      .jss306 {
      padding-top: 40px;
      padding-bottom: 40px;
      }
      }
      .jss309 .jss304 {
      width: 33px;
      height: 33px;
      margin-right: 10px;
      padding-bottom: 0;
      background-color: transparent;
      }
      .jss309 .jss305 {
      border-top: 0;
      }
      .jss309 .jss310 .jss307 {
      margin-top: 0;
      }
      @media (min-width:768px) {
      .jss309 .jss305 {
      padding: 20px 30px;
      }
      }
      @media (min-width:768px) {
      .jss309 .jss304 {
      width: 40px;
      height: 40px;
      }
      }
      @media (min-width:768px) {
      .jss309 .jss307 {
      font-size: 1.5rem;
      line-height: 1.875rem;
      }
      }
      .jss310 {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      }
      .jss310 .jss307 {
      flex: 1;
      }
      .jss310 .jss308 {
      margin-bottom: 0;
      }
      .jss311 {
      box-shadow: none;
      background-color: transparent;
      }
      .jss311 .jss305 {
      color: #ffffff;
      padding: 0;
      border-top: 0;
      min-height: auto;
      border-left: 0;
      }
      .jss312 {
      overflow: visible;
      background: none;
      box-shadow: none;
      border-radius: 0;
      margin-bottom: 10px;
      padding-right: 10px;
      }
      .jss312 .jss305 {
      padding: 0;
      border-top: 0;
      }
      .jss312 .jss310 {
      align-items: center;
      }
      .jss312 .jss304 {
      width: 40px;
      height: 40px;
      padding: 0;
      box-shadow: rgb(0 0 0 / 40%) 0px 0px 6px 0px;
      border-radius: 50%;
      }
      .jss312 .jss310 .jss308 {
      font-size: 1rem !important;
      font-weight: 700;
      }
      .jss312 .jss310 .jss308 > a::after {
      display: none;
      }
   
      .jss497 {
      margin-bottom: 20px;
      }
      .jss497 .slick-list .slick-slide {
      padding: 5px 20px;
      }
      .jss497 .slick-list .MuiGrid-grid-sm-6 {
      max-width: 100%;
      flex-basis: 100%;
      }
      @media (min-width:768px) {
      .jss498 {
      display: flex;
      }
      }
      .jss499 {
      margin-top: 30px;
      }
  
      .jss295 {
      margin-bottom: 20px;
      }
      @media (min-width:768px) {
      .jss296 {
      display: flex;
      }
      }
   
      .jss514 {
      margin-left: auto;
      margin-right: auto;
      }
      @media (min-width:768px) {
      .jss514 {
      width: 83.33%;
      }
      }
      @media (min-width:992px) {
      .jss514 {
      width: 66.666667%;
      }
      }
      .jss514 .MuiGrid-container {
      justify-content: center;
      }
      .jss514 .MuiGrid-container > .MuiGrid-item {
      max-width: 200px;
      flex-basis: 50%;
      }
      @media (min-width:768px) {
      .jss514 .MuiGrid-container > .MuiGrid-item {
      flex-basis: 50%;
      }
      }
      @media (min-width:992px) {
      .jss514 .MuiGrid-container > .MuiGrid-item {
      max-width: 250px;
      }
      }
      .jss514 .MuiGrid-container > .MuiGrid-item h5 {
      font-size: 1rem;
      margin-top: 10px;
      text-align: center;
      font-weight: 700;
      line-height: 1.5rem;
      }
      .jss514 .MuiGrid-container > .MuiGrid-item p {
      font-size: 1rem;
      margin-top: 0;
      text-align: center;
      font-weight: 300;
      line-height: 1.125rem;
      }
      @media (min-width:768px) {
      .jss514 .MuiGrid-container > .MuiGrid-item h5 {
      font-size: inherit;
      margin-top: 20px;
      line-height: inherit;
      }
      }
      @media (min-width:992px) {
      .jss514 .MuiGrid-container > .MuiGrid-item h5 {
      font-size: inherit;
      line-height: inherit;
      }
      }
      .jss515 {
      margin-left: auto;
      margin-right: auto;
      }
      .jss515 .MuiGrid-container {
      justify-content: center;
      }
      .jss515 .MuiGrid-container > .MuiGrid-item {
      max-width: 250px;
      flex-basis: 33.33333333%;
      margin-bottom: 20px;
      }
      @media (min-width:992px) {
      .jss515 .MuiGrid-container > .MuiGrid-item {
      max-width: 200px;
      margin-bottom: 30px;
      }
      }
      .jss516 h3:first-of-type:not(.vdf-text-vodafonered), .jss516 h3.vdf-text-vodafonered:first-child {
      margin-bottom: 0;
      }
      .jss516 h3.vdf-text-vodafonered:not(:first-child):not(:last-child) {
      margin: 0;
      }
      .jss516 h3:last-of-type:not(.vdf-text-vodafonered), .jss516 h3.vdf-text-vodafonered:last-child {
      margin-top: 0;
      }
      .jss517 h3:first-of-type {
      margin-top: 20px;
      }
      .jss517 h3 {
      color: #666;
      margin: 0;
      }
      .jss517 p, .jss517 p:first-of-type {
      width: 100%;
      }
      .jss517 p:not(:last-child), .jss517 p:first-of-type:not(:last-child) {
      margin: 0;
      }
      .jss517 p:first-of-type {
      margin-top: 0;
      }
      @media (max-width:1279.95px) {
      .jss517 .MuiGrid-item {
      max-width: 100%;
      flex-basis: 100%;
      }
      }
      @media (min-width:992px) {
      .jss517 h3:first-of-type {
      margin-top: 30px;
      }
      }
      @media (min-width:1280px) {
      .jss517 h3:first-of-type {
      margin-top: 0;
      }
      }
      @media (min-width:768px) {
      .jss519 .MuiGrid-item {
      display: flex;
      margin-bottom: 0px !important;
      flex-direction: column;
      justify-content: center;
      }
      .jss519 .MuiGrid-item:last-child {
      align-items: flex-end;
      }
      }
      @media (min-width:992px) {
      .jss519 button {
      min-width: 200px;
      }
      .jss519 button.yes-button, .jss519 button.no-button {
      min-width: auto;
      }
      }
      .jss519 .MuiGrid-item:first-child {
      margin-bottom: 20px;
      }
      .jss519 .MuiGrid-item > * {
      margin: 0;
      }
      .jss519 .MuiGrid-item p {
      color: #ffffff;
      }
      .jss520 {
      display: flex;
      justify-content: center;
      }
  
      @media (max-width:767.95px) {
      .jss236 .MuiTypography-root {
      text-align: center;
      }
      }
      @media (max-width:767.95px) {
      .jss237 .MuiTypography-root {
      text-align: center;
      }
      }
      .jss241 {
      margin-top: 5px;
      }
   
      .jss533 {
      color: #000000;
      padding: 0px 30px;
      flex-grow: 1;
      min-width: 80px;
      min-height: 44px;
      transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
      margin-left: 10px;
      background-color: #ffffff;
      }
      .jss533:first-child {
      margin-left: 0;
      }
      .jss533 svg {
      width: 24px;
      height: 24px;
      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
      flex-shrink: 0;
      margin-left: 10px;
      }
      @-webkit-keyframes jss534 {
      0% {
      opacity: 1;
      transform: scale(1);
      }
      100% {
      opacity: 0;
      transform: scale(1.2, 1.6);
      }
      }
      @-webkit-keyframes jss535 {
      0%, 100% {
      transform: scale(1);
      }
      50% {
      transform: scale(0.95);
      }
      }
      @-webkit-keyframes jss536 {
      0%, 100% {
      transform: rotate(0);
      }
      50% {
      transform: rotate(-12deg);
      }
      }
      .jss537 {
      box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.16);
      border-radius: 2px;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .jss537.yes-button  {
      transform-origin: center right;
      }
      .jss537.no-button  {
      transform-origin: center left;
      }
      .jss537:hover, .jss537.active {
      color: #ffffff;
      background-color: rgb(230, 0, 0);
      }
      .jss537::after {
      width: 100%;
      border: 2px solid rgb(230, 0, 0);
      height: 100%;
      content: "";
      opacity: 0;
      position: absolute;
      border-radius: 2px;
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .jss537 svg {
      animation-duration: 400ms;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      }
      .jss537.animating {
      animation-name: jss535;
      }
      .jss537.animating::after {
      animation-name: jss534;
      }
      .jss537.animating svg {
      animation-name: jss536;
      }
      .jss537.no-button  svg {
      transform-origin: center right;
      }
      .jss537.yes-button  svg {
      transform-origin: center left;
      }
      .jss538 {
      border: 2px solid #333333;
      border-radius: 100px;
      }
      .jss538:hover, .jss538.active {
      border-color: rgb(230, 0, 0);
      }
      .jss538:hover:not(.active) {
      color: rgb(230, 0, 0);
      box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.16);
      background-color: #ffffff;
      }
      .jss538.active {
      color: #ffffff;
      background-color: rgb(230, 0, 0);
      }
      .jss538:hover .jss539, .jss538.active .jss539 {
      transform: translateX(3px);
      }
      .jss538:hover svg, .jss538.active svg {
      transform: rotate(-12deg);
      }
      .jss539 {
      display: table;
      font-size: 1rem;
      transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
      font-weight: 700;
      }
   
      .jss196 {
      width: 100%;
      /*display: flex;*/
      z-index: 9;
      background: #206aed;
      overflow-x: auto;
      text-align: center;
      margin: 0px auto;
      }
      @media (min-width:1440px) {
      .jss196 {
      padding: 0px 16px;
      }
      }
      @media (min-width:1680px) {
      .jss196 {
      padding: 0px 28px;
      }
      }
      .jss197 {
      top: 72px;
      position: fixed;

      }
      /*@media (min-width:768px) {
      .jss197 {
      top: 0px;
      }
      }*/
      /*@media (min-width:992px) {
      .jss197 {
      top: 0px;
      }
      }*/
      .jss198 {
      float: left;
      color: #ffffff;
      margin: 0px auto;
      display: flex;
      padding: 12px 0px;
      z-index: 1;
      max-width: 50%;
      align-items: center;
      line-height: 1.125rem;
      flex-wrap: unset;
      }
      @media (min-width:768px) {
      .jss198 {
      padding: 18px 0px;
      }
      }
      .jss199 {
      padding: 0;
      }
      .jss199:not(:first-of-type) {
      border-left: 2px solid #ffffff;
      }
  
      .jss200 {
      color: #ffffff;
      cursor: pointer;
      display: inline-block;
      padding: 0px 16px;
      overflow: hidden;
      font-size: 1rem;
      max-width: 480px;
      transition: opacity 300ms ease-in-out;
      font-weight: 700;
      line-height: 1.5rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      }
      .jss200.active {
      opacity: 0.5;
      }
      .jss200:hover {
      opacity: 0.75;
      text-decoration: none;
      }
      @media (min-width:480px) {
      .jss200 {
      padding: 0px 24px;
      }
      }
      @media (min-width:768px) {
      .jss200 {
      font-size: 1.125rem;
      }
      }
      @media (min-width:992px) {
      .jss200 {
      padding: 0px 5px;
      margin-left: 20px;
      margin-right: 20px;
      
     
      }
      }

      .button {
         /* border: 1px solid #206aed; */
         color: #206aed;
         border-radius: 7px;
         padding: 10px 32px;
         text-align: center;       
         display: inline-block;
         font-size: 16px;
         margin: 8px 2px;
         margin-right: 362px;
         cursor: pointer;
      
            }
            .button:hover{
               text-decoration: none;
               color: #206aed;
            }