@font-face {
    font-family: InterstateR;
    src: url(./fonts/Interstate-regular.ttf);
  }
  
  @font-face {
    font-family: InterstateL;
    src: url(./fonts/Interstate-light.ttf);
  }
  
#table-body{
  width: 100%;
  border-spacing:0;
  border-collapse: collapse;  
  padding:0;
}

#headerlogo_Mobile{
  width: 100%;
}

#logo_mobile{
  text-align: center;
  padding: 5%;
}

#logo_mobile img{
  height: 42px;
  width: 64px;
}

#mobile-Heading{
  width: 100%;
}

.Mobilescreen{
  padding-left: 12%;
   padding-right: 12%; 
   color: #22303e;
   width: 100%;
}

#mobileAppText{
  padding-top: 10px; 
  padding-bottom: 10px;
}

#mobile-DesktopHeader{
  padding-left: 12%; 
  padding-right: 12%;
}

#mobileChinaAppText{
  padding-left: 12%;
  padding-right: 12%;
  padding-bottom: 10px; 
  padding-top: 45px; 
  color: #4f6f90;
  font-weight: 400; 
  font-size: 10px;
  width: 100%;
}

#mobileCookieConsentText{
  padding-left: 12%;
  padding-top: 1px !important;
  padding-right: 12%; 
  padding-bottom: 30px; 
  padding-top: 45px;
  color: #4f6f90;
  font-weight: 400; 
  font-size: 10px; 
  width: 100%"
}

#bottom-footer{
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
}

#mobileFooter{
  width: 100%;
}

#footerPaymentAdvisor {
  white-space: nowrap;
}

#footerTradeAdvisor{
  white-space: nowrap;
}

#Tabletscreen{
  padding-left: 12%;
  padding-right: 12%; 
  color: #22303e;
  width: 100%;
}

#tablet-DesktopHeader{
  padding-left: 12%;
  padding-right: 12%;
}

#tabletChinaAppText{
  padding-left: 12%;
  padding-right: 12%; 
  padding-bottom: 5px;
  padding-top: 45px; 
  color: #4f6f90;
  font-weight: 400; 
  font-size: 10px; 
  width: 100%;
}

#tabletCookieConsentText{
  padding-left: 12%;
  padding-top: 1px !important;
  padding-right: 12%; 
  padding-bottom: 45px;
  padding-top: 45px; 
  color: #4f6f90; 
  font-weight: 400; 
  font-size: 10px;
  width: 100%;
}

#bottom-footer-tablet{
  width: 100%;
}

#bottom-logo-tablet{
  bottom: 0; 
  left: 2%; 
  background-color: white; 
  padding-top: 20px;
  padding-bottom: 20px;
}

#footer-tablet-menu{
  text-align: center; 
  bottom: 0;
  left: 10%;
  right: 25%;
  background-color: white;
  padding-top: 20px; 
  padding-bottom: 20px;
}

#footer-tablet-menu a{
  white-space: nowrap;
}

#footer_tablet_copyright{
  bottom: 0; 
  right: 2%; 
  background-color: white; 
  padding-top: 20px; 
  padding-bottom: 20px;
}

#footer_tablet_copyright a{
  white-space: nowrap;
}

/* Desktop*/
#desktop-Heading{
  width: 100%;
}

#desktop-Header{
  padding-left: 20%; 
  padding-right: 20%; 
  padding-bottom: 24px;
}

#Webscreen{
  padding-left: 20%; 
  padding-right: 20%;
  color: #22303e; 
  width: 100%;
}

#scanner-desktop{
  padding-left: 20%;
  padding-right: 20%;
}

#scanner_google, #Scanner_apple{
  border: 1px solid #a8bbcf;
  position: relative; 
  height: 184px; 
  width: 152px;
  border-radius: 8px;
}

.AppleQR{
  height: 119px; 
  width: 119px;
  padding: 17px;
}

#scanner-apple{
  padding-left: 16px;
}

#desktopAltStoreText{
  padding-left: 20%;
  padding-right: 20%;
  padding-bottom: 5px; 
  color: #4f6f90; 
  font-weight: 400; 
  font-size: 12px; 
  width: 100%;
}

#desktopChinaAppText{
  padding-left: 20%; 
  padding-right: 20%; 
  padding-bottom: 5px; 
  color: #4f6f90; 
  font-weight: 400; 
  font-size: 10px; 
  width: 100%;
}

#desktopCookieConsentText{
  padding-left: 20%; 
  padding-top: 1px !important; 
  padding-right: 20%; 
  padding-bottom: 15px; 
  color: #4f6f90; 
  font-weight: 400; 
  font-size: 10px; 
  width: 100%;
}

