.info {
            justify-content: center;
            padding: 30px;
            text-align: center;
            border-top: 1px solid #303030;
            border-bottom: 1px solid #303030;
        }
        .wrap {
            max-width: 1200px;
            padding:45px 21px;
            margin: 0 auto;
            display:flex;
            justify-content:center;
        }
      .card {
          display:flex;
          flex-direction:row;
          border-radius:21px;
          overflow:hidden;
          width:100%;
          border: 1px solid #303030;
      }
      .card-left {
          flex:0 0 30%;
          background: #304ffe;
          padding:45px 21px;
          display:flex;
          flex-direction:column;
          justify-content:space-between;
          color: #ffffff;
      }
      .brand {
          display:flex;
          align-items:center;
          gap:16px;
      }
      .brand-logo {
          width:75px;
          height:75px;
          border-radius:15px;
          background-image: url('/favicon/favicon.svg');
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          display:flex;
          justify-content:center;
          align-items:center;
          color: #212121;
      }
      .brand-name h2 {
          margin:0;
          font-size:21px;
          font-weight: 300;
          color: #ffffff;
      }
      .brand-name p {
          margin:3px 0 0;
          font-size:30px;
          color:#ffffff;
          font-weight: 500;
       }
      .left-shapes {
          display:flex;
          gap:9px;
          margin-top:21px;
      }
      .circle {width:21px;height:21px;background:#000000;border-radius:75%;opacity:0.15 }
      .left-footer {
          margin-top:21px;
          font-size:12px;
          color: #ffffff;
      }
      .card-right {
          flex:1;
          padding:30px;
          position:relative;
          display:flex;
          flex-direction:column;
          justify-content:center;
      }
      .details-card {
          border-radius:15px;
          padding:21px;
          display:flex;
          flex-direction:column;
          gap:15.75px;
          border:1px solid rgba(0,0,0,0.09);
      }
      .details-head {
          display:flex;
          justify-content:space-between;
          align-items:center;
      }
      .details-head-left {
          display:flex;
          gap:12px;
          align-items:center;
      }
      .title-block h3 {
          margin:0;font-size:15.75px;color:#fff;font-weight:400;
      }
      .fields {
          display:grid;
          grid-template-columns:1fr 1fr;
          gap:15px;
      }
      .field {
          display:flex;
          flex-direction:column;
          border: 1.75px solid #303030;
          padding:12px;
          border-radius:12px;
      }
      .lbl { font-size:12px;color: #ffffff;font-weight:300; }
      .val { font-size:15.75px;color: #304ffe;font-weight:500;word-break:break-word; }
      .actions {
          display:flex;
          justify-content:space-between;
          margin-top:12px;
          align-items:center;
      }
      .download-btn {
          background: #304ffe;
          color:#fff;
          padding:9px 15px;
          border-radius:5.75px;
          font-weight:500;
          font-size: 15.75px;
          text-decoration: none;
          border:none;
          cursor:pointer;
      }
      .vanished {
        padding: 45px;
        margin: 0;
        background-size: 55px 55px; 
        background-image: repeating-linear-gradient(180deg, #212121 0 0.5px, transparent 1px 55%);
        background-position: 0 0, 0 0;
        }
      @media(max-width:900px){
      .card{flex-direction:column}
      .card-left{flex:unset;padding:21px}
      .card-right{padding:21px;border-left:none;}
      .fields{grid-template-columns:1fr}
      }
      .container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 21px;
        margin: 15px auto;
        max-width: 900px;
        width: 100%;
        }
        @media(min-width: 745px) {
        .container {
        grid-template-columns: 1fr 1fr;
        }
        }
        .panel-verify h2,
        .panel-invoice h2 {
        margin: 0 0 15px 0;
        font-size: 21.75px;
        color: #ffffff;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: capitalize;
        }
        .panel {
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        }
        .panel-verify {
        background: #000000;
        border: 1px solid #303030;
        color: #ffffff;
        border-radius: 15px;
        }
        .panel-verify p {
        margin-bottom: 21px;
        line-height: 1.45;
        font-size: 15.75px;
        }
        .panel-verify a {
        text-decoration: none;
        background-color: #304ffe;
        color: #ffffff;
        text-align: center;
        padding: 12px 0;
        border-radius: 9px;
        display: block;
        width: 100%;
        }
        .panel-verify a:hover {
        background-color: #151515;
        }
        .panel-invoice {
        background-color: #000000;
        color: #ffffff;
        border: 1px solid #303030;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        }
        .panel-invoice input,
        .panel-invoice button {
        width: 100%;
        border-radius: 9px;
        padding: 12px;
        font-size: 15px;
        box-sizing: border-box;
        }
        .panel-invoice input {
        border: 1.45px solid #454545;
        background: transparent;
        color: #ffffff;
        margin-bottom: 15px;
        }
        .panel-invoice input:focus {
        outline: none;
        border-color: #304ffe;
        }
        .panel-invoice button {
        background-color: #304ffe;
        color: #ffffff;
        border: none;
        cursor: pointer;
        transition: all 0.3s;
        }
        .panel-invoice button:hover {
        background-color: #151515;
        }