.delivery-wrapper {
          position: fixed;
          display: flex;
          z-index: 10000;
          justify-content: center;
          top: 0;
          left: 0;
        }
        .delivery-info {
          display: flex;
          position: relative;
          background-color: rgba(255, 255, 255, 0.87);
          align-items: center;
          text-align: center;
          border: 1px solid black;
          border-top: 0px !important;
          border-radius: 0px 0px 10px 10px;
          width: 80%;
          margin: 0 auto;
          padding: 10px;
        }
        @media (max-width: 800px) {
          .delivery-info {
            width: 100%;
            font-size: 12px;
          }
          .delivery-info > svg {
            width: 200px;
            height: 150px;
          }
        }
        .delivery_close_btn {
          position: absolute;
          color: red;
          top: -10px;
          right: 0;
          margin: 5px;
          font-size: 30px;
          cursor: pointer;
        }