@pmidc/upyog-css 1.1.11 → 1.1.12

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.
Files changed (129) hide show
  1. package/dist/index.css +551 -152
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +535 -535
  5. package/src/components/CitizenHomeCard.scss +228 -228
  6. package/src/components/EllipsisMenu.scss +16 -16
  7. package/src/components/EventCalendarView.scss +9 -9
  8. package/src/components/FAQ.scss +63 -63
  9. package/src/components/NewAccordianCitizen.scss +130 -130
  10. package/src/components/OnGroundEventCard.scss +71 -71
  11. package/src/components/PageBasedInput.scss +30 -30
  12. package/src/components/PopupHeadingLabel.scss +14 -14
  13. package/src/components/PropertySearchForm.scss +58 -58
  14. package/src/components/SearchForm.scss +56 -56
  15. package/src/components/SearchOnRadioButton.scss +9 -9
  16. package/src/components/StandaloneSearchBar.scss +9 -9
  17. package/src/components/SurveyModal.scss +195 -196
  18. package/src/components/TimeLine.scss +96 -96
  19. package/src/components/WhatsNewCard.scss +12 -12
  20. package/src/components/actionLink.scss +3 -3
  21. package/src/components/actionbar.scss +99 -96
  22. package/src/components/bannercomponents.scss +137 -137
  23. package/src/components/body.scss +450 -446
  24. package/src/components/buttons.scss +134 -118
  25. package/src/components/card.scss +627 -622
  26. package/src/components/cardHeaderWithOptions.scss +13 -13
  27. package/src/components/changeLanguage.scss +3 -3
  28. package/src/components/charts.scss +185 -185
  29. package/src/components/checkbox.scss +83 -83
  30. package/src/components/checkpoint.scss +65 -65
  31. package/src/components/citizenInfoLabel.scss +14 -14
  32. package/src/components/custombtn.scss +15 -15
  33. package/src/components/datatable.scss +118 -116
  34. package/src/components/datewrap.scss +21 -21
  35. package/src/components/detailscard.scss +6 -6
  36. package/src/components/detailscontainer.scss +13 -13
  37. package/src/components/filters.scss +97 -97
  38. package/src/components/grey.scss +3 -3
  39. package/src/components/hoc/InboxComposer.scss +115 -115
  40. package/src/components/howItWorks.scss +71 -71
  41. package/src/components/imageviewer.scss +33 -33
  42. package/src/components/info-banner.scss +35 -35
  43. package/src/components/inputotp.scss +15 -15
  44. package/src/components/keynote.scss +29 -29
  45. package/src/components/languageSelector.scss +24 -24
  46. package/src/components/loader.scss +96 -96
  47. package/src/components/map.scss +36 -36
  48. package/src/components/metricsTable.scss +26 -26
  49. package/src/components/multiLink.scss +87 -87
  50. package/src/components/multiSelectDropdown.scss +88 -88
  51. package/src/components/navbar.scss +377 -377
  52. package/src/components/newFooter.scss +75 -75
  53. package/src/components/plusMinus.scss +15 -15
  54. package/src/components/popup.scss +15 -15
  55. package/src/components/radiobtn.scss +44 -44
  56. package/src/components/ratingstar.scss +33 -33
  57. package/src/components/roundedLabel.scss +10 -10
  58. package/src/components/searchAction.scss +27 -27
  59. package/src/components/sectionalDropdown.scss +43 -43
  60. package/src/components/selectdropdown.scss +279 -276
  61. package/src/components/staticDynamicMessages.scss +110 -110
  62. package/src/components/staticSideBar.scss +27 -27
  63. package/src/components/statushighlight.scss +17 -17
  64. package/src/components/submiterrors.scss +11 -11
  65. package/src/components/summary.scss +28 -28
  66. package/src/components/table.scss +383 -362
  67. package/src/components/tag.scss +27 -27
  68. package/src/components/telephone.scss +17 -17
  69. package/src/components/textfields.scss +138 -138
  70. package/src/components/toast.scss +31 -31
  71. package/src/components/toggleSwitch.scss +40 -40
  72. package/src/components/topbar.scss +217 -217
  73. package/src/components/uploadcomponents.scss +113 -113
  74. package/src/index.scss +1377 -1033
  75. package/src/modules/adv/index.scss +552 -552
  76. package/src/modules/rentAndLease/index.scss +227 -227
  77. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  78. package/src/pages/citizen/CitizenLogin.scss +50 -50
  79. package/src/pages/citizen/DocumentList.scss +454 -448
  80. package/src/pages/citizen/Events.scss +46 -46
  81. package/src/pages/citizen/HomePageWrapper.scss +215 -214
  82. package/src/pages/citizen/InboxCard.scss +378 -378
  83. package/src/pages/citizen/SurveyList.scss +21 -21
  84. package/src/pages/citizen/citizenDocument.scss +25 -25
  85. package/src/pages/citizen/citizenNewLogin.scss +352 -352
  86. package/src/pages/citizen/container.scss +32 -32
  87. package/src/pages/citizen/loaderMessage.scss +341 -341
  88. package/src/pages/citizen/payment/payment-type.scss +2 -2
  89. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  90. package/src/pages/common/form.scss +25 -25
  91. package/src/pages/common/newApplicationTimeline.scss +319 -319
  92. package/src/pages/common/pgrUICssfix.scss +105 -105
  93. package/src/pages/common/requiredField.scss +2 -2
  94. package/src/pages/common/sanctionFeeTable.scss +91 -91
  95. package/src/pages/common/searchIcon.scss +12 -12
  96. package/src/pages/common/stepForm.scss +40 -40
  97. package/src/pages/employee/EmployeeLogin.scss +6 -6
  98. package/src/pages/employee/cardfix.scss +13 -13
  99. package/src/pages/employee/container.scss +73 -73
  100. package/src/pages/employee/dashboard.scss +203 -203
  101. package/src/pages/employee/disconnection.scss +425 -425
  102. package/src/pages/employee/dss.scss +251 -251
  103. package/src/pages/employee/faq.scss +353 -353
  104. package/src/pages/employee/footer.scss +68 -68
  105. package/src/pages/employee/form-fields.scss +13 -13
  106. package/src/pages/employee/header.scss +262 -262
  107. package/src/pages/employee/iframe.scss +65 -65
  108. package/src/pages/employee/inbox.scss +744 -744
  109. package/src/pages/employee/index.scss +694 -678
  110. package/src/pages/employee/landing.scss +1782 -1782
  111. package/src/pages/employee/login.scss +253 -253
  112. package/src/pages/employee/oldMobileInbox.scss +4 -4
  113. package/src/pages/employee/popupmodule.scss +47 -47
  114. package/src/pages/employee/response.scss +2 -2
  115. package/src/pages/employee/scroll-table.scss +113 -113
  116. package/src/pages/employee/surveys.scss +469 -469
  117. package/src/pages/employee/tooltip.scss +35 -35
  118. package/src/pages/employee/updateNumber.scss +12 -12
  119. package/src/pages/swach/index.scss +174 -174
  120. package/src/pages/ws/index.scss +104 -104
  121. package/svg/camera.svg +4 -4
  122. package/svg/check.svg +3 -3
  123. package/svg/close.svg +4 -4
  124. package/svg/error.svg +3 -3
  125. package/svg/error2.svg +5 -5
  126. package/svg/searchicon.svg +3 -3
  127. package/svg/starempty.svg +3 -3
  128. package/svg/starfilled.svg +4 -4
  129. package/svg/success.svg +3 -3
