/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
  html {
    height: 100%;
  }
  
  body {
    width:100%;
    height: 100%;
    overflow-x:hidden;
    font-family: 'Assistant' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  #application-mountRoot iframe {
    display: block;
  }
  
  *, *:before, *:after {
    -webkit-box-sizing: inherit;
       -moz-box-sizing: inherit;
            box-sizing: inherit;
  }
  
  ul {
    list-style: none;
  }
  
  .application-base {
    color: inherit;
    margin-top: 5px;
  }
  
  @media all and (min-width: 980px) {
    .application-base {
      margin-top: 50px;
    }
  }
  
  .mobile {
    height: 100%;
  }
  
  .eors-pr-timer{
    z-index: 1;
  }
  
  .full-height {
    height: 100%;
  }
  
  .full-height.application-white {
      background-color: #FFFFFF;
    }
  
  .no-scroll-background {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  
  .page-page {
    background-color: #F5F5F6;
  }
    .page-page.page-white {
      background-color: white;
    }
  
  .page-couponsPage {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
  }
  
  .page-transactionPage {
    background-color: #F5F5F6;
  }
  
  .page-transactionPage.page-white {
      background-color: white;
    }
  
  body {
    background-color: #F5F5F6;
  }
  
  .page-loader {
    position: absolute;
    left: 45%;
    top: 50%;
    width: 44px;
    height: 10px;
    display: block;
    padding: 10px 0px 10px 0px;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/loader.gif) no-repeat;
  }
  
  .page-component {
    padding: 10px;
    font-size: 14px;
  }
  
  .page-myntraCredit, .page-profile, .page-resetPassword {
    font-size: 14px;
    background: #F5F5F6;
  }
  
  
  .page-fullWidthComponent {
    font-size: 14px;
  }
  
  .page-segment-heading {
    margin: 25px 0px 10px 10px;
    font-weight: 600;
    color: #3E4152;
  }
  
  .page-reviewSuccessNotify {
    position: fixed;
    left: 50%;
    width: 280px;
    margin-left: -140px;
    top: 81px;
    z-index: 100;
  }
  
  .page-pageMessage {
    background: #fff3ef;
    padding: 10px 12px 10px 12px;
    color: #282C3F;
    line-height: 18px;
  }
  
  .page-pageMessage.page-odMessage {
      margin-bottom: 20px;
    }
  
  * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none
  }
  
  :not(input):not(textarea):not(button) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: transparent
  }
  
  @media (min-width: 480px) {
    .page-loader {
      position: initial;
      margin: 290px auto;
    }
  }
  
  @media (min-width: 780px) {
    body {
      background-color: white;
    }
    .page-page {
      margin: 10% 5%;
      min-height: 650px;
      background-color: white;
    }
    .page-transactionPage {
      margin: 8% auto;
      max-width: 980px;
    }
    .page-component,
    .page-myntraCredit,
    .page-profile {
      width: 71%;
      display: inline-block;
      margin: 15px;
    }
  
    .page-couponsPage {
      height: auto;
      width: 71%;
      display: inline-block;
    }
  
    .page-resetPassword {
      width: 40%;
      display: block;
      margin: 0 auto;
    }
    .page-myntraCredit, .page-profile, .page-resetPassword {
      background: #ffffff;
    }
    .page-fullWidthComponent {
      padding: 10px;
      width: 71%;
      display: inline-block;
      margin: 5px;
    }
     :not(input):not(textarea):not(button) {
      -webkit-touch-callout: auto;
      -webkit-user-select: auto;
         -moz-user-select: auto;
          -ms-user-select: auto;
              user-select: auto;
    }
  }
  
  @media (min-width: 980px) {
    .page-page {
      margin: 8% auto;
      max-width: 980px;
    }
    .page-transactionPage {
      margin: 8% auto;
      max-width: 980px;
    }
    .page-component,
    .page-myntraCredit,
    .page-profile {
      width: 76%;
      margin: 15px;
    }
  
    .page-couponsPage {
      height: auto;
      width: 76%;
    }
  
    .page-resetPassword {
      width: 40%;
    }
    .page-myntraCredit, .page-profile, .page-resetPassword {
      background: #ffffff;
    }
  }
  
  
  .sprites-mymyntraSprite {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-3-27-01-2021.png) no-repeat;
    -webkit-background-size: 500px 200px;
            background-size: 500px 200px;
    display: inline-block;
  }
  
  @media (min--moz-device-pixel-ratio: 2), 
         (-webkit-min-device-pixel-ratio: 2), 
         (min-resolution: 2dppx), 
         (min-resolution: 192dpi){
    .sprites-mymyntraSprite {
      background-image: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-3-2x-27-01-2021.png) no-repeat;
    }
  }
  
  .sprites-mymyntraCouponSprite {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-5.png) no-repeat;
    display: inline-block;
  }
  
  /* write review related */
  .myntraweb-review-sprite {
    background: url('https://constant.myntassets.com/mymyntra/assets/img/sprite-10-2x.png');
    /* background-size: 1404px 105px; */
    display: inline-block;
  }
  
  .sprites-galleryDesktop {
    background-position: -18px -446px;
    width: 57px;
    height: 56px;
  }
  
  .sprites-AddPhotos {
    background-position: -80px -398px;
    width: 196px;
    height: 61px;
  }
  
  .sprites-blackCross {
    background-position: -18px -382px;
    width: 52px;
    height: 52px;
  }
  
  .sprites-galleryMobile {
    background-position: -22px -320px;
    width: 44px;
    height: 47px;
  }
  
  .sprites-camera {
    background-position: -18px -257px;
    width: 51px;
    height: 42px;
  }
  
  .sprites-giftImage {
    background-position: -12px -11px;
    width: 141px;
    height: 100px;
  }
  
  .sprites-tag-express {
    background-position: -372px -96px;
    width: 118px;
    height: 28px;
  }
  
  .sprites-tag-valueShipping {
    background-position: -208px -162px;
    width: 164px;
    height: 28px;
  }
  
  .sprites-tag-tryAndBuy {
    background-position: -372px -63px;
    width: 118px;
    height: 28px;
  }
  
  .sprites-tag-freeGift {
    background-position: -372px -129px;
    width: 118px;
    height: 28px;
  }
  
  .sprites-tag-global {
    background-position: -372px -162px;
    width: 118px;
    height: 28px;
  }
  
  .sprites-tag-exchangeOrder {
    background-position: -76px -162px;
      width: 124px;
    height: 28px;
  }
  
  .sprites-tag-preOrder {
    background-position: -76px -129px;
      width: 124px;
      height: 28px;
  }
  
  .sprites-myntraLogo {
    background-position: -40px -174px;
      width: 27px;
    height: 19px;
  }
  
  .sprites-crossSign {
    background-position: -280px -13px;
    width: 14px;
    height: 14px;
  }
  
  .sprites-arrow {
    background-position: -165px -10px;
    width: 24px;
    height: 15px;
  }
  
  .sprites-starsImage {
    background-position: -218px -12px;
    width: 48px;
    height: 67px;
  }
  
  .sprites-socialImage {
    width: 30px;
    height: 30px;
  }
  
  .sprites-pointsWarningImage {
    background-position: 0px -579px;
      width: 32px;
      height: 32px;
  }
  
  .sprites-plusSymbol {
    background-position: -225px -309px;
      width: 14px;
      height: 12px;
  }
  
  .sprites-minusSymbol {
    background-position: -248px -314px;
      width: 9px;
      height: 2px;
  }
  
  .sprites-customRadio {
    background-position: -366px -12px;
      width: 16px;
      height: 16px;
  }
  
  .sprites-customRadioSelected {
    background-position: -384px -12px;
      width: 16px;
      height: 16px;
  }
  
  .sprites-dropDownIcon {
    background-position: -369px -42px;
      width: 10px;
      height: 5px;
  }
  
  /* Coupon Page Related Images */
  .sprites-couponBackGroundImage {
    background-position: -362px -380px;
    height: 90px;
    width: 75px;
  }
  
  .sprites-downCouponArrow {
    background-position:-141px -310px;
    width: 13px;
      height: 7px;
  }
  
  .sprites-couponImage {
    background-position: 0px 0px;
    width: 101px;
      height: 50px;
  }
  
  .sprites-searchImage {
    background-position: -108px 0;
    height: 82px;
    width: 76px;
  }
  
  .sprites-bagImage {
    background-position: -185px 0;
    height: 70px;
    width: 86px;
  }
  
  .sprites-shoppingBagImage {
    background-position: -277px 0;
    height: 140px;
    width: 125px;
  }
  
  .sprites-applyCouponImage {
    background-position: -405px 0;
    height: 110px;
    width: 126px;
  }
  
  .sprites-finalBagImage {
    background-position: -536px 0;
    height: 135px;
    width: 125px;
  }
  
  .sprites-downCouponArrow {
    background-position:-141px -310px;
    width: 13px;
      height: 7px;
  }
  
  
  /* Header and Footer Requirement. */
  .myntraweb-sprite {
    background: url('https://constant.myntassets.com/mymyntra/assets/img/sprite-6-27-01-2021.png');
    -webkit-background-size: 1404px 105px;
            background-size: 1404px 105px;
    display: inline-block;
  }
  
  .myntraweb-footer-sprite {
    background: url('https://constant.myntassets.com/mymyntra/assets/img/sprite-7.png');
    -webkit-background-size: 706px 49px;
            background-size: 706px 49px;
    display: inline-block;
  }
  
  .myntraweb-header-sprite {
    background: url('https://constant.myntassets.com/mymyntra/assets/img/MyntraWebSprite_27_01_2021.png');
    display: inline-block;
  }
  
  .sprites-headerUser {
    background-position: -603px -117px;
      width: 33px;
      height: 32px;
  }
  
  .sprites-headerWishlist {
    background-position: -631px -167px;
      width: 32px;
      height: 32px;
  }
  
  .sprites-headerBag {
    background-position: -688px -117px;
      width: 32px;
      height: 32px;
  }
  
  .sprites-bag {
    width: 18px;
    height: 20px;
    background-position: -145px 0;
  }
  
  .sprites-user {
    width: 17px;
    height: 20px;
    background-position: -813px 0;
  }
  
  .sprites-whiteRightArrow {
    background-position: -2284px -21px;
    width: 20px;
    height: 16px;
  }
  
  .sprites-whiteWishlist {
    background-position: -2688px 0px;
    width: 24px;
    height: 32px;
  }
  
  .sprites-whiteBag {
    background-position: -2283px -40px;
    width: 23px;
    height: 22px;
  }
  
  .sprites-footer-facebook {
    background-position: -2023px 0px;
    width: 20px;
    height: 21px;
  }
  
  .sprites-lightTick {
    background-position: -1097px 0px;
    width: 12px;
    height: 10px;
  }
  
  .sprites-moreColors {
    width: 40px;
    height: 40px;
    background-position: -1337px 0;
  }
  
  .sprites-footer-twitter {
    background-position: -2045px 0px;
    width: 23px;
    height: 21px;
  }
  
  .sprites-footer-instagram {
    background-position: -1392px 0px;
    width: 21px;
    height: 20px;
  }
  
  .sprites-footer-youtube {
    background-position: -1361px 0px;
    width: 31px;
    height: 20px;
  }
  
  .sprites-three-colview-normal {
    width: 19px;
    height: 13px;
    background-position: 0 0;
  }
  
  .sprites-three-colview-selected {
    width: 19px;
    height: 13px;
    background-position: -19px 0;
  }
  
  .sprites-four-colview-selected {
    width: 21px;
    height: 13px;
    background-position: -38px 0;
  }
  
  .sprites-four-colview {
    width: 21px;
    height: 13px;
    background-position: -59px 0;
  }
  
  .sprites-addnewbutton {
    width: 24px;
    height: 24px;
    background-position: -80px 0;
  }
  
  .sprites-alertbig {
    width: 24px;
    height: 24px;
    background-position: -104px 0;
  }
  
  .sprites-alertsmall {
    width: 17px;
    height: 17px;
    background-position: -128px 0;
  }
  
  .sprites-checkbignormal {
    width: 24px;
    height: 24px;
    background-position: -163px 0;
  }
  
  .sprites-checkbigselected {
    width: 24px;
    height: 24px;
    background-position: -187px 0;
  }
  
  .sprites-checkboxnormal {
    width: 14px;
    height: 14px;
    background-position: -211px 0;
  }
  
  .sprites-checkboxselected {
  
    width: 14px;
    height: 14px;
    background-position: -225px 0;
  }
  
  .sprites-checkpincode {
  
    width: 23px;
    height: 19px;
    background-position: -239px 0;
  }
  
  .sprites-chevron-right {
  
    width: 8px;
    height: 12px;
    background-position: -262px 0;
  }
  
  .sprites-deptselected-icon {
    width: 16px;
    height: 16px;
    background-position: -270px 0;
  }
  
  .sprites-gototop {
    width: 40px;
    height: 40px;
    background-position: -286px 0;
  }
  
  .sprites-group {
    width: 22px;
    height: 22px;
    background-position: -326px 0;
  }
  
  .sprites-hamburger {
    width: 17px;
    height: 12px;
    background-position: -348px 0;
  }
  
  .sprites-hideshowpanel {
    width: 18px;
    height: 8px;
    background-position: -365px 0;
  }
  
  .sprites-ic-facebook {
    width: 28px;
    height: 28px;
    background-position: -383px 0;
  }
  
  .sprites-modalclose {
  
    width: 25px;
    height: 23px;
    background-position: -411px 0;
  }
  
  .sprites-modalclosesmall {
  
    width: 13px;
    height: 12px;
    background-position: -436px 0;
  }
  
  .sprites-modalnext {
  
    width: 13px;
    height: 24px;
    background-position: -449px 0;
  }
  
  .sprites-myntralogo {
  
    width: 112px;
    height: 36px;
    background-position: -462px 0;
  }
  
  .sprites-mlogo {
    background-position: -461.5px 0px;
    width: 50px;
    height: 37px;
  }
  
  .sprites-myntraicon {
  
    width: 68px;
    height: 47px;
    background-position: -574px 0;
  }
  
  .sprites-offercheck {
    width: 19px;
    height: 19px;
    background-position: -642px 0;
  }
  
  .sprites-optionsnormal {
  
    width: 24px;
    height: 24px;
    background-position: -661px 0;
  }
  
  .sprites-optionsselected {
  
    width: 24px;
    height: 24px;
    background-position: -685px 0;
  }
  
  .sprites-radionormal {
    width: 14px;
    height: 14px;
    background-position: -709px 0;
  }
  
  .sprites-radioselected {
    width: 14px;
    height: 14px;
    background-position: -723px 0;
  }
  
  .sprites-refresh {
  
    width: 16px;
    height: 20px;
    background-position: -737px 0;
  }
  
  .sprites-search {
    width: 21px;
    height: 21px;
    background-position: -754px 0;
  }
  
  .sprites-triangle-1 {
  
    width: 6px;
    height: 4px;
    background-position: -772px 0;
  }
  
  .sprites-updowncursor {
  
    width: 35px;
    height: 35px;
    background-position: -778px 0;
  }
  
  .sprites-whitetick {
    width: 16px;
    height: 13px;
    background-position: -830px 0;
  }
  
  .sprites-darkTick {
    width: 16px;
    height: 13px;
    background-position: -830px -12px;
  }
  
  .sprites-pause-small {
    width: 25px;
    height: 25px;
    background-position: -897px 0px;
  }
  
  .sprites-play-small {
    width: 25px;
    height: 25px;
    background-position: -990px 0px;
  }
  
  .sprites-play-big {
    background-position: -2027px 0px;
    width: 142px;
    height: 137px;
  }
  
  .sprites-preorder-strip {
    width: 60px;
    height: 12px;
    background-position: 313px -41px;
  }
  
  .sprites-zoomcursor {
    width: 35px;
    height: 35px;
    background-position: -846px 0;
  }
  
  .sprites-navFwd {
    background-position: -366px 0px;
    width: 17px;
    height: 15px;
  }
  .sprites-caret {
    background-position: -780.5px -32.5px;
    width: 12px;
    height: 10px;
  }
  
  .sprites-headerLogo {
    width: 53px;
    height: 36px;
    background-position: -462px 0px;
  }
  
  .sprites-logo {
    width: 112px;
    height: 40px;
    background-position: -462px 0px;
  }
  
  .sprites-back {
    background-position: -880px 0px;
    width: 17px;
    height: 16px;
  }
  
  .sprites-android {
    background-position: -543px 0px;
    width: 21.5px;
    height: 27.5px;
  }
  
  .sprites-ios {
    background-position: -565px 0px;
    width: 22px;
    height: 27.5px;
  }
  
  .sprites-windows {
    background-position: -589px 0px;
    width: 22px;
    height: 27.5px;
  }
  
  .sprites-appBanners {
    background-position: -2px 0px;
    width: 340px;
    height: 49px;
  }
  
  .sprites-original {
    background-position: -421.5px 0px;
    width: 47.5px;
    height: 40px;
  }
  
  .sprites-return {
    background-position: -469.5px 0px;
    width: 34.5px;
    height: 40px;
  }
  
  .sprites-delivery {
    background-position: -504.5px 0px;
    width: 38px;
    height: 40px;
  }
  
  .sprites-greetings {
    background-position: -343px 0px;
    width: 78.5px;
    height: 7px;
  }
  
  .sprites-downloadAndroidApp {
    background-position: -2.5px -1.5px;
    width: 106px;
    height: 42.5px;
  }
  
  .sprites-downloadiOSApp {
    background-position: -119px -1.5px;
    width: 106px;
    height: 43px;
  }
  
  .sprites-downloadWindowsApp {
    background-position: -236px -1.5px;
    width: 106px;
    height: 43px;
  }
  
  .sprites-star {
    background-position: -270px -1px;
    width: 15px;
    height: 15px;
  }
  
  .sprites-downArrow {
    background-position: -367px -1px;
    width: 15px;
    height: 10px;
  }
  
  .sprites-arrowRight {
    width: 8px;
    height: 12px;
    background-position: 1039px 0;
  }
  
  .sprites-emptyIcon {
    width: 96px;
    height: 105px;
    background-position: -1163px 0;
  }
  
  .sprites-remove {
    width: 14px;
    height: 14px;
    background-position: -1083px 0;
  }
  
  .sprites-sort {
    background-position: -2524px -79px;
    width: 18px;
    height: 20px;
  }
  
  .sprites-sortSelected {
    background-position: -2508px 26px;
    width: 17px;
    height: 20px;
  }
  
  .sprites-filter {
    background-position: -2491px -78px;
    width: 17px;
    height: 20px;
  }
  
  .sprites-filterSelected {
    background-position: -2542px 27px;
    width: 17px;
    height: 20px;
  }
  
  .sprites-tuner {
    background-position: -2666px -40px;
    width: 44px;
    height: 32px;
  }
  
  .sprites-landscape {
    background-position: -2741px 0px;
    width: 67px;
    height: 67px;
  }
  
  .sprites-greyWishlist {
    background-position: -2531px 0px;
    width: 18px;
    height: 25px;
  }
  
  .sprites-wishlist {
    background-position: -2564px 0px;
    width: 19px;
    height: 25px;
  }
  
  .sprites-isWishlisted {
    background-position: -2549px 0px;
    width: 18px;
    height: 25px;
  }
  
  .sprites-multiColour {
    background-position: -2492px -58px;
    width: 30px;
    height: 20px;
  }
  
  .sprites-preorder {
    width: 70px;
    height: 14px;
    background-position: -2492px -42px;
  }
  
  .sprites-close {
    background-position: -2342px 5px;
    width: 16px;
    height: 20px;
  }
  
  
  
  
  
  
  
  .balance-card {
    border: 0.5px solid #d4d5d9;
    text-align: center;
    border-radius: 5px;
    background-color: white;
  }
  
  .balance-availabe {
    color: #94969F;
  }
  
  .balance-image {
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  
  .balance-amount {
    font-size: 30px;
    font-weight: 800;
    color: #282C3F;
    padding: 3px 0px 0px 0px;
  }
  
  .balance-line {
    margin: 15px auto;
    width: 60px;
    border-top: 0.5px solid #d4d5d9;
  }
  
  .balance-activeCards {
    padding: 0px 0px 20px 0px;
  }
  
  .balance-button {
    cursor: pointer;
    padding: 15px 0px;
    border-top: 1px solid #d4d5d9;
    text-transform: uppercase;
    color: #526cd0;
    font-weight: 800;
    -webkit-tap-highlight-color: #FFFFFF;
    tap-highlight-color: #FFFFFF;
  }
  
  .balance-noCard {
    width: 35%;
    padding: 15px;
    margin: auto;
  }
  
  .addCard-shimmer {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  
  .addCard-card {
    position: fixed;
    bottom: 0%;
    left: 0;
    text-align: center;
    background-color: white;
    text-align: left;
    padding: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 11;
  }
  
  .addCard-boldText {
    font-weight: 800;
    margin-bottom: 35px;
  }
  
  .addCard-crossSign {
    visibility: hidden;
    float: right;
  }
  
  .addCard-inputRow {
    position: relative;
    margin: 30px 0px 20px 0px;
  }
  
  .addCard-errorWrapper {
    position:relative;
    height: 20px;
  }
  
  .addCard-error {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    height: 24px;
    padding: 5px 0px;
    color: #ff5a5a;
  }
  
  .addCard-visible {
    visibility: visible;
  }
  
  .addCard-button {
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding: 15px 30px;
    color: white;
    background-color: #14cda8;
    margin: auto;
    border-radius: 5px;
    width: 100%;
  }
  
  .addCard-showButton {
    position: relative;
    width: 100%;
    padding: 15px 30px;
    margin: 10px auto 0px auto;
    border-radius: 5px;
    text-align: center;
    background-color: #14cda8;
    border: 0px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
  }
  
  .addCard-buttonLoader {
    visibility: visible;
    position: absolute;
    bottom: 13px;
    right: 5%;
    height: 18px;
    width: 19px;
    color: red;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
  }
  
  input[id='giftCardPin'] {
    -webkit-text-security: disc;
  }
  
  @media (min-width: 480px) {
    .addCard-card {
      left: 3%;
      max-width: 450px;
      bottom: auto;
    }
  }
  
  @media (min-width: 780px) {
    .addCard-card {
      left: 30%;
      top: 30%;
      max-width: 450px;
      bottom: auto;
    }
  }
  
  .myInput-inputRow {
    position: relative;
    margin: 40px 0px 0px 0px;
  }
  
    .myInput-inputRow.myInput-lg {
      margin: 40px 0px 0px 0px;
    }
  
    .myInput-inputRow.myInput-lg input[type=text], .myInput-inputRow.myInput-lg input[type=password], .myInput-inputRow.myInput-lg input[type=number], .myInput-inputRow.myInput-lg input[type=tel]{
        font-size: 16px;
      }
  
    .myInput-inputRow.myInput-lg input[type=text]:focus + label, .myInput-inputRow.myInput-lg input[type=password]:focus + label, .myInput-inputRow.myInput-lg input[type=number]:focus + label, .myInput-inputRow.myInput-lg input[type=tel]:focus + label {
        top: -20px;
      }
  
    .myInput-inputRow.myInput-lg .myInput-label {
        font-size: 16px;
      }
  
    .myInput-inputRow.myInput-lg .myInput-labelTop {
        top: -20px;
        font-size: 12px;
      }
  
    .myInput-inputRow.myInput-md {
      margin: 30px 0px 0px 0px;
    }
  
    .myInput-inputRow.myInput-md input[type=text], .myInput-inputRow.myInput-md input[type=password], .myInput-inputRow.myInput-md input[type=number], .myInput-inputRow.myInput-md input[type=tel]{
        font-size: 15px;
      }
  
    .myInput-inputRow.myInput-md input[type=text]:focus + label, .myInput-inputRow.myInput-md input[type=password]:focus + label, .myInput-inputRow.myInput-md input[type=number]:focus + label, .myInput-inputRow.myInput-md input[type=tel]:focus + label {
        top: -18px;
      }
  
    .myInput-inputRow.myInput-md .myInput-label {
        font-size: 15px;
      }
  
    .myInput-inputRow.myInput-md .myInput-labelTop {
        top: -18px;
        font-size: 12px;
      }
  
    .myInput-inputRow.myInput-sm {
      margin: 20px 0px 0px 0px;
    }
  
    .myInput-inputRow.myInput-sm input[type=text], .myInput-inputRow.myInput-sm input[type=password], .myInput-inputRow.myInput-sm input[type=number], .myInput-inputRow.myInput-sm input[type=tel]{
        font-size: 15px;
      }
  
    .myInput-inputRow.myInput-sm input[type=text]:focus + label, .myInput-inputRow.myInput-sm input[type=password]:focus + label, .myInput-inputRow.myInput-sm input[type=number]:focus + label, .myInput-inputRow.myInput-sm input[type=tel]:focus + label {
        top: -15px;
      }
  
    .myInput-inputRow.myInput-sm .myInput-label {
        font-size: 15px;
      }
  
    .myInput-inputRow.myInput-sm .myInput-labelTop {
        top: -15px;
        font-size: 12px;
      }
  
    .myInput-inputRow input[type=text], .myInput-inputRow input[type=password], .myInput-inputRow input[type=number], .myInput-inputRow input[type=tel]{
      width: 100%;
      border: 0px;
      border-bottom: 1px solid #d4d5d9;
      color: #282C3F;
      outline: none;
      padding-bottom: 5px;
      -webkit-transition: all 0.40s ease-in-out;
      -moz-transition: all 0.40s ease-in-out;
      transition: all 0.40s ease-in-out;
    }
  
    .myInput-inputRow input[type="text"]:disabled, .myInput-inputRow input[type=number]:disabled, .myInput-inputRow input[type=tel]:disabled{
      color: #94969F;
      background-color: white;
      -webkit-text-fill-color: #94969F; 
    }
  
    .myInput-inputRow input[type=text]:focus, .myInput-inputRow input[type=password]:focus, .myInput-inputRow input[type=number]:focus, .myInput-inputRow input[type=tel]:focus {
      border-bottom: 1px solid #14cda8;
    }
  
    .myInput-inputRow input[type=text]:focus + label, .myInput-inputRow input[type=password]:focus + label, .myInput-inputRow input[type=number]:focus + label, .myInput-inputRow input[type=tel]:focus + label {
      color: #14cda8;
      font-size: 12px;
      top: -20px;
      -webkit-transition: all 0.40s ease-in-out;
      -moz-transition: all 0.40s ease-in-out;
      transition: all 0.40s ease-in-out;
    }
  
    .myInput-inputRow .myInput-overlayInfo {
      position: absolute;
      top: -8px;
      right: 0px;
      pointer-events: none;
    }
  
    .myInput-inputRow .myInput-label {
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 16px;
      color: #94969F;
      pointer-events: none;
    }
  
    .myInput-inputRow .myInput-labelTop {
      position: absolute;
      font-size: 12px;
      top: -20px;
      left: 0px;
      pointer-events: none;
      color: #94969F;
    }
  
    .myInput-inputRow .myInput-inputError {
      border-bottom: 1px solid #ff5a5a !important;
    }
  
    .myInput-inputRow .myInput-error {
      visibility: hidden;
      height: 20px;
      margin: 2px 0px 0px 0px;
      color: #ff5a5a;
      font-size: 12px;
    }
  
    .myInput-inputRow .myInput-visible {
      visibility: visible;
    }
  .passwordStrength-passwordWidgets {
    border-radius: 2px;
    margin-top: 6px;
  }
    .passwordStrength-passwordWidgets .passwordStrength-passwordErrorMessage {
      font-size: 10px;
      color: #ff5722;
      margin-bottom: 6px;
    }
    .passwordStrength-passwordWidgets .passwordStrength-widgetText {
      font-size: 10px;
      font-weight: 500;
    }
    .passwordStrength-passwordWidgets .passwordStrength-widget.passwordStrength-disabled .passwordStrength-widgetText {
      opacity: 0.5;
    }
    .passwordStrength-passwordWidgets .passwordStrength-widget {
      padding: 5px 10px 6px 8px;
      margin-right: 6px;
      margin-bottom: 6px;
      display: inline-block;
    }
    .passwordStrength-passwordWidgets .passwordStrength-disabled {
      background-color: rgba(40, 44, 63, 0.05);
    }
    .passwordStrength-passwordWidgets .passwordStrength-disabled .passwordStrength-widgetText {
        color: var(--dark);
      }
    .passwordStrength-passwordWidgets .passwordStrength-success {
      background-color: #e7f4f2;
    }
    .passwordStrength-passwordWidgets .passwordStrength-success .passwordStrength-widgetText {
        color: #14958f;
      }
    .passwordStrength-passwordWidgets .passwordStrength-error {
      border: solid 1px #ff5722;
    }
    .passwordStrength-passwordWidgets .passwordStrength-error .passwordStrength-widgetText {
        color: #ff5722;
      }
  
  .confirmation-shimmer {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 11;
  }
  
  .confirmation-card {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: white;
    padding: 20px;
    width: 100%;
    min-width: 160px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 12;
  }
  
  .confirmation-primaryMessage {
    color: #7e818c;
  }
  
  .confirmation-visible {
    visibility: visible !important;
  }
  
  .confirmation-crossSign {
    visibility: hidden;
    float: right;
  }
  
  .confirmation-secondaryMessageWrapper {
    display: block;
    margin: auto;
  }
  
  .confirmation-secondaryMessage {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin: 28px 0px;
    font-size: 20px;
  }
  
  .confirmation-leftImage {
    display: inline-block;
    zoom: 0.7;
  }
  
  .confirmation-rightImage {
    display: inline-block;
    -webkit-transform: scaleX(-1);
       -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    zoom: 0.7;
  }
  
  .confirmation-link {
    display: block;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding: 15px 30px;
    color: white;
    background-color: #14cda8;
    margin: auto;
    border-radius: 5px;
    max-width: 300px;
  }
  
  .confirmation-line {
    margin: 10px auto;
    width: 100px;
    border-top: 0.5px solid #d4d5d9;
  }
  
  @media (min-width: 480px) {
    .confirmation-leftImage {
      zoom: 1;
    }
    .confirmation-rightImage {
      zoom: 1;
    }
    .confirmation-secondaryMessage {
      margin: 50px 0px;
    }
  
  }
  
  @media (min-width: 780px) {
    .confirmation-card {
      bottom: 38%;
      left: 30%;
      width: 50%;
    }
  }
  
  @media (min-width: 930px) {
    .confirmation-card {
      width: 40%;
    }
    .confirmation-secondaryMessage {
      width: 184px;
      font-size: 24px;
    }
  }
  
  .cardSegment-card {
    border: 0.5px solid #d4d5d9;
    border-radius: 5px;
    padding:10px;
    margin: 10px 0px;
    background-color: white;
  }
  
  .cardSegment-hide {
    display: none;
  }
  
  .cardSegment-visible {
    visibility: visible !important;
  }
  
  .cardSegment-cardType {
    display: inline-block;
    font-weight: 800;
    padding: 10px 0px;
    color: #282C3F;
  }
  
  .cardSegment-segmentLoader {
    visibility: hidden;
    display: inline-block;
    width: 44px;
    height: 10px;
    margin-left: 10px;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/loader.gif) no-repeat;
  }
  
  .cardSegment-arrow {
    visibility: hidden;
    display: inline-block;
    cursor: pointer;
    float: right;
    margin: 10px 0px;
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
  
  .cardSegment-segmentError {
    color: #ff5a5a;
    padding: 10px 0px;
  }
  
  .cardSegment-showButton {
    position: relative;
    width: 48%;
    padding: 10px;
    margin: auto;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #526cd0;
    font-weight: 800;
    color: #526cd0;
    cursor: pointer;
    text-transform: uppercase;
  }
  
  .cardSegment-buttonLoader {
    visibility: hidden;
    position: absolute;
    bottom: 8px;
    right: 3%;
    height: 18px;
    width: 19px;
    color: red;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
  }
  .card-card {
    border: 1.5px solid #eaeaec;
    border-radius: 5px;
    margin: 10px 0px 10px 0px;
    font-size: 13px;
    background-color: white;
  }
  
  .card-fromAmount {
    padding: 13px 10px 6px 10px;
  }
  
  .card-from {
    display: inline-block;
    font-weight: 800;
    color: #282C3F;
  }
  
  .card-leftAmount {
    display: inline-block;
    float: right;
    color: #14CDA8;
    font-weight: 600;
  }
  
  .card-cardDetails {
    padding: 3px 10px 10px 10px;
    color: #94969F;
  }
  
  .card-monetaryDetails {
    padding: 10px;
    border-top: 1px dashed #d4d5d9;
    color: #94969F;
  }
  
  .card-hide {
    display: none;
  }
  
  .card-rightFloat {
    float: right;
  }
  
  .card-inlineDisplay {
    display: inline-block;
  }
  
  .account-account {
    display: none;
    border-bottom: 1px solid #d4d5d9;
    padding: 15px 0px;
    font-size: 12px;
  }
  
  .account-heading {
    font-size: 18px;
    font-weight: 800;
  }
  
  @media(min-width: 780px) {
    .account-account {
      display: block;
    }
  }
  .sidebar-sidebar {
    vertical-align: top;
    display: none;
    border-right: 1px solid #d4d5d9;
    box-shadow-right: 1px 1px 5px #888888;
    text-align: left;
    padding: 0px 25px 0px 0px;
    font-size: 15px;
  }
  
  @media(min-width: 780px) {
    .sidebar-sidebar {
      display: inline-block;
    }
  }
  .segment-segment {
    border-top: 1px solid #d4d5d9;
    padding: 20px 0px;
    width: 145px;
  }
  
  .segment-segment:first-child {
    border-top: none;
  }
  
  .segment-heading {
    color: #7e818c;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 0px;
  }
  
  .segment-link {
    display: block;
    margin: 5px 0px;
  }
  
  .segment-activeLink {
    color: #14cda8;
    font-weight: 800;
  }
  .error-card {
    margin: 20px 0px;
    text-align: center;
    padding: 56px 30px;
    background-color: white;
    color: #3e4152;
  }
  
    .error-card .error-errorImage {
      margin: 65px auto 65px auto;
      background: url(https://constant.myntassets.com/mymyntra/assets/img/errorScreen.png) no-repeat;
      height: 232px;
      width: 255px;
    }
  
    .error-card .error-primaryMessage {
      margin-bottom: 20px;
      color: #282C3F;
      font-weight: 700;
      font-size: 16px;
      text-transform: uppercase;
    }
  
    .error-card .error-secondaryMessage {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 32px;
      color: #282C3F;
    }
  
    .error-card .error-showButton {
      position: relative;
      width: 120px;
      padding: 8px;
      margin: auto;
      border-radius: 5px;
      text-align: center;
      border: 1px solid #ff3f6c;
      font-weight: 700;
      font-size: 14px;
      color: #ff3f6c;
      cursor: pointer;
      text-transform: uppercase;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
    }
  
    .error-card .error-showButton .error-buttonLoader {
        visibility: visible;
        margin-right: 8px;
        height: 18px;
        width: 19px;
        color: #ff3f6c;
        background: url(https://constant.myntassets.com/mymyntra/assets/img/replay.png) no-repeat;
      }
  
  @media (min-width: 780px) {
    .error-card {
      margin: 0px auto;
      width: 65%;
    }
  }
  
  @media (min-width: 980px) {
    .error-card {
      width: 66%;
    }
  }
  .addCardEmail-shimmer {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  
  .addCardEmail-card {
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: white;
    padding: 30px 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 11;
  }
  
  .addCardEmail-crossSign {
    visibility: visible;
    position: relative;
    float: right;
    width: 14px;
    height: 14px;
    top: -12px;
  }
  
  .addCardEmail-primaryMessage {
    color: #7e818c;
  }
  
  .addCardEmail-secondaryMessage {
    margin: 10px 0px 15px 0px;
    font-weight: 800;
  }
  
  .addCardEmail-error {
    min-height: 18px;
    visibility: hidden;
    margin-bottom: 5px;
    color: #ff5a5a;
    text-align: center;
  }
  
  .addCardEmail-visible {
    visibility: visible;
  }
  
  .addCardEmail-button {
    position: relative;
    max-width: 210px;
    padding: 15px 30px;
    margin: 10px auto 0px auto;
    border-radius: 5px;
    text-align: center;
    background-color: #14cda8;
    border: 0px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
  }
  
  .addCardEmail-buttonDisabled {
    background-color: #d4d5d9;
    -webkit-tap-highlight-color: #d4d5d9;
    tap-highlight-color: #d4d5d9;
  }
  
  .addCardEmail-buttonLoader {
    visibility: visible;
    position: absolute;
    bottom: 13px;
    right: 5%;
    height: 18px;
    width: 19px;
    color: red;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
  }
  
  @media (min-width: 760px) {
    .addCardEmail-card {
      bottom: 42%;
      left: 25%;
      width: 45%;
    }
  }
  
  .share-loader {
    position: absolute;
    left: 45%;
    top: 50%;
    width: 44px;
    height: 10px;
    display: block;
    padding: 10px 0px 10px 0px;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/loader.gif) no-repeat;
  }
  
  .share-page {
  }
  
  .share-component {
    background-color: white;
  }
  
  .share-card {
    position: fixed;
    text-align: left;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .share-image {
    width: 100%;
    min-height: 450px;
    display: block;
  }
  
  .share-giftCardActions {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 10px 0px;
    background-color: white;
    -webkit-box-shadow: 0 0px 6px 0px #D4D5D9;
            box-shadow: 0 0px 6px 0px #D4D5D9;
  }
  
  .share-messageWrapper {
    margin: 8px 20px;
    display: inline-block;
  }
  
  .share-message {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    margin: 12px 0px 0px 0px;
    font-size: 16px;
    color: #3E4152;
    text-align: center;
    line-height: 22px;
  }
  
  .share-leftImage {
    display: inline-block;
    max-width: 25%;
  } 
  
  .share-rightImage {
    display: inline-block;
    float: right;
    -webkit-transform: scaleX(-1);
       -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    max-width: 25%;
  }
  
  .share-buttonWrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
  
  .share-socialButton {
    display:inline-block;
    width: 43%;
    border: 1px solid #d4d5d9;
    border-radius: 4px;
    color: #94969F;
    font-weight: 600;
    font-size: 12px;
    margin: 10px;
    text-align: center;
    padding: 4px 0px;
    margin: 5px;
    vertical-align: middle;
  }
  
  .share-socialImage {
    display: inline-block;
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    margin: 3px 0px 0px 0px;
  }
  
  .share-buttonName {
    display: inline-block;
    vertical-align: top;
    margin: 11px 0px 0px 0px;
    color: #535766;
  }
  
  @media (min-width: 360px) {
    .share-message {
      width: 70%;
    }
  }
  
  @media (min-width: 480px) {
    .share-page {
      background: #feedf6;
      background: -webkit-gradient(linear,left top, right bottom,from(#feedf6),to(#fcf0e2));
      background: -webkit-linear-gradient(top left,#feedf6,#fcf0e2);
      background: -moz- oldlinear-gradient(top left,#feedf6,#fcf0e2);
      background: linear-gradient(to bottom right,#feedf6,#fcf0e2);
    }
    .share-loader {
      position: initial;
      margin: 290px auto;
    }
    .share-giftCardActions {
      position: relative;
      top: 0px;
    }
    .share-page {
      text-align: center;
      padding: 20px;
      background-color: #FFCCCB;
    }
    .share-component {
      margin: 0px auto;
      max-width: 400px;
      -webkit-box-shadow: 0px 2px 15px rgba(0,0,0,.1);
              box-shadow: 0px 2px 15px rgba(0,0,0,.1);
      overflow: hidden;
    }
    .share-message {
      margin: px 0px;
    }
  }
  
  /**
    Find the Icons mapping: https://app.zeplin.io/project/5786044955b01eef468f649b/screen/5a0442b03f733bedac855044
  */
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomynt' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 13px;
  
    /* better font rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-icon {
    outline: none;
  }
  
  .icon-info:before {
    content: "\e94a";
  }
  .icon-rupee300:before {
    content: "\e948";
  }
  .icon-rupee500:before {
    content: "\e949";
  }
  .icon-account_menu:before {
    content: "\e900";
  }
  .icon-address:before {
    content: "\e901";
  }
  .icon-android:before {
    content: "\e902";
  }
  .icon-attach:before {
    content: "\e903";
  }
  .icon-avatar:before {
    content: "\e904";
  }
  .icon-back:before {
    content: "\e905";
  }
  .icon-bag:before {
    content: "\e906";
  }
  .icon-call:before {
    content: "\e907";
  }
  .icon-call_back:before {
    content: "\e908";
  }
  .icon-chat:before {
    content: "\e909";
  }
  .icon-checkbox_active:before {
    content: "\e90a";
  }
  .icon-checkbox_inactive:before {
    content: "\e90b";
  }
  .icon-chevron_down:before {
    content: "\e90c";
  }
  .icon-chevron_left:before {
    content: "\e90d";
  }
  .icon-chevron_right:before {
    content: "\e90e";
  }
  .icon-chevron_up:before {
    content: "\e90f";
  }
  .icon-clear:before {
    content: "\e910";
  }
  .icon-clock:before {
    content: "\e911";
  }
  .icon-close:before {
    content: "\e912";
  }
  .icon-collapse:before {
    content: "\e913";
  }
  .icon-collections:before {
    content: "\e914";
  }
  .icon-coupons:before {
    content: "\e915";
  }
  .icon-discount:before {
    content: "\e916";
  }
  .icon-dropdown_down:before {
    content: "\e917";
  }
  .icon-dropdown_up:before {
    content: "\e918";
  }
  .icon-edit:before {
    content: "\e919";
  }
  .icon-edit_profile:before {
    content: "\e91a";
  }
  .icon-email:before {
    content: "\e91b";
  }
  .icon-expand:before {
    content: "\e91c";
  }
  .icon-facebook:before {
    content: "\e91d";
  }
  .icon-filter:before {
    content: "\e91e";
  }
  .icon-fit_assist:before {
    content: "\e91f";
  }
  .icon-giftcards:before {
    content: "\e920";
  }
  .icon-globaltrends:before {
    content: "\e921";
  }
  .icon-google+:before {
    content: "\e922";
  }
  .icon-hamburger:before {
    content: "\e923";
  }
  .icon-homeliving:before {
    content: "\e924";
  }
  .icon-instagram:before {
    content: "\e925";
  }
  .icon-ios:before {
    content: "\e926";
  }
  .icon-kids:before {
    content: "\e927";
  }
  .icon-likes:before {
    content: "\e928";
  }
  .icon-logo_wire:before {
    content: "\e929";
  }
  .icon-looks:before {
    content: "\e947";
  }
  .icon-men:before {
    content: "\e92a";
  }
  .icon-myntra_credit:before {
    content: "\e92b";
    color: #535766;
  }
  .icon-myntrapoints:before {
    content: "\e92c";
  }
  .icon-new:before {
    content: "\e92d";
  }
  .icon-orders:before {
    content: "\e92e";
  }
  .icon-orders_profile:before {
    content: "\e92f";
  }
  .icon-payment_cards:before {
    content: "\e930";
  }
  .icon-personalcare:before {
    content: "\e931";
  }
  .icon-phonepe:before {
    content: "\e932";
  }
  .icon-popular:before {
    content: "\e933";
  }
  .icon-price_high_to_low:before {
    content: "\e934";
  }
  .icon-price_low_to_high:before {
    content: "\e935";
  }
  .icon-qr:before {
    content: "\e936";
  }
  .icon-radio_active:before {
    content: "\e937";
  }
  .icon-radio_inactive:before {
    content: "\e938";
  }
  .icon-refer:before {
    content: "\e939";
  }
  .icon-search:before {
    content: "\e93a";
  }
  .icon-share:before {
    content: "\e93b";
  }
  .icon-similar:before {
    content: "\e93c";
  }
  .icon-sort:before {
    content: "\e93d";
  }
  .icon-stores:before {
    content: "\e93e";
  }
  .icon-tick:before {
    content: "\e93f";
  }
  .icon-twitter:before {
    content: "\e940";
  }
  .icon-wedding:before {
    content: "\e941";
  }
  .icon-wishlist_active:before {
    content: "\e942";
  }
  .icon-wishlist_inactive:before {
    content: "\e943";
  }
  .icon-wishlist_link:before {
    content: "\e944";
  }
  .icon-women:before {
    content: "\e945";
  }
  .icon-youtube:before {
    content: "\e946";
  }
  
  .icon-star:before {
    content: "\e926";
  }
  
  .icon-tick1:before {
    content: "\e94c";
  }
  .icon-success_tick:before {
    content: "\e94b";
  }
  
  .paymentSprite-mymyntraSavedCardsSprite {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-4.png) no-repeat;
    -webkit-background-size: 730px 165px;
            background-size: 730px 165px;
    display: inline-block;
  }
  
  .paymentSprite-paymentSprite {
    background: url(https://constant.myntassets.com/checkout/assets/img/paymentSprite-V2-2023-09-11.webp) no-repeat;
    -webkit-background-size: 2090px 345px;
            background-size: 2090px 345px;
    display: inline-block;
  }
  
  @media (min--moz-device-pixel-ratio: 2), 
         (-webkit-min-device-pixel-ratio: 2), 
         (min-resolution: 2dppx), 
         (min-resolution: 192dpi){
    .paymentSprite-mymyntraSavedCardsSprite {
      background-image: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-4-2x.png);
    }
  }
  
  /* Saved vpa related images */
  .paymentSprite-googlepay {
    width: 44px;
    height: 32px;
    background-position: -462px -157px;
  }
  
  .paymentSprite-bhim {
    width: 44px;
    height: 32px;
    background-position: -1310px -119px;
  }
  
  .paymentSprite-paytmpostpaid,
  .paymentSprite-paytm {
    width: 44px;
    height: 33px;
    background-position: -1270px -118px;
  }
  
  .paymentSprite-phonepe {
    width: 44px;
    height: 32px;
    background-position: -1270px -78px;
  }
  
  .paymentSprite-otherupi {
    width: 44px;
    height: 32px;
    background-position: -1310px -79px;
  }
  
  /* Saved cards related images */
  .paymentSprite-noCardImage {
    background-position: -577px -45px;
      width: 145px;
      height: 110px;
  }
  
  .paymentSprite-pciEnabled {
    background-position: -79px -74px;
      width: 58px;
      height: 22px;
  }
  
  .paymentSprite-masterCardSecure {
    background-position: -150px -75px;
      width: 56px;
      height: 20px;
  }
  
  .paymentSprite-visaVerified {
    background-position: -219px -75px;
      width: 47px;
      height: 20px;
  }
  
  /* Bank Name Images */
  .paymentSprite-axis {
    background-position: -7px -7px;
      width: 26px;
      height: 23px;
  }
  
  .paymentSprite-citi {
    background-position: -41px -11px;
      width: 29px;
      height: 18px;
  }
  
  .paymentSprite-hdfc {
    background-position: -80px -8px;
      width: 20px;
      height: 24px;
  }
  
  .paymentSprite-icici {
    background-position: -114px -9px;
      width: 21px;
      height: 23px;
  }
  
  .paymentSprite-kotak {
    background-position: -149px -8px;
      width: 21px;
      height: 24px;
  }
  
  .paymentSprite-sbi {
    background-position: -184px -9px;
      width: 22px;
      height: 22px;
  }
  
  .paymentSprite-pnb {
    background-position: -219px -9px;
      width: 22px;
      height: 22px;
  }
  
  .paymentSprite-bob {
    background-position: -253px -10px;
      width: 23px;
      height: 20px;
  }
  
  .paymentSprite-boi {
    background-position: -290px -9px;
      width: 20px;
      height: 22px;
  }
  
  .paymentSprite-sc, .paymentSprite-stanc {
    background-position: -323px -8px;
      width: 24px;
      height: 24px;
  }
  
  /* .amex {
    background-position: -358px -8px;
      width: 24px;
      height: 23px;
    composes: mymyntraSavedCardsSprite;
  } */
  
  .paymentSprite-cnb {
    background-position: -391px -6px;
      width: 28px;
      height: 23px;
  }
  
  .paymentSprite-random {
    background-position: -429px -9px;
      width: 23px;
      height: 23px;
  }
  
  .paymentSprite-uob {
    background-position: -462px -9px;
      width: 26px;
      height: 22px;
  }
  
  .paymentSprite-federal {
    background-position: -495px -14px;
      width: 30px;
      height: 12px;
  }
  
  .paymentSprite-random2 {
    background-position: -532px -9px;
      width: 27px;
      height: 24px;
  }
  
  .paymentSprite-obc {
    background-position: -571px -7px;
      width: 19px;
      height: 26px;
  }
  
  .paymentSprite-anb {
    background-position: -602px -8px;
      width: 27px;
      height: 24px;
  }
  
  .paymentSprite-random3 {
    background-position: -636px -9px;
      width: 28px;
      height: 22px;
  }
  
  .paymentSprite-iob {
    background-position: -673px -9px;
      width: 24px;
      height: 22px;
  }
  
  
  /* ---------------------------------------- Card Types ---------------------------- */
  .paymentSprite-visa {
    background-position: -7px -44px;
      width: 50px;
      height: 17px;
  }
  
  .paymentSprite-mastercard {
    background-position: -71px -40px;
      width: 43px;
      height: 25px;
  }
  
  .paymentSprite-maestro {
    background-position: -131px -40px;
      width: 43px;
      height: 25px;
  }
  
  .paymentSprite-rupay {
    background-position: -187px -44px;
      width: 74px;
      height: 18px;
  }
  
  .paymentSprite-amex {
    background-position: -285px -40px;
      width: 25px;
      height: 25px;
  }
  
  .paymentSprite-diners {
    background-position: -331px -42px;
      width: 79px;
      height: 21px;
  }
  
  .paymentSprite-discover {
    background-position: -420px -45px;
      width: 87px;
      height: 15px;
  }
  
  .paymentSprite-simpl {
    width: 44px;
    height: 42px;
    background-position: -1209px -208px;
  }
  
  .paymentSprite-lazypay {
    width: 44px;
    height: 42px;
    background-position: -2027px -166px;
  }
  
  .paymentSprite-freechargepostpaid,
  .paymentSprite-freecharge {
    width: 44px;
    height: 42px;
    background-position: -1675px -14px;
  }
  
  .paymentSprite-airtelmoney {
    width: 44px;
    height: 42px;
    background-position: -1067px -166px;
  }
  
  .paymentSprite-payzapp {
    width: 44px;
    height: 42px;
    background-position: -1107px -166px;
  }
  
  .paymentSprite-none {
    background-position: -523px -40px;
      width: 39px;
      height: 25px;
  }
  
  .card-paymentCard {
    -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
            box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
    border-radius: 4px;
    background-color: white;
    padding: 20px 20px 2px 20px;
    margin-bottom: 10px;
    color: #3E4152;
  }
  
  .card-heading {
    font-size: 12px;
    margin-bottom: 3px;
    color: #94969F;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .card-maskedNumber {
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }
  
  .card-tokenExpired {
    font-size: 12px;
    font-weight: 600;
    color: #FF5722;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
  }
  
  .card-infoIcon {
    color: #93959e;
    vertical-align: middle;
    margin-left: 3px;
  }
  
  .card-tokenExpiredMaskedNumber {
    color: #93959e;
  }
  
  .card-topBlock {
    min-height: 40px;
  }
  
  .card-numberBlock {
    padding: 6px 0px;
  }
  
  .card-bottomBlock {
    padding: 10px 0px 16px 0px;
  }
  
  .card-bankNameblock {
    display: inline-block;
  }
  
  .card-cardTypeBlock {
    display: inline-block;
    float: right;
  }
  
  .card-cardType {
    clear: both;
    font-size: 11px;
    text-transform: uppercase;
    color: #94969F;
    letter-spacing: 1px;
  }
  
  .card-bankLogo {
    width: 30px;
    height: 40px;
  }
  
  .card-title {
    color: #94969F;
    font-size: 14px;
  }
  
  .card-bankname {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    vertical-align: top;
    display: inline-block;
    margin-top: 4px;
  }
  
  
  /* -------------------------------------- Bank Logos ------------------------------------ */
  .card-default {
    margin-right: 6px;
  }
  
  .card-none {
    float: right;
    margin-bottom: 3px;
  }
  
  .card-axis {
    margin-right: 6px;
  }
  
  .card-citi {
    margin-right: 6px;
  }
  
  .card-hdfc {
    margin-right: 6px;
  }
  
  .card-icici {
    margin-right: 6px;
  }
  
  .card-kotak {
    margin-right: 6px;
  }
  
  .card-kotak {
    margin-right: 6px;
  }
  
  .card-kotak {
    margin-right: 6px;
  }
  
  .card-sbi {
    margin-right: 6px;
  }
  
  .card-pnb {
    margin-right: 6px;
  }
  
  .card-bob {
    margin-right: 6px;
  }
  
  .card-boi {
    margin-right: 6px;
  }
  
  .card-standardchartered {
    margin-right: 6px;
  }
  
  .card-canara {
    margin-right: 6px;
  }
  
  .card-random {
    margin-right: 6px;
  }
  
  .card-union {
    margin-right: 6px;
  }
  
  .card-federal {
    margin-right: 6px;
  }
  
  .card-random2 {
    margin-right: 6px;
  }
  
  .card-obc {
    margin-right: 6px;
  }
  
  
  /* ---------------------------------------- Card Types ---------------------------- */
  .card-visa {
    float: right;
    margin-bottom: 3px;
  }
  
  .card-mastercard {
    float: right;
    margin-bottom: 3px;
  }
  
  
  .card-maestro {
    float: right;
    margin-bottom: 3px;
  }
  
  .card-rupay {
    float: right;
  }
  
  .card-amex {
    float: right;
    margin-bottom: 3px;
  }
  
  .card-diners {
    float: right;
    margin-bottom: 3px;
  }
  
  .card-discover {
    float: right;
    margin-bottom: 3px;
  }
  
  .card-default {
    float: right;
    margin-bottom: 3px;
  }
  
  
  .card-holderNameBlock {
    width: 70%;
    word-wrap: break-word;
    display: inline-block;
  }
  
  .card-holderName {
    font-size: 17px;
  }
  
  .card-expiry {
    display: inline-block;
    float: right;
    text-align: right;
    font-size: 13px;
  }
  
  .card-expired {
    color: #f16565;
    font-weight: 800;
  }
  
  .card-validity {
    font-size: 17px;
  }
  
  .card-buttons {
    border-top: 1px solid #eaeaec;
    text-transform: uppercase;
    padding: 10px 0px;
  }
  
  .card-buttons > .card-editButton {
        border-right: 1px solid #d4d5d9;
      }
  
  .card-editButton, .card-removeButton {
    padding: 6px 0px;
    width: 49%;
    text-align: center;
    color: #526cd0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  
  .card-removeButtonV2 {
    padding: 6px 0px;
    width: 100%;
    text-align: center;
    color: #ff3f6c;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  
  @media (min-width: 780px) {
    .card-paymentCard {
      display: inline-block;
      padding: 20px 20px 2px 20px;
      width: 45%;
      margin-bottom: 40px;
      border: 0px;
      -webkit-box-shadow: 0px 1px 6px rgba(40, 44, 63, 0.3);
              box-shadow: 0px 1px 6px rgba(40, 44, 63, 0.3);
    }
    .card-paymentCard:nth-child(even) {
      margin-right: 21px;
      margin-left: 20px;
    }
  }
  
  @media (min-width: 880px) {
    .card-paymentCard {
      display: inline-block;
      padding: 20px 20px 2px 20px;
      width: 44%;
      margin-bottom: 40px;
      border: 0px;
      -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
              box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
    }
    .card-paymentCard:nth-child(even) {
      margin-right: 40px;
      margin-left: 20px;
    }
  }
  
  
  @media (min-width: 980px) {
    .card-paymentCard {
      width: 45%;
    }
    .card-paymentCard:nth-child(even) {
      margin-right: 40px;
    }
  }
  
  .dialog-button {
    display: inline-block;
  }
  
  .dialog-overlay {
    background: rgba(0, 0, 0, 0.69);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
  
  .dialog-dialogContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    width: 100%;
    background: white;
    z-index: 12;
  }
  
  .dialog-title {
    padding: 20px 0 0 16px;
    font-size: 16px;
    font-weight: 800;
  }
  
  .dialog-content {
    margin: 10px 15px 35px 15px;
    word-wrap: break-word;
    font-size: 14px;
    color: #7E818C;
  }
  
  .dialog-iconContainer {
    position: absolute;
    top: 18px;
    right: 16px;
    cursor: pointer;
  }
  
  .dialog-buttonsContainer {
    border-top: 0.5px solid #EAEAEC;
    position: relative;
  }
  
  .dialog-buttonBlock {
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 15px 0px;
  }
  
  .dialog-button {
    font-weight: 600;
    display: inline-block;
  }
  
  .dialog-button0 {
    color: #696B79;
  }
  
  .dialog-button1 {
    color: #FF3F6C;
  }
  
  .dialog-buttonBlue {
    color: #526CD0;
  }
  
  .dialog-buttonLight {
    color: #EAEAEC;
  }
  
  .dialog-buttonLoader {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
  }
  
  .dialog-buttonDivider {
    border-left: 0.5px solid #EAEAEC;
    width: 1px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 10px;
  }
  
  .dialog-button:active {
    color: #696B79;
  }
  
  @media (min-width:760px) {
    .dialog-dialogContainer {
      position: absolute;
      top: 35%;
      left: 38%;
      width: 350px;
    }
  }
  
  .addSavedCard-card {
    -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
            box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
    border-radius: 2px;
    background-color: white;
    padding: 16px 10px 16px 20px;
    margin-bottom: 10px;
    color: #282C3F;
    cursor: pointer;
  }
  
  .addSavedCard-desktopCard {
    display: none;
  }
  
  .addSavedCard-text {
    display: inline-block;
    font-weight: 800;
    color: #696E79;
    font-size: 16px;
  }
  
  .addSavedCard-addButton {
    float: right;
    border: 0.5px solid #d4d5d9;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 800;
    color: #526cd0;
    padding: 15px;
    text-align: center;
    width: 180px;
    margin: auto;
    cursor: pointer;
  }
  
  .addSavedCard-arrow {
    display: inline-block;
    cursor: pointer;
    float: right;
    -webkit-transform: rotate(-90deg) scale(0.6);
       -moz-transform: rotate(-90deg) scale(0.6);
        -ms-transform: rotate(-90deg) scale(0.6);
            transform: rotate(-90deg) scale(0.6);
  }
  
  @media (min-width: 780px) {
    .addSavedCard-card {
      display: none;
    }
  
    .addSavedCard-desktopCard {
      display: block;
      margin: 10px 0px 30px 0px;
      height: 42px;
    }
  
      .addSavedCard-desktopCard .addSavedCard-desktopText {
        display: inline-block;
        font-size: 18px;
        font-weight: 800;
        vertical-align: top;
        margin: 10px 0px 0px 20px;
      }
      .addSavedCard-desktopCard .addSavedCard-addButton {
        display: inline-block;
        float: right;
        border: 0.5px solid #d4d5d9;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: 800;
        color: #526cd0;
        padding: 12px;
        text-align: center;
        width: 180px;
        margin: auto;
        cursor: pointer;
      }
  }
  
  .noSavedCards-card {
    background-color: white;
    padding: 10px;
    text-align: center;
    color: #282C3F;
    position: relative;
  }
  
  .noSavedCards-noCardImage {
    margin: 50px 0px 20px 0px;
  }
  
  .noSavedCards-primaryMessage {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
  }
  
  .noSavedCards-secondaryMessage {
    color: #A9ABB3;
    line-height: 21px;
    font-size: 16px;
    margin: 16px auto 48px auto;
    max-width: 300px;
  }
  
  .noSavedCards-addButton {
    border: 0.5px solid #d4d5d9;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 800;
    color: #526cd0;
    padding: 15px;
    text-align: center;
    width: 180px;
    margin: auto;
    cursor: pointer;
  }
  
  .noSavedCards-secureBlock {
    margin-top: 150px;
    background: white;
  }
  
  
  .noSavedCards-securedText {
    position: relative;
    z-index: 1;
  }
  
  
  .noSavedCards-securedText:before {
      border-top: 1px solid #d4d5d9;
      content:"";
      margin: 0 auto; /* this centers the line to the full width specified */
      position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
      top: 50%; left: 0; right: 0; bottom: 0;
      width: 80%;
      z-index: -1;
    }
  
  
  .noSavedCards-securedText span {
      /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
      color: #A9ABB3;
      font-size: 12px;
      text-transform: uppercase;
      background: white; 
      padding: 0 15px; 
    }
  
  .noSavedCards-logos {
    display: block;
    margin: 20px 0px;
  }
  
  .noSavedCards-pciEnabled {
    display: inline-block;
    margin: 0px 10px;
  }
  
  .noSavedCards-masterCardSecure {
    display: inline-block;
    margin: 0px 10px;
  }
  
  .noSavedCards-visaVerified {
    display: inline-block;
    margin: 0px 10px;
  }
  
  @media (max-width: 480px) {
    .noSavedCards-noCardImage {
      margin: 10px 0px 10px 0px;
      -webkit-transform: scale(0.8);
         -moz-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8);
    }
    .noSavedCards-primaryMessage {
      font-size: 14px;
    }
    .noSavedCards-secondaryMessage {
      font-size: 14px;
      margin: 8px auto 48px auto;
    }
    .noSavedCards-secureBlock {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
    }
  }
  
  .savedvpa-desktopCard {
    display: none;
  }
  
  @media (min-width: 780px) {
    .savedvpa-desktopCard {
      display: block;
      margin: 10px 0px 30px 0px;
      height: 42px;
    }
  
      .savedvpa-desktopCard .savedvpa-desktopText {
        display: inline-block;
        font-size: 18px;
        font-weight: 800;
        vertical-align: top;
        margin: 10px 0px 0px 20px;
      }
  }
  
  .vpacard-upiCard {
    -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
            box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
    border-radius: 4px;
    background-color: white;
    padding: 20px 20px 2px 20px;
    margin-bottom: 10px;
    color: #3E4152;
  }
  
  .vpacard-heading {
    font-size: 11px;
    margin-bottom: 3px;
    color: #94969F;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .vpacard-maskedNumber {
    font-size: 16px;
  }
  
  .vpacard-topBlock {
    min-height: 40px;
  }
  
  .vpacard-numberBlock {
    padding: 6px 0px;
  }
  
  .vpacard-bottomBlock {
    padding: 10px 0px 16px 0px;
  }
  
  .vpacard-upiNameblock {
    display: inline-block;
  }
  
  .vpacard-upiIconBlock {
    display: inline-block;
    float: right;
  }
  
  .vpacard-title {
    color: #94969F;
    font-size: 14px;
  }
  
  .vpacard-vpaname {
    /* text-transform: uppercase; */
    font-size: 12px;
    font-weight: 800;
    vertical-align: top;
    display: inline-block;
    margin-top: 7px;
    margin-left: 5px;
  }
  
  .vpacard-upi {
    margin-top: 5px;
    height: 17px;
    width: 60px;
  }
  
  /* ---------------------------------------- UPI ---------------------------- */
  .vpacard-googlepay {
    /* float: right; */
    margin-bottom: 3px;
  }
  
  .vpacard-bhim {
    /* float: right; */
    margin-bottom: 3px;
  }
  
  .vpacard-phonepe {
    /* float: right; */
    margin-bottom: 3px;
  }
  
  .vpacard-paytm {
    /* float: right; */
    margin-bottom: 3px;
  }
  
  .vpacard-otherupi {
    /* float: right; */
    margin-bottom: 3px;
  }
  
  .vpacard-upiIcon {
    float: right;
    margin-bottom: 3px;
  }
  
  .vpacard-holderNameBlock {
    width: 70%;
    word-wrap: break-word;
    display: inline-block;
  }
  
  .vpacard-holderName {
    font-size: 14px;
  }
  
  .vpacard-vpaButtons {
    border-top: 1px solid #eaeaec;
    text-transform: uppercase;
    padding: 10px 0px;
  }
  
  .vpacard-removeVPAButton {
    padding: 6px 0px;
    width: 100%;
    text-align: center;
    color: #FF3F6C;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  
  .vpacard-block {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #C4C4C4;
    border-radius: 2px;
    margin-top: 6px;
  }
  
  @media (min-width: 780px) {
    .vpacard-upiCard {
      display: inline-block;
      padding: 20px 20px 2px 20px;
      width: 45%;
      margin-bottom: 40px;
      border: 0px;
      -webkit-box-shadow: 0px 1px 6px rgba(40, 44, 63, 0.3);
              box-shadow: 0px 1px 6px rgba(40, 44, 63, 0.3);
    }
    .vpacard-upiCard:nth-child(even) {
      margin-right: 21px;
      margin-left: 20px;
    }
  }
  
  @media (min-width: 880px) {
    .vpacard-upiCard {
      display: inline-block;
      padding: 10px 10px 2px 10px;
      width: 44%;
      margin-bottom: 40px;
      border: 0px;
      -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
              box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
    }
    .vpacard-upiCard:nth-child(even) {
      margin-right: 40px;
      margin-left: 20px;
    }
  }
  
  
  @media (min-width: 980px) {
    .vpacard-upiCard {
      width: 45%;
    }
    .vpacard-upiCard:nth-child(even) {
      margin-right: 40px;
    }
  }
  
  .noSavedVPA-vpa {
    background-color: white;
    padding: 10px;
    text-align: center;
    color: #282C3F;
    position: relative;
    margin: 20%;
  }
  
  .noSavedVPA-primaryMessage {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
  }
  
  .noSavedVPA-secondaryMessage {
    color: #A9ABB3;
    line-height: 21px;
    font-size: 16px;
    margin: 16px auto 48px auto;
    max-width: 300px;
  }
  
  
  .walletsbnpl-desktopCard {
    color: #686B77;
    font-size: 12px;
    font-weight: 700;
    margin: 15px 0 8px 3px;
  }
  
  @media (min-width: 780px) {
    .walletsbnpl-desktopCard {
      display: block;
      margin: 10px 0px 30px 0px;
      height: 42px;
    }
  
      .walletsbnpl-desktopCard .walletsbnpl-desktopText {
        display: inline-block;
        font-size: 18px;
        font-weight: 800;
        vertical-align: top;
        margin: 10px 0px 0px 20px;
      }
  }
  
  .instrumentcard-instrumentCard {
    -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
            box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
    border-radius: 4px;
    background-color: white;
    padding: 20px 20px 2px 20px;
    margin-bottom: 10px;
    color: #3E4152;
  }
  
  .instrumentcard-heading {
    font-size: 12px;
    margin-bottom: 3px;
    color: #94969F;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .instrumentcard-maskedNumber {
    font-size: 16px;
  }
  
  .instrumentcard-topBlock {
    min-height: 40px;
  }
  
  .instrumentcard-numberBlock {
    padding: 6px 0px;
  }
  
  .instrumentcard-bottomBlock {
    padding: 10px 0px 16px 0px;
  }
  
  .instrumentcard-nameblock {
    display: inline-block;
  }
  
  .instrumentcard-iconBlock {
    display: inline-block;
    float: right;
  }
  
  .instrumentcard-title {
    color: #94969F;
    font-size: 14px;
  }
  
  .instrumentcard-instrumentName {
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    display: inline-block;
    margin: 7px 0 0 5px;
  }
  
  .instrumentcard-paytm {
    margin-bottom: 3px;
  }
  
  .instrumentcard-freecharge {
    margin-bottom: 3px;
  }
  
  .instrumentcard-simpl {
    margin-bottom: 3px;
  }
  
  .instrumentcard-lazypay {
    margin-bottom: 3px;
  }
  
  .instrumentcard-paytmpostpaid {
    margin-bottom: 3px;
  }
  
  .instrumentcard-freechargepostpaid {
    margin-bottom: 3px;
  }
  
  .instrumentcard-freecharge {
    margin-bottom: 3px;
  }
  
  .instrumentcard-payzapp {
    margin-bottom: 3px;
  }
  
  .instrumentcard-holderName {
    font-size: 14px;
  }
  
  .instrumentcard-buttons {
    border-top: 1px solid #eaeaec;
    text-transform: uppercase;
    padding: 10px 0px;
  }
  
  .instrumentcard-delinkButton {
    padding: 6px 0px;
    width: 100%;
    text-align: center;
    color: #FF3F6C;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
  }
  
  .instrumentcard-block {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #C4C4C4;
    border-radius: 2px;
    margin-top: 6px;
  }
  
  @media (min-width: 780px) {
    .instrumentcard-instrumentCard {
      display: inline-block;
      padding: 20px 20px 2px 20px;
      width: 45%;
      margin-bottom: 40px;
      border: 0px;
      -webkit-box-shadow: 0px 1px 6px rgba(40, 44, 63, 0.3);
              box-shadow: 0px 1px 6px rgba(40, 44, 63, 0.3);
    }
    .instrumentcard-instrumentCard:nth-child(even) {
      margin: 0px 21px 0px 20px;
    }
  }
  
  @media (min-width: 880px) {
    .instrumentcard-instrumentCard {
      display: inline-block;
      padding: 10px 10px 2px 10px;
      width: 44%;
      margin-bottom: 40px;
      border: 0px;
      -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
              box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
    }
    .instrumentcard-instrumentCard:nth-child(even) {
      margin: 0px 40px 0px 20px;
    }
  }
  
  
  @media (min-width: 980px) {
    .instrumentcard-instrumentCard {
      width: 45%;
    }
    .instrumentcard-instrumentCard:nth-child(even) {
      margin-right: 40px;
    }
  }
  
  .nosavedwalletsbnpl-instrument {
    background-color: white;
    padding: 10px;
    text-align: center;
    color: #282C3F;
    position: relative;
    margin: 20%;
  }
  
  .nosavedwalletsbnpl-primaryMessage {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
  }
  
  .nosavedwalletsbnpl-secondaryMessage {
    color: #A9ABB3;
    line-height: 21px;
    font-size: 16px;
    margin: 16px auto 48px auto;
    max-width: 300px;
  }
  
  .nosavedwalletsbnpl-noInstrumentImage {
    width: 120px;
    height: 120px;
  }
  
  .loader-loaderContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
  }
  
  .loader-spinnerContainer {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 5px;
    border-radius: 20px;
    -webkit-transform: translate(-50%);
       -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    z-index: 6;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
  }
  
  .loader-spinner {
    height: 20px;
    width: 20px;
    -webkit-animation: loader-rotate 0.8s infinite linear;
       -moz-animation: loader-rotate 0.8s infinite linear;
            animation: loader-rotate 0.8s infinite linear;
    border: 2px solid #ff3e6c;
    border-right-color: transparent;
    border-radius: 20px;
    will-change: transform;
  }
  
  @-webkit-keyframes loader-rotate {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @-moz-keyframes loader-rotate {
    0% {
      -moz-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    100% {
      -moz-transform: rotate(360deg);
           transform: rotate(360deg);
    }
  }
  
  @keyframes loader-rotate {
    0% {
      -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  .savedCardsForm-card {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
    color: #282C3F;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .savedCardsForm-heading {
    font-weight: 800;
    font-size: 16px;
    margin: 10px 0px 50px 0px;
  }
  
  .savedCardsForm-eachDropdown {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 36%;
    position: relative;
  }
  
  .savedCardsForm-eachDropdown:first-child {
      margin-right: 28%;
    }
  
  .savedCardsForm-dropDownLabel {
    position: absolute;
    top: 5px;
    right: 0px;
    pointer-events: none;
  }
  
  .savedCardsForm-cardType {
    position: absolute;
    top: 0px;
    right: 0px;
    pointer-events: none;
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
  
  /* ---------------------------------------- Card Types ---------------------------- */
  .savedCardsForm-visa {
  }
  
  .savedCardsForm-mastercard {
  }
  
  .savedCardsForm-maestro {
  }
  
  .savedCardsForm-rupay {
  }
  
  .savedCardsForm-amex {
  }
  
  .savedCardsForm-diners {
  }
  
  .savedCardsForm-discover {
  }
  
  .savedCardsForm-none {
  }
  
  .savedCardsForm-dropDownIcon {
  }
  
  .savedCardsForm-stickySubmitButton {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    padding: 16px;
    background-color: #14cda8;
    color: white;
    font-weight: 800;
  }
  
  .savedCardsForm-stickySubmitButton .savedCardsForm-buttonLoader {
      visibility: visible;
      position: absolute;
      bottom: 13px;
      top: 35%;
      right: 36%;
      height: 18px;
      width: 19px;
      color: red;
      background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
    }
  
  .savedCardsForm-helperMessage {
    font-size: 11px;
    color: #14cda8;
  }
  
  .savedCardsForm-error {
    visibility: hidden;
    min-height: 20px;
    margin: 30px 0px 0px 0px;
    color: #ff5a5a;
    font-size: 14px;
  }
  
  .savedCardsForm-buttonWrapper {
    margin: 20px 0px 0px 0px;
    display: none;
    text-transform: uppercase;
    text-align: center;
  }
  
  .savedCardsForm-buttonWrapper .savedCardsForm-cancelButton {
      border: 1px solid #d4d5d9;
      border-radius: 4px;
      padding: 15px;
      display: inline-block;
      width: 30%;
      font-weight: 800;
      margin-right: 10%;
      cursor: pointer;
    }
  
  .savedCardsForm-buttonWrapper .savedCardsForm-submitButton {
      position: relative;
      border-radius: 4px;
      background-color: #14cda8;
      color: white;
      padding: 15px;
      display: inline-block;
      width: 60%;
      font-weight: 800;
      cursor: pointer;
    }
  
  .savedCardsForm-buttonWrapper .savedCardsForm-submitButton .savedCardsForm-buttonLoader {
        visibility: visible;
        position: absolute;
        bottom: 13px;
        top: 35%;
        right: 28%;
        height: 18px;
        width: 19px;
        color: red;
        background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
      }
  
  .savedCardsForm-visible {
    visibility: visible;
  }
  
  .savedCardsForm-hideSaveButton {
    cursor: default;
    opacity: 0.5;
  }
  
  @media (min-width: 480px) {
    .savedCardsForm-card {
      max-width: 380px;
      margin: auto;
    }
    .savedCardsForm-stickySubmitButton {
      display: none;
    }
    .savedCardsForm-buttonWrapper {
      display: block;
    }
  }
  .dropdown-shimmer {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  
  
  .dropdown-card {
    position: fixed;
    top: 20%;
    left: 12%;
    width: 76%;
    text-align: center;
    background-color: white;
    text-align: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 11;
  }
  
  .dropdown-dropDownTitle {
    font-weight: 800;
    font-size: 16px;
    padding-bottom: 20px;
  }
  
  ul.dropdown-dropDownList {
    margin: 0px 0px 0px -40px;
    overflow-y: auto;
    height: 260px;
  }
  
  ul.dropdown-dropDownList .dropdown-inputRow {
      padding: 5px 4px;
      position: relative;
      border-top: 1px solid #d4d5d9;
    }
  
  ul.dropdown-dropDownList .dropdown-inputRow .dropdown-customLabel {
        cursor: pointer;
        text-transform: capitalize;
        display: block;
        padding: 10px 0px;
      }
  
  ul.dropdown-dropDownList .dropdown-inputRow .dropdown-customLabel .dropdown-customRadio {
          visibility: hidden;
          position: absolute;
        }
  
  /* DEFAULT <i> STYLE */
  
  ul.dropdown-dropDownList .dropdown-inputRow .dropdown-customLabel i{
          /*display: inline-block;
          float: right;*/
          float: right;
          right: 5px;
          vertical-align: middle;
          margin-right: 5px;
          width:  14px;
          height: 14px;
          border-radius: 50%;
          -webkit-transition: 0.2s;
          -moz-transition: 0.2s;
          transition: 0.2s;
          -webkit-box-shadow: inset 0 0 0 8px #fff;
                  box-shadow: inset 0 0 0 8px #fff;
          border: 1px solid gray;
          background: gray;
        }
  
  /* HOVER <i> STYLE */
  
  ul.dropdown-dropDownList .dropdown-inputRow .dropdown-customLabel:hover > i{
          -webkit-box-shadow: inset 0 0 0 3px #fff;
                  box-shadow: inset 0 0 0 3px #fff;
          background: gray;
        }
  
  /* (RADIO CHECKED) <i> STYLE */
  
  ul.dropdown-dropDownList .dropdown-inputRow .dropdown-customLabel .dropdown-customRadio:checked + i{
          border: 1px solid #526cd0;
          -webkit-box-shadow: inset 0 0 0 3px #fff;
                  box-shadow: inset 0 0 0 3px #fff;
          background: #526cd0;
        }
  
  @media (min-width: 480px) {
    .dropdown-card {
      top: 25%;
      left: 15%;
      max-width: 320px;
    }
  }
  
  @media (min-width: 780px) {
    .dropdown-card {
      left: 38%;
      max-width: 320px;
    }
  }
  
  .pills-pillsContainer {
    background-color: #FFFFFF;
    border-top: 1px solid #E9E9EB;
    border-bottom: 1px solid #E9E9EB;
    padding: 8px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
  }
  
  .pills-pillsContainer::-webkit-scrollbar {
    display: none;
  }
  
  .pills-pillLabel {
    font-size: 14px;
    color: #282C3F;
    font-weight: 500;
    margin-right: 16px;
  }
  
  .pills-pill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    white-space: pre;
    border: 1px solid #D4D5D8;
    border-radius: 20px;
    padding: 8px 16px;
    background-color: #FFFFFF;
    color: #282C3F;
    margin-right: 8px;
  }
  
  .pills-pill.pills-pillSelected {
    border: double 2px transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #ff3f6c, #ff3f6c);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(top left, circle, #ff3f6c, #ff3f6c);
    background-image: -moz- oldlinear-gradient(white, white), -moz- oldradial-gradient(top left, circle, #ff3f6c, #ff3f6c);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff3f6c, #ff3f6c);
    -webkit-background-origin: border-box;
            background-origin: border-box;
    -webkit-background-clip: padding-box, border-box;
            background-clip: padding-box, border-box;
  }
  
  .pills-gradientPillText {
    background: -webkit-linear-gradient(349deg, #ff3f6c , #ff3f6c);
    background: -moz- oldlinear-gradient(349deg, #ff3f6c , #ff3f6c);
    background: linear-gradient(101deg, #ff3f6c , #ff3f6c);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
  }
  
  .pills-overflow-disable {
    overflow-x: hidden;
  }
  
  .toast-toast {
      position: fixed;
      width: 96%;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 20000;
      text-align: center;
  }
  
      .toast-toast .toast-content {
          width: 100%;
          -webkit-animation: toast-toast 3s ease 0s 1 normal forwards;
             -moz-animation: toast-toast 3s ease 0s 1 normal forwards;
                  animation: toast-toast 3s ease 0s 1 normal forwards;
          background-color: #282C3F;
          color: #FFFFFF;
          font-size: 14px;
          font-weight: 600;
          line-height: 20px;
          padding: 10px 16px;
          border-radius: 2px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: flex;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
                  align-items: center;
      }
  
      .toast-toast .toast-content .toast-icon {
              height: 15px;
              width: 15px;
              margin-right: 20px;
          }
  
      .toast-toast .toast-content.toast-success {
              background-color: #282C3F;
          }
  
      .toast-toast .toast-content.toast-error {
              background-color: #ff5722;
          }
  
      .toast-toast.toast-top {
          top: 46px;
      }
  
      .toast-toast.toast-bottom {
          bottom: 46px;
      }
  
  @media (min-width: 780px) {
      .toast-toast {
          width: 30%;
      }
  }
  
  
  @-webkit-keyframes toast-toast {
      0% { opacity: 0; }
      10% { opacity: 0.8; }
      20% { opacity: 1; }
      90% { opacity: 0.9; }
      100% { opacity: 0; }
  }
  
  
  @-moz-keyframes toast-toast {
      0% { opacity: 0; }
      10% { opacity: 0.8; }
      20% { opacity: 1; }
      90% { opacity: 0.9; }
      100% { opacity: 0; }
  }
  
  
  @keyframes toast-toast {
      0% { opacity: 0; }
      10% { opacity: 0.8; }
      20% { opacity: 1; }
      90% { opacity: 0.9; }
      100% { opacity: 0; }
  }
  .couponDetails-cards-wrapper-mobile {
      padding: 16px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 100%;
         -moz-box-flex: 0;
              flex: 0 1 100%;
  }
  
  .couponDetails-cards-wrapper-desktop {
      margin: 16px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
              align-items: flex-start;
  }
  
  .couponDetails-card-wrapper-desktop {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 48%;
         -moz-box-flex: 0;
              flex: 0 0 48%;
  }
  
  .couponDetails-spinnerContainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      margin: 25px 0;
      height: 50px;
  }
  
  .couponDetails-spinner {
      -webkit-animation: couponDetails-svg-animation 2s linear infinite;
         -moz-animation: couponDetails-svg-animation 2s linear infinite;
              animation: couponDetails-svg-animation 2s linear infinite;
      width: 50px;
      height: 50px;
      padding: 5px;
      border-radius: 50%;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 0px 3px #a3a0a0;
              box-shadow: 0px 0px 3px #a3a0a0;
  }
  
  .couponDetails-infiniteScrollEndMessage {
      text-align: 'center';
  }
  .coupon-coupon-card {
    border: 0.5px solid #d4d5d9;
    border-radius: 2px;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    color: #282C3F;
    margin-bottom: 16px;
  }
  
  .coupon-coupon-image-component {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    vertical-align: top;
    text-align: center;
    min-width: 109px;
    max-width: 109px;
    height: 116px;
    padding: 13px;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    color: #14cda8;
  }
  
  .coupon-coupon-image {
    width: 100%;
  }
  
  .coupon-coupon-image-expired {
    -webkit-filter: saturate(0%);
            filter: saturate(0%);
  }
  
  .coupon-coupon-purchase {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    width: 64%;
    padding: 12px 12px 12px 15px;
    border-left: 1px dashed #d4d5d9;
    position: relative;
  }
  
  .coupon-coupon-purchase-image-scisor {
    position: absolute;
    left: -5px;
  }
  
  
  .coupon-coupon-purchase-info {
    margin-bottom: 10px;
  }
  
  .coupon-coupon-purchase-info-title {
    font-weight: 500;
    color: #282C3F;
    font-size: 16px;
    line-height: 22px;
  }
  
  .coupon-coupon-purchase-info-label {
    color: #7e818c;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
  }
  
  .coupon-coupon-purchase-code-info {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 14px;
  }
  
  .coupon-coupon-purchase-code-image {
    margin-left: 6px;
  }
  
  .coupon-coupon-view-products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  
  .coupon-coupon-view-products-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #ff3f6c;
    cursor: pointer;
    padding-right: 16px
  }
  
  .coupon-coupon-view-products-icon {
    cursor: pointer;
  }
  
  .coupon-coupon-timer {
    font-size: 12px;
    color: #ff5722;
    font-weight: 500;
  }
  
  .coupon-coupon-time {
    font-size: 12px;
    color: #282C3F;
    font-weight: 500;
  }
  
  .coupon-coupon-expired-label {
    font-size: 14px;
    color: #BEBFC5;
  }
  
  @media (min-width: 780px) {
    .coupon-coupon-card {
      border-radius: 0px;
      -webkit-box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
              box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
      border: 1px solid #EAEAEC;
      margin-bottom: 24px;
    }
  }
  .timer-timer {
    display: inline-block;
    color: #ff5722;
    font-weight: 500;
  }
  
  .badge-badge {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
              align-items: flex-start;
      padding-bottom: 4px;
      font-size: 12px;
      font-weight: 800;
  }
  
  .badge-labelText1 {
      padding: 2px 8px;
      height: 20px;
      border: 1px solid #6327E9;
      border-radius: 6px 0px 0px 6px;
  }
  
  .badge-labelText2 {
      padding: 3px 6px;
      color: white;
      height: 20px;
      background: -webkit-linear-gradient(319deg, #6327E9 9%, #FB2FFF 90%);
      background: -moz- oldlinear-gradient(319deg, #6327E9 9%, #FB2FFF 90%);
      background: linear-gradient(131deg, #6327E9 9%, #FB2FFF 90%);
      border-radius: 0px 6px 6px 0px;
  }
  .emptyCouponDisplay-empty-coupon {
      margin: 40px 0;
      text-align: center;
      font-weight: 700;
      color: #282C3F;
  }
  
  .emptyCouponDisplay-heading {
      font-size: 24px;
  }
  
  .emptyCouponDisplay-description {
      font-size: 16px;
      margin-bottom: 32px;
  }
  
  .emptyCouponDisplay-hyperlink {
      font-size: 16px;
  }
  
  .emptyCouponDisplay-hyperlink a {
      color: #ff3f6c;
  }
  .pagination-container {
    list-style: none;
    text-align: center;
    border-top: 1px solid #EDEBEF;
    padding-top: 24px;
    padding-bottom: 60px;
    color: #282C3F;
  }
  
    .pagination-container .pagination-listItem {
      display: inline-block;
      margin-right: 9px;
      font-weight: 500;
      cursor: pointer;
      padding: 6px 8px;
      border-radius: 2px;
    }
  
    .pagination-container .pagination-active {
      font-weight: 500;
      color: #FFFFFF;
      letter-spacing: 0.4px;
      border-radius: 2px;
      background-color: #282C3F;
    }
  
    .pagination-container .pagination-active a {
        color: #FFFFFF;
      }
  
    .pagination-container .pagination-number {
      background-color: #FFFFFF;
      border: 1px solid transparent;
    }
  
    .pagination-container .pagination-number:hover {
        border: 1px solid #EDEBEF;
      }
  
    .pagination-container .pagination-number a {
        color: #282C3F;
      }
  
    .pagination-container .pagination-disabled {
      pointer-events: none;
      opacity: .6;
    }
  
    .pagination-container .pagination-dots {
      margin-left: 5px;
      margin-right: 5px;
    }
  
    .pagination-container .pagination-paginationMeta {
      color: #535766;
      font-size: 14px;
      float: left;
      margin-right: 10px;
      cursor: default;
      font-weight: 400;
    }
  
    .pagination-container .pagination-arrowLeft {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 8px;
      border: solid #282C3F;
      border-width: 2px 2px 0 0;
      -webkit-transform: rotate(224deg);
         -moz-transform: rotate(224deg);
          -ms-transform: rotate(224deg);
              transform: rotate(224deg);
      margin-bottom: 1px;
      margin-left: 2px;
    }
  
    .pagination-container .pagination-arrowRight {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-left: 8px;
      border: solid #282C3F;
      border-width: 2px 2px 0 0;
      -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-bottom: 1px;
      margin-right: 2px;
    }
  
    .pagination-container .pagination-prev {
      height: 42px;
      border-radius: 4px;
      border: 1px solid #d4d5d9;
      text-align: center;
      margin-right: 64px;
      padding: 10px 22px;
    }
  
    .pagination-container .pagination-prev:hover {
        border-color: #282C3F;
      }
  
    .pagination-container .pagination-next {
      height: 42px;
      border-radius: 4px;
      border: 1px solid #d4d5d9;
      text-align: center;
      margin-left: 64px;
      padding: 10px 22px;
    }
  
    .pagination-container .pagination-next:hover {
        border-color: #282C3F;
      }
  .index-rewards-mount {
    padding-bottom: 25px;
    background-color: white;
    font-size: 14px;
    /* Or use the main component from the page.css*/
  }
  
  .index-error-wrapper {
    /*margin-top: 50%;*/
  }
  
  .index-header-main {
    text-align: center;
    background-color: #ffeedf;
    /*height: 166px;*/
    margin-left: auto;
    margin-right: auto;
    /*padding-top: 32px;*/
    padding-bottom: 32px;
    padding-left: 4%;
    padding-right: 4%;
  }
  
  .index-header-heading {
    font-size: 24px;
      font-weight: 600;
      color: #282c3f;
    margin-bottom: 16px;
    padding-left: 4%;
    padding-right: 4%;
    font-family: Assistant;
  }
  
  .index-header-description {
    font-size: 16px;
      text-align: center;
      color: #3e4152;
    padding-left: 4%;
    padding-right: 4%;
    font-family: Assistant;
    margin-top: -45px;
  }
  
  .index-rewards-heading {
    font-size: 14px;
      font-weight: 600;
      color: #535766;
    margin-top: 20px;
    margin-bottom: 6px;
    padding-left: 4%;
    padding-right: 4%;
    font-family: Assistant;
  }
  
  .index-rewards-card {
    margin-top: 12px;
      border-radius: 3px;
      background-color: rgb(224,240,146);
      border: solid 0.5px #eaeaec;
    font-size: 16px;
    margin-left: 4%;
    margin-right: 4%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 16px;
  }
  
  .index-expired-rewards-card {
    margin-top: 12px;
    border-radius: 3px;
    background-color: rgb(234, 234, 236);
    border: solid 0.5px rgb(234, 234, 236);
    font-size: 16px;
    margin-left: 4%;
    margin-right: 4%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 16px;
  }
  
  .index-rewards-title {
    font-family: Assistant;
    font-size: 16px;
      font-weight: 600;
      line-height: 1.25;
      color: #282c3f;
  }
  
  .index-rewards-desc {
      font-family: Assistant;
      font-size: 16px;
      color: #282c3f;
    margin-top: 12px;
  }
  
  .index-rewards-details {
    margin-top: 12px;
  }
  
  .index-rewards-type {
    font-size: 12px;
    color: rgb(112, 165, 78);
    font-weight: 600;
  }
  
  .index-rewards-more-details {
    font-family: Assistant;
      font-size: 14px;
      font-weight: 600;
      color: #282c3f;
    float: right;
    /*margin-bottom: 16px;*/
  }
  
  .index-rewards-more-details:hover {
    cursor: pointer;
  }
  
  .index-more-details-arrow {
    display: inline-block;
    -webkit-transform: rotate(270deg) scale(.5);
       -moz-transform: rotate(270deg) scale(.5);
        -ms-transform: rotate(270deg) scale(.5);
            transform: rotate(270deg) scale(.5);
    vertical-align: text-bottom;
  }
  .index-rewards-code-data {
    border-top: dashed 1px #ffffff;
    padding-top: 18px;
    font-family: Assistant;
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #282c3f;
    margin-top: 12px;
  }
  .index-expired-rewards-card .index-rewards-code-data {
    border-top: dashed 1px rgb(214,214,214);
  }
  .index-rewards-actual-code {
    font-family: Assistant;
      font-weight: 600;
  }
  .index-rewards-actual-expiry {
    font-family: Assistant;
      font-weight: 600;
  }
  .index-rewards-validity-right {
    float: right;
  }
  .index-no-rewards-earned {
    font-size: 16px;
    color: #535766;
    margin-top: 24px;
    margin-bottom: 6px;
    padding-left: 5%;
    padding-right: 5%;
    font-family: Assistant;
    line-height: 1.5;
    min-height: 300px;
  }
  
  .index-no-word-break {
    display: inline-block;
  }
  
  .index-msg-logo {
    width: 180px;
  }
  
  /* Desktop/Tablet Mode */
  @media(min-width: 780px) {
    .index-rewards-mount {
      padding-bottom: 25px;
      width: 75%;
      display: inline-block;
    }
    .index-header-main {
      background-color: white;
      /*height: 120px;*/
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
    }
    .index-header-heading {
      text-align: left;
      background-color: white;
      font-size: 16px;
    }
    .index-header-description {
      font-size: 14px;
      text-align: left;
    }
    .index-rewards-card, .index-expired-rewards-card {
      width: 324px;
      padding-bottom: 14px;
    }
    .index-rewards-title {
      font-size: 15px;
    }
    .index-rewards-desc {
      font-size: 15px;
      line-height: 19px;
    }
    .index-rewards-more-details {
      font-size: 14px;
    }
    .index-rewards-code-data {
      font-size: 14px;
    }
    .index-msg-logo {
      margin-left: -30px;
    }
  }
  
  .points-points {
    margin-bottom: 10px;
    text-align: justify;
    text-align: center;
  }
  
    .points-points .points-activePoints {
      background-color: white;
      padding: 40px 0px 15px 0px;
    }
  
    .points-points .points-activePoints .points-label {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 800;
        color: #14cda8;
      }
  
    .points-points .points-activePoints .points-pointsCount {
        margin: 8px 0px;
        font-size: 36px;
        font-weight: 800;
        color: #3E4152;
      }
  
    .points-points .points-activePoints .points-actualValue {
        font-size: 13px;
      }
  
    .points-points .points-activePoints .points-iconWrapper {
        cursor: pointer;
        display: inline-block;
        position: relative;
        top:2px;
      }
  
    .points-points .points-activePoints .points-iconWrapper .points-activePointsInfo {
          width: 145px;
          position: absolute;
          right: -12px;
          font-size: 12px;
          z-index: 2;
        }
  
    .points-points .points-activePoints .points-iconWrapper .points-activePointsInfo .points-triangle {
            position: relative;
            left: 120px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid black;
          }
  
    .points-points .points-activePoints .points-iconWrapper .points-activePointsInfo .points-infoText {
            background: black;
            color: white;
            padding: 10px;
            border-radius: 2px;
          }
  
    .points-points .points-activePoints .points-info {
        width: 275px;
        margin: 10px auto 0px auto;
        font-size: 12px;
        line-height: 1.5em;
        color: #7e818c;
      }
  
    .points-points .points-pendingPoints {
      background-color: white;
      padding: 0px 0px 32px 0px;
    }
  
    .points-points .points-pendingPoints .points-iconWrapper {
        cursor: pointer;
        display: inline-block;
        position: relative;
        top:2px;
      }
  
    .points-points .points-pendingPoints .points-iconWrapper .points-activePointsInfo {
          width: 240px;
          position: absolute;
          right: -12px;
          font-size: 12px;
          z-index: 2;
        }
  
    .points-points .points-pendingPoints .points-iconWrapper .points-activePointsInfo .points-triangle {
            position: relative;
            left: 214px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid black;
          }
  
    .points-points .points-pendingPoints .points-iconWrapper .points-activePointsInfo .points-infoText {
            text-align: left;
            background: black;
            color: white;
            padding: 10px;
            border-radius: 2px;
          }
  
    .points-points .points-urgencyText {
      border-top: 1px dotted #d4d5d9;
      background-color: white;
      padding: 5px 10px;
      font-size: 12px;
      font-style: italic;
    }
  
    .points-points .points-urgencyText .points-text {
        display: inline-block;
        vertical-align: top;
        margin-top: 8px;
      }
  
    .points-points .points-referralPoints {
      text-transform: uppercase;
      display: block;
      margin: 10px 0px;
      background-color: white;
      padding: 15px;
      font-size: 13px;
      cursor: pointer;
      text-align: left;
      margin-bottom: 10px;
      font-weight: 800;
    }
  
    .points-points .points-rupeeIcon{
      display: inline-block;
      position: relative;
      top:1px;
      width:10px;
    }
  
  @media (min-width: 780px) {
    .points-points {
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    }
  }
  .svgImages-svg {
    display: inline-block;
  }
  
  .svgImages-myntraCreditLogo {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/myntra-credit-logo.svg) no-repeat;
  }
  
  .svgImages-locationIndicator {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/no-saved-address.svg) no-repeat;
  }
  
  .svgImages-myntraPointsHurry {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/myntra-points-hurry.svg) no-repeat;
    -webkit-transform: scale(0.5, 0.5);
       -moz-transform: scale(0.5, 0.5);
        -ms-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
  }
  
  .svgImages-emptyStar {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/empty-star.svg) no-repeat;
  }
  
  .svgImages-filledStar {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/filled-star.svg) no-repeat;
  }
  
  .svgImages-circularTick {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/circular-tick.svg) no-repeat;
  }
  
  .svgImages-wishListed {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/wishListed.svg) no-repeat;
  }
  
  .svgImages-notWishListed {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/notWishListed.svg) no-repeat;
  }
  
  .svgImages-insiderIcon {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/insider-icon.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  
  .svgImages-info {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/info.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  
  .svgImages-moveToTopArrow {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/move-to-top-arrow.svg) no-repeat;
  }
  
  .svgImages-confirmImage {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/confirm-image.svg) no-repeat;
  }
  
  .svgImages-mfaLogo {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/mfa-logo.svg) no-repeat;
  }
  
  .svgImages-taggedTick {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/tagged-tick.svg) no-repeat;
  }
  
  .svgImages-phoneIcon {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/icon-phone.svg) no-repeat;
  }
  
  .svgImages-ccInterventionArrow {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/arrow.svg) no-repeat;
  }
  
  .svgImages-tokenExpired {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/expired.svg) no-repeat;
  }
  
  .svgImages-itemSpecialityIcon {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/item-speciality.svg) no-repeat;
  }
  
  .creditHistory-creditHistory {
    background-color: white;
    margin-bottom: 10px;
    font-size: 13px;
    text-align: justify;
  }
  
    .creditHistory-creditHistory .creditHistory-segmentHeading {
      border-bottom: 1px solid #EAEAEC;
      font-weight: 800;
      text-transform: uppercase;
      padding: 15px;
      color: #282C3F;
    }
  
    .creditHistory-creditHistory .creditHistory-entryRow {
      border-bottom: 1px solid #EAEAEC;
    }
  
    .creditHistory-creditHistory .creditHistory-entryRow.creditHistory-data {
        background-color: #F8F8F9;
      }
  
    .creditHistory-creditHistory .creditHistory-entryRow .creditHistory-element1 {
        display: inline-block;
        width: 37%;
        text-transform: capitalize;
        word-wrap: break-word;
        padding: 10px 0px 10px 15px;
      }
  
    .creditHistory-creditHistory .creditHistory-entryRow .creditHistory-element2 {
        display: inline-block;
        width: 21%;
        text-align: center;
        padding: 10px 0px;
      }
  
    .creditHistory-creditHistory .creditHistory-entryRow .creditHistory-element3 {
        display: inline-block;
        width: 21%;
        text-align: center;
        padding: 10px 0px;
      }
  
    .creditHistory-creditHistory .creditHistory-entryRow .creditHistory-element4 {
        display: inline-block;
        width: 20%;
        text-align: center;
        font-weight: 800;
        padding: 10px 15px 10px 10px;
      }
  
    .creditHistory-creditHistory .creditHistory-entryRow .creditHistory-expiryEntry {
        border-top: 0.5px solid #F5F5F6;
        padding: 5px 10px 5px 15px;
        color: #7e818c;
        font-size: 11px;
        background-color: white;
      }
  
    .creditHistory-creditHistory .creditHistory-entryRow .creditHistory-expiryEntry .creditHistory-expiredEntry {
          color: #ff5a5a;
        }
  
    .creditHistory-creditHistory .creditHistory-entryRow:nth-child(2) {
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
      }
  
    .creditHistory-creditHistory .creditHistory-entryRow:nth-child(2) .creditHistory-element1 {
          text-transform: uppercase;
        }
  
    .creditHistory-creditHistory .creditHistory-button {
      cursor: pointer;
      text-align: center;
      padding: 12px;
      font-size: 14px;
      color: #526cd0;
      font-weight: 800;
    }
  
  @media (min-width: 780px) {
    .creditHistory-creditHistory {
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    }
  }
  .pointsHistory-pointsHistory {
    background-color: white;
    margin-bottom: 10px;
    font-size: 13px;
    text-align: justify;
  }
  
    .pointsHistory-pointsHistory .pointsHistory-segmentHeading {
      border-bottom: 1px solid #EAEAEC;
      font-weight: 800;
      text-transform: uppercase;
      padding: 15px;
      color: #282C3F;
      cursor: pointer;
    }
  
    .pointsHistory-pointsHistory .pointsHistory-details .pointsHistory-button {
        cursor: pointer;
        text-align: center;
        padding: 12px;
        font-size: 14px;
        color: #526cd0;
        font-weight: 800;
      }
  
  @media (min-width: 780px) {
    .pointsHistory-pointsHistory {
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    }
  }
  .transactionEntry-transactionEntry {
    border-bottom: 0.5px solid #EAEAEC;
    padding: 10px 15px;
  }
  
    .transactionEntry-transactionEntry .transactionEntry-row {
      padding: 2px 0px;
    }
  
    .transactionEntry-transactionEntry .transactionEntry-row .transactionEntry-firstColumn {
        text-transform: capitalize;
        display: inline-block;
        width: 70%;
      }
  
    .transactionEntry-transactionEntry .transactionEntry-row .transactionEntry-secondColumn {
        display: inline-block;
        float: right;
        color: #7e818c;
      }
  
    .transactionEntry-transactionEntry .transactionEntry-row:last-child .transactionEntry-firstColumn {
          color: #7e818c;
        }
  
    .transactionEntry-transactionEntry .transactionEntry-row:last-child .transactionEntry-secondColumn {
          font-weight: 800;
          display: inline-block;
          float: right;
        }
  
    .transactionEntry-transactionEntry .transactionEntry-row:last-child .transactionEntry-secondColumn.transactionEntry-credit, .transactionEntry-transactionEntry .transactionEntry-row:last-child .transactionEntry-secondColumn.transactionEntry-refund {
            color: #14cda8;
          }
  
    .transactionEntry-transactionEntry .transactionEntry-row:last-child .transactionEntry-secondColumn.transactionEntry-debit {
            color: #ff5a5a;
          }
  
    .transactionEntry-transactionEntry .transactionEntry-row:last-child .transactionEntry-secondColumn.transactionEntry-void {
            color: #f2c210;
          }
  .termsCondition-card {
    background-color: white;
    margin-bottom: 10px;
  }
  
  .termsCondition-conditionBlock {
    padding: 15px;
  }
  
  .termsCondition-conditionBlock:first-child {
    border-bottom: 1px solid #EAEAEC;
  }
  
  .termsCondition-heading-component {
    display: block;
    cursor: pointer;
  }
  
  .termsCondition-heading {
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 800;
  }
  
  .termsCondition-conditionBlock > ol > li {
    list-style-type: disc;
    margin: 10px 0px;
    text-align: left;
    color: #7e818c;
  }
  
  .termsCondition-plusSymbol {
    float: right;
    display: inline-block;
  }
  
  .termsCondition-minusSymbol {
    float: right;
    display: inline-block;
    margin: 5px 3px 0px 0px;
  }
  
  @media (min-width: 780px) {
    .termsCondition-card {
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    }
  }
  .userProfiles-mainContainer {
    background: white;
  }
  
  .userProfiles-profileBtn {
    border: 0.5px solid #282C3F;
    border-radius: 25px;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    width: 118px;
    text-align: center;
    margin-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  
  .userProfiles-profileBtn.userProfiles-selected {
    color: #FF3F6C;
    border-color: #FF3F6C;
  }
  
  .userProfiles-profilesContainer {
    overflow: auto;
    white-space: nowrap;
    padding: 20px 15px 15px;
    border-bottom: 0.5px solid #EAEAEC;
  }
  
  .userProfiles-profilesContainer::-webkit-scrollbar {
    display: none;
  }
  
  .userProfiles-detailsContainer {
    margin-left: 6px;
    position: relative;
  }
  
  .userProfiles-sectionContainer {
    display: inline-block;
  }
  
  .userProfiles-sec2:nth-of-type(2n) .userProfiles-sectionSeparator {
    display: none;
  }
  
  .userProfiles-sec3:nth-of-type(3n) .userProfiles-sectionSeparator {
    display: none;
  }
  
  .userProfiles-sectionSeparator {
    border-left: 0.5px solid #EAEAEC;
    width: 1px;
    height: 50px;
    vertical-align: sub;
    display: inline-block;
  }
  
  .userProfiles-horizontalSeparator {
    position: absolute;
    height: 1px;
    border-top: 0.5px solid #EAEAEC;
    width: 90%;
    left: 10px
  }
  
  .userProfiles-hSep-1 {
    top: 100px;
  }
  
  .userProfiles-hSep-2 {
    top: 200px;
  }
  
  .userProfiles-hSep-3 {
    top: 300px;
  }
  
  .userProfiles-detailSection {
    display: inline-block;
    padding: 20px 35px 15px 15px;
    width: 120px;
  }
  
  .userProfiles-fieldLabel {
    padding: 5px 0;
    color: #94969F;
    font-size: 14px;
  }
  
  .userProfiles-fieldInfo {
    padding: 5px 0;
  }
  
  .userProfiles-fieldValue {
    color: #1e2030;
    font-size: 25px;
  }
  
  .userProfiles-fieldUnit {
    margin-left: 6px;
    color: #282C3F;
    font-size: 14px;
  }
  
  .userProfiles-editProfileBtn {
    position: absolute;
    font-size: 13px;
    font-weight: 600;
    top: 6%;
    right: 4%;
    color: #FF3F6C;
  }
  
  .userProfiles-addDetailsForEmpty {
    margin-top: 5px;
    color: #FF3F6C;
    font-weight: 600;
    font-size: 14px;
  }
  
  .userProfiles-addDetailsForEmpty:active {
    color: #282C3F;
  }
  
  .userProfiles-noDetails {
    text-align: center;
    margin-top: 200px;
    padding: 0 10px;
  }
  
  .userProfiles-editProfileBtn:active {
    color: #282C3F;
  }
  
  .userProfiles-removeProfileBtn {
    z-index: 10;
    position: absolute;
    bottom: 10%;
    left: 45%;
    font-size: 13px;
    font-weight: 600;
    border-color: #FF3F6C;
  }
  
  .userProfiles-removeProfileBtn:active {
    color: #FF3F6C;
  }
  
  .userProfiles-noProfiles {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
  }
  
  .userProfiles-noProfilesImage {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-9.png) no-repeat;
    -webkit-background-size: 500px 200px;
            background-size: 500px 200px;
    background-position: -401px -5px;
    width: 84px;
    height: 60px;
    display: inline-block;
  }
  
  .userProfiles-noProfilesHead {
    color: #3E4152;
    font-size: 17px;
  }
  
  .userProfiles-noProfilesDesc {
    color: #94969f;
    font-size: 15px;
    line-height: 1.56;
    display: inline-block;
    width: 80%;
    margin-top: 8px;
  }
  
  .userProfiles-getStarted {
    color: #FF3F6C;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #FF3F6C;
    padding: 8px;
    width: 50%;
    margin: 16px auto 0;
    border-radius: 4px;
  }
  
  .userProfiles-profileBtn.userProfiles-addNew {
    border: 0.5px dashed #535766;
    color: #535766;
  }
  
  .userProfiles-profileBtn.userProfiles-addNew:active {
      color: #282C3F;
      border-color: #535766;
    }
  
  .userProfiles-emptyField {
    padding: 13px 0 0 3px;
  }
  
  .userProfiles-getStarted:active {
    color: #282C3F;
    border-color: #282C3F;
  }
  
  .userProfiles-hide {
    display: none;
  }
  .myntracredit-card {
    background-color: white;
    padding: 10px 0px 20px;
    margin-bottom: 10px;
    text-align: justify;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
  
  .myntracredit-infoSectionCard {
    background-color: white;
    padding: 20px;
    margin-bottom: 10px;
    text-align: justify;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
  
  .myntracredit-showallbutton {
    padding: 16px 15px 16px 20px;
    margin-bottom: 10px;
    text-align: justify;
    background-color: white;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
  
  .myntracredit-textStyle {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #282C3F;
  }
  
  .myntracredit-arrow {
    display: inline-block;
    cursor: pointer;
    float: right;
    -webkit-transform: rotate(-90deg) scale(0.6);
       -moz-transform: rotate(-90deg) scale(0.6);
        -ms-transform: rotate(-90deg) scale(0.6);
            transform: rotate(-90deg) scale(0.6);
    height: 20px;
  }
  
  .myntracredit-ulList {
    list-style: disc;
    padding-left: 20px;
  }
  
  .myntracredit-listStyle {
    text-align: left;
    letter-spacing: 0.1px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #3e4152;
  }
  
  .myntracredit-topLogo {
    text-align: center;
    padding: 20px 10px 30px;
    border-bottom: 0.5px solid #eaeaec;
  }
  
  .myntracredit-myntracreditlogo {
    width: 130px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  .myntracredit-topLogoText {
    padding-top: 5px;
    color: #94969F;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
  }
  
  .myntracredit-line1,
  .myntracredit-line2 {
    width: 100%;
    text-align: center;
  }
  
  .myntracredit-secondLineLogo {
    width: 25%;
  }
  
  .myntracredit-small_img_logo {
    width: 22%;
    padding-bottom: 4px;
  }
  
  .myntracredit-logo_line1 {
    display: inline-block;
    text-align: center;
    padding: 10px;
    width: 50%;
    clear: both;
    vertical-align: top;
  }
  
  .myntracredit-titleInfoText {
    font-weight: 500;
    text-transform: uppercase;
    color: #282C3F;
    font-size: 12px;
  }
  
  .myntracredit-footerButtons {
    font-weight: 500;
    width: inherit;
    text-transform: uppercase;
    color: #526cd0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
  }
  
  .myntracredit-linkButton {
    cursor: pointer;
    font-size: 13px;
  }
  
  .myntracredit-small_img_logo_header {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #696b79;
  }
  
  .myntracredit-gridLogo {
    padding-top: 15px;
  }
  
  .myntracredit-small_text {
    font-size: 12px;
    padding: 2px 10px;
    color: #94969F;
  }
  
  .balance-card {
    text-align: center;
    border-radius: 5px;
    background-color: white;
  }
  
  .balance-singleButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }
  
  .balance-available {
    color: #3e4152;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 20px;
  }
  
  .balance-image {
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  
  .balance-amount {
    font-size: 30px;
    font-weight: 800;
    color: #3e4152;
    padding: 8px 0px 0px 0px;
    text-align: center;
  }
  
  .balance-line {
    width: 96%;
    margin: 16px auto;
    border: 0.5px solid #eaeaec;
  }
  
  .balance-activeCards {
    padding: 0px 0px 20px 0px;
  }
  
  .balance-button {
    cursor: pointer;
    padding: 15px 0px;
    border-top: 1px solid #d4d5d9;
    text-transform: uppercase;
    color: #526cd0;
    font-weight: 800;
    -webkit-tap-highlight-color: #FFFFFF;
    tap-highlight-color: #FFFFFF;
    cursor: pointer;
  }
  
  .balance-noCard {
    width: inherit;
    padding: 15px 0px 10px;
    margin: auto;
  }
  
  .balance-noCardText {
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
  }
  
  .balance-addIconLogo {
    text-align: center;
    padding-top: 15px;
  }
  
  .balance-addIcon {
    width: 14%;
  }
  
  .balance-mainCard {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
    text-align: justify;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
  
  .balance-buttonConatiner {
    width: 100%;
    padding-bottom: 8px;
  }
  
  .balance-topUpButton {
    display: inline-block;
    text-align: center;
    width: 48%;
    cursor: pointer;
    border-right: 0.4px solid #eaeaec;
  }
  
  .balance-giftCardButton {
    display: inline-block;
    /*padding: 10px;*/
    text-align: center;
    width: 50%;
    cursor: pointer;
  }
  
  .balance-topInfoText {
    font-size: 13px;
    color: #A9ABB3;
  }
  
  .balance-blueIcon {
    font-size: 14px;
    color: #526cd0;
    font-weight: 500;
    padding-top: 2px;
    text-transform: uppercase;
  }
  
  @media only screen and (max-width: 700px) {
    .balance-addIcon {
      width: 20%;
    }
  }
  
  .creditTransaction-card {
    background-color: white;
    margin-bottom: 10px;
    text-align: justify;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
  
  .creditTransaction-eachtransaction {
    padding: 15px 20px;
    border-bottom: 1px solid #eaeaec;
    font-size: 14px;
  }
  
  .creditTransaction-line1,
  .creditTransaction-line2 {
    display: block;
  }
  
  .creditTransaction-line2:last-child {
    padding-top: 4px;
  }
  
  .creditTransaction-eachtransaction:last-child {
    border-bottom: none;
  }
  
  .creditTransaction-mode,
  .creditTransaction-date {
    display: inline-block;
  }
  
  .creditTransaction-date {
    float: right;
  }
  
  .creditTransaction-dataid,
  .creditTransaction-amount {
    display: inline-block;
  }
  
  .creditTransaction-line1 {
    color: #3e4152;
  }
  
  .creditTransaction-dataid {
    color: #A9ABB3;
  }
  
  .creditTransaction-amount {
    float: right;
    font-weight: 500;
  }
  
  .creditTransaction-debit {
    color: #f16565;
  }
  
  .creditTransaction-credit {
    color: #14cda8;
  }
  
  .creditTransaction-title {
    padding: 15px 20px;
    border-bottom: 1px solid #eaeaec;
    text-transform: uppercase;
    font-size: 12px;
    color: #282C3F;
    font-weight: 500;
  }
  
  .creditTransaction-loader {
    display: block;
    padding: 10px 0px 10px 0px;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/loader.gif) no-repeat;
    background-position: center;
  }
  
  .creditTransaction-seemore {
    padding: 12px;
    font-size: 14px;
    text-align: center;
    color: #526cd0;
    font-weight: 500;
    cursor: pointer;
    border-top: 1px solid #eaeaec;
  }
  
  .creditTransaction-centerText {
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
  }
  
  .sizeInfo-nameContainer {
    padding: 14px 20px 2px;
    border-bottom: 1px solid #EAEAEC;
    text-transform: none;
    background: white;
  }
  
  .sizeInfo-allProfiles {
    display: inline-block;
    float: right;
    font-size: 13px;
    margin-top: 14px;
    color: #FF3F6C;
  }
  
  .sizeInfo-nameBlock {
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #FF3F6C;
    padding: 10px;
    width: 118px;
    text-align: center;
    margin-bottom: 10px;
    color: #FF3F6C;
    font-size: 18px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  
  input {
    outline: 0;
  }
  
  input:focus {
    border-bottom-color: #ff7898;
  }
  
  input.sizeInfo-errorInput {
    border-bottom-color: #FF3F6C;
  }
  
  .sizeInfo-errorText {
    color: #FF3F6C;
    font-size: 11px;
  }
  
  .sizeInfo-recommendText {
    font-size: 15px;
    margin-bottom: 6px;
  }
  
  .sizeInfo-sisPageLink {
    font-size: 13px;
    color: #FF3F6C;
    padding: 7px 0 4px;
  }
  
  .sizeInfo-helpField {
    display: inline;
  }
  
  .sizeInfo-formContainer {
    text-transform: none;
    padding: 20px 20px;
    overflow: auto;
    background: white;
    height: 92%;
  }
  
  .sizeInfo-field {
    margin-bottom: 26px;
    position: relative;
  }
  
  .sizeInfo-numField {
    border: 0;
    border-bottom: 1px solid #D4D5D9;
    font-size: 22px;
    width: 60px;
  }
  
  .sizeInfo-numField:not(:focus) {
    text-align: right;
  }
  
  .sizeInfo-secondary {
    margin-left: 30px;
  }
  
  .sizeInfo-labelHeader, .sizeInfo-genderHeader, .sizeInfo-nameHeader {
    padding-bottom: 6px;
    color: #535766;
  }
  
  .sizeInfo-labelHeader {
    display: inline-block;
  }
  
  .sizeInfo-converter {
    display: inline-block;
    position: absolute;
    top: 37px;
    right: 0;
  }
  
  .sizeInfo-numField, .sizeInfo-profileName {
    padding-bottom: 2px;
  }
  
  .sizeInfo-metric {
    border: 1px solid #D4D5D9;
    background-color: #e9eaeb;
    font-size: 14px;
    opacity: 0.4;
    border-radius: 2px;
    padding: 5px 10px;
  }
  
  .sizeInfo-metric.sizeInfo-left {
    border-radius: 2px 0 0 2px;
  }
  
  .sizeInfo-metric.sizeInfo-right {
    border-radius: 0 2px 2px 0;
      border-left: none;
  }
  
  .sizeInfo-metric.sizeInfo-selected {
    border: 1px solid #7E818C;
    font-weight: 600;
    color: #282C3F;
    opacity: 1;
  }
  
  .sizeInfo-profileName {
    font-size: 26px;
    color: #282C3F;
    outline: 0;
    border: 0;
    border-bottom: 1px solid #D4D5D9;
    width: 260px;
  }
  
  .sizeInfo-genderLabel {
    display: inline-block;
    margin-right: 22px;
  }
  
  .sizeInfo-genderLabel span {
    font-size: 22px;
    vertical-align: middle;
  }
  
  .sizeInfo-confirm-gender {
    margin-right: 8px;
    display: inline-block;
    outline: none;
    width: 20px;
    height: 14px;
    vertical-align: sub;
  }
  
  .sizeInfo-customRadio {
    visibility: hidden;
    position: absolute;
  }
  .sizeInfo-customRadio + i{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width:  14px;
    height: 14px;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: inset 0 0 0 8px #fff;
            box-shadow: inset 0 0 0 8px #fff;
    border: 1px solid gray;
    background: gray;
  }
  
  .sizeInfo-customRadio:checked + i{
    border: 1px solid #FF3F6C;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
            box-shadow: inset 0 0 0 3px #fff;
    background: #FF3F6C;
  }
  
  .sizeInfo-createMode .sizeInfo-name {
    display: none;
  }
  
  .sizeInfo-editMode .sizeInfo-nameContainer {
    display: none;
  }
  
  .sizeInfo-confirm-gender {
      outline: none;
  }
  
  .sizeInfo-buttons {
    position: relative;
  }
  
  .sizeInfo-button {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    width: 50%;
    padding: 20px;
    font-weight: 600;
  }
  
  .sizeInfo-addButton {
    width: 60%;
    background: #FF3F6C;
    color: white;
  }
  
  .sizeInfo-cancelButton {
    width: 40%;
    color: #696b79;
    background: #f5f5f6;
  }
  
  .sizeInfo-addButton:active {
    background: #e53861;
  }
  
  .sizeInfo-fs-shimmer {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    text-transform: none;
    -webkit-transition: top 0.6s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: top 0.6s cubic-bezier(0, 1, 0.5, 1);
    transition: top 0.6s cubic-bezier(0, 1, 0.5, 1);
  }
  
  .sizeInfo-fs-shimmer.sizeInfo-open {
    top: 0;
  }
  
  .sizeInfo-helpQues {
    border: 0.5px solid #ff517b;
    color: #ff517b;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    font-size: 9px;
    margin-left: 6px;
    font-weight: 600;
    padding: 2px;
  }
  
  .sizeInfo-helpBox {
    margin-top: 150px;
  }
  
  .sizeInfo-helpHeader {
    color: white;
    margin-left: 20px;
    font-size: 16px;
  }
  
  .sizeInfo-helpText {
    color: white;
    margin: 10px 20px 0 20px;
    font-size: 16px;
  }
  
  .sizeInfo-videoContainer {
    margin-top: 10px;
  }
  
  .sizeInfo-videoContainer iframe {
    border-width: 0;
  }
  
  .sizeInfo-close {
    position: absolute;
    top: 65px;
    left: 20px;
    color: white;
    font-size: 20px;
  }
  
  .sizeInfo-close.sizeInfo-app {
      top: 16px;
    }
  
  .sizeInfo-hide {
    display: none;
  }
  
  .transactionStyle-segment-heading {
    margin: 30px 0px 10px 0px;
    font-weight: 800;
    color: #3E4152;
  }
  
  .transactionStyle-transactionCard {
    background-color: white;
  }
  
  .transactionStyle-loader {
    position: absolute;
    left: 45%;
    top: 50%;
    width: 44px;
    height: 10px;
    display: block;
    padding: 10px 0px 10px 0px;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/loader.gif) no-repeat;
  }
  
  .transactionStyle-no-activity {
    text-align: center;
  }
  
  .transactionStyle-pointsSelector {
    display: block;
    font-weight: 800;
    color: #3E4152;
    text-align: center;
  }
  
  .transactionStyle-selector {
    cursor: pointer;
    width: 50%;
    display: inline-block;
    padding: 15px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid #d4d5d9;
    color: #A9ABB3;
  }
  
  .transactionStyle-activeComponent {
    color: #14cda8;
    border-bottom: 2px solid #14cda8;
  }
  
  .transactionStyle-no-activity {
    padding: 15px 0px;
    margin: auto;
    text-align: center;
  }
  
  .transactionStyle-tableContainer {
    padding: 0px 8px;
  }
  
  .transactionStyle-tableContainer table {
      table-layout: fixed;
      border-collapse: collapse;
      color: #7e818c;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      max-width: 100%;
    }
  
  .transactionStyle-tableContainer table col:nth-child(1) {
        width: 46%;
      }
  
  .transactionStyle-tableContainer table col:nth-child(2) {
        width: 18%;
      }
  
  .transactionStyle-tableContainer table col:nth-child(3) {
        width: 18%;
      }
  
  .transactionStyle-tableContainer tbody tr {
        border-top: 1px solid #d4d5d9;
        height: 60px;
      }
  
  .transactionStyle-tableContainer tbody tr:first-child {
          height: 40px;
          border-top: 0px;
          text-transform: uppercase;
        }
  
  .transactionStyle-tableContainer tbody tr td:first-child {
            word-wrap: break-word;
          }
  
  .transactionStyle-tableContainer tbody tr td:nth-child(2),
          .transactionStyle-tableContainer tbody tr td:nth-child(3),
          .transactionStyle-tableContainer tbody tr td:nth-child(4) {
            text-align: center;
          }
  
  .transactionStyle-see-more {
    cursor: pointer;
    border-top: 0.5px solid #d4d5d9;
    color: #7e818c;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 0px;
    font-size: 14px;
  }
  
  .transactionStyle-down-arrow {
  }
  
  .transactionStyle-blackText {
    color: #282C3F;
  }
  
  @media (max-width: 380px) {
    table>tbody>tr>th {
      font-size: 11px;
    }
  }
  
  @media (min-width: 780px) {
    .transactionStyle-card {
      border-radius: 0px;
      -webkit-box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
              box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
      border: 1px solid #EAEAEC;
    }
  }
  
  .transactionStyle-card {
    border: 0.5px solid #d4d5d9;
    border-radius: 2px;
    background-color: white;
    margin-bottom: 10px;
    text-align: justify;
  }
  
  .transactionStyle-eachtransaction {
    padding: 15px 20px;
    font-size: 14px;
    border-bottom: 1px solid #eaeaec;
  }
  
  .transactionStyle-transactionCard:last-child {
    border: none;
  }
  
  .transactionStyle-line1,
  .transactionStyle-line2 {
    display: block;
  }
  
  .transactionStyle-line2:last-child {
    padding-top: 2px;
  }
  
  .transactionStyle-eachtransaction:last-child {
    border-bottom: none;
  }
  
  .transactionStyle-mode,
  .transactionStyle-date {
    display: inline-block;
    color: #A9ABB3;
  }
  
  .transactionStyle-date {
    float: right;
  }
  
  .transactionStyle-rupee {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
  }
  
  .transactionStyle-dataid {
    font-weight: 300;
  }
  
  .transactionStyle-dataid,
  .transactionStyle-amount {
    display: inline-block;
  }
  
  .transactionStyle-amount {
    float: right;
  }
  
  .transactionStyle-cardBalance {
    display: inline-block;
    float: right;
    color: #3E4152;
    font-weight: 600;
  }
  
  .transactionStyle-seemore {
    padding: 15px;
    text-align: center;
    color: #526cd0;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid #eaeaec;
    font-size: 14px;
    background: white;
  }
  
  .transactionStyle-noCredits {
    color: #A9ABB3;
    padding: 15px 20px;
  }
  
  .transactionStyle-title {
    padding: 10px;
    border-bottom: 1px solid #eaeaec;
  }
  
  .noAddress-card {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    padding: 55px 10px 10px 10px;
    text-align: center;
    background-color: white;
  }
  
    .noAddress-card .noAddress-infoText {
      margin: 30px 0px 50px 0px;
    }
  
    .noAddress-card .noAddress-infoText .noAddress-heading {
        font-weight: 800;
        margin-bottom: 20px;
        text-transform: uppercase;
      }
  
    .noAddress-card .noAddress-infoText .noAddress-subHeading {
        color: #7e818c;
      }
  
    .noAddress-card .noAddress-button {
      margin: 20px auto;
      border: 0.5px solid #d4d5d9;
      border-radius: 4px;
      text-transform: uppercase;
      font-weight: 800;
      color: #526cd0;
      padding: 12px;
      text-align: center;
      width: 180px;
      cursor: pointer;
    }
  
  @media (min-width: 780px) {
    .noAddress-card {
      position: relative;
      height: auto;
      top: 0px;
    }
  }
  .addAddressBar-cardWrapper .addAddressBar-heading {
      display: none;
    }
    .addAddressBar-cardWrapper .addAddressBar-card {
      display: block;
      -webkit-box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
              box-shadow: 0px 1px 3px rgba(40, 44, 63, 0.3);
      background-color: white;
      padding: 17px 10px;
      margin-bottom: 10px;
      color: #696E79;
    }
    .addAddressBar-cardWrapper .addAddressBar-card .addAddressBar-addText {
        display: inline-block;
        font-weight: 800;
        text-transform: uppercase;
        color: #526cd0;
      }
  
  @media (min-width: 780px) {
    .addAddressBar-cardWrapper {
      height: 41px;
    }
      .addAddressBar-cardWrapper .addAddressBar-heading {
        display: inline-block;
        font-size: 18px;
        font-weight: 800;
        margin-top: 8px;
      }
      .addAddressBar-cardWrapper .addAddressBar-card {
        -webkit-box-shadow: 0px 0px 0px;
                box-shadow: 0px 0px 0px;
        display: inline-block;
        float: right;
        border: 0.5px solid #d4d5d9;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: 800;
        color: #526cd0;
        padding: 12px;
        text-align: center;
        width: 180px;
        margin: auto;
        cursor: pointer;
      }
  }
  .addressList-addressSegmentation {
    font-weight: 800;
    font-size: 13px;
    margin: 16px 0px 8px 12px;
    text-transform: uppercase;
  }
  
  @media (min-width: 780px) {
    .addressList-addressSegmentation {
      margin: 24px 0px 8px 0px;
    }
  }
  .addressAccordian-addressAccordian {
      background-color: white;
      margin-bottom: 6px;
    color: #696E79;
    display: block;
  }
  
    .addressAccordian-addressAccordian .addressAccordian-address {
      display: inline-block;
      padding: 12px;
      word-break: break-word;
    }
  
    .addressAccordian-addressAccordian .addressAccordian-address .addressAccordian-nameComponent {
        margin-bottom: 8px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: flex;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
                 -moz-box-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: start;
              -webkit-align-items: flex-start;
                 -moz-box-align: start;
                      align-items: flex-start;
      }
  
    .addressAccordian-addressAccordian .addressAccordian-address .addressAccordian-nameComponent .addressAccordian-name {
          font-size: 14px;
          font-weight: 800;
          margin-bottom: 5px;
          text-transform: capitalize;
              width: -webkit-calc(100% - 60px);
              width: -moz-calc(100% - 60px);
              width: calc(100% - 60px);
        }
  
    .addressAccordian-addressAccordian .addressAccordian-address .addressAccordian-nameComponent .addressAccordian-addressType {
          background-color: #F5F5F6;
          border-radius: 10px;
          text-transform: uppercase;
          width: 50px;
          font-size: 11px;
          font-weight: 800;
          text-align: center;
          padding: 3px;
        }
  
    .addressAccordian-addressAccordian .addressAccordian-address .addressAccordian-addressDetails .addressAccordian-mobile {
          margin: 10px 0px 10px 0px;
        }
  
    /***
    * Specific Styles for different origins.
    */
  
    .addressAccordian-addressAccordian.addressAccordian-myAddress {
      margin-bottom: 10px;
    }
  
    .addressAccordian-addressAccordian.addressAccordian-myAddress .addressAccordian-address {
        width: 100%;
      }
  
    .addressAccordian-addressAccordian.addressAccordian-myAddress .addressAccordian-address .addressAccordian-addressDetails .addressAccordian-makeDefaultText {
            cursor: pointer;
            display: block;
            color: #14cda8;
            margin: 15px 0px 5px 0px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 600;
          }
  
    .addressAccordian-addressAccordian .addressAccordian-buttons {
      width: 100%;
      display: block;
      color: #526cd0;
      border-top: 1px solid #eaeaec;
      position: relative;
    }
  
    .addressAccordian-addressAccordian .addressAccordian-buttons .addressAccordian-button {
        display: inline-block;
        cursor: pointer;
        width: 50%;
        text-transform: uppercase;
        padding: 14px 14px;
        text-align: center;
        font-weight: 800;
      }
  
    .addressAccordian-addressAccordian .addressAccordian-buttons .addressAccordian-button .addressAccordian-buttonLoader {
          visibility: visible;
          position: absolute;
          bottom: 13px;
          top: 30%;
          right: 8%;
          height: 18px;
          width: 19px;
          color: red;
          background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
        }
  
  .addressAccordian-buttonDivider {
    border-left: 1px solid #eaeaec;
    width: 1px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 8px;
  }
  
  
  @media (min-width: 780px) {
      .addressAccordian-addressAccordian.addressAccordian-myAddress {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
        margin-bottom: 12px;
      }
    .addressAccordian-addressAccordian.addressAccordian-myAddress:hover {
      -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
              box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
    }
  }
  
  .notify-container {
    position: fixed;
    top: 122px;
    color: #FFFFFF;
    width: 100%;
    padding: 0 52px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    left: 0px;
    right: 0px;
    min-height: 50px;
    z-index: 8;
    text-align: center;
    -webkit-animation-duration: 0.7s;
       -moz-animation-duration: 0.7s;
            animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: notify-bounce-in-down;
       -moz-animation-name: notify-bounce-in-down;
            animation-name: notify-bounce-in-down;
  }
  
  .notify-content {
    max-width: 380px;
    width: 80%;
    padding: 10px 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 10px rgba(40, 44, 64, 0.2);
            box-shadow: 0px 2px 10px rgba(40, 44, 64, 0.2);
    margin: 0 auto;
  }
  
  .notify-default {
    background-color: #696E79;
  }
  
  .notify-info {
    background-color: #282C3F;
    position: relative;
    text-align: center;
  }
  
  
  .notify-success {
    background-color: #20BD99;
  }
  
  .notify-error {
    background-color: #FF5722;
  }
  
  .notify-error-message {
    font-size: 16px;
    font-weight: 500;
    position: relative;
  }
  
  .notify-icon {
    border: 2px solid #FFFFFF;
    padding: 0px 7px;
    border-radius: 21px;
    position: absolute;
    top: 12px;
    left: 0px;
    margin-top: -10px;
  }
  
  .notify-info-message {
    font-size: 14px;
    font-weight: 500;
  }
  
  .notify-thumbnail {
    position: absolute;
    width: 28px;
    height: 38px;
    top: 5px;
    left: 4px;
  }
  
  .notify-text {
    margin-left: 15px;
  }
  
  .notify-icon-text {
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
  }
  
  .notify-thumbnail-text {
    margin: 6px 0px 6px 25px;
    text-align: left;
    display: inline-block;
  }
  
  .notify-button {
    border-radius: 3px;
    outline: 0px;
    padding: 3px 12px;
    min-height: 22px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 30px;
    float: right;
  }
  
  .notify-text-left {
    text-align: left;
  }
  
  .notify-action {
    background-color: #20BD99;
    border: 1px solid #20BD99;
    color: #FFFFFF;
  }
  
  @media all and (min-width: 992px) {
  
    .notify-content {
      width: auto;
      margin: 0 auto;
    }
  
    .notify-error {
      text-align: left;
    }
  
    .notify-container {
      z-index: 100;
      -webkit-animation-name: notify-bounce-in-down-desktop;
         -moz-animation-name: notify-bounce-in-down-desktop;
              animation-name: notify-bounce-in-down-desktop;
    }
  
    .notify-thumbnail {
      width: 30px;
      height: 39px;
      top: 6px;
      left: 5px;
    }
  
    .notify-info-message {
      font-size: 16px;
    }
  
    .notify-pull-right {
      float: right;
    }
  }
  
  @-webkit-keyframes notify-bounce-in-down {
    0% {
       opacity: 0;
       top: -1000px;
    }
    60% {
      opacity: 1;
      top: 90px;
    }
    80% {
       top: 50px;
    }
    100% {
       top: 70px;
    }
  }
  
  @-moz-keyframes notify-bounce-in-down {
    0% {
       opacity: 0;
       top: -1000px;
    }
    60% {
      opacity: 1;
      top: 90px;
    }
    80% {
       top: 50px;
    }
    100% {
       top: 70px;
    }
  }
  
  @keyframes notify-bounce-in-down {
    0% {
       opacity: 0;
       top: -1000px;
    }
    60% {
      opacity: 1;
      top: 90px;
    }
    80% {
       top: 50px;
    }
    100% {
       top: 70px;
    }
  }
  
  @-webkit-keyframes notify-bounce-in-down-desktop {
    0% {
       opacity: 0;
       z-index: -1;
       top: -1000px;
    }
    60% {
      opacity: 1;
      top: 130px;
    }
    80% {
       top: 90px;
    }
    100% {
       top: 122px;
    }
  }
  
  @-moz-keyframes notify-bounce-in-down-desktop {
    0% {
       opacity: 0;
       z-index: -1;
       top: -1000px;
    }
    60% {
      opacity: 1;
      top: 130px;
    }
    80% {
       top: 90px;
    }
    100% {
       top: 122px;
    }
  }
  
  @keyframes notify-bounce-in-down-desktop {
    0% {
       opacity: 0;
       z-index: -1;
       top: -1000px;
    }
    60% {
      opacity: 1;
      top: 130px;
    }
    80% {
       top: 90px;
    }
    100% {
       top: 122px;
    }
  }
  
  .addAddressModal-shimmer {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  
  .addAddressModal-form {
    position: fixed;
    background-color: #F5F5F6;
    text-align: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 13;
    color: #535766;
    overflow-y: scroll;
  }
  
  .addAddressModal-form.addAddressModal-mobile {
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
    }
  
  .addAddressModal-form.addAddressModal-web {
      top: 15%;
      left: 35%;
      width: 450px;
      height: 80%;
    }
  
  .addAddressModal-form .addAddressModal-modalHeading {
      background-color: white;
      font-weight: 800;
      padding: 15px;
      text-transform: uppercase;
      border-bottom: 1px solid #d4d5d9;
    }
  
  .addAddressModal-form .addAddressModal-cardFields {
      overflow: auto;
      height: 84%;
    }
  
  .addAddressModal-form .addAddressModal-card {
      margin: 10px 0px;
      background-color: white;
      padding: 20px;
      border: 0px;
    }
  
  .addAddressModal-form .addAddressModal-card .addAddressModal-inlineBlock {
        display: block;
      }
  
  .addAddressModal-form .addAddressModal-card .addAddressModal-inlineBlock .addAddressModal-eachBlock {
          display: inline-block;
          width: 40%;
          vertical-align: middle;
          float: right;
        }
  
  .addAddressModal-form .addAddressModal-card .addAddressModal-inlineBlock :first-child {
          margin-right: 10%;
          float: none;
        }
  
  .addAddressModal-form .addAddressModal-buttons {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      border-top: 1px solid #d4d5d9;
      background-color: white;
    }
  
  .addAddressModal-form .addAddressModal-buttons .addAddressModal-button {
        cursor: pointer;
        text-align: center;
        display: inline-block;
        width: 50%;
        padding: 15px;
        text-transform: uppercase;
        font-weight: 800;
      }
  
  .addAddressModal-form .addAddressModal-buttons .addAddressModal-button:last-child {
          color: white;
          background-color: #FF3F6C;
        }
  
  .addAddressModal-form .addAddressModal-buttons .addAddressModal-button.addAddressModal-disabled {
          background-color: #BFC0C6;
        }
  
  .addAddressModal-form .addAddressModal-buttons .addAddressModal-button .addAddressModal-buttonLoader {
          visibility: visible;
          position: absolute;
          bottom: 13px;
          top: 30%;
          right: 8%;
          height: 18px;
          width: 19px;
          color: red;
          background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
        }
  
  ul.addAddressModal-radioOptions {
    padding: 0;
    margin: 12px 0 16px;
  }
  
  ul.addAddressModal-radioOptions .addAddressModal-inputRow {
      width: 30%;
      display: inline-block;
      font-size: 14px;
    }
  
  ul.addAddressModal-radioOptions .addAddressModal-inputRow .addAddressModal-customLabel {
        cursor: pointer;
        text-transform: capitalize;
      }
  
  .addAddressModal-radioText, .addAddressModal-checkboxText {
    vertical-align: middle;
  }
  
  .addAddressModal-addressInput input {
    font-weight: 500;
  }
  
  .addAddressModal-checkBoxOptions {
    margin: 12px 0 16px;
    padding: 0;
  }
  
  .addAddressModal-checkBoxOptions .addAddressModal-inputRow {
      margin-bottom: 16px;
      position: relative;
    }
  
  .addAddressModal-checkBoxLabel {
    cursor: pointer;
    font-size: 14px;
  }
  
  .addAddressModal-extraFieldLabel {
    color: #94969F;
  }
  
  .addAddressModal-horizontalSeparator {
    height: 1px;
    border-top: 1px solid #EAEAEC;
    width: 100%;
    margin: 16px 0 16px;
  }
  
  .addAddressModal-errMessage {
    font-size: 11px;
    color: #ff5a5a;
  }
  
  .addAddressModal-saveError {
    font-size: 11px;
    margin-top: 10px;
    color: #ff5a5a;
  }
  
  .addAddressModal-hide {
    display: none;
  }
  
  .addAddressModal-buttonLoader {
    visibility: visible;
    position: absolute;
    bottom: 26px;
    right: 5%;
    height: 18px;
    width: 19px;
    color: red;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/button-loader.gif) no-repeat;
  }
  
  @media (min-width: 780px) {
    .addAddressModal-card {
      top: 15%;
      left: 35%;
      height: auto;
      max-width: 450px;
      border-radius: 0px;
      -webkit-box-shadow: 0 0 4px rgba(40,44,63,0.08);
              box-shadow: 0 0 4px rgba(40,44,63,0.08);
      border: 1px solid #EAEAEC;
    }
  }
  .localitySelector-shimmer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 14;
  }
    .localitySelector-shimmer.localitySelector-mobile {
      background-color: rgba(0,0,0,0.6); 
    }
    .localitySelector-shimmer.localitySelector-web {
      background-color: transparent;
    }
  
  .localitySelector-halfCard {
    position: fixed;
    z-index: 15;
    background-color: white;
    border-radius: 4px;
  }
  
  .localitySelector-halfCard.localitySelector-web {
      bottom: 7%;
      left: 37%;
      width: 390px;
      border: 1px solid #eaeaec;
    }
  
  .localitySelector-halfCard.localitySelector-web .localitySelector-localities {
        max-height: 110px;
      }
  
  .localitySelector-halfCard.localitySelector-mobile {
      bottom: 0px;
      left: 0px;
      width: 100%;
    }
  
  .localitySelector-localities {
    max-height: 200px;
    overflow: auto;
  }
  
  .localitySelector-locFields {
    padding: 24px 20px 0;
  }
  
  .localitySelector-locHeader {
    font-size: 16px;
    font-weight: 500;
    color: #535766;
    margin-bottom: 18px;
  }
  
  .localitySelector-halfCard.localitySelector-mobile .localitySelector-locFields .localitySelector-locationInput {
    margin-top: 18px;
  }
  
  .localitySelector-halfCard.localitySelector-web .localitySelector-locFields .localitySelector-locationInput {
    margin-top: 26px;
  }
  
  .localitySelector-locText {
    color: #535766;
    font-size: 14px;
    vertical-align: middle;
  }
  
  .localitySelector-locLabel {
    margin-bottom: 18px;
  }
  
  .localitySelector-buttons {
    width: 100%;
    background-color: white;
  }
  
  .localitySelector-mobile .localitySelector-buttons {
    border-top: 1px solid #d4d5d9;
  }
  
  .localitySelector-web .localitySelector-buttons {
    text-align: center;
  }
  
  .localitySelector-button {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 800;
  }
  
  .localitySelector-web .localitySelector-button {
    width: 40%;
    margin: 15px;
    border: 1px solid #eaeaec;
    padding: 8px;
    border-radius: 5px;
  }
  
  .localitySelector-web .localitySelector-button:last-child {
    color: #FF3F6C;
  }
  
  .localitySelector-mobile .localitySelector-button {
    width: 50%;
    padding: 15px;
  }
  
  .localitySelector-mobile .localitySelector-button:last-child {
    color: white;
    background-color: #14cda8;
  }
  
  .dashboard-section {
    margin: 10px 0px;
  }
  
  .dashboard-logoutButton {
    cursor: pointer;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    font-weight: 800;
    background-color: #ff5a5a;
    margin: 30px 10px 30px 10px;
    border: 1px solid #d4d5d9;
    color: white;
    border-radius: 5px;
  }
  
  .dashboard-data {
    width: 100%;
    position: relative;
  }
  
  .dashboard-squareContainer {
    display: none;
  }
  
  .dashboard-listContainer {
    display: block;
    position: relative;
  }
  
  table.dashboard-squareContainer {
    width:100%;
    border-collapse: collapse;
  }
  table.dashboard-squareContainer td {
    border: 20px solid transparent;
  }
  table.dashboard-squareContainer tr:first-child td {
    border-top: 0;
  }
  table.dashboard-squareContainer tr:last-child td {
    border-bottom: 0;
  }
  table.dashboard-squareContainer tr td:first-child {
    border-left: 0;
  }
  table.dashboard-squareContainer tr td:nth-child(3n) {
    border-right: 0;
  }
  
  table.dashboard-squareContainer td {
    width:30%;
    position:relative;
  }
  
  table.dashboard-squareContainer td:after{
    content:'';
    display:block;
    margin-top:100%;
  }
  
  
  
  @media (min-width: 780px) {
    .dashboard-logoutButton {
      width: 250px;
      margin: 30px 10px 30px 0px;
    }
    .dashboard-listContainer {
      display: none;
    }
    .dashboard-squareContainer {
      display: table;
    }
  }
  .link-card {
    cursor: pointer;
    padding: 16px;
    background: white;
    border-bottom: 1px solid #F5F5F6;
    display: block;
  }
  
    .link-card .link-content {
      position: relative;
    }
  
    .link-card .link-icon {
      display: inline-block;
      width: 24px;
      margin-right: 16px;
      vertical-align: top;
      opacity: 0.7;
      top: 50%;
      left: 0;
      position: absolute;
      -webkit-transform: translate(0,-50%);
         -moz-transform: translate(0,-50%);
          -ms-transform: translate(0,-50%);
              transform: translate(0,-50%);
    }
  
    .link-card .link-labels {
      display: inline-block;
      width: 80%;
      margin-left: 40px;
    }
  
    .link-card .link-labels .link-label {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 4px;
      }
  
    .link-card .link-labels .link-subLabel {
        font-size: 12px;
        color: #94969F;
      }
  
    .link-card .link-arrow {
      top: 50%;
      right: 0;
      position: absolute;
      -webkit-transform: translate(0,-50%);
         -moz-transform: translate(0,-50%);
          -ms-transform: translate(0,-50%);
              transform: translate(0,-50%);
    }
  
  .link-card:last-child {
    border-bottom: none;
  }
  
  .link-footerCard {
    cursor: pointer;
    padding: 16px;
    background: white;
    display: block;
  }
  
  .link-footerCard .link-footerContent {
      margin-left: 40px;
      opacity: 0.7;
      font-size: 11px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
    }
  
  @media (min-width: 780px) {
  
    .link-card:last-child {
      border: 0.5px solid #EAEAEC;
    }
    
    .link-card {
      position:absolute;
      top:0;
      bottom:0;
      left:0;
      right:0;
      text-align: center;
      border: 0.5px solid #EAEAEC;
      padding: 12px;
    }
      .link-card .link-content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        padding : 0px 12px;
        -webkit-transform: translate(0%,-50%);
           -moz-transform: translate(0%,-50%);
            -ms-transform: translate(0%,-50%);
                transform: translate(0%,-50%);
      }
  
      .link-card .link-icon {
        display: block;
        margin: auto;
        opacity: 1;
        width: 32px;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
                transform: none;
        position: unset;
      }
  
      .link-card .link-labels {
        width: 100%;
        margin-left: 0px;
      }
        .link-card .link-labels .link-label {
          margin-top: 18px;
        }
  
        .link-card .link-labels .link-subLabel {
          min-height: 25px;
        }
  
      .link-card .link-arrow {
        display: none;
      }
  
      .link-card:hover {
        background-color: #F5F5F6;
      }
  }
  .person-person {
    padding-bottom: 25px;
    background-color: white;
  }
  
    .person-person .person-minfo {
      text-align: center;
      margin-top: 50px;
      display: block;
    }
  
    .person-person .person-background {
      position: relative;
      background: #F5F5F6;
      height: 180px;
      padding: 25px 30px;
    }
  
    .person-person .person-background .person-infoWrapper {
        text-align: center;
      }
  
    .person-person .person-background .person-infoWrapper .person-imageHolder {
          height: 130px;
          width: 130px;
          float: left;
          display: inline;
        }
  
    .person-person .person-background .person-infoWrapper .person-infoHolder {
          height: 130px;
          width: auto;
          float: left;
          display: inline;
          position: absolute;
          text-align: left;
          left: 190px;
          right: 30px;
          display: none;
        }
  
    .person-person .person-background .person-infoWrapper .person-info {
          position: absolute;
          left: 0;
          top: 50%;
          right: 0;
          -webkit-transform: translate(0%,-50%);
             -moz-transform: translate(0%,-50%);
              -ms-transform: translate(0%,-50%);
                  transform: translate(0%,-50%);
        }
  
    .person-person .person-background .person-infoWrapper .person-image {
          height: 130px;
          width: 130px;
          position: absolute;
          top: 45%;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
             -moz-transform: translate(-50%, 0%);
              -ms-transform: translate(-50%, 0%);
                  transform: translate(-50%, 0%);
        }
  
    .person-person .person-background .person-infoWrapper .person-defaultImage {
          height: 130px;
          width: 130px;
          position: absolute;
          top: 45%;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
             -moz-transform: translate(-50%, 0%);
              -ms-transform: translate(-50%, 0%);
                  transform: translate(-50%, 0%);
          background-image: url(https://constant.myntassets.com/mymyntra/assets/img/default-image.png);
          -webkit-background-size: contain;
                  background-size: contain;
          background-repeat: no-repeat; 
        }
  
    .person-person .person-background .person-infoWrapper .person-name {
          font-weight: 800;
          font-size: 23px;
          text-transform: capitalize;
          color: #3E4152;
        }
  
    .person-person .person-background .person-infoWrapper .person-editProfile {
          display: inline-block;
          float: right;
          cursor: pointer;
          border: 1px solid #3E4152;
          padding: 4px 8px;
          border-radius: 2px;
          color: #3E4152;
          text-transform: uppercase;
          font-size: 11px;
          font-weight: 800;
          text-align: center;
          background-color: rgba(255,255,255,0.6)
        }
  
  @media (min-width: 780px) {
    .person-person {
      margin-bottom: 35px;
      padding-bottom: unset;
      background-color: none;
    }
      .person-person .person-minfo {
        display: none;
      }
          .person-person .person-background .person-infoWrapper .person-infoHolder {
            display: block;
          }
          .person-person .person-background .person-infoWrapper .person-image {
            position: unset;
            -webkit-transform: none;
               -moz-transform: none;
                -ms-transform: none;
                    transform: none;
          }
  
          .person-person .person-background .person-infoWrapper .person-defaultImage {
            position: unset;
            -webkit-transform: none;
               -moz-transform: none;
                -ms-transform: none;
                    transform: none;
          }
  }
  
  
  .profile-card {
    background-color: white;
    padding: 10px 0px 20px;
    margin-bottom: 10px;
    text-align: justify;
    padding: 24px 0 42px 0px;
    overflow-x: scroll;
  }
  
  .profile-infoLabel {
    color: #282C3F;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 15px;
    font-family: Assistant-Bold, Assistant!important;
    padding: 0 24px 24px 24px;
  }
  
  .profile-infoTable {
    margin: 25px 0 25px 0;
    padding: 0 24px;
    font-family: Assistant-Regular , Assistant !important;
  }
  
  .profile-infoTable tr {
      height: 43px;
      text-align: left;
    }
  
  .profile-infoTable td {
      width: 200px;
      margin: 10px;
      padding: 0 4px;
      text-decoration: none;
      color: #282C3F !important;
      font-size: 16px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  
  .profile-editButton {
    cursor: pointer;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    font-weight: 800;
    background-color: #FF3F6C;
    margin: 30px 24px;
    color: white;
    border-radius: 2px;
  }
  
  @media (min-width: 780px) {
    .profile-card{
      padding: 42px 130px;
      border: 1px solid #d4d4d9;
    }
  }
  
  .subcomponents-gender {
      background-color: #FFFFFF;
      padding: 7px 0;
      border: 1px solid rgba(40, 44, 63, 0.2);
      width: 50%;
      outline: 0;
      cursor: pointer;
      min-height: 40px;
      vertical-align: middle;
  
  }
  
      .subcomponents-gender:last-child {
          border-left: 0px;
      }
  
      .subcomponents-gender .subcomponents-selected {
          position: relative;
      }
  
      .subcomponents-gender .subcomponents-selected svg {
              position: absolute;
              left: -25px;
              top: -4px;
          }
  
  .subcomponents-inputRow {
    margin: 10px 0px;
  }
  
  .subcomponents-inputRow label {
      cursor: pointer;
    }
  
  .subcomponents-inputRow label .subcomponents-customCheckBox {
        position: absolute;
        visibility: hidden;
      }
  
  .subcomponents-inputRow label i{     /* DEFAULT <i> STYLE */
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 4px;
        width:  14px;
        height: 14px;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
        -webkit-box-shadow: inset 0 0 0 8px #FFFFFF;
                box-shadow: inset 0 0 0 8px #FFFFFF;
        border: 1px solid #7e818c;
        background: #7e818c;
        border-radius: 4px;
      }
  
  .subcomponents-inputRow label:hover > i{ /* HOVER <i> STYLE */
        -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
                box-shadow: inset 0 0 0 3px #FFFFFF;
        background: #7e818c;
      }
  
  .subcomponents-inputRow label .subcomponents-customCheckBox:checked + i{ /* (CheckBox CHECKED) <i> STYLE */
        border: 1px solid #FF3F6C;
        -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
                box-shadow: inset 0 0 0 3px #FFFFFF;
        background: #FF3F6C;
      }
  
  
  .subcomponents-btn {
      padding: 11px 0;
      border: 1px solid #ff3f6c;
      border-radius: 2px;
      background-color: #FFFFFF;
      color: #ff3f6c;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      width: 100%;
      outline: 0;
      cursor: pointer;
      touch-action: manipulation;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  }
  
  
  .subcomponents-btn.subcomponents-primary {
          background-color: #ff3f6c;
          color: #FFFFFF;
      }
  
  .subcomponents-btn:disabled {
    opacity: 0.5;
  }
  
  .subcomponents-newChangeButton {
      border: 1px solid #d4d5d9;
      padding: 12px 32px;
      color: #282C3F;
      font-weight: 600;
      font-family: Assistant-Bold, Assistant;
      border-radius: 2px;
      background-color: #FFFFFF;
      text-transform: uppercase;
      font-size: 14px;
      width: 100%;
      outline: 0;
      cursor: pointer;
      touch-action: manipulation;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
  
  @-webkit-keyframes subcomponents-toast {
      0% { opacity: 0; }
      10% { opacity: 0.8; }
      20% { opacity: 1; }
      90% { opacity: 0.9; }
      100% { opacity: 0; }
  }
  
  @-moz-keyframes subcomponents-toast {
      0% { opacity: 0; }
      10% { opacity: 0.8; }
      20% { opacity: 1; }
      90% { opacity: 0.9; }
      100% { opacity: 0; }
  }
  
  @keyframes subcomponents-toast {
      0% { opacity: 0; }
      10% { opacity: 0.8; }
      20% { opacity: 1; }
      90% { opacity: 0.9; }
      100% { opacity: 0; }
  }
  
  .subcomponents-toaster {
      position: fixed;
      width: 85%;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 20000;
      text-align: center;
  }
  
  .subcomponents-toaster .subcomponents-content {
          -webkit-animation: subcomponents-toast 3s ease 0s 1 normal forwards;
             -moz-animation: subcomponents-toast 3s ease 0s 1 normal forwards;
                  animation: subcomponents-toast 3s ease 0s 1 normal forwards;
          background-color: rgba(255, 90, 90, 0.9);
          color: white;
          font-size: 14px;
          font-weight: 600;
          padding: 8px 20px;
          border-radius: 4px;
          display: inline-block;
      }
  
  .subcomponents-toaster .subcomponents-content.subcomponents-success {
              background-color: #535766;
          }
  
  .subcomponents-toaster .subcomponents-content.subcomponents-successdark{
              background-color: #3e4152;
          }
  
  .subcomponents-toaster .subcomponents-content.subcomponents-errororange{
              background-color: #ff5722;
          }
  
  .subcomponents-toaster.subcomponents-top {
          top: 65px;
      }
  
  .subcomponents-toaster.subcomponents-bottom {
          bottom: 65px;
      }
  
  .subcomponents-backButton {
      position: absolute;
      top: 80px;
      left: 16px;
  }
  
  .subcomponents-loaderContainer {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000000;
  }
  
  .subcomponents-loaderContainer .subcomponents-spinnerContainer {
          position: fixed;
          top: 50%;
          left: 50%;
          width: 50px;
          height: 50px;
          margin-top: -25px;
          margin-left: -25px;
          z-index: 6;
          text-align: center;
      }
  
  .subcomponents-loaderVerifyContainer{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000000;
      background-color: rgba(255, 255, 255, 0.8);
  }
  
  .subcomponents-spinnerVerifyContainer{
      top: 50%;
      left: 0;
      width: 50px;
      margin-top: -25px;
      margin-left: 0px;
      z-index: 6;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      width: 100%;
      position: fixed;
  }
  
  .subcomponents-spinnerVerifyContainer svg{
      height: 40px;
  }
  
  .subcomponents-verifyText{
      font-family: Assistant-Bold, Assistant;
      color: #282C3F;
      font-size: 14px;
      margin-left: 16px;
      font-weight: 600;
  }
  
  .subcomponents-verifiedContainer{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 6;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      background: rgba(40, 44, 63, 0.5);
  }
  
  .subcomponents-verifiedBox{
      background: #FFFFFF;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      width: 90%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      margin: 0 auto;
      padding: 25px;
  }
  
  .subcomponents-spinner {
      -webkit-animation: subcomponents-svg-animation 2s linear infinite;
         -moz-animation: subcomponents-svg-animation 2s linear infinite;
              animation: subcomponents-svg-animation 2s linear infinite;
      max-width: 45px;
      padding: 5px;
      border-radius: 50%;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 0px 3px #a3a0a0;
              box-shadow: 0px 0px 3px #a3a0a0;
    }
  
  @-webkit-keyframes subcomponents-svg-animation {
      0% {
        -webkit-transform: rotateZ(0deg);
                transform: rotateZ(0deg);
      }
      100% {
        -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg)
      }
  }
  
  @-moz-keyframes subcomponents-svg-animation {
      0% {
        -moz-transform: rotateZ(0deg);
             transform: rotateZ(0deg);
      }
      100% {
        -moz-transform: rotateZ(360deg);
             transform: rotateZ(360deg)
      }
  }
  
  @keyframes subcomponents-svg-animation {
      0% {
        -webkit-transform: rotateZ(0deg);
           -moz-transform: rotateZ(0deg);
                transform: rotateZ(0deg);
      }
      100% {
        -webkit-transform: rotateZ(360deg);
           -moz-transform: rotateZ(360deg);
                transform: rotateZ(360deg)
      }
  }
  
  circle {
       -webkit-animation: subcomponents-circle-animation 1.4s ease-in-out infinite both;
          -moz-animation: subcomponents-circle-animation 1.4s ease-in-out infinite both;
               animation: subcomponents-circle-animation 1.4s ease-in-out infinite both;
       display: block;
       fill: transparent;
       stroke: #ff3e6c;
       stroke-linecap: round;
       stroke-dasharray: 283;
       stroke-dashoffset: 280;
       stroke-width: 10px;
       -webkit-transform-origin: 50% 50%;
          -moz-transform-origin: 50% 50%;
           -ms-transform-origin: 50% 50%;
               transform-origin: 50% 50%;
  }
  
  @-webkit-keyframes subcomponents-circle-animation {
      0%,
      25% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(0);
                transform: rotate(0);
      }
  
      50%,
      75% {
        stroke-dashoffset: 75;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
      }
  
      100% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
  }
  
  @-moz-keyframes subcomponents-circle-animation {
      0%,
      25% {
        stroke-dashoffset: 280;
        -moz-transform: rotate(0);
             transform: rotate(0);
      }
  
      50%,
      75% {
        stroke-dashoffset: 75;
        -moz-transform: rotate(45deg);
             transform: rotate(45deg);
      }
  
      100% {
        stroke-dashoffset: 280;
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
      }
  }
  
  @keyframes subcomponents-circle-animation {
      0%,
      25% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
                transform: rotate(0);
      }
  
      50%,
      75% {
        stroke-dashoffset: 75;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
                transform: rotate(45deg);
      }
  
      100% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
                transform: rotate(360deg);
      }
  }
  
  @media (min-width: 780px) {
      .subcomponents-toaster {
          width: 30%;
      }
  
      .subcomponents-verifyText{
          margin-left: 50px;
      }
  
      .subcomponents-verifiedBox{
          max-width: 450px;
      }
  }
  
  .profileEdit-card {
    background-color: white;
    text-align: justify;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    padding: 24px 0;
  }
  
  .profileEdit-paddingTop65 {
    padding-top: 65px;
  }
  
  .profileEdit-infoLabel {
    color: #282C3F;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #eaeaec;
    margin: 0;
    font-family: Assistant-Bold, Assistant;
    padding: 0 24px 24px 24px;
  }
  
  .profileEdit-infoLabel.profileEdit-sub {
      margin-top: 30px;
      border-bottom: none;
      padding-bottom: 0;
    }
  
  
  /* newly added */
  .profileEdit-formElement {
    margin: 24px 0;
    width: 100%;
  }
  .profileEdit-formElement input:disabled{
      color: #94969F;
      background-color: #F5F5F5;
    }
  
  .profileEdit-disabled {
    pointer-events: none;
    opacity: 0.4;
  }
  
  .profileEdit-buttonChangePwd {
    margin-bottom: 65px;
  }
  
  .profileEdit-buttonSaveDetails {
      margin-top: 20px;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 10;
      padding: 12px 24px;
      background-color: #FFFFFF;
      width: 100%;
      -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
  }
  
  .profileEdit-noBorderRadius {
    border-radius: 0 !important;
  }
  
  .profileEdit-updatedBtn {
    border: 1px solid #d4d5d9;
    padding: 12px 32px;
    color: #282C3F;
    font-weight: 600;
    font-family: Assistant-Bold, Assistant;
  }
  
  .profileEdit-formDivision{
    padding: 0 24px;
  }
  
  .profileEdit-altMob{
    margin-bottom: 24px;
    font-size: 14px;
    font-family: Assistant-Bold, Assistant;
    color: #3e4152;
  }
  
  .profileEdit-formElement p{
    font-family: Assistant-Bold, Assistant;
  }
  
  .profileEdit-deleteAccText{
    border-top: 1px solid #d4d5d9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    color: #ff3e6c;
    font-weight: 700;
    font-size: 16px;
    margin-top: 24px;
    padding: 24px 0;
  }
  
  @media (min-width: 780px) {
  
    .profileEdit-deleteAccText{
      display: none;
    }
  
    .profileEdit-section {
      margin: 20px 40px 0 40px;
    }
  
    .profileEdit-infoLabel {
      margin: 0 40px 0 40px;
    }
  
    .profileEdit-card {
      padding-top: 55px;
      padding-bottom: 40px;
      border: 1px solid #d4d4d9;
    }
  
    .profileEdit-smartForm {
      margin: 0 40px;
    }
  
    .profileEdit-buttonChangePwd {
      margin-bottom: 20px;
    }
  
    .profileEdit-buttonSaveDetails {
      margin-top: 0px;
      position: relative;
      z-index: 8;
      padding: 0;
      background-color: #FFFFFF;
      width: inherit;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-bottom: 32px;
    }
  }
  
  .passwordStrength-passwordWidgets {
      border-radius: 2px;
      margin-top: 6px;
    }
      .passwordStrength-passwordWidgets .passwordStrength-passwordErrorMessage {
        font-size: 10px;
        color: #ff5722;
        margin-bottom: 6px;
      }
      .passwordStrength-passwordWidgets .passwordStrength-widgetText {
        font-size: 10px;
        font-weight: 500;
      }
      .passwordStrength-passwordWidgets .passwordStrength-widget {
        padding: 5px 10px 6px 8px;
        margin-right: 6px;
        margin-bottom: 6px;
        display: inline-block;
      }
      .passwordStrength-passwordWidgets .passwordStrength-disabled {
        background-color: rgba(40, 44, 63, 0.05);
      }
      .passwordStrength-passwordWidgets .passwordStrength-disabled .passwordStrength-widgetText {
          color: #282c3f;
          opacity: 0.5;
        }
      .passwordStrength-passwordWidgets .passwordStrength-success {
        background-color: #e7f4f2;
      }
      .passwordStrength-passwordWidgets .passwordStrength-success .passwordStrength-widgetText {
          color: #14958f;
        }
      .passwordStrength-passwordWidgets .passwordStrength-error {
        border: solid 1px #ff5722;
      }
      .passwordStrength-passwordWidgets .passwordStrength-error .passwordStrength-widgetText {
          color: #ff5722;
        }
    
  .textInput-form-group {
      margin-bottom: 16px;
      position: relative;
      
    }
      .textInput-form-group .textInput-bar {
        display: none;
      }
      .textInput-form-group .textInput-errorContainer {
        margin-top: 4px;
        font-size: 10px;
        color: #ff5722;
      }
      .textInput-form-group .textInput-form-control {
        border: solid 1px #d4d5d9;
        font-size: 16px;
        padding: 12px;
        height: auto;
        color: #282c3f;
        width: 100%;
      }
      .textInput-form-group .textInput-mobileNumberInput {
        padding-left: 60px;
      }
      .textInput-form-group .textInput-form-control-feedback {
        position: absolute;
        right: 10px;
      }
      .textInput-form-group input:focus {
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s;
        border: solid 1px #282c3f;
      }
      .textInput-form-group input:focus ~ .textInput-bar {
        display: none;
      }
      .textInput-form-group input {
        caret-color: #ff3f6c;
      }
      .textInput-form-group input:focus ~ .textInput-placeholderAlternative {
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
        top: -9px;
        background-color: white;
        padding: 0px 2px;
        color: #282c3f;
      }
      .textInput-form-group input:focus ~ .textInput-placeholderAlternative .textInput-mobileNumber {
          color: red;
        }
      .textInput-form-group input:focus ~ .textInput-placeholderAlternative.textInput-mobileNumber {
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s;
        top: 13px;
        background-color: white;
        padding: 0px 2px;
        color: #282c3f;
      }
      .textInput-form-group input:focus ~ .textInput-placeholderAlternative.textInput-mobileNumber .textInput-mobileNumberPlacholder {
          display: none;
        }
      .textInput-form-group input:focus ~ .textInput-topPlaceholderAlternative {
        color: #282c3f;
      }
      .textInput-form-group .textInput-topPlaceholderAlternative {
        color: #94969f;
        top: -6px;
        left: 12px;
        font-size: 12px;
        padding: 0px 2px;
        position: absolute;
        background-color: white;
      }
      .textInput-form-group .textInput-placeholderAlternative {
        color: #94969f;
        top: 14px;
        left: 12px;
        font-size: 12px;
        position: absolute;
        pointer-events: none;
      }
      .textInput-form-group .textInput-buttonGroupInfo {
        display: inline-block;
        color: #94969f;
        font-size: 14px;
        position: relative;
        vertical-align: top;
        top: 2px;
      }
      .textInput-form-group .textInput-rbContainer {
        float: right;
        display: inline-block;
        margin-right: 24px;
      }
      .textInput-form-group .textInput-hide {
        display: none !important;
      }
      @media only screen and (max-width: 360px) {
        .textInput-form-group .textInput-rbContainer {
          margin-right: 14px;
        }
      }
      .textInput-form-group .textInput-formRadioButton .textInput-buttonFill {
          fill: #0bc6a0;
        }
      .textInput-form-group .textInput-buttonValue {
        color: #94969f;
        font-size: 14px;
        position: relative;
        vertical-align: top;
        top: 2px;
      }
  .textInput-submitButton {
    margin-top: 24px;
    padding: 12px 16px;
    font-size: 14px;
    letter-spacing: 0.6px;
    border-radius: 2px;
  }
  
  
  .changePasswordNew-bankAccountForm .changePasswordNew-shimmer {
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: rgba(0,0,0,0.6);
        opacity: 0.5;
        width: 100%;
        height: 100%;
        z-index: 100;
      }
      .changePasswordNew-bankAccountForm .changePasswordNew-modal {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: white;
        text-align: left;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        z-index: 113;
        color: #535766;
        overflow: hidden;
        padding: 25px 10% 0;
      }
      .changePasswordNew-bankAccountForm .changePasswordNew-modal .changePasswordNew-modalHeading {
          background-color: white;
          color: #282C3F;
          font-weight: 400;
          font-size: 20px;
          border-bottom: 1px solid #EAEAEC;
          padding-bottom: 12px;
          margin: 0;
        }
      .changePasswordNew-bankAccountForm .changePasswordNew-modal .changePasswordNew-smartForm {
          background: white;
        }
      .changePasswordNew-bankAccountForm .changePasswordNew-modal .changePasswordNew-smartForm .changePasswordNew-formElement {
              margin: 24px 0;
              width: 100%;
          }
  
  .changePasswordNew-marginBottom20 {
    margin-bottom: 20px;
  }
  
  @media (min-width: 780px) {
        .changePasswordNew-bankAccountForm .changePasswordNew-modal {
          top: 10%;
          left: 35%;
          width: 450px;
          height: auto;
          padding: 24px 2% 24px;
        }
    }
  .notify-mainContainer {
      font-family: Assistant;
      font-size: 13px;
      font-weight: 500;
      color: #ffffff;
      border-radius: 2px;
      padding: 14px;
  }
  
  .notify-hide {
      display: none;
  }
  
  
  
  .verificationRequired-verificationModalPage{
      position: fixed;
      top: 0px;
      left: 0px;
      background-color: rgba(0,0,0,0.6);
      width: 100%;
      height: 100%;
      z-index: 100;
  }
  
  .verificationRequired-modalBox{
      background: #FFFFFF;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      padding: 18px 16px 24px 16px;
      position: absolute;
      bottom: 0;
      width: 100%;
  }
  
  .verificationRequired-darkFont{
      color: #282C3F;
      font-family: Assistant-Bold, Assistant;
      font-weight: 600;
  }
  
  .verificationRequired-head{
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
  }
  
  .verificationRequired-halfOpacity{
      cursor: not-allowed!important;
      opacity: 0.5;
  }
  
  .verificationRequired-head img{
      width: 24px;
      height: 24px;
      cursor: pointer;
  }
  
  .verificationRequired-title{
      color: #3e4152;
      font-size: 20px;
      font-family: Assistant-Bold, Assistant;
      font-weight: 500;
  }
  
  .verificationRequired-instruction{
      margin-top: 16px;
      letter-spacing: 0.25px;
      line-height: 20px;
  }
  
  .verificationRequired-instruction p{
      font-size: 14px;
      font-family: Assistant;
  }
  
  .verificationRequired-selectMN{
      margin-top: 24px;
      margin-bottom: 12px;
  }
  
  .verificationRequired-selectMNtitle{
      font-size: 14px;
      color: #3e4152;
      font-family: Assistant-Bold, Assistant;
      font-weight: 500;
  }
  
  .verificationRequired-mobileNumberRow{
      padding : 10px 0;
      margin-bottom: 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      cursor: pointer;
  }
  
  .verificationRequired-mobileNumberRow img{
      height: 20px;
      width: 20px;
      cursor: pointer;
  }
  
  .verificationRequired-mobNumber{
      font-size: 16px;
      font-family: Assistant-Regular , Assistant;
      color: #282C3F;
      padding-left: 16px;
  }
  
  .verificationRequired-mobNumberInfo{
      color: #7e818c;
      font-size: 14px;
      font-family: Assistant-Regular , Assistant;
      padding-left: 20px;
  }
  
  .verificationRequired-numberList{
      margin-top: 10px;
  }
  
  .verificationRequired-showButton{
      color: #282C3F;
      font-size: 14px;
      font-family: Assistant-Bold , Assistant;
      font-weight: 500;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      text-transform: uppercase;
      cursor: pointer;
  }
  
  .verificationRequired-requestOTPButton{
      width: 100%;
      border-radius: 2px;
      background-color: #ff3f6c;
      color: #FFFFFF;
      font-size: 14px;
      font-family: Assistant-Bold , Assistant;
      font-weight: 500;
      text-transform: uppercase;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      padding: 12px 0;
      margin-top: 32px;
      cursor: pointer;
  }
  
  
  @media (min-width: 780px) {
      .verificationRequired-modalBox {
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 450px;
          height: -webkit-fit-content;
          height: -moz-fit-content;
          height: fit-content;
          padding: 40px 40px 32px 40px;
          display: block;
          position: fixed;
          margin: auto;
      }
  }
  
  .mobileNumber-pmn {
      padding: 12px;
      background-color: #FFFFFF;
      border: solid 1px #d4d5d9;
      margin: 20px 24px 30px 24px;
      border-radius: 2px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
    }
    
      .mobileNumber-pmn>div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
                flex: 1;
      }
    
      .mobileNumber-pmn .mobileNumber-verifiedNumber {
        position: relative;
        bottom: 4px;
        font-size: 16px;
      }
    
      .mobileNumber-pmn .mobileNumber-verifiedIcon {
        position: relative;
        top: 7px;
      }
  
  
    @media (min-width: 780px) {
      .mobileNumber-pmn {
          margin: 31px 64px;
        }
    }
  
  .timer-otpTimer {
      display: inline-block;
      font-weight: 600;
    }
  .verifyOtp-verifyOtpResend {
      padding: 0;
      border: none;
      color: #ff3f6c;
      font-size: 14px;
      font-weight: 500;
      background-color: #fff;
      cursor: pointer;
  }
  
  .verifyOtp-otpScreen{
    padding: 24px 10% 40px;
  }
  
  .verifyOtp-otpInput {
      border: 1px solid rgba(40, 44, 63, 0.2);
      width: 30px;
      height: 40px;
      border-radius: 3px;
      padding: 5px;
      text-align: center;
      margin: 28px 20px 30px 0;
      font-size: 18px;
    }
  
  .verifyOtp-otpInput.verifyOtp-active {
        border: 1px solid rgb(40, 44, 63);
      }
  
  .verifyOtp-otpInput {
      
      caret-color: #ff3f6c;
  }
  
    .verifyOtp-otpSubheading {
      line-height: 20px;
      color: #535766;
    }
  
  .verifyOtp-header h2 {
      color: #282C3F;
      font-size: 18px;
      margin: 8px 0;
      line-height: 1.3;
    }
  
  .verifyOtp-header p {
      color: rgba(40, 44, 63, 0.7);
      font-size: 12px;
    }
  .updateMobileNumber-fullHeight  {
      min-height: 100vh;
  }
  
  .updateMobileNumber-smartForm {
      margin-top: 30px;;
  }
  
  .updateMobileNumber-header h2 {
          color: #282C3F;
          font-size: 18px;
          margin: 8px 0;
          line-height: 1.3;
      }
  
  .updateMobileNumber-header p {
          color: rgba(40, 44, 63, 0.7);
          font-size: 12px;
        }
  
  .updateMobileNumber-marginBottom20 {
      margin-bottom: 20px;
  }
  
  .updateMobileNumber-updateNewMobile {
      padding: 0 30px;
  }
  
  
  @media (min-width: 780px) {
      .updateMobileNumber-header, .updateMobileNumber-smartForm {
          width: 400px;
      }
  
      .updateMobileNumber-header {
          margin: 0 auto;
      }
  
      .updateMobileNumber-smartForm {
          margin: 30px auto;
      }
  
      .updateMobileNumber-fullHeight  {
          min-height: 465px;
      }
      .updateMobileNumber-updateNewMobile {
          padding: 0;
      }
  
      
  }
  
  
  .resetPassword-maxWidth div:first-child {
    width: 100% !important;
  }
  .resetPassword-card {
    background-color: white;
    padding: 10px 0px 20px;
    margin-bottom: 10px;
    text-align: justify;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    padding: 55px 40px 20px 40px;
  }
  
  .resetPassword-message {
    color: #535766;
    text-align: justify;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
  }
  
  .resetPassword-infoLabel {
    color: #696B79;
    font-weight: 400;
    font-size: 22px;
    border-bottom: 1px solid #EAEAEC;
    padding-bottom: 15px;
  }
  
  .resetPassword-infoLabel.resetPassword-sub {
      margin-top: 30px;
      border-bottom: none;
      padding-bottom: 0;
    }
  
  .resetPassword-section {
    border-bottom: 1px solid #EAEAEC;
    padding-bottom: 20px;
    overflow: auto;
    margin-top: 20px;
  }
  
  .resetPassword-formElement {
    overflow-x:auto;
    overflow-y:hidden;
    white-space: nowrap;
  }
  
  .resetPassword-formElement input, .resetPassword-formElement textarea {
      position: relative;
      margin-top: 5px;
      height: 35px;
      border-style: solid;
      border-width: 1.5px;
      border-color: #d6d6d6;
      font-size: 14px;
      color: #697071;
      padding-left: 10px;
      width: 100%;
      outline:0;
    }
  
  .resetPassword-formElement textarea {
      height: 75px;
      resize: none;
      padding: 10px;
    }
  
  .resetPassword-formElement.resetPassword-sub {
      margin-top: 20px
    }
  
  .resetPassword-formElement .resetPassword-gender {
      display: inline-block;
      float: left;
    }
  
  .resetPassword-formElement .resetPassword-gender.resetPassword-female {
        margin-left: 15px;
      }
  
  .resetPassword-formElement .resetPassword-gender input {
        height: 14px;
        width: 14px;
        margin-right: 10px;
        margin-left:1px;
        outline:0;
      }
  
  .resetPassword-formElement.resetPassword-email {
      width: 100%;
    }
  
  .resetPassword-formElement.resetPassword-password {
      width: 100%;
      margin-top: 20px;
    }
  
  .resetPassword-formElement.resetPassword-password .resetPassword-changePassword {
        float: right;
        color: #FF3F6C;
        cursor: pointer;
      }
  
  .resetPassword-editButton {
    cursor: pointer;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    font-weight: 800;
    background-color: #FF3F6C;
    margin: 30px 20px 30px 20px;
    color: white;
    border-radius: 5px;
  }
  
  .resetPassword-disabled {
    cursor: auto;
    background-color: #BFC0C6;
  }
  
  .resetPassword-errorMessage{
      color: #ff5a5a;
  }
  
  @media (min-width: 780px) {
      .resetPassword-formElement.resetPassword-email {
        width: 48%;
        float: left;
        display: inline-block;
      }
  
      .resetPassword-formElement.resetPassword-password {
        width: 48%;
        float: right;
        display: inline-block;
        margin-top: 0px;
      }
  }
  
  
  
  .changePassword-maxWidth div:first-child {
    width: 100% !important;
  }
  .changePassword-card {
    background-color: white;
    padding: 10px 0px 20px;
    margin-bottom: 10px;
    text-align: justify;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    padding: 55px 40px 20px 40px;
  }
  
  .changePassword-message {
    color: #535766;
    text-align: justify;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
  }
  
  .changePassword-infoLabel {
    color: #696B79;
    font-weight: 400;
    font-size: 22px;
    border-bottom: 1px solid #EAEAEC;
    padding-bottom: 15px;
  }
  
  .changePassword-infoLabel.changePassword-sub {
      margin-top: 30px;
      border-bottom: none;
      padding-bottom: 0;
    }
  
  .changePassword-section {
    border-bottom: 1px solid #EAEAEC;
    padding-bottom: 20px;
    overflow: auto;
    margin-top: 20px;
  }
  
  .changePassword-formElement {
    overflow-x:auto;
    overflow-y:hidden;
    white-space: nowrap;
  }
  
  .changePassword-formElement input, .changePassword-formElement textarea {
      position: relative;
      margin-top: 5px;
      height: 35px;
      border-style: solid;
      border-width: 1.5px;
      border-color: #d6d6d6;
      font-size: 14px;
      color: #697071;
      padding-left: 10px;
      width: 100%;
      outline:0;
    }
  
  .changePassword-formElement textarea {
      height: 75px;
      resize: none;
      padding: 10px;
    }
  
  .changePassword-formElement.changePassword-sub {
      margin-top: 20px
    }
  
  .changePassword-formElement .changePassword-gender {
      display: inline-block;
      float: left;
    }
  
  .changePassword-formElement .changePassword-gender.changePassword-female {
        margin-left: 15px;
      }
  
  .changePassword-formElement .changePassword-gender input {
        height: 14px;
        width: 14px;
        margin-right: 10px;
        margin-left:1px;
        outline:0;
      }
  
  .changePassword-formElement.changePassword-email {
      width: 100%;
    }
  
  .changePassword-formElement.changePassword-password {
      width: 100%;
      margin-top: 20px;
    }
  
  .changePassword-formElement.changePassword-password .changePassword-changePassword {
        float: right;
        color: #FF3F6C;
        cursor: pointer;
      }
  
  .changePassword-editButton {
    cursor: pointer;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    font-weight: 800;
    background-color: #FF3F6C;
    margin: 30px 20px 30px 20px;
    color: white;
    border-radius: 5px;
  }
  
  .changePassword-disabled {
    cursor: auto;
    background-color: #BFC0C6;
  }
  .changePassword-errorMessage {
    color: #ff5a5a;
  }
  
  @media (min-width: 780px) {
      .changePassword-formElement.changePassword-email {
        width: 48%;
        float: left;
        display: inline-block;
      }
    
      .changePassword-formElement.changePassword-password {
        width: 48%;
        float: right;
        display: inline-block;
        margin-top: 0px;
      }
  }
  .securityInfo-maxWidth div:first-child {
    width: 100% !important;
  }
  .securityInfo-card {
    background-color: white;
    text-align: left;
    padding: 50px 20px 50px 20px;
    margin: 0%;
  }
  
  .securityInfo-page{
    width: 100%;
  }
  
  .securityInfo-logoContainer {
    height: inherit;
    display: none;
  }
  
  .securityInfo-logo {
    display: inline-block;
    margin-top: 20px;
    vertical-align: middle;
      padding: 0;
    margin: 0;
    cursor: pointer;
  }
  
  .securityInfo-p:first-of-type {
    margin-top: 0px;
  }
  
  .securityInfo-p:last-of-type {
    margin-bottom: 35px;
  }
  .securityInfo-p {
    color: #29303f;
  }
  
  .securityInfo-button {
    cursor: pointer;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    font-weight: 800;
    background-color: #FF3F6C;
    color: white;
    border-radius: 5px;
    display: inline-block;
  }
  
  @media (min-width: 780px) {
    .securityInfo-page {
      width: 480px;
      display: block;
      margin: 0 auto;
    }
  
    .securityInfo-card {
      padding: 0%;
      margin-top: 150px;
    }
  
    .securityInfo-logoContainer {
      display: initial;
    }
  
    .securityInfo-p:first-of-type {
      margin-top: 35px;
    }
  }
  
  
  .staticPage-maxWidth div:first-child {
    width: 100% !important;
  }
  .staticPage-card {
    background-color: white;
    text-align: left;
    padding: 50px 20px 50px 20px;
    margin: 0%;
  }
  
  .staticPage-page{
    width: 100%;
    color: #29303f;
    background-color: white;
  }
  
  .staticPage-title {
    text-align: left;
    font-weight: 300;
    font-size: 24px;
  }
  .staticPage-section {
    border-top: 1px solid #EAEAEC;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  sectionCards:before {
    display: block;
    content: " ";
    margin-top: -80px;
    height: 62px;
    visibility: hidden;
  }
  
  .staticPage-section:first-of-type {
    border-top: none;
    padding-top: 20px;
  }
  
  .staticPage-section:last-of-type {
    padding-bottom: none;
  }
  
  .staticPage-sectionTitle {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
  }
  
  .staticPage-sectionDesc, .staticPage-sectionDescSecurity{
    font-size: 13px;
    color: #7E818C;
    word-break: break-word;
    display: none;
  }
  
  .staticPage-sectionDescSecurity blockquote {
    background: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-2.png) no-repeat -339px -154px;
    display: block;
    margin: 15px auto;
    text-align: center;
    width: 50px;
    line-height: 44px;
  }
  
  .staticPage-sectionDesc.staticPage-show, .staticPage-sectionDescSecurity.staticPage-show {
    display: initial;
  }
  
  .staticPage-section ul {
    list-style: initial;
  }
  
  .staticPage-shield {
    height: 56px;
    width: 49px;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-2.png) no-repeat -300px -90px;
    margin: 0 auto;
  }
  
  @media (min-width: 980px) {
    .staticPage-page {
      width: 980px;
      display: block;
      margin: 0 auto;
    }
  
    .staticPage-card {
      padding: 0%;
      margin-top: 150px;
    }
  
    .staticPage-title {
      text-align: center;
    }
  
    .staticPage-sectionDesc, .staticPage-sectionDescSecurity {
      display: initial;
    }
  
    .staticPage-section:last-of-type {
      padding-bottom: 20px;
    }
  
  }
  
  
  
  .faqspage-container {
    padding: 8px 12px;
  }
  
  .faqspage-header {
      display: none;
      text-align: left;
      padding-bottom: 10px;
      border-bottom: 1px solid #ccc;
      margin: 20px 0 10px;
      overflow: hidden;
      color: #697071;
  }
  .faqspage-header > div, .faqspage-header > h1 {
    display: inline-block;
    margin:0;
  }
  
  .faqspage-header > h1 {
    color: #444546;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
  }
  
  .faqspage-linkButton {
    text-transform: uppercase;
    font-size: 14px;
    color: #526cd0;
    display: inline-block;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
  }
  
  .faqspage-contact {
    float: right;
  }
  
  .faqspage-contact >div {
    margin-right: 5px;
    display: inline-block;
  }
  
  .faqspage-clear { 
    clear: both;
  }
  
  .faqspage-content {
    margin-top: 30px;
    position: relative;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
  }
  
  .faqspage-sidebar {
    display: inline-block;
    float: left;
    width: 240px;
    margin-top: 30px;
    border-right: 1px solid #ecedee;
    font-size: 16px;
  }
  
  .faqspage-sections {
    display: inline-block;
    float: right;
    width: 70%;
  }
  
  .faqspage-sidebar > .faqspage-item {
    display: block;
    margin-bottom: 20px;
    color: #697071;
  }
  
  .faqspage-item > span {
    display: table-cell;
    width: 31px !important;
    height: 26px !important;
  }
  .faqspage-star {
    display: inline-block;
    width: 31px !important;
    height: 26px !important;
    background: url(https://constant.myntassets.com/mymyntra/assets/img/sprite-1.png)
                no-repeat 0 -240px;
  }
  
  .faqspage-activeStar  {
    background-position: -37px -238px;
  }
  
  .faqspage-active {
    border-right: 5px solid #eac757;
    font-weight: 500;
    color:  #eac757 !important;
  }
  
  .faqspage-item > label {
    display: table-cell;
    padding-left: 11px;
    line-height: 26px;
    vertical-align: middle;
    cursor: pointer;
  }
  
  .faqspage-stickyTop {
    position : fixed;
    top: 83px;
    width: 240px;
  }
  
  .faqspage-stickyBottom {
    position : absolute;
    bottom: 0;
    width: 240px;
  }
  
  @media (max-width: 1000px) {
  
    .faqspage-sidebar {
      display : none !important ;
    }
  
    .faqspage-sections {
      width: 95% !important;
    }
  }
  
  @media (max-width: 700px) {
    .faqspage-header > h1 {
      font-size: 24px;
    }
  }
  
  @media (min-width: 600px) {
    .faqspage-header {
      display: block;
    }
  }
  
  
  .faqSection-section {
    margin-bottom: 100px;
  }
  
  .faqSection-section > ul {
    list-style: decimal;
  }
  
  .faqSection-link{
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    font-size: 16px;
  }
  
  .faqSection-link span {
      font-weight: 300;
      display: inline-block;
      padding: 10px 0;
    }
  
  .faqSection-link a {
      text-transform: uppercase;
      font-size: 14px;
      color: #526cd0;
      display: inline-block;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
      text-decoration: none;
      cursor: pointer;
      margin-left: 5px;
    }
  
  
  .faqSection-links {
    float: right;
  }
  
  .faqSection-query {
    padding: 7px 0;
    font-size: 16px;
    line-height: 22px;
  }
  
  .faqSection-question {
    color: #444546;
    font-weight: 500;
    cursor: pointer;
  }
  
  .faqSection-answer {
    padding: 5px 0;
  }
  
  .faqSection-answer > p > ul {
    list-style: decimal;
  }
  .linkspage-container {
    height: 100vh;
    color: #282C3F;
  }
  
  .linkspage-content {
    margin-left: 19px;
    margin-right: 19px;
  }
  
  .linkspage-title {
    padding-top: 65px;
    font-size: 24px;
  }
  
  .linkspage-section {
    margin-top: 40px;
  }
  
  .linkspage-card {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  .linkspage-line {
    border-bottom: 1px solid #E9E9EB;
  }
  
  .deleteAccount-card {
    background-color: white;
    padding: 10px 0px 20px;
    margin-bottom: 10px;
    text-align: justify;
    padding: 24px 24px 42px 24px;
    overflow-x: scroll;
  }
  
  @media (min-width: 780px) {
    .deleteAccount-card{
      padding: 42px 60px;
      border: 1px solid #d4d4d9;
    }
  }
  
  .deleteAccount-infoLabel {
    color: #282C3F;
    font-weight: 700;
    font-size:  18px;
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 15px;
    font-family: Assistant-Bold, Assistant!important;
    padding: 0 24px 24px 0px;
  }
  
  .deleteAccount-deleteAccountImg {
    display: block;
    margin: auto;
    padding: 25px 0 10px 0;
  }
  
  
  .deleteAccount-btnContainer {
   margin-top: 20px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
           flex-direction: row;
   gap: 12px;
  }
  
  
  .deleteAccount-section {
    padding-bottom: 16px;
  }
  
  .deleteAccount-disabledBtn{
    opacity: 0.5;
  }
  
  .deleteAccount-card > ul {
    list-style: disc;
    padding-left: 15px;
  }
  
  .deleteAccount-sectionTitle {
    font-size: 16px;
    font-weight: 500;
  }
  
  .deleteAccount-sectionDesc {
    margin-top: 4px;
    font-size: 14px;
    word-break: break-word;
  }
  
  .deleteAccount-sectionDesc p{
      margin: 0;
      padding-top: 6px;
    }
  
  
  
  
  .FeedbackPage-userInput {
    min-height: 100px;
    border-radius: 4px;
    margin-top: 6px;
    width: 100%;
    border: solid 1px #d4d5d9;
    resize: none;
  }
  
  .FeedbackPage-charsLeft{
    margin: -4px 0 20px 0;
    float: right;
    opacity: 0.5;
  }
  
  
  .FeedbackPage-options{
    margin-bottom: 20px;
  }
  
  .FeedbackPage-improveText {
    float: left;
  }
  
  
  .FeedbackPage-title{
    border: none;
    margin-top: 20px;
  }
  
  .ModalScreen-modalWrpr{
    color: #282C3F;
    font-size:  16px;
    padding-top: 15px;
  }
  
    .ModalScreen-modalWrpr .ModalScreen-title{
      font-weight: 700;
      margin: 0;
      padding: 15px 0 10px 0;
    }
  
    .ModalScreen-modalWrpr .ModalScreen-mobNo{
      padding-left: 10px;
    }
  
    .ModalScreen-modalWrpr p{
      margin: 0;
    }
  
    .ModalScreen-modalWrpr .ModalScreen-boldText{
      padding-left: 20px;
      padding-top: 4px;
      font-weight: 700;
    }
  
    .ModalScreen-modalWrpr .ModalScreen-bottomLink {
      margin-top: 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      gap: 6px;
    }
  
    .ModalScreen-modalWrpr .ModalScreen-otpInputWrpr{
      padding: 0px;
    }
  
    .ModalScreen-modalWrpr .ModalScreen-getHelp{
      cursor: pointer;
      color: #ff3f6c;
      font-weight: 700;
    }
  
  .ModalScreen-modalBtn {
    padding: 11px 0;
    border: 1px solid #ff3f6c;
    border-radius: 2px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    outline: 0;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #ff3f6c;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
       -moz-box-pack:center;
            justify-content:center;
  
  }
  
  .ModalScreen-modalBtn.ModalScreen-mTop{
      margin-top: 25px;
    }
  
  .ModalScreen-modalBtn.ModalScreen-home{
      padding-top: 20px;
      background-color: #FFFFFF;
      color: #282C3F;
      border: 0px;
    }
  
  .ModalScreen-modalWrprSuccess{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    color: #282C3F;
    font-weight: 700;
  }
  
  .ModalScreen-modalWrprSuccess .ModalScreen-title{
      font-size:  16px;
      margin: 10px 0 20px 0;
    }
  
  .ModalScreen-modalWrprSuccess .ModalScreen-deleteSuccessImg {
      display: block;
      margin: auto;
      padding: 25px 0 25px 0;
    }
  
  .ModalScreen-modalWrprSuccess .ModalScreen-missingUs{
      font-weight: normal;
      padding-top: 20px;
    }
  
  .ModalScreen-modalWrprSuccess .ModalScreen-communication{
      margin: 0px 20px 0 20px;
      text-align: center;
    }
  
  
  
  .desktop-sprite {
    background: url(https://myntra.myntassets.com/assets/images/2016/7/25/11469436974820-iconsprite_2x.png) no-repeat top left;
    -webkit-background-size: 881px 47px;
            background-size: 881px 47px;
  }
  
  small {
    font-size: 100%;
  }
  
  a {
    text-decoration: none;
  }
  
  .desktop-showContent {
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .desktop-container{
      color: #FFFFFF;
    top: 0px;
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 9;
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.08);
            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  }
  
  .desktop-days {
    color :#535766;
    font-size:13px;
    padding-right: 2px;
  }
  
  .desktop-preHeaderContent {
    display: none;
    text-align: right;
    max-width: 980px;
    margin: auto;
    font-size: 12px;
  }
  
  .desktop-preHeaderLinks {
    text-decoration: none;
    color: #526CD0;
    display: inline-block;
    padding: 8px 0;
    font-weight: 500;
    font-size: 11px;
  }
  
  .desktop-preHeaderLinks::after {
    content: "\00a0  \00a0  | \00a0 \00a0 \00a0";
    color: #e9e9ed;
    padding: 0 10px;
  }
  
  .desktop-preHeaderLinks:last-child::after {
    content: " ";
  }
  
  .desktop-superscriptTag {
    width: 30px;
    height: 13px;
    padding: 5px 0 0 4px;
    background: #ff3f6c !important;
    border: 1px solid #ee5f73 !important;
    color: #FFFFFF;
    font-weight: 900;
    margin: -6px 0px -10px 10px;
    font-size: 10px;
    -webkit-transform: skewX(-10deg);
       -moz-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
    display: inline-block;
    border-radius: 2px;
  }
  
  .desktop-bound {
      margin: auto;
    min-width: 980px;
      line-height: 80px;
  }
  
  .desktop-logoContainer {
    float: left;
    height: inherit;
    margin-left: 4%;
  }
  
  .desktop-logo {
    display: inline-block;
    margin-top: 20px;
    vertical-align: middle;
      padding: 0;
    margin: 0;
    cursor: pointer;
  }
  
  .desktop-navbar {
      display: block;
    float: left;
    line-height: 80px;
    height: 80px;
    margin: 0px 0px 0px 3.5%;
  }
  
  .desktop-navLinks {
    display: inline-block;
    float: left;
  }
  
  .desktop-navContent {
    float: left;
    border: hidden;
    text-align: center;
  }
  
  .desktop-navLink {
    display: inline;
  }
  
  .desktop-navLink:hover .desktop-main{
    border-bottom-style: solid;
    border-bottom-width: 4px;
    -webkit-transition: left .2s ease-out, border-color .5s ease-in;
    -moz-transition: left .2s ease-out, border-color .5s ease-in;
    transition: left .2s ease-out, border-color .5s ease-in;
  }
  
  .desktop-navLink:hover .desktop-paneContent{
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .15s;
       -moz-transition-delay: .15s;
            transition-delay: .15s;
  }
  
  .desktop-navLink:hover .desktop-categoryContainer{
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .15s;
       -moz-transition-delay: .15s;
            transition-delay: .15s;
  }
  
  .desktop-navLink:hover .desktop-backdropStyle{
    visibility: visible;
  }
  
  .desktop-main {
    padding: 0 17px 28px 17px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-family: Assistant-Bold, Assistant;
    color: #282C3F;
    border-bottom: none;
    -webkit-transition: left .2s ease-out,width .2s ease-out;
    -moz-transition: left .2s ease-out,width .2s ease-out;
    transition: left .2s ease-out,width .2s ease-out;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  .desktop-query {
    width: 465px;
    float: right;
    line-height: 0;
    margin: 20px 20px 20px 60px;
    position: relative;
  }
  
  .desktop-query > input.desktop-searchBar {
    font-family: Assistant;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 24px;
    width: 95%;
    color: #696E79;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    padding: 8px 10px 10px 10px;
    margin: 0;
    outline: 0;
    border: 1px solid #F5F5F6;
    border-radius: 0 4px 4px 0;
    border-left: 0;
    background: #F5F5F6;
  }
  
  input.desktop-searchBar:focus {
    background-color: #FFFFFF;
    border-color: #EAEAEC;
  }
  
  input.desktop-searchBar:focus + a.desktop-submit {
    background-color: #FFFFFF;
    border-color: #EAEAEC;
  }
  
  a.desktop-submit {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    display: inline-block;
    height: 28px;
    width: 40px;
    text-align: center;
    padding: 8px 0 2px 0;
    background: #F5F5F6;
    border: 1px solid #F5F5F6;
    border-right: none;
    border-radius: 4px 0 0 4px;
    position: absolute;
    left: -41px;
  }
  
  .desktop-iconSearch {
    display: inline-block;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  
  .desktop-caret {
    margin: 15px 0 0 0;
    display: block;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  
  .desktop-iconUser {
    margin: 10px 0px 0px 0px;
    position: absolute;
    bottom: 12px;
    left: 1px;
    display: block;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  
  .desktop-user {
    position: relative;
    height: 60px;
    margin: 0px 20px 0px 15px;
  }
  
  .desktop-userIconsContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 0px 12px 0px 17px;
    position: relative;
    display: flex;
    height: 40px;
  }
  
  .desktop-userTitle {
    color: black;
    position: absolute;
    bottom: 4px;
    left: 1px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding-top: 10px;
    line-height: 6px;
  }
  
  .desktop-user:hover .desktop-userActions {
    visibility: visible;
    opacity: 1;
  }
  
  .desktop-actions{
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    line-height: 0px;
    height: 40px;
    margin: 20px 30px 0 10px;
  }
  
  .desktop-cart {
    margin: 0px 50px 0px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    text-decoration: none;
    position: relative;
  }
  
  .desktop-wishlist {
    margin: 0px 55px 0px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    text-decoration: none;
    position: relative;
  }
  
  .desktop-iconBag {
    margin: 8px 0px 0px 0px;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    position: absolute;
    left: -6px;
    bottom: 12px;
  }
  
  .desktop-iconWishlist {
    margin: 8px 0px 0px 0px;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    position: absolute;
    left: 4px;
    bottom: 12px;
  }
  
  .desktop-badge {
    white-space: nowrap;
    text-align: center;
    line-height: 18px;
    padding: 0 6px;
    height: 18px;
    background: #ff3f6c;
    position: absolute;
    border-radius: 50%;
    font-family: Assistant;
    font-size: 12px;
    color: #fff;
    left: 13px;
    top: -2px;
    font-weight: bold;
  }
  
  .desktop-grey {
    background-color: #7E818C;
    visibility: hidden;
  }
  
  .desktop-melon {
    background-color: #ee5f73;
  }
  
  .desktop-grey:before {
    border-right-color: #7E818C;
  }
  
  .desktop-title {
    text-decoration: none;
    color: #282C3F;
    font-family: Assistant-Bold, Assistant;
    font-weight: 500;
  }
  
  .desktop-list {
    line-height: 20px;
    text-decoration: none;
    color: #282C3F;
    font-family: Assistant;
  }
  
  .desktop-listContainer {
    line-height: 25px;
    width: 230px;
    margin: 15px 0px 0px 0px;
    padding: 0px;
  }
  
  .desktop-backdropStyle {
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
    visibility: hidden;
    pointer-events: none;
  }
  
  .desktop-backdropStyle2 {
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
    visibility: visible;
    pointer-events: none;
  }
  
  .desktop-paneContent {
    visibility: hidden;
    text-align: left;
    opacity: 0;
    left: 50%;
    margin-left: -570px;
    height: 440px;
    position: absolute;
    top: 0px;
    width: 1135px;
    background-color: #FFFFFF; /* rgba(253,253,253,0.98) */
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
            box-shadow: 0 0 8px rgba(0,0,0,0.1);
    pointer-events: auto;
  }
  
  .desktop-navContentItem {
    /* padding-left: 10px; */
  }
  
  .desktop-oddColumnContent {
    float: left;
    display: block;
    position: relative;
    height: 436px;
    padding-top: 4px;
  }
  
  .desktop-evenColumnContent {
    background-color: rgba(245, 245, 246, 0.4);
  }
  
  .desktop-categoryContainer {
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    width: 1110px;
    left: 0px;
    right: 0px;
    position: absolute;
      margin: 0 auto;
      padding: 0px 10px 10px 15px;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      transition: all .2s ease-out;
  }
  
  .desktop-navBlock{
    display: block;
    position: relative;
    float: left;
    width: 216px;
    margin: 0px;
    padding: 0px;
  }
  
  .desktop-navBlock > li{
    padding-left: 25px;
  }
  
  .desktop-tab{
      margin: 0px;
  }
  
  .desktop-categoryName {
      display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none;
    color: #3E4152;
    padding: 12px 0 2px;
      white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
    font-weight: 500;
    font-family: Assistant-Bold, Assistant;
    font-weight: 500;
  }
  
  .desktop-categoryLink {
      display: block;
    text-decoration: none;
    color: #282C3F;
    line-height: 23px !important;
    font-size: 14px;
    font-weight: 400;
    font-family: Assistant;
  }
  
  .desktop-categoryLink:hover {
    font-weight: 500;
    color: #282C3F;
  }
  
  .desktop-tab {
    -webkit-transition: left .2s ease-out,width .2s ease-out;
    -moz-transition: left .2s ease-out,width .2s ease-out;
    transition: left .2s ease-out,width .2s ease-out;
  }
  
  .desktop-userActions {
    width: 250px;
    left: -129px;
    top: 60px;
    position: absolute;
    padding: 25px 20px 15px 20px;
    z-index: 3;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.08);
            box-shadow: 0 1px 10px rgba(0,0,0,0.08);
    -webkit-transition: opacity .2s ease-out,visibility .2s ease-out;
    -moz-transition: opacity .2s ease-out,visibility .2s ease-out;
    transition: opacity .2s ease-out,visibility .2s ease-out;
    background-color: #FFFFFF;
    color: #3E4152;
    border: 1px solid #F5F5F6;
    visibility: hidden;
    opacity: 0;
    margin: -2px 0px;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
  }
  
  .desktop-userActionsArrow{
    display: block;
    top: -5px;
    position: absolute;
    width: 58px;
    border-bottom: 4px solid #ee5f73;
    left: 117px;
  }
  
  .desktop-userActionsContent{
    display: block;
  }
  
  .desktop-contentInfo{
    display: block;
    padding-bottom: 2px;
  }
  
  .desktop-infoTitle{
    font-family: Assistant-Bold, Assistant;
    font-weight: 500;
    height: 20px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 10px;
  }
  
  .desktop-infoEmail{
    font-family: Assistant;
    height: 14px;
    font-size: 14px;
    color: #282C3F;
    width: 107%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 10px;
  }
  
  .desktop-info {
    font-weight: 400;
    font-size: 14px;
    color: #3E4152;
  }
  
  .desktop-infoSection {
    margin: 0;
    padding: 15px 0px 10px 0px !important;
  }
  .desktop-infoSection:hover {
    font-weight: 500;
  }
  
  .desktop-getInLinks{
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
    border-top: 1px solid #EAEAEC;
  }
  
  .desktop-getUserInLinks {
    border: none;
  }
  
  .desktop-getInLinks:nth-child(1) {
    /* border-top: 1px solid ~colors.black_10; */
  }
  
  .desktop-linkButton{
    display: inline-block;
    padding: 18px 20px;
    margin: 10px 10px 0px 0px;
    border: 1px solid #EAEAEC;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    color: #ff3f6c;
    font-weight: 500;
    font-family: Assistant-Bold, Assistant;;
  }
  
  .desktop-linkButton:hover {
    border: 1px solid #ff3f6c;
  }
  
  .desktop-linkButton:nth-child(1) {
    margin: 0px 5px 6px 0px;
  }
  
  .desktop-linkButton:nth-child(2) {
    margin: 0px 0px 0px 13px;
  }
  
  .desktop-uaProfileLink {
    color: #282C3F;
  }
  
  .desktop-accActions {
    font-size: 16px;
    padding: 10px 0 0 0;
    border-top: 1px solid #EAEAEC;
  }
  
  .desktop-accActions > a.desktop-info {
    text-decoration: none;
    color: #333;
  }
  
  .desktop-accActions > a.desktop-info > .desktop-infoSection {
    padding: 12px 0!important;
  }
  
  .desktop-accInfoSection {
    cursor: pointer;
    color: #7E818C;
    padding: 10px 0px 10px 0px;
  }
  
  .desktop-autoSuggest {
    width: 502px;
    z-index: 4;
    position: absolute;
    display: block;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0);
            box-shadow: 0 1px 6px rgba(0,0,0,0); /* rgba(0,0,0,0.3) */
    font-size: 13px;
    color: #696E79;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
  }
  
  .desktop-group {
    margin: 0 0 10px 0;
    padding: 0;
  }
  
  .desktop-group > li {
    list-style: none;
    padding: 15px 4px;
    padding-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .desktop-suggestion {
    background-color: #FFFFFF;
  }
  
  .desktop-suggestion:hover {
    background-color: #D4D5D9;
    cursor: pointer;
  }
  
  .desktop-suggestionTitle {
    font-weight: bold;
    background-color: #F5F5F6;
    cursor: pointer;
  }
  
  .desktop-active {
    background-color: #282C3F;
    color: white;
  }
  
  .desktop-showBanner {
    height: auto;
  }
  
  .desktop-hideBanner {
    height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease .1s;
    -moz-transition: all .2s ease .1s;
    transition: all .2s ease .1s;
  }
  
  .desktop-sbContainer {
    max-width: 100%;
    width: 100%;
  
    margin: auto;
    top: 82px;
    position: relative;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.05);
            box-shadow: 0 4px 12px 0 rgba(0,0,0,.05);
    text-align: center;
  }
  
  .desktop-sbContainer .desktop-sbInnerContent {
      position: relative;
  
      margin: 0 auto;
    }
  
  .desktop-sbImageContainer {
    display: inline-block;
    height: 45px;
    margin-right: 12px;
    vertical-align: middle;
  }
  
  .desktop-sbImage {
    height: 35px;
    padding-top: 5px;
    line-height: 80px;
  }
  
  .desktop-saleStartsContainer {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    height: 55px;
    font-size: 16px;
    line-height: 56px;
    color: #696B79;
    vertical-align: middle;
    color: #535766;
    letter-spacing: 0.1;
  }
  
  .desktop-timeContainer {
    top: 20px;
     text-align: left;
     margin-left: 15px;
     letter-spacing: 0.6;
     font-size:20px;
  }
  
  .desktop-saleTimer {
  
    position: relative;
    left: 0;
    display: inline-block;
  }
  
  .desktop-inMidSaleTimer {
    left: 25%;
  }
  
  .desktop-verticlePartition {
    height: 28px;
    border-left:solid 1px #d4d5d9;
    position: absolute;
    left: 56%;
    bottom: 10px;
  }
  
  .desktop-refBanner {
    width: 50%;
    position: relative;
    display: inline-block;
  }
  
  .desktop-inMidRefBanner {
    right: 25%;
  }
  
  .desktop-displaynone {
    display: none;
  }
  
  .desktop-timer {
    color: #ff3f6c;
    font-size: 20px;
    font-family: helvetica, arial, sans-serif;
    font-weight: 100;
  }
  
  .desktop-animated {
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
            animation-fill-mode: both
  }
  
  @-webkit-keyframes desktop-pulse {
    0% {
      -webkit-transform: scale3d(1,1,1);
              transform: scale3d(1,1,1)
    }
  
    50% {
      -webkit-transform: scale3d(1.15,1.15,1.15);
              transform: scale3d(1.15,1.15,1.15)
    }
  
    100% {
      -webkit-transform: scale3d(1,1,1);
              transform: scale3d(1,1,1)
    }
  }
  
  @-moz-keyframes desktop-pulse {
    0% {
      -moz-transform: scale3d(1,1,1);
           transform: scale3d(1,1,1)
    }
  
    50% {
      -moz-transform: scale3d(1.15,1.15,1.15);
           transform: scale3d(1.15,1.15,1.15)
    }
  
    100% {
      -moz-transform: scale3d(1,1,1);
           transform: scale3d(1,1,1)
    }
  }
  
  @keyframes desktop-pulse {
    0% {
      -webkit-transform: scale3d(1,1,1);
         -moz-transform: scale3d(1,1,1);
              transform: scale3d(1,1,1)
    }
  
    50% {
      -webkit-transform: scale3d(1.15,1.15,1.15);
         -moz-transform: scale3d(1.15,1.15,1.15);
              transform: scale3d(1.15,1.15,1.15)
    }
  
    100% {
      -webkit-transform: scale3d(1,1,1);
         -moz-transform: scale3d(1,1,1);
              transform: scale3d(1,1,1)
    }
  }
  
  .desktop-pulse {
    -webkit-animation-name: desktop-pulse;
       -moz-animation-name: desktop-pulse;
            animation-name: desktop-pulse
  }
  .desktop-saleTimer{
    display: inline-block;
  }
  .desktop-timerBannerSeperation{
    margin-left:45px;
    margin-right: 43px;
  color: #d4d5d9;
  font-size: 24px;
  display: none;
  vertical-align: middle;
  }
  .desktop-timerBannerSeperation:not(:last-child){
    display: inline-block;
  }
  .desktop-timerBannerSeperation:first-child{
    display: none;
  }
  
  .desktop-saleMessage{
    padding-top: 2px;
  }
  
  .desktop-hrLine {
    width: 140px;
    margin-left: 25px;
    height: 1px;
    margin-top: 12px;
    background-color: #EAEAEC;
  }
  
  @media all and (min-width: 1500px) {
    .desktop-query {
      width: 33%;
    }
    .desktop-paneContent {
      left: 9%;
      margin: auto;
    }
  }
  
  @media all and (max-width: 1366px) {
    .desktop-query {
      width: 330px;
    }
    .desktop-autoSuggest {
      width: 375px;
    }
  }
  
  @media all and (max-width: 1400px) {
    .desktop-actions {
      margin-right: 0px;
    }
    .desktop-navbar {
      margin: 0 0 0 1%;
    }
  }
  
  @media all and (max-width: 1250px) {
    .desktop-logoContainer {
      margin-left: 2%;
    }
    .desktop-navbar {
      margin: 0 0 0 1%;
    }
    .desktop-query {
      width: 240px;
    }
    .desktop-autoSuggest {
      width: 289px;
    }
    .desktop-actions {
      margin-right: 0px;
    }
  }
  
  @media all and (max-width: 1199px) {
    .desktop-paneContent {
      width: 1080px;
      margin-left: -540px;
    }
    .desktop-categoryContainer {
      width: auto;
      padding: 0;
    }
  }
  
  @media all and (max-width: 1079px) {
    .desktop-paneContent {
      width: 90%;
      left: 5%;
      margin: auto;
      overflow-x: scroll;
    }
    .desktop-categoryContainer {
      width: 1080px;
      padding: 0;
    }
  }
  
  body {
    font-family: Assistant;
  }
  
  @-moz-document url-prefix() {
    .mobile-mLogo {
      margin: 5px 0 !important;
    }
  }
  
  a {
    text-decoration: none;
    color: #282C3F;
  }
  
  small {
    color: #696B79;
    font-size: 10px;
  }
  
  .mobile-active {
    font-family: Assistant-Bold, Assistant !important;
    color: #3E4152 !important;
    font-weight: 500 !important;
  }
  
  .mobile-container {
    width: 100%;
    height: 50px;
  }
  
  .mobile-header {
    width: 100%;
    height: 50px;
    -webkit-box-shadow: 0 1px 4px 0px #D4D5D9;
            box-shadow: 0 1px 4px 0px #D4D5D9;
    z-index: 9;
    background: #FFFFFF;
    position: fixed;
  }
  
  .mobile-left {
    height: inherit;
    position: absolute;
    left: 0px;
    z-index: 1;
  }
  
  .mobile-right {
    height: inherit;
    position: absolute;
    right: 0px;
  }
  
  .mobile-leftNavBar {
    display: inline-block;
    float: left;
    margin: 17px;
  }
  
  .mobile-mLogo {
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    margin: 5px 0px;
    display: inline-block;
    float: left;
  }
  
  .mobile-mSearch {
    background-position: -754px 0px;
    display: inline-block;
    margin: 14px 0;
    float: right;
    width: 21px;
    height: 21px;
  }
  
  .mobile-searchContainer {
    width: 100%;
    z-index: 9;
    position: fixed;
    background: #FFFFFF;
  }
  
  .mobile-searchBarContainer {
    display: inline-block;
    position: relative;
    width: 100%;
    left: 0px;
    height: 50px;
    position: fixed;
    top: 50px;
    padding-top: 5px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 4px 0px #D4D5D9;
            box-shadow: 0 1px 4px 0px #D4D5D9;
  }
  
  .mobile-searchInput{
    position: absolute;
    width: 80%;
    left: 0px;
    display: inline-block;
    margin: 0;
    font-family: Assistant;
    margin: 0px 20px 0px 15px;
    border: 1px solid #D4D5D9;
    height: 18px;
    padding: 10px;
    border-right: none;
  
  }
  
  .mobile-searchInput:focus {
    outline: none;
  }
  
  .mobile-searchInput::-webkit-input-placeholder {
    font-family: Assistant;
  }
  
  .mobile-searchInput:-moz-placeholder {
    font-family: Assistant;
  }
  
  .mobile-searchInput::-moz-placeholder {
    font-family: Assistant;
  }
  
  .mobile-searchInput:-ms-input-placeholder {
    font-family: Assistant;
  }
  
  .mobile-searchBtn {
    text-align: center;
    display: inline-block;
    width: 11%;
    right: 0px;
    position: absolute;
    margin: 0;
    font-family: Assistant-Bold, Assistant;
    font-weight: 500;
    color: #282C3F;
    border: 1px solid #D4D5D9;
    height: 22px;
    margin-right: 13px;
    background-color: #FFFFFF;
  }
  
  .mobile-searchListContainer {
    top: 80px;
    left: 4%;
    position: fixed;
    position: absolute;
    background: #FFFFFF;
    width: 80%;
    z-index: 4;
    position: absolute;
    display: block;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0);
            box-shadow: 0 1px 6px rgba(0,0,0,0); /* rgba(0,0,0,0.3) */
    font-size: 13px;
    color: #696E79;
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
  }
  
  .mobile-showContent {
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .mobile-mUser {
    margin: 14px 20px 14px 20px;
    display: inline-block;
    float: right;
  }
  
  .mobile-mBag {
    margin: 14px 20px 14px 0px;
    display: inline-block;
    float: right;
  }
  
  .mobile-itemCount {
    position: absolute;
    margin: 0px 0px 0px 9%;
    padding: 0px 5px 0px 5px;
    color: #FFFFFF;
    font-family: Assistant-Bold, Assistant;
    font-weight: 500;
    top: 9px;
    height: 18px;
    border-radius: 3px;
    font-size: 13px;
  }
  
  .mobile-grey {
    background-color: #696B79;
  }
  
  .mobile-melon {
    background-color: #FF3F6C;
  }
  
  .mobile-subHeader {
    top: 50px;
    height: 50px;
    position: absolute;
  }
  
  .mobile-sideNav {
    display: none;
    width: 0%;
    opacity: 0;
  }
  
  @-webkit-keyframes mobile-slide {
    from {
      width: 0%;
    }
    to {
      width: 75%;
    }
  }
  
  @-moz-keyframes mobile-slide {
    from {
      width: 0%;
    }
    to {
      width: 75%;
    }
  }
  
  @keyframes mobile-slide {
    from {
      width: 0%;
    }
    to {
      width: 75%;
    }
  }
  
  .mobile-sideNavClicked {
    overflow: scroll;
    width: 75%;
    -webkit-animation: mobile-slide ease-out .2s;
       -moz-animation: mobile-slide ease-out .2s;
            animation: mobile-slide ease-out .2s;
    height: 100%;
    position: fixed;
    top: 0px;
    background: #FFFFFF;
    z-index: 99;
    display: block;
  }
  
  .mobile-sideNavClicked ul {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
  }
  
  .mobile-overlay {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .mobile-show {
    display: block;
    -webkit-animation: mobile-fadeIn 0.8s;
       -moz-animation: mobile-fadeIn 0.8s;
            animation: mobile-fadeIn 0.8s;
  }
  
  .mobile-hide {
    display: none;
  }
  
  .mobile-navHeading {
    border: none;
    padding-left: 30px;
  }
  
  .mobile-navSubHeading {
    background: #FFFFFF;
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 1px solid #D4D5D9;
    z-index: 1;
  }
  
  .mobile-backBtn {
    padding: 10px 0px 10px 0px;
    float: left;
    margin: 19px 10px 0px 20px;
  }
  
  .mobile-navBackContainer {
    float: left;
    width: 20%;
    font-family: Assistant;
    height: 35px;
    padding: 10px 0px 10px 0px;
    font-size: 15px;
  }
  
  .mobile-navHeadingText {
    padding: 25px 0px 10px 0px;
    float: right;
    font-size: 12px;
    width: 80%;
    float: right;
    font-family: Assistant;
    height: 35px;
    float: left;
    color: #696B79;
    position: absolute;
    left: 20px;
  }
  
  .mobile-navSubHeadingText {
    font-family: Assistant-Bold, Assistant;
    padding: 18px 0px 10px 10px;
    font-size: 15px;
    font-weight: 500;
    width: 60%;
  }
  
  .mobile-navMenuContainer {
    display: inline-block;
    padding: 13px 0px;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid #EAEAEC;
  }
  
  .mobile-navMenuContainer:nth-child(5) {
    border: none;
  }
  
  .mobile-navMenuItems {
    font-family: Assistant-Bold, Assistant;
    font-size: 16px;
    width: 220px;
    font-weight: 500;
    float: left;
  }
  
  .mobile-navFwd {
    padding: 10px 0px;
    right: 10px;
    position: absolute;
    margin: -8px 0px 0px 0px;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  
  .mobile-navAccTitle {
    display: none;
    height: 20px;
    font-size: 11px;
    text-transform: uppercase;
    color: #696B79;
    padding: 25px 20px 0px 20px;
    border-top: 1px solid #EAEAEC;
  }
  
  .mobile-navAccItems {
    width: 90%;
    padding: 15px 0px 10px 20px;
    font-family: Assistant;
    font-size: 15px;
    float: left;
    color: #3E4152;
  }
  
  .mobile-navAccItemsHidden {
    display: none;
  }
  
  .mobile-catValue {
    font-family: Assistant;
    text-decoration: none;
    color: #696B79;
  }
  
  .mobile-catContainer {
    width: 100%;
    padding: 15px 0px 15px 0px;
    border-bottom: 1px solid #EAEAEC;
  }
  
  .mobile-catExpansion {
    display: inline-block;
    float: right;
    font-size: 20px;
    margin: auto;
    font-family: Assistant;
    padding-right: 8px;
    color: #696B79;
  }
  
  .mobile-minus {
    -webkit-transform: scale(2.0, 1.0);
       -moz-transform: scale(2.0, 1.0);
        -ms-transform: scale(2.0, 1.0);
            transform: scale(2.0, 1.0);
  }
  
  @-webkit-keyframes mobile-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  @-moz-keyframes mobile-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  @keyframes mobile-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  .mobile-catList {
    padding: 10px;
  }
  
  .mobile-catSubValue {
    font-family: Assistant;
    display: block;
    padding: 10px 0px 10px 0px;
    margin-left: 15px;
    border-bottom: 1px solid #EAEAEC;
    width: 95%;
    color: #696B79 !important;
  }
  
  .mobile-sugContainer{
    display: inline-block;
    width: 92%;
    padding: 10px 0px;
    color: #282C3F;
    border-bottom: 1px solid #EAEAEC;
    margin-left: 15px;
  }
  
  .mobile-sugIcon{
    width: 20px;
    margin-left: 5px;
    float: left;
    display: inline-block;
  }
  
  .mobile-footerLinks {
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
    padding: 30px 0px;
    z-index: -1;
  }
  
  .mobile-fLinks > span {
    padding: 0px 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #94969F;
  }
  
  .mobile-fLinks:nth-child(1):after {
    content: "";
    color: #A9ABB3;
  }
  
  .mobile-fLinks:nth-child(2){
    display: none;
  }
  
  .mobile-sugLabel{
    width: 60%;
    display: inline-block;
    font-family: Assistant;
    padding: 0px 0px 0px 15px;
  }
  
  .mobile-sugCount{
    font-family: Assistant;
    width: 13%;
    float: right;
    color: #7E818C;
    text-align: right;
    margin-right: 5px;
  }
  
  .mobile-subCatContainer {
    background-color: #FFFFFF;
    padding: 55px 15px 0px 20px;
  }
  
  .mobile-sbContainer {
    height: 60px;
    background: #FFFFFF;
    padding: 10px;
    border-bottom: 1px solid #EAEAEC;
  }
  
  .mobile-sbInfo {
    width: 25%;
    display: inline-block;
  }
  
  .mobile-sbTimer {
    width: auto;
    display: inline-block;
    vertical-align: top;
    float: right;
  }
  
  .mobile-slotTimer {
    padding-left: 5px;
    width: 100% !important;
  }
  
  .mobile-sbContent {
    margin: 5px auto;
    font-size: 12px;
    color: #696B79;
  }
  
  .mobile-sbInfo .mobile-sbContent:last-child {
    padding-top: 3px;
  }
  
  .mobile-sbInfo .mobile-sbContent:first-child {
    font-weight: 600;
  }
  
  .mobile-timeContainer {
  
  }
  
  .mobile-timer {
    color: #ff517b;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    text-align: left;
    min-width: 19px;
    font-weight: 600;
  }
  
  .mobile-days {
    padding-right: 5px;
  }
  
  @media (min-width: 320px) and (max-width: 568px) {
    .mobile-searchBtn {
      font-size: 13px;
      padding: 3px;
    }
  }
  
  @media (min-width : 768px) and (max-width : 1024px)  {
    .mobile-searchInput {
      width: 90%;
    }
    .mobile-sbTimer {
      text-align: right;
    }
  }
  .mobile-group {
    margin: 0 0 10px 0;
    padding: 0;
  }
  
  .mobile-group > li {
    list-style: none;
    padding: 15px 4px;
    padding-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .mobile-suggestion {
    background-color: #FFFFFF;
  }
  
  .mobile-suggestion:hover {
    background-color: #D4D5D9;
    cursor: pointer;
  }
  
  .mobile-suggestionTitle {
    font-weight: bold;
    background-color: #F5F5F6;
    cursor: pointer;
  }
  
  .mobile-active {
    background-color: #282C3F;
    color: white;
  }
  
  .desktop-footerContainer {
      font-family: Assistant;
    max-width: 980px;
    margin: auto;
    min-width: 980px;
  }
  
  strong {
      font-family: Assistant-Bold, Assistant;
      color: #282C3F;
    font-weight: 500;
  }
  
  /*.base {
    padding-top: 40px;
  }*/
  
  .desktop-shopLinks {
    font-family: Assistant;
    float: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 70px;
  }
  
  .desktop-customerPolicies {
    font-family: Assistant;
    margin-right: 70px;
    float: left;
  }
  
  .desktop-shopLinks > a, .desktop-customerPolicies > a, .desktop-usefulLinks > a {
    text-decoration: none;
    color: #696B79;
    display: block;
    font-size: 12px;
    text-decoration: none;
    padding-bottom: 5px;
    cursor: pointer;
    line-height: normal;
  }
  
  .desktop-shopLinks > a:hover, .desktop-customerPolicies > a:hover, .desktop-usefulLinks > a:hover {
    text-decoration: underline;
  }
  
  .desktop-shopLinks > a:nth-child(2), .desktop-usefulLinks > a:nth-child(2), .desktop-customerPolicies > a:nth-child(2) {
      margin-top: 8px;
      padding-top: 14px;
  }
  
  .desktop-shopLinks > a:hover > .desktop-superscript {
    text-decoration: none;
  }
  
  .desktop-superscript {
    padding: 0px 5px;
    background: red;
    border-radius: 90px;
    color: white;
    font-weight: 900;
    margin: 0px 0px 0px 5px;
    font-size: 12px;
  }
  
  .desktop-appExperience {
      display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    width: 360px;
    font-size: 15px;
    line-height: 19px;
    float: left;
    padding-top: 13px;
  }
  
  .desktop-genericInfo {
      /* height: 300px; */
      /*margin-top: 40px;*/
  }
  
  .desktop-appExperience > p:nth-child(1) {
      font-family: Assistant-Bold, Assistant;
    font-weight: 500;
      color: #282C3F;
      padding: 0;
    margin: -3px 0px 0px 0px;
    padding-bottom: 25px;
  }
  
  .desktop-downLinkContainer {
    display: inline-block;
  }
  
  .desktop-androidDownLink {
    margin-right: 10px;
  }
  
  .desktop-iOSDownLink {
    margin-right: 10px;
  }
  
  .desktop-windowsDownLink {
  }
  
  .desktop-navigation {
    font-family: Assistant-Bold, Assistant;
    font-weight: 500;
  }
  
  .desktop-appBanners {
  }
  
  .desktop-promises {
    width: 250px;
    float: left;
  }
  
  .desktop-section {
    margin: 15px 0px 30px 0px;
    color: #696B79;
  }
  
  .desktop-original {
    display: inline-block;
    float: left;
    margin-left: -10px;
    margin-right: 10px;
  }
  
  .desktop-return {
    display: inline-block;
    float: left;
    margin-right: 15px;
  }
  
  .desktop-popularSearch {
    margin-top: 24px;
  }
  
  .desktop-popularSearch hr {
    border: 1px;
    height: 1px;
    background-color: #EAEAEC;
  }
  
  .desktop-pSearchTitle {
      position: absolute;
    margin-top: -15px;
    background: #FAFBFC;
    padding-right: 10px;
    color: #282C3F;
    font-weight: 500;
    font-size: 12px;
    font-family: Assistant-Bold, Assistant;
    font-weight: 500;
  }
  
  .desktop-pSearchlinks {
      margin-top: 30px;
  }
  
  .desktop-pSearchlinks > a {
      text-decoration: none;
    font-family: Assistant;
    color: #696B79;
    font-size: 15px;
    line-height: 25px;
  }
  
  .desktop-pSearchlinks > a:after {
    content: "|";
    margin-left: 3px;
  }
  
  .desktop-pSearchlinks > a:nth-last-child(1):after {
    content: "";
  }
  
  .desktop-or {
      font-size: 12px;
  }
  
  .desktop-gInfoTitle {
    font-family: Assistant-Bold, Assistant;
      font-size: 12px;
    font-weight: 500;
  }
  
  .desktop-fInfoSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%;
    margin-top: 40px;
  }
  
  .desktop-contact {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
            flex: 1;
    color: #696B79;
  }
  
  .desktop-contact > a {
    text-decoration: none;
    font-family: Assistant;
    color: #696B79;
  }
  
  .desktop-contact > a:hover {
    text-decoration: underline;
  }
  
  .desktop-greetings {
      margin: auto;
      float: left;
    left: 0px;
    right: 0px;
    position: absolute;
    margin-top: 8px;
  }
  
  .desktop-copywrite {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
            flex: 1;
    color: #94969F;
  }
  
  .desktop-horizontalLine {
      position: absolute;
      left: 0px;
      right: 0px;
      border-top: 1px solid #D4D5D9;
  }
  
  .desktop-keepInTouch {
      font-size: 12px;
      margin-bottom: 10px;
      margin-top: 24px;
    font-weight: 500;
  }
  
  .desktop-facebook {
      margin: 0px 15px 0px 0px;
      zoom: 0.9;
  }
  
  .desktop-twitter {
      margin: 0px 15px 0px 0px;
      zoom: 0.9;
  }
  
  .desktop-youtube {
      margin: 0px 15px 0px 0px;
      zoom: 0.9;
  }
  
  .desktop-instagram {
      margin: 0px 15px 0px 0px;
      zoom: 0.9;
  }
  
  .desktop-flipkartCompany {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
         -moz-box-flex: 1;
              flex: 1;
      text-align: end;
  }
  
  .desktop-flipkartCompany > a {
      color: #94969F;
  }
  
  .desktop-gyanContainer {
      line-height: 18px;
      color: #94969F;
      font-size: 14px;
      border-top: 1px solid #EAEAEC;
    margin: 15px 0px 0px 0px;
  }
  
  .desktop-gyanContainer h1, .desktop-gyanContainer h3 {
          font-size: 14px;
      }
  
  .desktop-gyanContainer strong{
    color: #535766 !important;
  }
  
  .desktop-gyanContainer a{
      color: #696B79;
  }
  
  .desktop-gyanContainer a:hover {
      text-decoration: underline;
  }
  
  .desktop-gyanContainer h1, h3 {
      margin-bottom: -10px;
    margin-top: 30px;
  }
  
  @media all and (max-width: 700px) {
      .desktop-gyanContainer {
          padding: 0px 0px 30px 0px;
      }
  }
  
  .desktop-clear {
      clear: both;
  }
  
  .index-seoContainer {
    padding: 15px 0;
    color: #535766;
  }
  
  .index-title {
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    color: #696B79;
  }
  
  .index-descContainer {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0;
    color: #7E818C;
  }
  
  .index-descContainer p:first-child {
      margin-top: 0px;
    }
  
  .index-descContainer strong {
      color: #696B79;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 500;
    }
  
  .index-descContainer a {
    font-weight: 500;
    color: #7E818C;
  }
  
  .index-toggleRead {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #118BEB;
  }
  
  @media all and (min-width: 750px) {
    .index-descContainer {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
    }
  }
  
  .index-lcContainer {
      margin: 30px 0px;
    padding: 20px 0px 0px 0px;
    border-top: 1px solid #EAEAEC;
    font-size: 15px;
    font-style: normal;
      line-height: 20px;
  }
  
  .index-lcHeader {
      font-weight: 500;
    color: #282C3F;
  }
  
  .index-lcAddress {
      color: #94969F;
  }
  
  .index-lcInfoContainer {
      margin-top: 10px;
      display: inline-block;
      width: 100%;
  }
  
  .index-lcAddress {
      width: 70%;
      display: inline-block;
  }
  
  .index-lcLegalInfo {
      width: 30%;
      display: inline-block;
      color: #94969F;
  }
  
  .index-lcLegalInfo p {
      margin: 0px;
  }
  
  .index-highlightText {
      color: #526CD0;
      font-weight: 500;
  }
  
  .index-lcEmail {
  }
  
  .index-lcTelephone {
  }
  
  @media all and (max-width: 600px) {
    .index-lcContainer {
      margin: 20px 0px;
      padding: 0px;
    }
    .index-lcInfoContainer {
      margin: 0px;
      display: block;
    }
    .index-lcAddress {
      width: 100%;
      display: block;
    }
    .index-lcLegalInfo {
      width: 100%;
      display: block;
          margin-top: 20px;
    }
  }