tango-app-api-payment-subscription 3.0.43-dev → 3.0.45-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -4
- package/src/controllers/paymentSubscription.controllers.js +644 -252
- package/src/dtos/validation.dtos.js +12 -0
- package/src/hbs/invoicePdf.hbs +1558 -179
- package/src/hbs/invoicePdfold.hbs +198 -0
- package/src/routes/paymentSubscription.routes.js +5 -1
- package/src/services/clientRequest.service.js +8 -0
- package/src/services/invoice.service.js +6 -0
package/src/hbs/invoicePdf.hbs
CHANGED
|
@@ -1,198 +1,1577 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<style class="text/css">
|
|
6
|
+
a,
|
|
7
|
+
button,
|
|
8
|
+
input,
|
|
9
|
+
select,
|
|
10
|
+
h1,
|
|
11
|
+
h2,
|
|
12
|
+
h3,
|
|
13
|
+
h4,
|
|
14
|
+
h5,
|
|
15
|
+
* {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
margin: 0;
|
|
18
|
+
padding: 0;
|
|
19
|
+
border: none;
|
|
20
|
+
text-decoration: none;
|
|
21
|
+
appearance: none;
|
|
22
|
+
background: none;
|
|
23
|
+
|
|
24
|
+
-webkit-font-smoothing: antialiased;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.invoice-tamilnadu,
|
|
28
|
+
.invoice-tamilnadu * {
|
|
29
|
+
box-sizing: border-box;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.invoice-tamilnadu {
|
|
33
|
+
background: #ffffff;
|
|
34
|
+
padding: 24px;
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
gap: 32px;
|
|
38
|
+
align-items: flex-start;
|
|
39
|
+
justify-content: flex-start;
|
|
40
|
+
position: relative;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.invoice-header {
|
|
44
|
+
background: #ffffff;
|
|
45
|
+
padding: 12px;
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-direction: row;
|
|
48
|
+
align-items: flex-end;
|
|
49
|
+
justify-content: space-between;
|
|
50
|
+
align-self: stretch;
|
|
51
|
+
flex-shrink: 0;
|
|
52
|
+
position: relative;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.frame-9156 {
|
|
56
|
+
display: flex;
|
|
57
|
+
flex-direction: column;
|
|
58
|
+
gap: 14px;
|
|
59
|
+
align-items: flex-start;
|
|
60
|
+
justify-content: flex-start;
|
|
61
|
+
flex-shrink: 0;
|
|
62
|
+
position: relative;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.tango-eye-logo-color-option-01-1 {
|
|
66
|
+
flex-shrink: 0;
|
|
67
|
+
width: 230px;
|
|
68
|
+
height: 59.57px;
|
|
69
|
+
position: relative;
|
|
70
|
+
overflow: visible;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.frame-55 {
|
|
74
|
+
display: flex;
|
|
75
|
+
flex-direction: column;
|
|
76
|
+
gap: 9px;
|
|
77
|
+
align-items: flex-start;
|
|
78
|
+
justify-content: flex-start;
|
|
79
|
+
flex-shrink: 0;
|
|
80
|
+
position: relative;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.frame-53 {
|
|
84
|
+
display: flex;
|
|
85
|
+
flex-direction: column;
|
|
86
|
+
gap: 0px;
|
|
87
|
+
align-items: flex-start;
|
|
88
|
+
justify-content: flex-start;
|
|
89
|
+
flex-shrink: 0;
|
|
90
|
+
position: relative;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.tango-it-solutions-india-private-ltd {
|
|
94
|
+
color: var(--gray-800, #1d2939);
|
|
95
|
+
text-align: left;
|
|
96
|
+
font-family: var(--text-xl-semibold-font-family,
|
|
97
|
+
"Inter-SemiBold",
|
|
98
|
+
sans-serif);
|
|
99
|
+
font-size: var(--text-xl-semibold-font-size, 20px);
|
|
100
|
+
line-height: var(--text-xl-semibold-line-height, 30px);
|
|
101
|
+
font-weight: var(--text-xl-semibold-font-weight, 600);
|
|
102
|
+
position: relative;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.frame-9158 {
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-direction: column;
|
|
108
|
+
gap: 0px;
|
|
109
|
+
align-items: flex-start;
|
|
110
|
+
justify-content: flex-start;
|
|
111
|
+
flex-shrink: 0;
|
|
112
|
+
position: relative;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
._2nd-floor-apeejay-business-centre-no-12-haddows-road-nungambakkam {
|
|
116
|
+
color: var(--gray-900, #101828);
|
|
117
|
+
text-align: left;
|
|
118
|
+
font-family: var(--text-md-regular-font-family, "Inter-Regular", sans-serif);
|
|
119
|
+
font-size: var(--text-md-regular-font-size, 16px);
|
|
120
|
+
line-height: var(--text-md-regular-line-height, 24px);
|
|
121
|
+
font-weight: var(--text-md-regular-font-weight, 400);
|
|
122
|
+
position: relative;
|
|
123
|
+
width: 447px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.chennai-tamil-nadu-600006-india {
|
|
127
|
+
color: var(--gray-900, #101828);
|
|
128
|
+
text-align: left;
|
|
129
|
+
font-family: var(--text-md-regular-font-family, "Inter-Regular", sans-serif);
|
|
130
|
+
font-size: var(--text-md-regular-font-size, 16px);
|
|
131
|
+
line-height: var(--text-md-regular-line-height, 24px);
|
|
132
|
+
font-weight: var(--text-md-regular-font-weight, 400);
|
|
133
|
+
position: relative;
|
|
134
|
+
width: 447px;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.gstin-33-aagct-3124-r-1-z-2 {
|
|
138
|
+
color: var(--gray-900, #101828);
|
|
139
|
+
text-align: left;
|
|
140
|
+
font-family: var(--text-md-regular-font-family, "Inter-Regular", sans-serif);
|
|
141
|
+
font-size: var(--text-md-regular-font-size, 16px);
|
|
142
|
+
line-height: var(--text-md-regular-line-height, 24px);
|
|
143
|
+
font-weight: var(--text-md-regular-font-weight, 400);
|
|
144
|
+
position: relative;
|
|
145
|
+
width: 447px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.frame-2698 {
|
|
149
|
+
display: flex;
|
|
150
|
+
flex-direction: column;
|
|
151
|
+
align-items: flex-end;
|
|
152
|
+
justify-content: space-between;
|
|
153
|
+
align-self: stretch;
|
|
154
|
+
flex-shrink: 0;
|
|
155
|
+
position: relative;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.frame-9155 {
|
|
159
|
+
display: flex;
|
|
160
|
+
flex-direction: column;
|
|
161
|
+
gap: 4px;
|
|
162
|
+
align-items: flex-end;
|
|
163
|
+
justify-content: flex-start;
|
|
164
|
+
flex-shrink: 0;
|
|
165
|
+
position: relative;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.frame-44 {
|
|
169
|
+
display: flex;
|
|
170
|
+
flex-direction: row;
|
|
171
|
+
gap: 8px;
|
|
172
|
+
align-items: flex-start;
|
|
173
|
+
justify-content: flex-start;
|
|
174
|
+
flex-shrink: 0;
|
|
175
|
+
position: relative;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.frame-45 {
|
|
179
|
+
display: flex;
|
|
180
|
+
flex-direction: row;
|
|
181
|
+
gap: 11px;
|
|
182
|
+
align-items: center;
|
|
183
|
+
justify-content: flex-start;
|
|
184
|
+
flex-shrink: 0;
|
|
185
|
+
position: relative;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.invoice {
|
|
189
|
+
color: var(--gray-800, #1d2939);
|
|
190
|
+
text-align: left;
|
|
191
|
+
font-family: var(--display-xs-semibold-font-family,
|
|
192
|
+
"Inter-SemiBold",
|
|
193
|
+
sans-serif);
|
|
194
|
+
font-size: var(--display-xs-semibold-font-size, 24px);
|
|
195
|
+
line-height: var(--display-xs-semibold-line-height, 32px);
|
|
196
|
+
font-weight: var(--display-xs-semibold-font-weight, 600);
|
|
197
|
+
position: relative;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.inv-24-25-00001 {
|
|
201
|
+
color: var(--gray-500, #667085);
|
|
202
|
+
text-align: left;
|
|
203
|
+
font-family: var(--display-xs-semibold-font-family,
|
|
204
|
+
"Inter-SemiBold",
|
|
205
|
+
sans-serif);
|
|
206
|
+
font-size: var(--display-xs-semibold-font-size, 24px);
|
|
207
|
+
line-height: var(--display-xs-semibold-line-height, 32px);
|
|
208
|
+
font-weight: var(--display-xs-semibold-font-weight, 600);
|
|
209
|
+
position: relative;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.frame-2699 {
|
|
213
|
+
display: flex;
|
|
214
|
+
flex-direction: row;
|
|
215
|
+
gap: 8px;
|
|
216
|
+
align-items: flex-start;
|
|
217
|
+
justify-content: flex-start;
|
|
218
|
+
flex-shrink: 0;
|
|
219
|
+
position: relative;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.balance-due {
|
|
223
|
+
color: var(--gray-800, #1d2939);
|
|
224
|
+
text-align: left;
|
|
225
|
+
font-family: var(--display-xs-semibold-font-family,
|
|
226
|
+
"Inter-SemiBold",
|
|
227
|
+
sans-serif);
|
|
228
|
+
font-size: var(--display-xs-semibold-font-size, 24px);
|
|
229
|
+
line-height: var(--display-xs-semibold-line-height, 32px);
|
|
230
|
+
font-weight: var(--display-xs-semibold-font-weight, 600);
|
|
231
|
+
position: relative;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
._1234 {
|
|
235
|
+
color: var(--gray-500, #667085);
|
|
236
|
+
text-align: left;
|
|
237
|
+
font-family: var(--display-xs-semibold-font-family,
|
|
238
|
+
"Inter-SemiBold",
|
|
239
|
+
sans-serif);
|
|
240
|
+
font-size: var(--display-xs-semibold-font-size, 24px);
|
|
241
|
+
line-height: var(--display-xs-semibold-line-height, 32px);
|
|
242
|
+
font-weight: var(--display-xs-semibold-font-weight, 600);
|
|
243
|
+
position: relative;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.frame-2697 {
|
|
247
|
+
display: flex;
|
|
248
|
+
flex-direction: column;
|
|
249
|
+
gap: 4px;
|
|
250
|
+
align-items: flex-start;
|
|
251
|
+
justify-content: flex-start;
|
|
252
|
+
flex-shrink: 0;
|
|
253
|
+
position: relative;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.frame-2693 {
|
|
257
|
+
display: flex;
|
|
258
|
+
flex-direction: row;
|
|
259
|
+
gap: 24px;
|
|
260
|
+
align-items: flex-start;
|
|
261
|
+
justify-content: flex-start;
|
|
262
|
+
flex-shrink: 0;
|
|
263
|
+
position: relative;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.frame-9159 {
|
|
267
|
+
display: flex;
|
|
268
|
+
flex-direction: row;
|
|
269
|
+
gap: 8px;
|
|
270
|
+
align-items: flex-start;
|
|
271
|
+
justify-content: flex-end;
|
|
272
|
+
flex-shrink: 0;
|
|
273
|
+
width: 120px;
|
|
274
|
+
position: relative;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.invoice-date {
|
|
278
|
+
color: var(--gray-900, #101828);
|
|
279
|
+
text-align: left;
|
|
280
|
+
font-family: var(--text-md-semibold-font-family,
|
|
281
|
+
"Inter-SemiBold",
|
|
282
|
+
sans-serif);
|
|
283
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
284
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
285
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
286
|
+
position: relative;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
._02-04-2024 {
|
|
290
|
+
color: var(--gray-900, #101828);
|
|
291
|
+
text-align: left;
|
|
292
|
+
font-family: var(--text-md-regular-font-family, "Inter-Regular", sans-serif);
|
|
293
|
+
font-size: var(--text-md-regular-font-size, 16px);
|
|
294
|
+
line-height: var(--text-md-regular-line-height, 24px);
|
|
295
|
+
font-weight: var(--text-md-regular-font-weight, 400);
|
|
296
|
+
position: relative;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.frame-2696 {
|
|
300
|
+
display: flex;
|
|
301
|
+
flex-direction: row;
|
|
302
|
+
gap: 24px;
|
|
303
|
+
align-items: flex-start;
|
|
304
|
+
justify-content: flex-start;
|
|
305
|
+
flex-shrink: 0;
|
|
306
|
+
position: relative;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
.terms {
|
|
310
|
+
color: var(--gray-900, #101828);
|
|
311
|
+
text-align: left;
|
|
312
|
+
font-family: var(--text-md-semibold-font-family,
|
|
313
|
+
"Inter-SemiBold",
|
|
314
|
+
sans-serif);
|
|
315
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
316
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
317
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
318
|
+
position: relative;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.net-30 {
|
|
322
|
+
color: var(--gray-900, #101828);
|
|
323
|
+
text-align: left;
|
|
324
|
+
font-family: var(--text-md-regular-font-family, "Inter-Regular", sans-serif);
|
|
325
|
+
font-size: var(--text-md-regular-font-size, 16px);
|
|
326
|
+
line-height: var(--text-md-regular-line-height, 24px);
|
|
327
|
+
font-weight: var(--text-md-regular-font-weight, 400);
|
|
328
|
+
position: relative;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.frame-26972 {
|
|
332
|
+
display: flex;
|
|
333
|
+
flex-direction: row;
|
|
334
|
+
gap: 24px;
|
|
335
|
+
align-items: flex-start;
|
|
336
|
+
justify-content: flex-start;
|
|
337
|
+
flex-shrink: 0;
|
|
338
|
+
position: relative;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.due-date {
|
|
342
|
+
color: var(--gray-900, #101828);
|
|
343
|
+
text-align: left;
|
|
344
|
+
font-family: var(--text-md-semibold-font-family,
|
|
345
|
+
"Inter-SemiBold",
|
|
346
|
+
sans-serif);
|
|
347
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
348
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
349
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
350
|
+
position: relative;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.frame-26982 {
|
|
354
|
+
display: flex;
|
|
355
|
+
flex-direction: row;
|
|
356
|
+
gap: 24px;
|
|
357
|
+
align-items: flex-start;
|
|
358
|
+
justify-content: flex-start;
|
|
359
|
+
flex-shrink: 0;
|
|
360
|
+
position: relative;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
.p-o {
|
|
364
|
+
color: var(--gray-900, #101828);
|
|
365
|
+
text-align: left;
|
|
366
|
+
font-family: var(--text-md-semibold-font-family,
|
|
367
|
+
"Inter-SemiBold",
|
|
368
|
+
sans-serif);
|
|
369
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
370
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
371
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
372
|
+
position: relative;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
.po-0000365 {
|
|
376
|
+
color: var(--gray-900, #101828);
|
|
377
|
+
text-align: left;
|
|
378
|
+
font-family: var(--text-md-regular-font-family, "Inter-Regular", sans-serif);
|
|
379
|
+
font-size: var(--text-md-regular-font-size, 16px);
|
|
380
|
+
line-height: var(--text-md-regular-line-height, 24px);
|
|
381
|
+
font-weight: var(--text-md-regular-font-weight, 400);
|
|
382
|
+
position: relative;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
.frame-9160 {
|
|
386
|
+
display: flex;
|
|
387
|
+
flex-direction: column;
|
|
388
|
+
gap: 24px;
|
|
389
|
+
align-items: flex-start;
|
|
390
|
+
justify-content: flex-start;
|
|
391
|
+
align-self: stretch;
|
|
392
|
+
flex-shrink: 0;
|
|
393
|
+
position: relative;
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
.billing-info {
|
|
397
|
+
display: flex;
|
|
398
|
+
flex-direction: column;
|
|
399
|
+
gap: 20px;
|
|
400
|
+
align-items: flex-start;
|
|
401
|
+
justify-content: flex-start;
|
|
402
|
+
align-self: stretch;
|
|
403
|
+
flex-shrink: 0;
|
|
404
|
+
position: relative;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.frame-57 {
|
|
408
|
+
background: #ffffff;
|
|
409
|
+
border-radius: 12px;
|
|
410
|
+
border-style: solid;
|
|
411
|
+
border-color: var(--gray-400, #98a2b3);
|
|
412
|
+
border-width: 1px;
|
|
413
|
+
padding: 16px;
|
|
414
|
+
display: flex;
|
|
415
|
+
flex-direction: row;
|
|
416
|
+
gap: 0px;
|
|
417
|
+
align-items: flex-start;
|
|
418
|
+
justify-content: flex-start;
|
|
419
|
+
align-self: stretch;
|
|
420
|
+
flex-shrink: 0;
|
|
421
|
+
position: relative;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.frame-56 {
|
|
425
|
+
display: flex;
|
|
426
|
+
flex-direction: column;
|
|
427
|
+
gap: 8px;
|
|
428
|
+
align-items: flex-start;
|
|
429
|
+
justify-content: flex-start;
|
|
430
|
+
flex: 1;
|
|
431
|
+
position: relative;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.bill-to {
|
|
435
|
+
color: var(--gray-900, #101828);
|
|
436
|
+
text-align: left;
|
|
437
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
438
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
439
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
440
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
441
|
+
position: relative;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
.frame-552 {
|
|
445
|
+
display: flex;
|
|
446
|
+
flex-direction: column;
|
|
447
|
+
gap: 8px;
|
|
448
|
+
align-items: flex-start;
|
|
449
|
+
justify-content: flex-start;
|
|
450
|
+
align-self: stretch;
|
|
451
|
+
flex-shrink: 0;
|
|
452
|
+
position: relative;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
.registered-company-name {
|
|
456
|
+
color: var(--gray-900, #101828);
|
|
457
|
+
text-align: left;
|
|
458
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
459
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
460
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
461
|
+
font-weight: var(--text-md-medium-font-weight, 600);
|
|
462
|
+
position: relative;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
.billing-address-given-by-the-client-flat-no-012-ground-floor-the-banyan-apartment-jsr-layout-j-p-nagar-9th-phase-alahalli-anjanapura-post-bengaluru-560062-karnataka-india {
|
|
466
|
+
color: var(--gray-900, #344054);
|
|
467
|
+
text-align: left;
|
|
468
|
+
font-family: var(--text-md-regular-font-family, "Inter-Regular", sans-serif);
|
|
469
|
+
font-size: var(--text-md-regular-font-size, 16px);
|
|
470
|
+
line-height: var(--text-md-regular-line-height, 24px);
|
|
471
|
+
font-weight: var(--text-md-regular-font-weight, 400);
|
|
472
|
+
position: relative;
|
|
473
|
+
align-self: stretch;
|
|
474
|
+
}
|
|
475
|
+
|
|
476
|
+
.frame-562 {
|
|
477
|
+
display: flex;
|
|
478
|
+
flex-direction: column;
|
|
479
|
+
gap: 0px;
|
|
480
|
+
align-items: flex-start;
|
|
481
|
+
justify-content: flex-start;
|
|
482
|
+
align-self: stretch;
|
|
483
|
+
flex-shrink: 0;
|
|
484
|
+
position: relative;
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
.gstin-33-aafci-2595-g-1-z-9 {
|
|
488
|
+
color: var(--gray-900, #101828);
|
|
489
|
+
text-align: left;
|
|
490
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
491
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
492
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
493
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
494
|
+
position: relative;
|
|
495
|
+
align-self: stretch;
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
.place-of-supply-tamil-nadu-33 {
|
|
499
|
+
color: var(--gray-900, #101828);
|
|
500
|
+
text-align: left;
|
|
501
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
502
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
503
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
504
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
505
|
+
position: relative;
|
|
506
|
+
align-self: stretch;
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
.invoice-info {
|
|
510
|
+
border-radius: 8px;
|
|
511
|
+
display: flex;
|
|
512
|
+
flex-direction: column;
|
|
513
|
+
gap: 0px;
|
|
514
|
+
align-items: flex-start;
|
|
515
|
+
justify-content: flex-start;
|
|
516
|
+
align-self: stretch;
|
|
517
|
+
flex-shrink: 0;
|
|
518
|
+
position: relative;
|
|
519
|
+
overflow: hidden;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
.card-header {
|
|
523
|
+
background: var(--white, #ffffff);
|
|
524
|
+
display: flex;
|
|
525
|
+
flex-direction: column;
|
|
526
|
+
gap: 0px;
|
|
527
|
+
align-items: flex-start;
|
|
528
|
+
justify-content: flex-start;
|
|
529
|
+
align-self: stretch;
|
|
530
|
+
flex-shrink: 0;
|
|
531
|
+
position: relative;
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
.content {
|
|
535
|
+
padding: 20px 24px 19px 24px;
|
|
536
|
+
display: flex;
|
|
537
|
+
flex-direction: row;
|
|
538
|
+
gap: 16px;
|
|
539
|
+
align-items: center;
|
|
540
|
+
justify-content: flex-start;
|
|
541
|
+
align-self: stretch;
|
|
542
|
+
flex-shrink: 0;
|
|
543
|
+
position: relative;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
.text {
|
|
547
|
+
color: var(--gray-900, #101828);
|
|
548
|
+
text-align: left;
|
|
549
|
+
font-family: var(--text-md-semibold-font-family,
|
|
550
|
+
"Inter-SemiBold",
|
|
551
|
+
sans-serif);
|
|
552
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
553
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
554
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
555
|
+
position: relative;
|
|
556
|
+
flex: 1;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
.frame-2397 {
|
|
560
|
+
display: flex;
|
|
561
|
+
flex-direction: column;
|
|
562
|
+
gap: 16px;
|
|
563
|
+
align-items: flex-start;
|
|
564
|
+
justify-content: flex-start;
|
|
565
|
+
align-self: stretch;
|
|
566
|
+
flex-shrink: 0;
|
|
567
|
+
position: relative;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
.content2 {
|
|
571
|
+
background: var(--white, #ffffff);
|
|
572
|
+
display: flex;
|
|
573
|
+
flex-direction: row;
|
|
574
|
+
gap: 0px;
|
|
575
|
+
align-items: flex-start;
|
|
576
|
+
justify-content: flex-start;
|
|
577
|
+
align-self: stretch;
|
|
578
|
+
flex-shrink: 0;
|
|
579
|
+
position: relative;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
.column {
|
|
583
|
+
display: flex;
|
|
584
|
+
flex-direction: column;
|
|
585
|
+
gap: 0px;
|
|
586
|
+
align-items: flex-start;
|
|
587
|
+
justify-content: flex-start;
|
|
588
|
+
align-self: stretch;
|
|
589
|
+
flex-shrink: 0;
|
|
590
|
+
position: relative;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
.table-header-cell {
|
|
594
|
+
background: var(--gray-200, #eaecf0);
|
|
595
|
+
border-style: solid;
|
|
596
|
+
border-color: var(--gray-200, #eaecf0);
|
|
597
|
+
border-width: 0px 0px 1px 0px;
|
|
598
|
+
padding: 12px 24px 12px 24px;
|
|
599
|
+
display: flex;
|
|
600
|
+
flex-direction: row;
|
|
601
|
+
gap: 12px;
|
|
602
|
+
align-items: center;
|
|
603
|
+
justify-content: flex-start;
|
|
604
|
+
flex-shrink: 0;
|
|
605
|
+
height: 44px;
|
|
606
|
+
position: relative;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
.table-header {
|
|
610
|
+
display: flex;
|
|
611
|
+
flex-direction: row;
|
|
612
|
+
gap: 4px;
|
|
613
|
+
align-items: center;
|
|
614
|
+
justify-content: flex-start;
|
|
615
|
+
flex-shrink: 0;
|
|
616
|
+
position: relative;
|
|
617
|
+
}
|
|
618
|
+
|
|
619
|
+
.text2 {
|
|
620
|
+
color: var(--gray-800, #1d2939);
|
|
621
|
+
text-align: left;
|
|
622
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
623
|
+
font-size: var(--text-md-medium-font-size, 14px);
|
|
624
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
625
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
626
|
+
position: relative;
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
.table-cell {
|
|
630
|
+
border-style: solid;
|
|
631
|
+
border-color: var(--gray-200, #eaecf0);
|
|
632
|
+
border-width: 0px 0px 1px 0px;
|
|
633
|
+
padding: 16px 24px 16px 24px;
|
|
634
|
+
display: flex;
|
|
635
|
+
flex-direction: row;
|
|
636
|
+
gap: 0px;
|
|
637
|
+
align-items: flex-start;
|
|
638
|
+
justify-content: flex-start;
|
|
639
|
+
align-self: stretch;
|
|
640
|
+
flex: 1;
|
|
641
|
+
position: relative;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.text3 {
|
|
645
|
+
color: var(--gray-600, #475467);
|
|
646
|
+
text-align: left;
|
|
647
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
648
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
649
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
650
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
651
|
+
position: relative;
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
.table-cell2 {
|
|
655
|
+
border-style: solid;
|
|
656
|
+
border-color: var(--gray-200, #eaecf0);
|
|
657
|
+
border-width: 0px 0px 1px 0px;
|
|
658
|
+
|
|
659
|
+
display: flex;
|
|
660
|
+
flex-direction: row;
|
|
661
|
+
gap: 0px;
|
|
662
|
+
align-items: flex-start;
|
|
663
|
+
justify-content: flex-start;
|
|
664
|
+
align-self: stretch;
|
|
665
|
+
flex-shrink: 0;
|
|
666
|
+
height: 56px;
|
|
667
|
+
position: relative;
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
.table-header-cell2 {
|
|
671
|
+
background: var(--gray-200, #eaecf0);
|
|
672
|
+
border-style: solid;
|
|
673
|
+
border-color: var(--gray-200, #eaecf0);
|
|
674
|
+
border-width: 0px 0px 1px 0px;
|
|
675
|
+
padding: 12px 24px 12px 24px;
|
|
676
|
+
display: flex;
|
|
677
|
+
flex-direction: row;
|
|
678
|
+
gap: 12px;
|
|
679
|
+
align-items: center;
|
|
680
|
+
justify-content: flex-start;
|
|
681
|
+
align-self: stretch;
|
|
682
|
+
flex-shrink: 0;
|
|
683
|
+
height: 44px;
|
|
684
|
+
position: relative;
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.table-cell3 {
|
|
688
|
+
border-style: solid;
|
|
689
|
+
border-color: var(--gray-200, #eaecf0);
|
|
690
|
+
border-width: 0px 0px 1px 0px;
|
|
691
|
+
|
|
692
|
+
display: flex;
|
|
693
|
+
flex-direction: column;
|
|
694
|
+
gap: 0px;
|
|
695
|
+
align-items: flex-start;
|
|
696
|
+
justify-content: flex-start;
|
|
697
|
+
align-self: stretch;
|
|
698
|
+
flex-shrink: 0;
|
|
699
|
+
position: relative;
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
.text4 {
|
|
703
|
+
color: var(--gray-900, #101828);
|
|
704
|
+
text-align: left;
|
|
705
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
706
|
+
font-size: var(--text-md-medium-font-size, 14px);
|
|
707
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
708
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
709
|
+
position: relative;
|
|
710
|
+
}
|
|
711
|
+
|
|
712
|
+
.text5 {
|
|
713
|
+
color: var(--gray-500, #667085);
|
|
714
|
+
text-align: left;
|
|
715
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
716
|
+
font-size: var(--text-md-medium-font-size, 14px);
|
|
717
|
+
|
|
718
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
719
|
+
position: relative;
|
|
720
|
+
width: 266px;
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
.column2 {
|
|
724
|
+
display: flex;
|
|
725
|
+
flex-direction: column;
|
|
726
|
+
gap: 0px;
|
|
727
|
+
align-items: flex-start;
|
|
728
|
+
justify-content: flex-start;
|
|
729
|
+
align-self: stretch;
|
|
730
|
+
flex: 1;
|
|
731
|
+
position: relative;
|
|
732
|
+
}
|
|
733
|
+
|
|
734
|
+
.table-header2 {
|
|
735
|
+
display: flex;
|
|
736
|
+
flex-direction: row;
|
|
737
|
+
gap: 4px;
|
|
738
|
+
align-items: center;
|
|
739
|
+
justify-content: flex-start;
|
|
740
|
+
flex: 1;
|
|
741
|
+
position: relative;
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
.text6 {
|
|
745
|
+
color: var(--gray-800, #1d2939);
|
|
746
|
+
text-align: center;
|
|
747
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
748
|
+
font-size: var(--text-md-medium-font-size, 14px);
|
|
749
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
750
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
751
|
+
position: relative;
|
|
752
|
+
flex: 1;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.table-cell4 {
|
|
756
|
+
border-style: solid;
|
|
757
|
+
border-color: var(--gray-200, #eaecf0);
|
|
758
|
+
border-width: 0px 0px 1px 0px;
|
|
759
|
+
|
|
760
|
+
display: flex;
|
|
761
|
+
flex-direction: column;
|
|
762
|
+
gap: 0px;
|
|
763
|
+
align-items: flex-start;
|
|
764
|
+
justify-content: center;
|
|
765
|
+
align-self: stretch;
|
|
766
|
+
flex: 1;
|
|
767
|
+
position: relative;
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
.text7 {
|
|
771
|
+
color: var(--gray-900, #101828);
|
|
772
|
+
text-align: center;
|
|
773
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
774
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
775
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
776
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
777
|
+
position: relative;
|
|
778
|
+
align-self: stretch;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
.table-cell5 {
|
|
782
|
+
border-style: solid;
|
|
783
|
+
border-color: var(--gray-200, #eaecf0);
|
|
784
|
+
border-width: 0px 0px 1px 0px;
|
|
785
|
+
|
|
786
|
+
display: flex;
|
|
787
|
+
flex-direction: column;
|
|
788
|
+
gap: 0px;
|
|
789
|
+
align-items: flex-start;
|
|
790
|
+
justify-content: center;
|
|
791
|
+
align-self: stretch;
|
|
792
|
+
flex-shrink: 0;
|
|
793
|
+
height: 56px;
|
|
794
|
+
position: relative;
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
.table-cell6 {
|
|
798
|
+
border-style: solid;
|
|
799
|
+
border-color: var(--gray-200, #eaecf0);
|
|
800
|
+
border-width: 0px 0px 1px 0px;
|
|
801
|
+
display: flex;
|
|
802
|
+
flex-direction: row;
|
|
803
|
+
gap: 0px;
|
|
804
|
+
align-items: center;
|
|
805
|
+
justify-content: flex-start;
|
|
806
|
+
align-self: stretch;
|
|
807
|
+
flex: 1;
|
|
808
|
+
position: relative;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
.text8 {
|
|
812
|
+
color: var(--gray-900, #101828);
|
|
813
|
+
text-align: center;
|
|
814
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
815
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
816
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
817
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
818
|
+
position: relative;
|
|
819
|
+
flex: 1;
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
.table-cell7 {
|
|
823
|
+
border-style: solid;
|
|
824
|
+
border-color: var(--gray-200, #eaecf0);
|
|
825
|
+
border-width: 0px 0px 1px 0px;
|
|
826
|
+
padding: 16px 24px 16px 24px;
|
|
827
|
+
display: flex;
|
|
828
|
+
flex-direction: row;
|
|
829
|
+
gap: 0px;
|
|
830
|
+
align-items: center;
|
|
831
|
+
justify-content: flex-start;
|
|
832
|
+
align-self: stretch;
|
|
833
|
+
flex-shrink: 0;
|
|
834
|
+
height: 56px;
|
|
835
|
+
position: relative;
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
.frame-23972 {
|
|
839
|
+
display: flex;
|
|
840
|
+
flex-direction: column;
|
|
841
|
+
gap: 12px;
|
|
842
|
+
align-items: flex-end;
|
|
843
|
+
justify-content: flex-start;
|
|
844
|
+
align-self: stretch;
|
|
845
|
+
flex-shrink: 0;
|
|
846
|
+
position: relative;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
.frame-2394 {
|
|
850
|
+
display: flex;
|
|
851
|
+
flex-direction: row;
|
|
852
|
+
gap: 40px;
|
|
853
|
+
align-items: flex-start;
|
|
854
|
+
justify-content: flex-start;
|
|
855
|
+
flex-shrink: 0;
|
|
856
|
+
position: relative;
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
.text9 {
|
|
860
|
+
color: var(--gray-500, #667085);
|
|
861
|
+
text-align: left;
|
|
862
|
+
font-family: var(--text-md-semibold-font-family,
|
|
863
|
+
"Inter-SemiBold",
|
|
864
|
+
sans-serif);
|
|
865
|
+
font-size: var(--text-md-semibold-font-size, 16px);
|
|
866
|
+
line-height: var(--text-md-semibold-line-height, 24px);
|
|
867
|
+
font-weight: var(--text-md-semibold-font-weight, 600);
|
|
868
|
+
position: relative;
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
.frame-9157 {
|
|
872
|
+
padding: 0px 24px 0px 0px;
|
|
873
|
+
display: flex;
|
|
874
|
+
flex-direction: row;
|
|
875
|
+
gap: 8px;
|
|
876
|
+
align-items: flex-start;
|
|
877
|
+
justify-content: flex-start;
|
|
878
|
+
flex-shrink: 0;
|
|
879
|
+
position: relative;
|
|
880
|
+
}
|
|
881
|
+
|
|
882
|
+
.text10 {
|
|
883
|
+
color: var(--gray-900, #101828);
|
|
884
|
+
text-align: right;
|
|
885
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
886
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
887
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
888
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
889
|
+
position: relative;
|
|
890
|
+
width: 190px;
|
|
891
|
+
}
|
|
892
|
+
|
|
893
|
+
.frame-2392 {
|
|
894
|
+
display: flex;
|
|
895
|
+
flex-direction: row;
|
|
896
|
+
gap: 40px;
|
|
897
|
+
align-items: flex-start;
|
|
898
|
+
justify-content: flex-start;
|
|
899
|
+
flex-shrink: 0;
|
|
900
|
+
position: relative;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
.frame-2398 {
|
|
904
|
+
display: flex;
|
|
905
|
+
flex-direction: row;
|
|
906
|
+
gap: 40px;
|
|
907
|
+
align-items: flex-start;
|
|
908
|
+
justify-content: flex-start;
|
|
909
|
+
flex-shrink: 0;
|
|
910
|
+
position: relative;
|
|
911
|
+
}
|
|
912
|
+
|
|
913
|
+
.divider {
|
|
914
|
+
background: var(--gray-25, #fcfcfd);
|
|
915
|
+
display: flex;
|
|
916
|
+
flex-direction: row;
|
|
917
|
+
gap: 0px;
|
|
918
|
+
align-items: flex-start;
|
|
919
|
+
justify-content: center;
|
|
920
|
+
align-self: stretch;
|
|
921
|
+
flex-shrink: 0;
|
|
922
|
+
position: relative;
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
.container {
|
|
926
|
+
padding: 0px 32px 0px 32px;
|
|
927
|
+
display: flex;
|
|
928
|
+
flex-direction: column;
|
|
929
|
+
gap: 32px;
|
|
930
|
+
align-items: flex-start;
|
|
931
|
+
justify-content: flex-start;
|
|
932
|
+
flex: 1;
|
|
933
|
+
height: auto;
|
|
934
|
+
position: relative;
|
|
935
|
+
overflow: visible;
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
.frame-2396 {
|
|
939
|
+
display: flex;
|
|
940
|
+
flex-direction: row;
|
|
941
|
+
gap: 40px;
|
|
942
|
+
align-items: flex-start;
|
|
943
|
+
justify-content: flex-start;
|
|
944
|
+
flex-shrink: 0;
|
|
945
|
+
position: relative;
|
|
946
|
+
}
|
|
947
|
+
|
|
948
|
+
.text11 {
|
|
949
|
+
color: var(--gray-800, #1d2939);
|
|
950
|
+
text-align: left;
|
|
951
|
+
font-family: var(--text-md-bold-font-family, "Inter-Bold", sans-serif);
|
|
952
|
+
font-size: var(--text-md-bold-font-size, 16px);
|
|
953
|
+
line-height: var(--text-md-bold-line-height, 24px);
|
|
954
|
+
font-weight: var(--text-md-bold-font-weight, 700);
|
|
955
|
+
position: relative;
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
.text12 {
|
|
959
|
+
color: var(--gray-800, #1d2939);
|
|
960
|
+
text-align: right;
|
|
961
|
+
font-family: var(--text-md-bold-font-family, "Inter-Bold", sans-serif);
|
|
962
|
+
font-size: var(--text-md-bold-font-size, 16px);
|
|
963
|
+
line-height: var(--text-md-bold-line-height, 24px);
|
|
964
|
+
font-weight: var(--text-md-bold-font-weight, 700);
|
|
965
|
+
position: relative;
|
|
966
|
+
width: 190px;
|
|
967
|
+
}
|
|
968
|
+
|
|
969
|
+
.frame-23973 {
|
|
970
|
+
display: flex;
|
|
971
|
+
flex-direction: row;
|
|
972
|
+
gap: 16px;
|
|
973
|
+
align-items: flex-start;
|
|
974
|
+
justify-content: flex-start;
|
|
975
|
+
flex-shrink: 0;
|
|
976
|
+
position: relative;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
.text13 {
|
|
980
|
+
color: var(--gray-800, #1d2939);
|
|
981
|
+
text-align: left;
|
|
982
|
+
font-family: var(--text-md-bold-font-family, "Inter-Bold", sans-serif);
|
|
983
|
+
font-size: var(--text-md-bold-font-size, 16px);
|
|
984
|
+
line-height: var(--text-md-bold-line-height, 24px);
|
|
985
|
+
font-weight: var(--text-md-bold-font-weight, 700);
|
|
986
|
+
position: relative;
|
|
987
|
+
width: 210px;
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
.frame-1277 {
|
|
991
|
+
border-radius: 8px;
|
|
992
|
+
padding: 16px;
|
|
993
|
+
display: flex;
|
|
994
|
+
flex-direction: column;
|
|
995
|
+
gap: 48px;
|
|
996
|
+
align-items: flex-start;
|
|
997
|
+
justify-content: flex-start;
|
|
998
|
+
align-self: stretch;
|
|
999
|
+
flex-shrink: 0;
|
|
1000
|
+
position: relative;
|
|
1001
|
+
}
|
|
1002
|
+
|
|
1003
|
+
.frame-9162 {
|
|
1004
|
+
display: flex;
|
|
1005
|
+
flex-direction: column;
|
|
1006
|
+
gap: 24px;
|
|
1007
|
+
align-items: flex-start;
|
|
1008
|
+
justify-content: flex-start;
|
|
1009
|
+
flex-shrink: 0;
|
|
1010
|
+
position: relative;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
.thanks-for-your-business {
|
|
1014
|
+
color: var(--gray-900, #101828);
|
|
1015
|
+
text-align: left;
|
|
1016
|
+
font-family: var(--text-xl-semibold-font-family,
|
|
1017
|
+
"Inter-SemiBold",
|
|
1018
|
+
sans-serif);
|
|
1019
|
+
font-size: var(--text-xl-semibold-font-size, 20px);
|
|
1020
|
+
line-height: var(--text-xl-semibold-line-height, 30px);
|
|
1021
|
+
font-weight: var(--text-xl-semibold-font-weight, 600);
|
|
1022
|
+
position: relative;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
.frame-2701 {
|
|
1026
|
+
display: flex;
|
|
1027
|
+
flex-direction: column;
|
|
1028
|
+
gap: 4px;
|
|
1029
|
+
align-items: flex-start;
|
|
1030
|
+
justify-content: flex-start;
|
|
1031
|
+
flex-shrink: 0;
|
|
1032
|
+
position: relative;
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
.beneficiary-name {
|
|
1036
|
+
color: var(--gray-500, #667085);
|
|
1037
|
+
text-align: left;
|
|
1038
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1039
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1040
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1041
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1042
|
+
position: relative;
|
|
1043
|
+
}
|
|
1044
|
+
|
|
1045
|
+
.tango-it-solutions-india-private-limited {
|
|
1046
|
+
color: var(--gray-800, #1d2939);
|
|
1047
|
+
text-align: left;
|
|
1048
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1049
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1050
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1051
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1052
|
+
position: relative;
|
|
1053
|
+
}
|
|
1054
|
+
|
|
1055
|
+
.frame-553 {
|
|
1056
|
+
display: flex;
|
|
1057
|
+
flex-direction: row;
|
|
1058
|
+
gap: 12px;
|
|
1059
|
+
align-items: flex-start;
|
|
1060
|
+
justify-content: flex-start;
|
|
1061
|
+
flex-shrink: 0;
|
|
1062
|
+
position: relative;
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1065
|
+
.frame-554 {
|
|
1066
|
+
display: flex;
|
|
1067
|
+
flex-direction: column;
|
|
1068
|
+
gap: 0px;
|
|
1069
|
+
align-items: flex-start;
|
|
1070
|
+
justify-content: flex-start;
|
|
1071
|
+
flex-shrink: 0;
|
|
1072
|
+
position: relative;
|
|
1073
|
+
}
|
|
1074
|
+
|
|
1075
|
+
.account-number {
|
|
1076
|
+
color: var(--gray-500, #667085);
|
|
1077
|
+
text-align: left;
|
|
1078
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1079
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1080
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1081
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1082
|
+
position: relative;
|
|
1083
|
+
}
|
|
1084
|
+
|
|
1085
|
+
._50200027441433 {
|
|
1086
|
+
color: var(--gray-800, #1d2939);
|
|
1087
|
+
text-align: left;
|
|
1088
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1089
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1090
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1091
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1092
|
+
position: relative;
|
|
1093
|
+
width: 210px;
|
|
1094
|
+
}
|
|
1095
|
+
|
|
1096
|
+
.frame-54 {
|
|
1097
|
+
display: flex;
|
|
1098
|
+
flex-direction: column;
|
|
1099
|
+
gap: 0px;
|
|
1100
|
+
align-items: flex-start;
|
|
1101
|
+
justify-content: flex-start;
|
|
1102
|
+
flex-shrink: 0;
|
|
1103
|
+
width: 163px;
|
|
1104
|
+
position: relative;
|
|
1105
|
+
}
|
|
1106
|
+
|
|
1107
|
+
.ifsc-code {
|
|
1108
|
+
color: var(--gray-500, #667085);
|
|
1109
|
+
text-align: left;
|
|
1110
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1111
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1112
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1113
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1114
|
+
position: relative;
|
|
1115
|
+
}
|
|
1116
|
+
|
|
1117
|
+
.hdfc-0000269 {
|
|
1118
|
+
color: var(--gray-800, #1d2939);
|
|
1119
|
+
text-align: left;
|
|
1120
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1121
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1122
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1123
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1124
|
+
position: relative;
|
|
1125
|
+
}
|
|
1126
|
+
|
|
1127
|
+
.frame-532 {
|
|
1128
|
+
display: flex;
|
|
1129
|
+
flex-direction: column;
|
|
1130
|
+
gap: 0px;
|
|
1131
|
+
align-items: flex-start;
|
|
1132
|
+
justify-content: flex-start;
|
|
1133
|
+
flex-shrink: 0;
|
|
1134
|
+
width: 138.5px;
|
|
1135
|
+
position: relative;
|
|
1136
|
+
}
|
|
1137
|
+
|
|
1138
|
+
.payment-type {
|
|
1139
|
+
color: var(--gray-500, #667085);
|
|
1140
|
+
text-align: left;
|
|
1141
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1142
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1143
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1144
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1145
|
+
position: relative;
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1148
|
+
.virtual-acc {
|
|
1149
|
+
color: #000000;
|
|
1150
|
+
text-align: left;
|
|
1151
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1152
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1153
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1154
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1155
|
+
position: relative;
|
|
1156
|
+
}
|
|
1157
|
+
|
|
1158
|
+
.frame-563 {
|
|
1159
|
+
display: flex;
|
|
1160
|
+
flex-direction: row;
|
|
1161
|
+
gap: 12px;
|
|
1162
|
+
align-items: flex-start;
|
|
1163
|
+
justify-content: flex-start;
|
|
1164
|
+
flex-shrink: 0;
|
|
1165
|
+
position: relative;
|
|
1166
|
+
}
|
|
1167
|
+
|
|
1168
|
+
.swift-code {
|
|
1169
|
+
color: var(--gray-500, #667085);
|
|
1170
|
+
text-align: left;
|
|
1171
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1172
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1173
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1174
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1175
|
+
position: relative;
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
.hdfcinbbche {
|
|
1179
|
+
color: var(--gray-800, #1d2939);
|
|
1180
|
+
text-align: left;
|
|
1181
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1182
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1183
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1184
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1185
|
+
position: relative;
|
|
1186
|
+
width: 210px;
|
|
1187
|
+
}
|
|
1188
|
+
|
|
1189
|
+
.frame-542 {
|
|
1190
|
+
display: flex;
|
|
1191
|
+
flex-direction: column;
|
|
1192
|
+
gap: 0px;
|
|
1193
|
+
align-items: flex-start;
|
|
1194
|
+
justify-content: flex-start;
|
|
1195
|
+
flex-shrink: 0;
|
|
1196
|
+
position: relative;
|
|
1197
|
+
}
|
|
1198
|
+
|
|
1199
|
+
.branch {
|
|
1200
|
+
color: var(--gray-500, #667085);
|
|
1201
|
+
text-align: left;
|
|
1202
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1203
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1204
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1205
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1206
|
+
position: relative;
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
.rs-puram-coimbatore {
|
|
1210
|
+
color: var(--gray-800, #1d2939);
|
|
1211
|
+
text-align: left;
|
|
1212
|
+
font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
|
|
1213
|
+
font-size: var(--text-md-medium-font-size, 16px);
|
|
1214
|
+
line-height: var(--text-md-medium-line-height, 24px);
|
|
1215
|
+
font-weight: var(--text-md-medium-font-weight, 500);
|
|
1216
|
+
position: relative;
|
|
1217
|
+
}
|
|
1218
|
+
|
|
1219
|
+
.frame-9161 {
|
|
1220
|
+
display: flex;
|
|
1221
|
+
flex-direction: row;
|
|
1222
|
+
gap: 8px;
|
|
1223
|
+
align-items: flex-start;
|
|
1224
|
+
justify-content: flex-start;
|
|
1225
|
+
flex-shrink: 0;
|
|
1226
|
+
position: relative;
|
|
1227
|
+
}
|
|
1228
|
+
.authorized-signature {
|
|
1229
|
+
color: var(--Gray-500, #667085);
|
|
1230
|
+
font-family: var(--text-xl-semibold-font-family,
|
|
1231
|
+
"Inter-SemiBold",
|
|
1232
|
+
sans-serif) !important;
|
|
1233
|
+
font-size: 16px;
|
|
1234
|
+
font-style: normal;
|
|
1235
|
+
font-weight: 500;
|
|
1236
|
+
line-height: 24px;
|
|
1237
|
+
}
|
|
1238
|
+
|
|
1239
|
+
.div {
|
|
1240
|
+
color: var(--gray-900, #101828);
|
|
1241
|
+
text-align: left;
|
|
1242
|
+
font-family: var(--text-xl-semibold-font-family,
|
|
1243
|
+
"Inter-SemiBold",
|
|
1244
|
+
sans-serif);
|
|
1245
|
+
font-size: var(--text-xl-semibold-font-size, 20px);
|
|
1246
|
+
line-height: var(--text-xl-semibold-line-height, 30px);
|
|
1247
|
+
font-weight: var(--text-xl-semibold-font-weight, 600);
|
|
1248
|
+
position: relative;
|
|
1249
|
+
}
|
|
1250
|
+
</style>
|
|
1251
|
+
<title>Document</title>
|
|
1252
|
+
</head>
|
|
1253
|
+
|
|
1254
|
+
<body>
|
|
1255
|
+
<div class="invoice-tamilnadu" style="width:1000px !important">
|
|
1256
|
+
<div class="invoice-header">
|
|
1257
|
+
<div class="frame-9156">
|
|
1258
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="230" height="60" viewBox="0 0 230 60" fill="none">
|
|
1259
|
+
<path d="M79.3535 17.4074V15.2715H98.2713V17.4074H89.9992V41.3606H87.6214V17.4074H79.3535Z"
|
|
1260
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
1261
|
+
<path
|
|
1262
|
+
d="M104.704 41.8039C103.588 41.8177 102.483 41.5806 101.47 41.1103C100.52 40.6696 99.7118 39.9725 99.1366 39.0975C98.538 38.138 98.2369 37.0228 98.2712 35.8925C98.2436 35.0441 98.4319 34.2026 98.8184 33.4469C99.1883 32.779 99.7237 32.2173 100.373 31.8158C101.112 31.3627 101.915 31.0237 102.755 30.8104C103.751 30.5476 104.765 30.3556 105.788 30.2356C106.883 30.0942 107.81 29.9755 108.571 29.8793C109.175 29.823 109.764 29.6592 110.31 29.3957C110.503 29.2937 110.661 29.1383 110.767 28.9483C110.873 28.7583 110.922 28.5417 110.909 28.3246V27.8664C110.909 26.5344 110.512 25.4837 109.719 24.7145C108.925 23.9453 107.785 23.5606 106.297 23.5606C104.883 23.5606 103.734 23.8703 102.851 24.4897C102.032 25.0283 101.385 25.7891 100.984 26.6828L98.8418 25.9044C99.226 24.9082 99.853 24.0238 100.666 23.3316C101.44 22.6975 102.335 22.227 103.296 21.9486C104.252 21.667 105.243 21.5241 106.24 21.5244C107.027 21.5298 107.81 21.628 108.573 21.8171C109.383 22.0116 110.15 22.3554 110.834 22.831C111.56 23.3433 112.144 24.0315 112.531 24.8312C112.964 25.6796 113.18 26.7599 113.18 28.0721V41.3606H110.909V38.2639H110.769C110.464 38.8896 110.054 39.4585 109.557 39.9459C108.979 40.518 108.296 40.9725 107.545 41.2843C106.643 41.6496 105.677 41.8264 104.704 41.8039ZM105.01 39.7274C106.109 39.7555 107.194 39.4779 108.145 38.9256C109.007 38.4116 109.714 37.6735 110.189 36.7897C110.673 35.8875 110.92 34.8777 110.909 33.8542V31.0268C110.659 31.2269 110.37 31.3715 110.06 31.451C109.613 31.5912 109.157 31.7039 108.696 31.7883C108.183 31.8858 107.671 31.9685 107.161 32.0364L105.786 32.2146C104.822 32.3172 103.872 32.5307 102.957 32.8509C102.263 33.0812 101.643 33.4919 101.16 34.0408C100.728 34.5976 100.507 35.29 100.539 35.9943C100.539 37.185 100.963 38.1041 101.811 38.7517C102.66 39.3994 103.726 39.7246 105.01 39.7274Z"
|
|
1263
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
17
1264
|
<path
|
|
18
|
-
d="
|
|
19
|
-
fill="#0066CC" stroke="#0066CC" stroke-width="1.
|
|
1265
|
+
d="M119.497 29.1283V41.3605H117.229V21.7894H119.433V24.8607H119.645C120.104 23.8591 120.851 23.0177 121.792 22.4448C122.766 21.8382 123.968 21.5349 125.398 21.5349C126.605 21.5088 127.8 21.7913 128.868 22.3557C129.87 22.9087 130.683 23.7505 131.201 24.7716C131.757 25.8321 132.035 27.1359 132.035 28.6829V41.3605H129.765V28.825C129.765 27.22 129.317 25.9474 128.42 25.007C127.524 24.0667 126.322 23.5994 124.814 23.605C123.859 23.5871 122.916 23.815 122.074 24.2668C121.275 24.7109 120.619 25.373 120.182 26.1758C119.703 27.0845 119.467 28.1015 119.497 29.1283Z"
|
|
1266
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
20
1267
|
<path
|
|
21
|
-
d="
|
|
22
|
-
fill="#0066CC" stroke="#0066CC" stroke-width="1.
|
|
1268
|
+
d="M143.512 49.1027C142.324 49.1247 141.141 48.9505 140.01 48.5872C139.078 48.2865 138.214 47.8082 137.465 47.1788C136.807 46.6218 136.262 45.9435 135.861 45.1808L137.721 43.9569C138.032 44.4883 138.41 44.9767 138.848 45.4099C139.378 45.9235 140.006 46.3259 140.695 46.5934C141.591 46.9322 142.545 47.0928 143.503 47.0664C145.235 47.0664 146.635 46.633 147.701 45.7662C148.767 44.8994 149.3 43.5561 149.3 41.7362V37.3307H149.088C148.794 37.9727 148.413 38.5709 147.955 39.1082C147.422 39.7281 146.765 40.2289 146.025 40.5781C145.104 40.989 144.1 41.1842 143.092 41.1487C141.622 41.1764 140.176 40.7754 138.93 39.9948C137.684 39.1807 136.695 38.0296 136.077 36.6753C135.385 35.2372 135.038 33.5199 135.038 31.5232C135.038 29.5266 135.377 27.7859 136.054 26.3012C136.655 24.89 137.636 23.6734 138.888 22.7866C140.135 21.9309 141.618 21.486 143.13 21.5139C144.329 21.5139 145.323 21.726 146.112 22.1503C146.852 22.5297 147.502 23.0618 148.021 23.7114C148.463 24.2706 148.841 24.8774 149.147 25.5206H149.376V21.7876H151.593V41.8656C151.593 43.5228 151.24 44.886 150.532 45.955C149.834 47.0191 148.83 47.8472 147.652 48.3306C146.338 48.8638 144.93 49.1264 143.512 49.1027ZM143.359 39.0785C144.502 39.1108 145.627 38.7925 146.583 38.1664C147.51 37.5151 148.223 36.6045 148.634 35.549C149.138 34.2547 149.38 32.8735 149.347 31.4851C149.372 30.0963 149.134 28.7153 148.647 27.4147C148.241 26.3088 147.538 25.3362 146.615 24.6043C145.65 23.9289 144.5 23.5693 143.322 23.575C142.145 23.5807 140.998 23.9514 140.04 24.6361C139.11 25.3787 138.405 26.3639 138.001 27.4826C137.527 28.7601 137.294 30.1142 137.312 31.4766C137.286 32.8284 137.524 34.1722 138.014 35.4324C138.425 36.5033 139.137 37.4323 140.065 38.107C141.032 38.7732 142.186 39.1135 143.359 39.0785Z"
|
|
1269
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
23
1270
|
<path
|
|
24
|
-
d="
|
|
25
|
-
fill="#0066CC" stroke="#0066CC" stroke-width="1.
|
|
1271
|
+
d="M163.235 41.7659C161.647 41.7958 160.086 41.3472 158.756 40.4784C157.436 39.5921 156.385 38.3601 155.718 36.9172C154.99 35.4027 154.626 33.6514 154.626 31.6633C154.626 29.6751 154.992 27.9076 155.723 26.3606C156.387 24.9145 157.438 23.6805 158.76 22.7951C160.102 21.9558 161.653 21.5107 163.235 21.5107C164.818 21.5107 166.369 21.9558 167.711 22.7951C169.03 23.6893 170.08 24.9275 170.746 26.3755C171.483 27.897 171.85 29.6596 171.849 31.6633C171.848 33.667 171.48 35.4183 170.746 36.9172C170.079 38.3601 169.028 39.5921 167.709 40.4784C166.38 41.3461 164.822 41.7947 163.235 41.7659ZM163.235 39.6894C164.476 39.7305 165.693 39.3474 166.686 38.6034C167.656 37.8412 168.399 36.8293 168.837 35.6763C169.816 33.0861 169.816 30.2278 168.837 27.6375C168.399 26.4816 167.658 25.4653 166.691 24.6956C165.685 23.9742 164.479 23.5862 163.242 23.5862C162.004 23.5862 160.798 23.9742 159.793 24.6956C158.823 25.4637 158.079 26.4804 157.64 27.6375C156.664 30.2283 156.664 33.0855 157.64 35.6763C158.075 36.8283 158.816 37.8401 159.782 38.6034C160.728 39.3288 161.879 39.6908 163.235 39.6894Z"
|
|
1272
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
26
1273
|
<path
|
|
27
|
-
d="
|
|
28
|
-
fill="#0066CC" stroke="#0066CC" stroke-width="1.
|
|
1274
|
+
d="M175.122 41.3606V15.2715H190.26V17.4074H177.504V27.2301H189.452V29.3702H177.504V39.2183H190.51V41.3606H175.122Z"
|
|
1275
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
29
1276
|
<path
|
|
30
|
-
d="
|
|
31
|
-
fill="#0066CC" stroke="#0066CC" stroke-width="1.
|
|
1277
|
+
d="M196.26 48.6958C195.836 48.6985 195.414 48.6558 195 48.5685C194.681 48.5061 194.369 48.4123 194.069 48.2885L194.68 46.2884C195.343 46.5127 196.045 46.6015 196.743 46.5493C197.359 46.4798 197.929 46.1906 198.349 45.7348C198.816 45.2554 199.232 44.5229 199.598 43.5373L200.311 41.5499L193.114 21.79H195.573L201.382 38.3641H201.56L207.37 21.79H209.828L201.556 44.4536C201.258 45.3058 200.823 46.1038 200.269 46.8165C199.799 47.4193 199.194 47.9038 198.504 48.2313C197.799 48.5499 197.033 48.7085 196.26 48.6958Z"
|
|
1278
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
32
1279
|
<path
|
|
33
|
-
d="
|
|
34
|
-
fill="#0066CC" stroke="#0066CC" stroke-width="1.
|
|
1280
|
+
d="M220.186 41.7659C218.36 41.7659 216.781 41.3417 215.447 40.4933C214.101 39.6262 213.03 38.3939 212.359 36.9405C211.631 35.4232 211.267 33.6754 211.269 31.6972C211.235 29.8857 211.607 28.0897 212.359 26.4412C213.018 24.9867 214.061 23.7399 215.377 22.8354C216.697 21.9541 218.255 21.4981 219.842 21.5288C220.896 21.5234 221.942 21.7177 222.924 22.1015C223.924 22.4991 224.828 23.1025 225.58 23.8726C226.404 24.7295 227.04 25.7497 227.446 26.8675C227.932 28.2344 228.165 29.6784 228.133 31.1287V32.2402H212.847V30.24H225.815C225.833 29.0649 225.574 27.9021 225.058 26.8463C224.583 25.876 223.858 25.0505 222.956 24.4559C221.994 23.8625 220.881 23.558 219.751 23.5787C218.62 23.5994 217.52 23.9444 216.58 24.5725C215.629 25.2421 214.868 26.1459 214.37 27.1963C213.832 28.3077 213.555 29.5271 213.559 30.7618V31.9602C213.528 33.36 213.804 34.7496 214.37 36.0305C214.859 37.1325 215.657 38.0685 216.669 38.7243C217.564 39.246 218.563 39.5635 219.595 39.654C220.627 39.7446 221.666 39.606 222.638 39.2482C223.3 38.9836 223.902 38.5867 224.407 38.0816C224.871 37.6196 225.241 37.0722 225.497 36.4696L227.65 37.1717C227.332 38.0276 226.835 38.8052 226.19 39.4518C225.473 40.1763 224.615 40.7465 223.668 41.1275C222.562 41.5701 221.378 41.7872 220.186 41.7659Z"
|
|
1281
|
+
fill="#0066CC" stroke="#0066CC" stroke-width="1.22" stroke-miterlimit="10" />
|
|
35
1282
|
<path
|
|
36
|
-
d="
|
|
37
|
-
fill="#
|
|
1283
|
+
d="M55.9241 1.89648H5.63357C4.13648 1.89648 2.92285 3.11012 2.92285 4.60721V54.8977C2.92285 56.3948 4.13648 57.6084 5.63357 57.6084H55.9241C57.4212 57.6084 58.6348 56.3948 58.6348 54.8977V4.60721C58.6348 3.11012 57.4212 1.89648 55.9241 1.89648Z"
|
|
1284
|
+
fill="url(#paint0_linear_9335_55177)" />
|
|
38
1285
|
<path
|
|
39
|
-
d="
|
|
40
|
-
fill="
|
|
1286
|
+
d="M49.0493 44.2644L47.6451 42.8603L32.5156 27.7307L37.0037 23.2425L38.0791 22.165C38.1817 22.061 38.2396 21.9209 38.2403 21.7748C38.24 21.7025 38.2254 21.631 38.1973 21.5644C38.1693 21.4978 38.1284 21.4374 38.077 21.3866L36.9995 20.3091L32.2398 15.5409L31.1623 14.4634C31.1114 14.4116 31.0507 14.3705 30.9836 14.3424C30.9166 14.3143 30.8447 14.2998 30.7721 14.2998C30.6994 14.2998 30.6275 14.3143 30.5605 14.3424C30.4935 14.3705 30.4327 14.4116 30.3818 14.4634L29.3043 15.5431L23.4713 21.376C23.4196 21.4267 23.3785 21.4873 23.3504 21.5541C23.3223 21.621 23.3079 21.6927 23.3079 21.7652C23.3079 21.8377 23.3223 21.9095 23.3504 21.9763C23.3785 22.0431 23.4196 22.1037 23.4713 22.1544L29.0434 27.7286L13.9117 42.8603L12.5139 44.2644C12.4103 44.3671 12.3515 44.5067 12.3506 44.6526C12.3512 44.7936 12.405 44.9292 12.5012 45.0323C12.5525 45.0871 12.6146 45.1309 12.6836 45.1608C12.7525 45.1907 12.8269 45.2062 12.9021 45.2062H26.513C26.659 45.2056 26.799 45.1473 26.9023 45.044C27.0056 44.9407 27.0639 44.8008 27.0644 44.6547V43.3015C27.0644 43.155 27.0064 43.0145 26.903 42.9108C26.7997 42.807 26.6594 42.7484 26.513 42.7479H17.4984L30.7784 29.4679L44.0584 42.7479H34.9654C34.8189 42.7484 34.6787 42.807 34.5753 42.9108C34.472 43.0145 34.4139 43.155 34.4139 43.3015V44.6547C34.4136 44.7274 34.428 44.7994 34.456 44.8664C34.4841 44.9334 34.5253 44.9942 34.5772 45.045C34.6803 45.1478 34.8198 45.2058 34.9654 45.2062H48.659C48.7345 45.2064 48.8093 45.1911 48.8786 45.1612C48.948 45.1313 49.0104 45.0874 49.062 45.0323C49.1611 44.9282 49.2153 44.7894 49.2129 44.6457C49.2106 44.5021 49.1518 44.3651 49.0493 44.2644ZM30.7699 17.5496L34.9972 21.7769L30.7805 25.9936L26.5533 21.7663L30.7699 17.5496Z"
|
|
1287
|
+
fill="white" />
|
|
41
1288
|
<defs>
|
|
42
|
-
<linearGradient id="
|
|
43
|
-
gradientUnits="userSpaceOnUse">
|
|
1289
|
+
<linearGradient id="paint0_linear_9335_55177" x1="14.5781" y1="8.41664" x2="52.6682"
|
|
1290
|
+
y2="58.5841" gradientUnits="userSpaceOnUse">
|
|
44
1291
|
<stop stop-color="#794FD9" />
|
|
45
1292
|
<stop offset="1" stop-color="#33B1F7" />
|
|
46
1293
|
</linearGradient>
|
|
47
1294
|
</defs>
|
|
48
1295
|
</svg>
|
|
49
|
-
<
|
|
50
|
-
<
|
|
51
|
-
<
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
1296
|
+
<div class="frame-55">
|
|
1297
|
+
<div class="frame-53">
|
|
1298
|
+
<div class="tango-it-solutions-india-private-ltd">
|
|
1299
|
+
TANGO IT SOLUTIONS INDIA PRIVATE LTD
|
|
1300
|
+
</div>
|
|
1301
|
+
</div>
|
|
1302
|
+
<div class="frame-9158">
|
|
1303
|
+
<div class="_2nd-floor-apeejay-business-centre-no-12-haddows-road-nungambakkam">
|
|
1304
|
+
2nd Floor, Apeejay Business Centre, No.12, Haddows Road Nungambakkam
|
|
1305
|
+
</div>
|
|
1306
|
+
<div class="chennai-tamil-nadu-600006-india">
|
|
1307
|
+
Chennai Tamil Nadu 600006, India
|
|
1308
|
+
</div>
|
|
1309
|
+
<div class="gstin-33-aagct-3124-r-1-z-2">GSTIN 33AAGCT3124R1Z2</div>
|
|
1310
|
+
</div>
|
|
1311
|
+
</div>
|
|
1312
|
+
</div>
|
|
1313
|
+
<div class="frame-2698">
|
|
1314
|
+
<div class="frame-9155">
|
|
1315
|
+
<div class="frame-44">
|
|
1316
|
+
<div class="frame-45">
|
|
1317
|
+
<div class="invoice">INVOICE</div>
|
|
1318
|
+
<div class="inv-24-25-00001"># {{invoice}}</div>
|
|
1319
|
+
</div>
|
|
1320
|
+
</div>
|
|
1321
|
+
<div class="frame-2699">
|
|
1322
|
+
<div class="frame-45">
|
|
1323
|
+
<div class="balance-due">Balance Due</div>
|
|
1324
|
+
<div class="_1234">{{currencyType}} {{totalAmount}}</div>
|
|
1325
|
+
</div>
|
|
1326
|
+
</div>
|
|
1327
|
+
</div>
|
|
1328
|
+
<div class="frame-2697">
|
|
1329
|
+
<div class="frame-2693">
|
|
1330
|
+
<div class="frame-9159">
|
|
1331
|
+
<div class="invoice-date">Invoice date :</div>
|
|
1332
|
+
</div>
|
|
1333
|
+
<div class="_02-04-2024">{{invoiceDate}}</div>
|
|
1334
|
+
</div>
|
|
1335
|
+
<div class="frame-2696">
|
|
1336
|
+
<div class="frame-9159">
|
|
1337
|
+
<div class="terms">Terms :</div>
|
|
1338
|
+
</div>
|
|
1339
|
+
<div class="net-30">{{Terms}}</div>
|
|
1340
|
+
</div>
|
|
1341
|
+
<div class="frame-26972">
|
|
1342
|
+
<div class="frame-9159">
|
|
1343
|
+
<div class="due-date">Due Date :</div>
|
|
1344
|
+
</div>
|
|
1345
|
+
<div class="_02-04-2024">{{dueDate}}</div>
|
|
1346
|
+
</div>
|
|
1347
|
+
<div class="frame-26982">
|
|
1348
|
+
<div class="frame-9159">
|
|
1349
|
+
<div class="p-o">P.O.# :</div>
|
|
1350
|
+
</div>
|
|
1351
|
+
<div class="po-0000365">{{PoNum}}</div>
|
|
1352
|
+
</div>
|
|
1353
|
+
</div>
|
|
1354
|
+
</div>
|
|
1355
|
+
</div>
|
|
1356
|
+
<div class="frame-9160">
|
|
1357
|
+
<div class="billing-info">
|
|
1358
|
+
<div class="frame-57">
|
|
1359
|
+
<div class="frame-56">
|
|
1360
|
+
<div class="bill-to">Bill to</div>
|
|
1361
|
+
<div class="frame-552">
|
|
1362
|
+
<div class="frame-53">
|
|
1363
|
+
<div class="registered-company-name">
|
|
1364
|
+
{{companyName}}
|
|
1365
|
+
</div>
|
|
1366
|
+
</div>
|
|
1367
|
+
<div
|
|
1368
|
+
class="billing-address-given-by-the-client-flat-no-012-ground-floor-the-banyan-apartment-jsr-layout-j-p-nagar-9th-phase-alahalli-anjanapura-post-bengaluru-560062-karnataka-india">
|
|
1369
|
+
{{companyAddress}}
|
|
1370
|
+
</div>
|
|
1371
|
+
<div class="frame-562">
|
|
1372
|
+
<div class="gstin-33-aafci-2595-g-1-z-9"> GSTIN {{GSTNumber}}</div>
|
|
1373
|
+
</div>
|
|
1374
|
+
</div>
|
|
1375
|
+
</div>
|
|
1376
|
+
</div>
|
|
1377
|
+
</div>
|
|
1378
|
+
<div class="place-of-supply-tamil-nadu-33">
|
|
1379
|
+
Place Of Supply: {{PlaceOfSupply}}
|
|
1380
|
+
</div>
|
|
1381
|
+
</div>
|
|
1382
|
+
<div class="invoice-info">
|
|
1383
|
+
<div class="card-header">
|
|
1384
|
+
<div class="content">
|
|
1385
|
+
<div class="text">Invoice Details</div>
|
|
1386
|
+
</div>
|
|
1387
|
+
</div>
|
|
1388
|
+
<div class="frame-2397">
|
|
1389
|
+
<div class="content2">
|
|
1390
|
+
<div class="column">
|
|
1391
|
+
<div class="table-header-cell" style="background: var(--gray-200, #eaecf0);
|
|
1392
|
+
border-style: solid;
|
|
1393
|
+
border-color: var(--gray-200, #eaecf0);
|
|
1394
|
+
border-width: 0px 0px 1px 0px;
|
|
1395
|
+
padding: 12px 24px 12px 24px;
|
|
1396
|
+
display: flex;
|
|
1397
|
+
flex-direction: row;
|
|
1398
|
+
gap: 12px;
|
|
1399
|
+
align-items: center;
|
|
1400
|
+
justify-content: flex-start;
|
|
1401
|
+
flex-shrink: 0;
|
|
1402
|
+
height: 44px;
|
|
1403
|
+
position: relative;">
|
|
1404
|
+
<div class="table-header">
|
|
1405
|
+
<div class="text2">#</div>
|
|
1406
|
+
</div>
|
|
1407
|
+
</div>
|
|
1408
|
+
{{#each products}}
|
|
1409
|
+
<div class="table-cell">
|
|
1410
|
+
<div class="text3">{{index}}</div>
|
|
1411
|
+
</div>
|
|
1412
|
+
{{/each}}
|
|
1413
|
+
|
|
1414
|
+
</div>
|
|
1415
|
+
<div class="column">
|
|
1416
|
+
<div class="table-header-cell2">
|
|
1417
|
+
<div class="table-header">
|
|
1418
|
+
<div class="text2">Product & Description</div>
|
|
1419
|
+
</div>
|
|
1420
|
+
</div>
|
|
1421
|
+
{{#each products}}
|
|
1422
|
+
<div class="table-cell3" style="padding:20px 24px 26px 24px;height:90px !important;">
|
|
1423
|
+
<div class="text4">{{product.product}}</div>
|
|
1424
|
+
<div class="text5">{{description}}</div>
|
|
1425
|
+
</div>
|
|
1426
|
+
{{/each}}
|
|
1427
|
+
</div>
|
|
1428
|
+
<div class="column2">
|
|
1429
|
+
<div class="table-header-cell2">
|
|
1430
|
+
<div class="table-header2">
|
|
1431
|
+
<div class="text6">Month</div>
|
|
62
1432
|
</div>
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
<
|
|
71
|
-
<
|
|
72
|
-
<div
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
<
|
|
78
|
-
<div
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
<
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
<
|
|
95
|
-
<
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
</
|
|
107
|
-
<
|
|
108
|
-
<
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
<
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
<
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
<
|
|
146
|
-
<
|
|
147
|
-
<
|
|
148
|
-
<
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
<
|
|
152
|
-
<
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
</
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
<
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
<
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
<
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
<
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
<
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
1433
|
+
</div>
|
|
1434
|
+
{{#each products}}
|
|
1435
|
+
<div class="table-cell4">
|
|
1436
|
+
<div class="text7">{{Month}}</div>
|
|
1437
|
+
</div>
|
|
1438
|
+
{{/each}}
|
|
1439
|
+
</div>
|
|
1440
|
+
<div class="column2">
|
|
1441
|
+
<div class="table-header-cell2">
|
|
1442
|
+
<div class="table-header2">
|
|
1443
|
+
<div class="text6">HSN/SAC</div>
|
|
1444
|
+
</div>
|
|
1445
|
+
</div>
|
|
1446
|
+
{{#each products}}
|
|
1447
|
+
<div class="table-cell4">
|
|
1448
|
+
<div class="text7">{{HSNnumber}}</div>
|
|
1449
|
+
</div>
|
|
1450
|
+
{{/each}}
|
|
1451
|
+
</div>
|
|
1452
|
+
<div class="column2">
|
|
1453
|
+
<div class="table-header-cell2">
|
|
1454
|
+
<div class="table-header2">
|
|
1455
|
+
<div class="text6">Stores</div>
|
|
1456
|
+
</div>
|
|
1457
|
+
</div>
|
|
1458
|
+
{{#each products}}
|
|
1459
|
+
<div class="table-cell6">
|
|
1460
|
+
<div class="text8">{{count}}</div>
|
|
1461
|
+
</div>
|
|
1462
|
+
{{/each}}
|
|
1463
|
+
</div>
|
|
1464
|
+
<div class="column2">
|
|
1465
|
+
<div class="table-header-cell2">
|
|
1466
|
+
<div class="table-header2">
|
|
1467
|
+
<div class="text6">Price</div>
|
|
1468
|
+
</div>
|
|
1469
|
+
</div>
|
|
1470
|
+
{{#each products}}
|
|
1471
|
+
<div class="table-cell6">
|
|
1472
|
+
<div class="text8">{{currency}} {{basePrice}}</div>
|
|
1473
|
+
</div>
|
|
1474
|
+
{{/each}}
|
|
1475
|
+
|
|
1476
|
+
</div>
|
|
1477
|
+
<div class="column2">
|
|
1478
|
+
<div class="table-header-cell2">
|
|
1479
|
+
<div class="table-header2">
|
|
1480
|
+
<div class="text6">Amount</div>
|
|
1481
|
+
</div>
|
|
1482
|
+
</div>
|
|
1483
|
+
{{#each products}}
|
|
1484
|
+
<div class="table-cell6">
|
|
1485
|
+
<div class="text8">{{currency}} {{price}}</div>
|
|
1486
|
+
</div>
|
|
1487
|
+
{{/each}}
|
|
1488
|
+
|
|
1489
|
+
</div>
|
|
1490
|
+
</div>
|
|
1491
|
+
<div class="frame-23972">
|
|
1492
|
+
<div class="frame-2394">
|
|
1493
|
+
<div class="text9">Sub Total</div>
|
|
1494
|
+
<div class="frame-9157">
|
|
1495
|
+
<div class="text10">{{currencyType}} {{subtotal}}</div>
|
|
1496
|
+
</div>
|
|
1497
|
+
</div>
|
|
1498
|
+
{{#each tax }}
|
|
1499
|
+
<div class="frame-2392">
|
|
1500
|
+
<div class="text9">{{type}} ({{value}}%)</div>
|
|
1501
|
+
<div class="frame-9157">
|
|
1502
|
+
<div class="text10">{{currency}} {{taxAmount}}</div>
|
|
1503
|
+
</div>
|
|
1504
|
+
</div>
|
|
1505
|
+
{{/each }}
|
|
1506
|
+
<!-- <div class="frame-2398">
|
|
1507
|
+
<div class="text9">CGST (9%)</div>
|
|
1508
|
+
<div class="frame-9157">
|
|
1509
|
+
<div class="text10">$0,00,000.00</div>
|
|
1510
|
+
</div>
|
|
1511
|
+
</div> -->
|
|
1512
|
+
<div class="divider">
|
|
1513
|
+
<!-- <img class="container" src="container0.svg" /> -->
|
|
1514
|
+
</div>
|
|
1515
|
+
<div class="frame-2396">
|
|
1516
|
+
<div class="text11">Total Amount</div>
|
|
1517
|
+
<div class="frame-9157">
|
|
1518
|
+
<div class="text12">{{currencyType}} {{totalAmount}}</div>
|
|
1519
|
+
</div>
|
|
1520
|
+
</div>
|
|
1521
|
+
<div class="frame-23973">
|
|
1522
|
+
<div class="text11">Total In Words</div>
|
|
1523
|
+
<div class="frame-9157">
|
|
1524
|
+
<div class="text13">
|
|
1525
|
+
{{currencyName}} {{amountwords}} Only
|
|
1526
|
+
</div>
|
|
1527
|
+
</div>
|
|
1528
|
+
</div>
|
|
1529
|
+
</div>
|
|
1530
|
+
</div>
|
|
1531
|
+
</div>
|
|
1532
|
+
<div class="frame-1277">
|
|
1533
|
+
<div class="frame-9162">
|
|
1534
|
+
<div class="thanks-for-your-business">Thanks for your business!</div>
|
|
1535
|
+
<div class="frame-2701">
|
|
1536
|
+
<div class="frame-53">
|
|
1537
|
+
<div class="beneficiary-name">Beneficiary Name</div>
|
|
1538
|
+
<div class="tango-it-solutions-india-private-limited">
|
|
1539
|
+
Tango IT Solutions India Private Limited
|
|
1540
|
+
</div>
|
|
1541
|
+
</div>
|
|
1542
|
+
<div class="frame-553">
|
|
1543
|
+
<div class="frame-554">
|
|
1544
|
+
<div class="account-number">Account Number</div>
|
|
1545
|
+
<div class="_50200027441433">50200027441433</div>
|
|
1546
|
+
</div>
|
|
1547
|
+
<div class="frame-54">
|
|
1548
|
+
<div class="ifsc-code">IFSC Code</div>
|
|
1549
|
+
<div class="hdfc-0000269">HDFC0000269</div>
|
|
1550
|
+
</div>
|
|
1551
|
+
<div class="frame-532">
|
|
1552
|
+
<div class="payment-type">Payment Type</div>
|
|
1553
|
+
<div class="virtual-acc">{{paymentMethod}}</div>
|
|
1554
|
+
</div>
|
|
1555
|
+
</div>
|
|
1556
|
+
<div class="frame-563">
|
|
1557
|
+
<div class="frame-53">
|
|
1558
|
+
<div class="swift-code">SWIFT Code</div>
|
|
1559
|
+
<div class="hdfcinbbche">HDFCINBBCHE</div>
|
|
1560
|
+
</div>
|
|
1561
|
+
<div class="frame-542">
|
|
1562
|
+
<div class="branch">Branch</div>
|
|
1563
|
+
<div class="rs-puram-coimbatore">RS Puram, Coimbatore</div>
|
|
1564
|
+
</div>
|
|
1565
|
+
</div>
|
|
1566
|
+
</div>
|
|
1567
|
+
</div>
|
|
1568
|
+
<div class="frame-9161" style="margin-top:70px">
|
|
1569
|
+
<div class="authorized-signature">This is a system generated invoice. No signature required</div>
|
|
1570
|
+
{{!-- <div class="div">_________________________________</div> --}}
|
|
195
1571
|
</div>
|
|
196
1572
|
</div>
|
|
197
|
-
</
|
|
1573
|
+
</div>
|
|
1574
|
+
|
|
1575
|
+
</body>
|
|
1576
|
+
|
|
198
1577
|
</html>
|