#footer-desktop-menu{
  text-align: center; 
  background-color: white; 
  padding-top: 20px; 
  padding-bottom: 20px;
}

#bottom-logo-web{
  padding-right: 3%;
}

#bottom-logo-web a {
  white-space: nowrap;
}

#footer_tablet_copyright{
  padding-left: 3%;
}

#bottom-footer-web{
  width: 100%;
}
/* Tablet*/

#tablet-Heading{
  width: 100%;
}

  /* Mobile View */
  
  .mobile-Heading {
    color: #002d72;
    font-family: InterstateL;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    padding-top: 30px;
  }
  
  .mobile-TitleText {
    font-family: InterstateL;
    padding-left: 12%;
    padding-right: 12%;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
    padding-top: 25px;
  }
  
  .mobile-AppHeader,
  .mobile-DesktopHeader {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 700;
    color: #22303e;
    font-family: InterstateL;
    padding-bottom: 8px;
    padding-top: 45px;
  }
  
  .mobile-AppText {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
  }
  
  .mobile-AppButton {
    font-family: InterstateL;
    font-size: 14px;
    color: white;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    background-color: #0076d4;
    width: 129px;
    height: 36px;
    border-radius: 4px;
    border: none;
  }
  
  .mobile-DesktopText {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
  }
  
  .mobile-ChinaAppText {
    font-family: InterstateL;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #4f6f90;
    padding-top: 20px;
  }
  
  .mobileFooter td a {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #005aa1;
  }
  
  /*Mobile Screen*/
  @media only screen and (max-width: 600px) and (orientation: portrait), (min-device-width: 201px) and (max-device-width: 990px) and (max-height: 600px) and (orientation: landscape) {
    .tablet-NeedText,
    .desktop-Heading,
    .desktop-TitleText,
    .desktop-NeedText,
    .desktop-Header,
    .desktop-text,
    .desktop-button,
    .desktop-AppHeader,
    .desktop-AppText,
    .desktop-AppStore,
    .desktop-PlayStore,
    .desktop-AltStoreText,
    .scan,
    .desktop-ChinaAppText,
    .tablet-DesktopHeader,
    .tablet-DesktopText,
    .tablet-Heading,
    hr,
    .Tabletscreen,
    .desktop-small-text,
    .tablettext,
    .scanner,
    .headingdesktop,
    .tablet-TitleText,
    .Webscreen,
    .app-store-text,
    .headerlogo,
    .desktoptext,
    .desktopbutton,
    .get-desktop,
    #Footer-tablet,
    .footer-Web,
    .tablet-ChinaAppText,
    .appstore_text {
      display: none;
    }
  
    .mobile-AppButton {
      width: 100% !important;
    }
  
    /* Only for Mobile Footer, underline is there for footers */
  
    .mobileFooter td a {
      /*font-family: InterstateL;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: 0px;
      text-align: left;
      color: #005aa1;*/
      text-decoration: underline;
    }
  }
  
  /*Desktop screen */
  @media only screen and (min-device-width: 1281px) and (max-device-width: 1365px), (min-device-width: 1367px), (device-width: 1366px) and (-webkit-max-device-pixel-ratio: 1.9) {
    .Tabletscreen,
    #Footer-tablet,
    .tablet-DesktopHeader,
    .mobile-Heading,
    .tablet-DesktopText,
    .tablet-Heading,
    .headerlogo_Mobile,
    .mobile-ChinaAppText,
    .tablet-ChinaAppText,
    .tablettext,
    .mobile-DesktopText,
    .Mobilescreen,
    .mobile-DesktopHeader,
    .mobile-TitleText,
    .tablet-TitleText,
    .Mobile-footer,
    .tablet-NeedText {
      display: none;
    }
    .bottom-footer a {
      font-family: InterstateL;
      color: #676767;
      font-size: 12px;
      font-weight: 300;
      line-height: 16px;
      letter-spacing: 0px;
      text-align: center;
      padding-left: 15px;
    }
  }
  
  /*Tablet Screen - 3nd Condition is for iPad Pro Landscape view*/
  @media only screen and (min-width: 601px) and (max-width: 1280px) and (orientation: portrait), (min-device-width: 740px) and (max-device-width: 1280px) and (min-height: 601px) and (orientation: landscape), (device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .heading1desktop,
    .desktop-Heading,
    .desktop-TitleText,
    .desktop-NeedText,
    .desktop-Header,
    .desktop-text,
    .desktop-button,
    .desktop-AppHeader,
    .desktop-AppText,
    .desktop-AppStore,
    .desktop-PlayStore,
    .desktop-AltStoreText,
    .scan,
    .desktop-ChinaAppText,
    .footer-Web,
    hr,
    .mobile-ChinaAppText,
    .Mobile-footer,
    .mobile-Heading,
    .mobile-DesktopHeader,
    .scanner,
    .headingdesktop,
    .desktop-small-text,
    .mobile-TitleText,
    .Webscreen,
    .mobile-DesktopText,
    .app-store-text,
    .headerlogo,
    .headerlogo_Mobile,
    .desktoptext,
    .desktopbutton,
    .heading,
    .Mobilescreen,
    .get-desktop,
    .appstore_text {
      display: none;
    }
    /*.bottom-footer {
      padding-top: 70px;
    }*/
    .desktop-ChinaAppText {
      padding-top: 70px;
    }
    .tablet-DesktopHeader {
      padding-top: 70px;
    }
  }
  
  /*Tablet footer fix*/
  @media only screen and (max-device-width: 1280px) and (min-device-width: 601px) and (orientation: portrait) {
    .bottom-footer {
      position: fixed;
  
      bottom: 0%;
    }
  }
  
  /*TabletView */
  .tablet-Heading {
    color: #002d72;
    font-family: InterstateL;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    padding-top: 30px;
  }
  
  .tablet-TitleText {
    font-family: InterstateL;
    padding-left: 12%;
    padding-right: 12%;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
    padding-top: 25px;
  }
  
  .tablet-NeedText {
    font-family: InterstateL;
    padding-left: 12%;
    padding-right: 12%;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    padding-top: 45px;
    color: #002d72;
  }
  
  .tablet-AppHeader {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 700;
    color: #22303e;
    font-family: InterstateL;
    padding-bottom: 13px;
    padding-top: 20px;
  }
  .tablet-AppText {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
    padding-bottom: 20px;
  }
  
  .tablet-AppButton {
    font-family: InterstateL;
    font-size: 14px;
    color: white;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    background-color: #0076d4;
    width: 129px;
    height: 36px;
    border-radius: 4px;
    border: none;
  }
  
  .tablet-DesktopHeader {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 700;
    color: #22303e;
    font-family: InterstateL;
    padding-bottom: 8px;
    padding-top: 45px;
  }
  
  .tablet-DesktopText {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
  }
  
  .tablet-ChinaAppText {
    font-family: InterstateL;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #4f6f90;
    padding-top: 20px;
  }
  
  /* Desktop view */
  
  .desktop-Heading {
    color: #002d72;
    font-family: InterstateL;
    font-size: 32px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0px;
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 17px; 
  }
  .desktop-TitleText {
    font-family: InterstateL;
    padding-left: 20%;
    padding-right: 20%;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
    padding-top: 16px;
    padding-bottom: 24px;
  }
  
  .desktop-NeedText {
    font-family: InterstateL;
    padding-left: 20%;
    padding-right: 20%;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    padding-bottom: 24px;
    color: #002d72;
  }
  .desktop-Header {
    font-family: InterstateL;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    padding-bottom: 8px;
    font-weight: 700;
    color: #22303e;
  }
  .desktop-text {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    padding-bottom: 8px;
    color: #22303e;
  }
  .desktop-button {
    font-family: InterstateL;
    font-size: 14px;
    color: white;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    background-color: #0076d4;
    width: 129px;
    height: 36px;
    border-radius: 4px;
    border: none;
  }
  .desktop-AppHeader {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 700;
    color: #22303e;
    font-family: InterstateL;
    padding-bottom: 8px;
    padding-top: 13px;
  }
  
  .desktop-AppText {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #22303e;
  }
  
  .desktop-AppStore,
  .desktop-PlayStore {
    font-family: InterstateL;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
    color: #002d72;
  }
  
  .scan {
    font-family: InterstateL;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    padding-top: 24px;
    color: #22303e;
    padding-bottom: 10px;
  }
  .desktop-AltStoreText {
    font-family: InterstateL;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #4f6f90;
    padding-top: 20px;
  }
  .desktop-ChinaAppText {
    font-family: InterstateL;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #4f6f90;
    padding-top: 20px;
  }
  
  .bottom-footer a {
    font-family: InterstateL;
    color: #676767;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
    padding-left: 15px;
    text-decoration: none;
  }
  
  hr {
    width: 59.5%;
  
    color: #d9e2ea;
  
    /*height: 1px; Figma it is given as 1px but UI looks good without it */
  }

#language {
    border: none;
    font-family: InterstateL;
    color: #676767;
    font-size: 12px;
    font-weight: 300;
}
  
#footer-desktop-menu a {
    cursor: pointer;
  }