#location-prompt {
  max-width: 700px; }
  #location-prompt .modal-content {
    border-radius: 0;
    border: 0; }
    #location-prompt .modal-content .modal-body {
      padding: 0; }
      #location-prompt .modal-content .modal-body .background-image {
        background-image: url(https://d1314cmsbd81ch.cloudfront.net/_next/static/images/location-bg-fb6026c4b4add19a08b5cc4f6c6becfa.svg);
        background-size: 100%;
        background-repeat: repeat-y;
        background-color: #f4f4f4;
        height: 100%; }
        #location-prompt .modal-content .modal-body .background-image .content {
          padding: 30px;
          max-width: 280px; }
          #location-prompt .modal-content .modal-body .background-image .content img {
            max-width: 85%;
            margin: 40px auto 0;
            display: block; }
          #location-prompt .modal-content .modal-body .background-image .content h2 {
            font-weight: 500; }
      #location-prompt .modal-content .modal-body .main-content {
        padding: 40px; }
        #location-prompt .modal-content .modal-body .main-content p {
          color: #424453; }
        #location-prompt .modal-content .modal-body .main-content h4 {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 10px; }
        #location-prompt .modal-content .modal-body .main-content .divider {
          color: #8e8e8e;
          text-align: center;
          margin: 30px 0 20px;
          position: relative; }
        #location-prompt .modal-content .modal-body .main-content .card {
          background-color: #F4F4F4;
          border-color: #F4F4F4;
          color: #424453; }
        #location-prompt .modal-content .modal-body .main-content .pincode-input {
          border-color: #0082C3;
          box-shadow: 0px 0px 5px #0082C3;
          height: 100%;
          color: #212121;
          font-size: 16px; }
        #location-prompt .modal-content .modal-body .main-content .login-user-address-list {
          height: 100%;
          max-height: 300px;
          overflow: auto;
          padding: 6px;
          margin: -6px -6px 10px; }
          #location-prompt .modal-content .modal-body .main-content .login-user-address-list .address-list-item {
            display: table;
            margin-bottom: 10px;
            cursor: pointer;
            overflow: hidden;
            width: 100%; }
            #location-prompt .modal-content .modal-body .main-content .login-user-address-list .address-list-item h6 {
              background-color: #FAFAFA;
              border: 1px solid #FAFAFA;
              border-radius: 3px;
              margin-bottom: 0;
              display: table-cell;
              vertical-align: middle;
              width: 100px;
              text-align: center;
              padding: 10px;
              transition: 0.3s ease; }
            #location-prompt .modal-content .modal-body .main-content .login-user-address-list .address-list-item p {
              background-color: #FAFAFA;
              border: 1px solid #FAFAFA;
              border-radius: 3px;
              color: #939393;
              line-height: 16px;
              padding: 20px;
              vertical-align: middle;
              margin-bottom: 0;
              margin-left: 5px;
              transition: 0.3s ease; }
            #location-prompt .modal-content .modal-body .main-content .login-user-address-list .address-list-item.active p,
            #location-prompt .modal-content .modal-body .main-content .login-user-address-list .address-list-item.active h6 {
              border: 1px solid #0082C3; }
        #location-prompt .modal-content .modal-body .main-content .manage-your-address {
          color: #0082C3; }
        #location-prompt .modal-content .modal-body .main-content .btn-location {
          background-image: url(https://d1314cmsbd81ch.cloudfront.net/_next/static/images/location-bg-btn-11d79847013e238ee35d9b2202e608ef.svg);
          background-color: #F7F7F7;
          border-color: #0082C3;
          color: #11242E;
          font-weight: 600;
          width: 100%;
          position: relative;
          padding: 15px;
          font-size: 15px; }
          #location-prompt .modal-content .modal-body .main-content .btn-location img {
            position: absolute;
            top: 0;
            left: 15px;
            bottom: 0;
            z-index: 1;
            max-width: 28px;
            margin: auto; }

@media screen and (max-width: 767px) {
  #location-prompt .modal-content .modal-body .background-image .content {
    padding: 15px 20px 7px;
    max-width: 100%; }
    #location-prompt .modal-content .modal-body .background-image .content p,
    #location-prompt .modal-content .modal-body .background-image .content img {
      display: none; }
    #location-prompt .modal-content .modal-body .background-image .content h2 {
      font-size: 20px;
      transform: none;
      font-style: normal; }
  #location-prompt .modal-content .modal-body .main-content {
    padding: 20px; }
    #location-prompt .modal-content .modal-body .main-content .divider {
      margin: 15px 0 5px; } }