package/src/pages/employee/faq.scss CHANGED
@@ -1,353 +1,353 @@
1
- .frame-54925,
2
- .frame-54925 * {
3
- box-sizing: border-box;
4
- }
5
- .frame-54925 {
6
- display: flex;
7
- flex-direction: column;
8
- gap: 1px;
9
- align-items: flex-start;
10
- justify-content: flex-start;
11
- position: relative;
12
- width:100%;
13
- }
14
- .frame-54923 {
15
- display: flex;
16
- flex-direction: column;
17
- gap: 55px;
18
- align-items: flex-start;
19
- justify-content: flex-start;
20
- align-self: stretch;
21
- flex-shrink: 0;
22
- position: relative;
23
- }
24
- .sectionNew {
25
- background: #ffffff;
26
- padding: 50px 0px 50px 0px;
27
- display: flex;
28
- flex-direction: column;
29
- gap: 0px;
30
- align-items: center;
31
- justify-content: center;
32
- align-self: stretch;
33
- flex-shrink: 0;
34
- position: relative;
35
- }
36
- .containerNew {
37
- display: flex;
38
- flex-direction: column;
39
- gap: 32px;
40
- align-items: center;
41
- justify-content: flex-start;
42
- align-self: stretch;
43
- flex-shrink: 0;
44
- position: relative;
45
- }
46
- .section-header-New {
47
- background: #ffffff;
48
- padding: 16px 0px 64px 0px;
49
- display: flex;
50
- flex-direction: column;
51
- gap: 0px;
52
- align-items: center;
53
- justify-content: center;
54
- align-self: stretch;
55
- flex-shrink: 0;
56
- position: relative;
57
- }
58
- .section2New {
59
- display: flex;
60
- flex-direction: column;
61
- gap: 0px;
62
- align-items: center;
63
- justify-content: flex-start;
64
- align-self: stretch;
65
- flex-shrink: 0;
66
- position: relative;
67
- }
68
- .container2New {
69
- display: flex;
70
- flex-direction: column;
71
- gap: 8px;
72
- align-items: center;
73
- justify-content: center;
74
- flex-shrink: 0;
75
- width: 1216px;
76
- position: relative;
77
- }
78
- .bodyNew {
79
- display: flex;
80
- flex-direction: column;
81
- gap: 36px;
82
- align-items: center;
83
- justify-content: center;
84
- align-self: stretch;
85
- flex-shrink: 0;
86
- position: relative;
87
- }
88
- .textNew {
89
- display: flex;
90
- flex-direction: column;
91
- gap: 12px;
92
- align-items: center;
93
- justify-content: center;
94
- align-self: stretch;
95
- flex-shrink: 0;
96
- position: relative;
97
- }
98
- .titleNew {
99
- color: #141c24;
100
- text-align: left;
101
- font-family: "Inter-SemiBold", sans-serif;
102
- font-size: 36px;
103
- line-height: 44px;
104
- font-weight: 600;
105
- position: relative;
106
- }
107
- .descriptionNew {
108
- color: #344051;
109
- text-align: center;
110
- font-family: "Inter-Regular", sans-serif;
111
- font-size: 18px;
112
- line-height: 28px;
113
- font-weight: 400;
114
- position: relative;
115
- width: 650px;
116
- }
117
- .contentNew {
118
- display: flex;
119
- flex-direction: column;
120
- gap: 40px;
121
- align-items: center;
122
- justify-content: flex-start;
123
- align-self: stretch;
124
- flex-shrink: 0;
125
- position: relative;
126
- }
127
- .questionsNew {
128
- padding: 0px 164px 0px 164px;
129
- display: flex;
130
- flex-direction: column;
131
- gap: 16px;
132
- align-items: flex-start;
133
- justify-content: flex-start;
134
- align-self: stretch;
135
- flex-shrink: 0;
136
- position: relative;
137
-
138
- }
139
- .faq-cards-base {
140
- border-radius: 8px;
141
- border-style: solid;
142
- border-color: #ced2da;
143
- border-width: 1px;
144
- padding: 32px;
145
- display: flex;
146
- flex-direction: row;
147
- gap: 0px;
148
- align-items: center;
149
- justify-content: flex-start;
150
- align-self: stretch;
151
- flex-shrink: 0;
152
- position: relative;
153
- }
154
- .content2 {
155
- display: flex;
156
- flex-direction: row;
157
- gap: 16px;
158
- align-items: center;
159
- justify-content: flex-start;
160
- flex: 1;
161
- position: relative;
162
- }
163
- .questionNew {
164
- color: var(--neutral-1000, #313033);
165
- text-align: left;
166
- font-family: var(
167
- --ux4g-headline-headline-5-font-family,
168
- "NotoSans-Medium",
169
- sans-serif
170
- );
171
- font-size: var(--ux4g-headline-headline-5-font-size, 22px);
172
- line-height: var(--ux4g-headline-headline-5-line-height, 24px);
173
- font-weight: var(--ux4g-headline-headline-5-font-weight, 500);
174
- position: relative;
175
- flex: 1;
176
- display: flex;
177
- justify-content:'space-between';
178
- }
179
- .add-circle {
180
- flex-shrink: 0;
181
- width: 24px;
182
- height: 24px;
183
- position: relative;
184
- overflow: visible;
185
- }
186
- .faq-cards-base2 {
187
- border-radius: 8px;
188
- border-style: solid;
189
- border-color: #ced2da;
190
- border-width: 1px;
191
- padding: 32px;
192
- display: flex;
193
- flex-direction: column;
194
- gap: 16px;
195
- align-items: flex-start;
196
- justify-content: flex-start;
197
- align-self: stretch;
198
- flex-shrink: 0;
199
- position: relative;
200
- }
201
- .content3 {
202
- display: flex;
203
- flex-direction: column;
204
- gap: 16px;
205
- align-items: flex-start;
206
- justify-content: flex-start;
207
- align-self: stretch;
208
- flex-shrink: 0;
209
- position: relative;
210
- }
211
- .text2 {
212
- display: flex;
213
- flex-direction: row;
214
- gap: 0px;
215
- align-items: center;
216
- justify-content: flex-start;
217
- align-self: stretch;
218
- flex-shrink: 0;
219
- position: relative;
220
- }
221
- .remove-circle {
222
- flex-shrink: 0;
223
- width: 24px;
224
- height: 24px;
225
- position: relative;
226
- overflow: visible;
227
- }
228
- .answerNew {
229
- color: var(--neutral-900, #4e5056);
230
- text-align: left;
231
- font-family: var(
232
- --ux4g-body-body-1-font-family,
233
- "NotoSans-Regular",
234
- sans-serif
235
- );
236
- font-size: var(--ux4g-body-body-1-font-size, 16px);
237
- line-height: var(--ux4g-body-body-1-line-height, 24px);
238
- letter-spacing: var(--ux4g-body-body-1-letter-spacing, 0.5px);
239
- font-weight: var(--ux4g-body-body-1-font-weight, 400);
240
- position: relative;
241
- align-self: stretch;
242
- }
243
- .add-circle2 {
244
- flex-shrink: 0;
245
- width: 24px;
246
- height: 24px;
247
- position: relative;
248
- overflow: visible;
249
- }
250
- .add-circle3 {
251
- flex-shrink: 0;
252
- width: 24px;
253
- height: 24px;
254
- position: relative;
255
- overflow: visible;
256
- }
257
- .add-circle4 {
258
- flex-shrink: 0;
259
- width: 24px;
260
- height: 24px;
261
- position: relative;
262
- overflow: visible;
263
- }
264
- .modalNew {
265
- background: var(--primary-transparent-8, rgba(26, 115, 233, 0.08));
266
- border-radius: 20px;
267
- border-style: solid;
268
- border-color: var(--primary-200, #a1d5fc);
269
- border-width: 1px;
270
- padding: 32px;
271
- display: flex;
272
- flex-direction: column;
273
- gap: 32px;
274
- align-items: center;
275
- justify-content: flex-start;
276
- flex-shrink: 0;
277
- position: relative;
278
- }
279
- .text3 {
280
- display: flex;
281
- flex-direction: column;
282
- gap: 12px;
283
- align-items: center;
284
- justify-content: flex-start;
285
- flex-shrink: 0;
286
- position: relative;
287
- }
288
- .title2 {
289
- color: var(--primary-800, #092e86);
290
- text-align: center;
291
- font-family: var(
292
- --ux4g-headline-headline-4-font-family,
293
- "NotoSans-Medium",
294
- sans-serif
295
- );
296
- font-size: var(--ux4g-headline-headline-4-font-size, 24px);
297
- line-height: var(--ux4g-headline-headline-4-line-height, 28px);
298
- font-weight: var(--ux4g-headline-headline-4-font-weight, 500);
299
- position: relative;
300
- }
301
- .description2 {
302
- color: var(--primary-800, #092e86);
303
- text-align: center;
304
- font-family: var(
305
- --ux4g-body-body-1-font-family,
306
- "NotoSans-Regular",
307
- sans-serif
308
- );
309
- font-size: var(--ux4g-body-body-1-font-size, 16px);
310
- line-height: var(--ux4g-body-body-1-line-height, 24px);
311
- letter-spacing: var(--ux4g-body-body-1-letter-spacing, 0.5px);
312
- font-weight: var(--ux4g-body-body-1-font-weight, 400);
313
- position: relative;
314
- width: 463px;
315
- }
316
- .buttonNew {
317
- background: var(--primary-800, #092e86);
318
- border-radius: 8px;
319
- padding: 10px 20px 10px 20px;
320
- display: flex;
321
- flex-direction: row;
322
- gap: 8px;
323
- align-items: center;
324
- justify-content: center;
325
- flex-shrink: 0;
326
- position: relative;
327
- }
328
- .emailNew {
329
- flex-shrink: 0;
330
- width: 20px;
331
- height: 20px;
332
- position: relative;
333
- overflow: visible;
334
- }
335
- .contact-us-New {
336
- color: #ffffff;
337
- text-align: left;
338
- font-family: var(
339
- --paragraph-m-semi-bold-font-family,
340
- "Inter-SemiBold",
341
- sans-serif
342
- );
343
- font-size: var(--paragraph-m-semi-bold-font-size, 16px);
344
- line-height: var(--paragraph-m-semi-bold-line-height, 24px);
345
- font-weight: var(--paragraph-m-semi-bold-font-weight, 600);
346
- position: relative;
347
- }
348
- .buttonSpan{
349
- outline: "none";
350
- font-size: "29px"
351
- }
352
-
353
-
1
+ .frame-54925,
2
+ .frame-54925 * {
3
+ box-sizing: border-box;
4
+ }
5
+ .frame-54925 {
6
+ display: flex;
7
+ flex-direction: column;
8
+ gap: 1px;
9
+ align-items: flex-start;
10
+ justify-content: flex-start;
11
+ position: relative;
12
+ width:100%;
13
+ }
14
+ .frame-54923 {
15
+ display: flex;
16
+ flex-direction: column;
17
+ gap: 55px;
18
+ align-items: flex-start;
19
+ justify-content: flex-start;
20
+ align-self: stretch;
21
+ flex-shrink: 0;
22
+ position: relative;
23
+ }
24
+ .sectionNew {
25
+ background: #ffffff;
26
+ padding: 50px 0px 50px 0px;
27
+ display: flex;
28
+ flex-direction: column;
29
+ gap: 0px;
30
+ align-items: center;
31
+ justify-content: center;
32
+ align-self: stretch;
33
+ flex-shrink: 0;
34
+ position: relative;
35
+ }
36
+ .containerNew {
37
+ display: flex;
38
+ flex-direction: column;
39
+ gap: 32px;
40
+ align-items: center;
41
+ justify-content: flex-start;
42
+ align-self: stretch;
43
+ flex-shrink: 0;
44
+ position: relative;
45
+ }
46
+ .section-header-New {
47
+ background: #ffffff;
48
+ padding: 16px 0px 64px 0px;
49
+ display: flex;
50
+ flex-direction: column;
51
+ gap: 0px;
52
+ align-items: center;
53
+ justify-content: center;
54
+ align-self: stretch;
55
+ flex-shrink: 0;
56
+ position: relative;
57
+ }
58
+ .section2New {
59
+ display: flex;
60
+ flex-direction: column;
61
+ gap: 0px;
62
+ align-items: center;
63
+ justify-content: flex-start;
64
+ align-self: stretch;
65
+ flex-shrink: 0;
66
+ position: relative;
67
+ }
68
+ .container2New {
69
+ display: flex;
70
+ flex-direction: column;
71
+ gap: 8px;
72
+ align-items: center;
73
+ justify-content: center;
74
+ flex-shrink: 0;
75
+ width: 1216px;
76
+ position: relative;
77
+ }
78
+ .bodyNew {
79
+ display: flex;
80
+ flex-direction: column;
81
+ gap: 36px;
82
+ align-items: center;
83
+ justify-content: center;
84
+ align-self: stretch;
85
+ flex-shrink: 0;
86
+ position: relative;
87
+ }
88
+ .textNew {
89
+ display: flex;
90
+ flex-direction: column;
91
+ gap: 12px;
92
+ align-items: center;
93
+ justify-content: center;
94
+ align-self: stretch;
95
+ flex-shrink: 0;
96
+ position: relative;
97
+ }
98
+ .titleNew {
99
+ color: #141c24;
100
+ text-align: left;
101
+ font-family: "Inter-SemiBold", sans-serif;
102
+ font-size: 36px;
103
+ line-height: 44px;
104
+ font-weight: 600;
105
+ position: relative;
106
+ }
107
+ .descriptionNew {
108
+ color: #344051;
109
+ text-align: center;
110
+ font-family: "Inter-Regular", sans-serif;
111
+ font-size: 18px;
112
+ line-height: 28px;
113
+ font-weight: 400;
114
+ position: relative;
115
+ width: 650px;
116
+ }
117
+ .contentNew {
118
+ display: flex;
119
+ flex-direction: column;
120
+ gap: 40px;
121
+ align-items: center;
122
+ justify-content: flex-start;
123
+ align-self: stretch;
124
+ flex-shrink: 0;
125
+ position: relative;
126
+ }
127
+ .questionsNew {
128
+ padding: 0px 164px 0px 164px;
129
+ display: flex;
130
+ flex-direction: column;
131
+ gap: 16px;
132
+ align-items: flex-start;
133
+ justify-content: flex-start;
134
+ align-self: stretch;
135
+ flex-shrink: 0;
136
+ position: relative;
137
+
138
+ }
139
+ .faq-cards-base {
140
+ border-radius: 8px;
141
+ border-style: solid;
142
+ border-color: #ced2da;
143
+ border-width: 1px;
144
+ padding: 32px;
145
+ display: flex;
146
+ flex-direction: row;
147
+ gap: 0px;
148
+ align-items: center;
149
+ justify-content: flex-start;
150
+ align-self: stretch;
151
+ flex-shrink: 0;
152
+ position: relative;
153
+ }
154
+ .content2 {
155
+ display: flex;
156
+ flex-direction: row;
157
+ gap: 16px;
158
+ align-items: center;
159
+ justify-content: flex-start;
160
+ flex: 1;
161
+ position: relative;
162
+ }
163
+ .questionNew {
164
+ color: var(--neutral-1000, #313033);
165
+ text-align: left;
166
+ font-family: var(
167
+ --ux4g-headline-headline-5-font-family,
168
+ "NotoSans-Medium",
169
+ sans-serif
170
+ );
171
+ font-size: var(--ux4g-headline-headline-5-font-size, 22px);
172
+ line-height: var(--ux4g-headline-headline-5-line-height, 24px);
173
+ font-weight: var(--ux4g-headline-headline-5-font-weight, 500);
174
+ position: relative;
175
+ flex: 1;
176
+ display: flex;
177
+ justify-content:'space-between';
178
+ }
179
+ .add-circle {
180
+ flex-shrink: 0;
181
+ width: 24px;
182
+ height: 24px;
183
+ position: relative;
184
+ overflow: visible;
185
+ }
186
+ .faq-cards-base2 {
187
+ border-radius: 8px;
188
+ border-style: solid;
189
+ border-color: #ced2da;
190
+ border-width: 1px;
191
+ padding: 32px;
192
+ display: flex;
193
+ flex-direction: column;
194
+ gap: 16px;
195
+ align-items: flex-start;
196
+ justify-content: flex-start;
197
+ align-self: stretch;
198
+ flex-shrink: 0;
199
+ position: relative;
200
+ }
201
+ .content3 {
202
+ display: flex;
203
+ flex-direction: column;
204
+ gap: 16px;
205
+ align-items: flex-start;
206
+ justify-content: flex-start;
207
+ align-self: stretch;
208
+ flex-shrink: 0;
209
+ position: relative;
210
+ }
211
+ .text2 {
212
+ display: flex;
213
+ flex-direction: row;
214
+ gap: 0px;
215
+ align-items: center;
216
+ justify-content: flex-start;
217
+ align-self: stretch;
218
+ flex-shrink: 0;
219
+ position: relative;
220
+ }
221
+ .remove-circle {
222
+ flex-shrink: 0;
223
+ width: 24px;
224
+ height: 24px;
225
+ position: relative;
226
+ overflow: visible;
227
+ }
228
+ .answerNew {
229
+ color: var(--neutral-900, #4e5056);
230
+ text-align: left;
231
+ font-family: var(
232
+ --ux4g-body-body-1-font-family,
233
+ "NotoSans-Regular",
234
+ sans-serif
235
+ );
236
+ font-size: var(--ux4g-body-body-1-font-size, 16px);
237
+ line-height: var(--ux4g-body-body-1-line-height, 24px);
238
+ letter-spacing: var(--ux4g-body-body-1-letter-spacing, 0.5px);
239
+ font-weight: var(--ux4g-body-body-1-font-weight, 400);
240
+ position: relative;
241
+ align-self: stretch;
242
+ }
243
+ .add-circle2 {
244
+ flex-shrink: 0;
245
+ width: 24px;
246
+ height: 24px;
247
+ position: relative;
248
+ overflow: visible;
249
+ }
250
+ .add-circle3 {
251
+ flex-shrink: 0;
252
+ width: 24px;
253
+ height: 24px;
254
+ position: relative;
255
+ overflow: visible;
256
+ }
257
+ .add-circle4 {
258
+ flex-shrink: 0;
259
+ width: 24px;
260
+ height: 24px;
261
+ position: relative;
262
+ overflow: visible;
263
+ }
264
+ .modalNew {
265
+ background: var(--primary-transparent-8, rgba(26, 115, 233, 0.08));
266
+ border-radius: 20px;
267
+ border-style: solid;
268
+ border-color: var(--primary-200, #a1d5fc);
269
+ border-width: 1px;
270
+ padding: 32px;
271
+ display: flex;
272
+ flex-direction: column;
273
+ gap: 32px;
274
+ align-items: center;
275
+ justify-content: flex-start;
276
+ flex-shrink: 0;
277
+ position: relative;
278
+ }
279
+ .text3 {
280
+ display: flex;
281
+ flex-direction: column;
282
+ gap: 12px;
283
+ align-items: center;
284
+ justify-content: flex-start;
285
+ flex-shrink: 0;
286
+ position: relative;
287
+ }
288
+ .title2 {
289
+ color: var(--primary-800, #092e86);
290
+ text-align: center;
291
+ font-family: var(
292
+ --ux4g-headline-headline-4-font-family,
293
+ "NotoSans-Medium",
294
+ sans-serif
295
+ );
296
+ font-size: var(--ux4g-headline-headline-4-font-size, 24px);
297
+ line-height: var(--ux4g-headline-headline-4-line-height, 28px);
298
+ font-weight: var(--ux4g-headline-headline-4-font-weight, 500);
299
+ position: relative;
300
+ }
301
+ .description2 {
302
+ color: var(--primary-800, #092e86);
303
+ text-align: center;
304
+ font-family: var(
305
+ --ux4g-body-body-1-font-family,
306
+ "NotoSans-Regular",
307
+ sans-serif
308
+ );
309
+ font-size: var(--ux4g-body-body-1-font-size, 16px);
310
+ line-height: var(--ux4g-body-body-1-line-height, 24px);
311
+ letter-spacing: var(--ux4g-body-body-1-letter-spacing, 0.5px);
312
+ font-weight: var(--ux4g-body-body-1-font-weight, 400);
313
+ position: relative;
314
+ width: 463px;
315
+ }
316
+ .buttonNew {
317
+ background: var(--primary-800, #092e86);
318
+ border-radius: 8px;
319
+ padding: 10px 20px 10px 20px;
320
+ display: flex;
321
+ flex-direction: row;
322
+ gap: 8px;
323
+ align-items: center;
324
+ justify-content: center;
325
+ flex-shrink: 0;
326
+ position: relative;
327
+ }
328
+ .emailNew {
329
+ flex-shrink: 0;
330
+ width: 20px;
331
+ height: 20px;
332
+ position: relative;
333
+ overflow: visible;
334
+ }
335
+ .contact-us-New {
336
+ color: #ffffff;
337
+ text-align: left;
338
+ font-family: var(
339
+ --paragraph-m-semi-bold-font-family,
340
+ "Inter-SemiBold",
341
+ sans-serif
342
+ );
343
+ font-size: var(--paragraph-m-semi-bold-font-size, 16px);
344
+ line-height: var(--paragraph-m-semi-bold-line-height, 24px);
345
+ font-weight: var(--paragraph-m-semi-bold-font-weight, 600);
346
+ position: relative;
347
+ }
348
+ .buttonSpan{
349
+ outline: "none";
350
+ font-size: "29px"
351
+ }
352
+
353
+