PluginProbe
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More / 2.4.1
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More v2.4.1
2.4.1 2.4.0 2.3.4 2.3.3 2.3.2 2.3.1 2.3.0 2.2.2 2.2.1 2.2.0 2.1.2 2.1.1 trunk 0.0.1 0.0.2 0.0.3 0.0.4 0.0.5 0.0.6 0.0.7 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 All 68 releases
better-payment / assets / css / fundraising-campaign.css

fundraising-campaign.css in Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More 2.4.1, at assets/css/fundraising-campaign.css

1,746 lines 68.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!******************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/css/fundraising-campaign.scss ***!
3 \******************************************************************************************************************************************************************************************************************************/
4 @import url(https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Sora:[email protected]&family=Hanken+Grotesk:[email protected]&family=IBM+Plex+Sans:[email protected]&family=Manrope:[email protected]&display=swap);
5 /*!**********************************************************************************************************************************************************************************************************************************!*\
6 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/css/fundraising-campaign.scss (1) ***!
7 \**********************************************************************************************************************************************************************************************************************************/
8 .better-payment.better-payment-campaign .bp-team-social_links-wrapper {
9 margin-top: 10px;
10 gap: 10px;
11 }
12 .better-payment.better-payment-campaign .bp-team-social_links-wrapper a {
13 text-decoration: none;
14 cursor: pointer;
15 margin-right: 5px;
16 }
17 .better-payment.better-payment-campaign .bp-team-social_links-wrapper a svg {
18 height: 20px;
19 fill: rgba(0, 0, 0, 0.5019607843);
20 line-height: 20px;
21 }
22 .better-payment.better-payment-campaign .bp-team-social_links-wrapper a:hover svg {
23 fill: #000000;
24 }
25 .better-payment.better-payment-campaign .bp-container {
26 max-width: 1320px;
27 margin: 0 auto;
28 padding: 0 12px;
29 z-index: 999;
30 position: relative;
31 }
32 .better-payment.better-payment-campaign .bp-hero_container {
33 max-width: 1460px;
34 margin: 0 auto;
35 padding: 0 12px;
36 z-index: 999;
37 position: relative;
38 }
39 .better-payment.better-payment-campaign .bp-row {
40 display: flex;
41 flex-wrap: wrap;
42 margin-left: -12px;
43 margin-right: -12px;
44 }
45 .better-payment.better-payment-campaign .bp-col {
46 padding-left: 12px;
47 padding-right: 12px;
48 flex: 1;
49 }
50 .better-payment.better-payment-campaign .bp-col_1 {
51 flex: 0 0 8.3333333333%;
52 max-width: 8.3333333333%;
53 }
54 .better-payment.better-payment-campaign .bp-col_2 {
55 flex: 0 0 16.6666666667%;
56 max-width: 16.6666666667%;
57 }
58 .better-payment.better-payment-campaign .bp-col_3 {
59 flex: 0 0 25%;
60 max-width: 25%;
61 }
62 .better-payment.better-payment-campaign .bp-col_4 {
63 flex: 0 0 33.3333333333%;
64 max-width: 33.3333333333%;
65 }
66 .better-payment.better-payment-campaign .bp-col_5 {
67 flex: 0 0 41.6666666667%;
68 max-width: 41.6666666667%;
69 }
70 .better-payment.better-payment-campaign .bp-col_6 {
71 flex: 0 0 50%;
72 max-width: 50%;
73 }
74 .better-payment.better-payment-campaign .bp-col_7 {
75 flex: 0 0 58.3333333333%;
76 max-width: 58.3333333333%;
77 }
78 .better-payment.better-payment-campaign .bp-col_8 {
79 flex: 0 0 66.6666666667%;
80 max-width: 66.6666666667%;
81 }
82 .better-payment.better-payment-campaign .bp-col_9 {
83 flex: 0 0 75%;
84 max-width: 75%;
85 }
86 .better-payment.better-payment-campaign .bp-col_10 {
87 flex: 0 0 83.3333333333%;
88 max-width: 83.3333333333%;
89 }
90 .better-payment.better-payment-campaign .bp-col_11 {
91 flex: 0 0 91.6666666667%;
92 max-width: 91.6666666667%;
93 }
94 .better-payment.better-payment-campaign .bp-col_12 {
95 flex: 0 0 100%;
96 max-width: 100%;
97 }
98 .better-payment.better-payment-campaign .bp-pro-banner {
99 max-width: 100%;
100 height: auto;
101 border-radius: 16px;
102 }
103 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 {
104 padding: 70px 0;
105 }
106 @media (max-width: 900px) {
107 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 {
108 padding: 30px 0;
109 }
110 }
111 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section {
112 background-color: #fcf8fa;
113 padding-bottom: 85px;
114 }
115 @media (max-width: 900px) {
116 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section {
117 padding-bottom: 60px;
118 }
119 }
120 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-left {
121 width: 100%;
122 min-height: 1px;
123 }
124 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-left .bp-left-img-wrapper {
125 margin-top: 75px;
126 }
127 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper {
128 max-width: 720px;
129 margin: 0 auto;
130 }
131 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
132 margin-bottom: 32px;
133 }
134 @media (max-width: 1200px) {
135 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
136 font-size: 46px;
137 margin-bottom: 22px;
138 }
139 }
140 @media (max-width: 900px) {
141 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
142 font-size: 40px;
143 margin-bottom: 20px;
144 padding: 0 40px;
145 }
146 }
147 @media (max-width: 500px) {
148 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
149 font-size: 36px;
150 padding: 0;
151 }
152 }
153 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
154 margin-bottom: 32px;
155 }
156 @media (max-width: 1200px) {
157 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
158 margin-bottom: 22px;
159 }
160 }
161 @media (max-width: 900px) {
162 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
163 margin-bottom: 20px;
164 padding: 0 40px;
165 }
166 }
167 @media (max-width: 500px) {
168 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
169 margin-bottom: 20px;
170 padding: 0;
171 }
172 }
173 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-share_box span {
174 font-size: 18px;
175 font-weight: 500;
176 text-decoration-skip-ink: none;
177 color: #1d2939;
178 }
179 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-share_box .bp-social_media {
180 width: 40px;
181 height: 40px;
182 margin: 10px;
183 }
184 @media (max-width: 900px) {
185 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-share_box .bp-social_media {
186 width: 30px;
187 height: 30px;
188 margin: 5px 5px 25px 5px;
189 }
190 }
191 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-right {
192 width: 100%;
193 min-height: 1px;
194 }
195 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-right .bp-right-img-wrapper {
196 margin-top: 65px;
197 }
198 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section {
199 margin-bottom: 50px;
200 }
201 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card {
202 background-color: #f8f2ff;
203 border: 1px solid #f2ebfb;
204 border-radius: 20px;
205 overflow: hidden;
206 }
207 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-charity_raised-img-wrapper {
208 height: 100%;
209 width: 100%;
210 }
211 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-charity_raised-img-wrapper img {
212 height: 100%;
213 width: 100%;
214 object-fit: cover;
215 }
216 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper {
217 padding: 40px 60px 40px 16px;
218 display: flex;
219 flex-direction: column;
220 height: 100%;
221 }
222 @media (max-width: 1200px) {
223 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper {
224 padding: 10px 10px 10px 0px;
225 }
226 }
227 @media (max-width: 900px) {
228 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper {
229 padding: 20px;
230 }
231 }
232 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper .bp-form_header {
233 margin-bottom: 32px;
234 }
235 @media (max-width: 1200px) {
236 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper .bp-form_header {
237 margin-bottom: 22px;
238 }
239 }
240 @media (max-width: 900px) {
241 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper .bp-form_header {
242 margin-bottom: 10px;
243 }
244 }
245 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-form_top {
246 margin-bottom: 6px;
247 }
248 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-form_top span {
249 margin: 5px;
250 }
251 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-form_top .bp-aamount {
252 color: #9125ff;
253 }
254 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-form_top .bp-progress_output {
255 color: #4b5d7b;
256 }
257 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-progress_bar {
258 appearance: none;
259 width: 100%;
260 height: 12px;
261 background-color: #eaddf8;
262 border-radius: 9px;
263 overflow: hidden;
264 margin-bottom: 20px;
265 }
266 @media (max-width: 1200px) {
267 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-progress_bar {
268 margin-bottom: 12px;
269 }
270 }
271 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-progress_bar::-webkit-progress-bar {
272 background-color: #eaddf8;
273 }
274 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-progress_bar::-webkit-progress-value {
275 background-color: #b66fff;
276 transition: width 0.3s ease;
277 }
278 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form {
279 /* For Mozilla (Firefox) */
280 }
281 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-progress_bar::-moz-progress-bar {
282 background-color: #b66fff;
283 border-radius: 6px;
284 transition: width 0.3s ease;
285 }
286 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-donate_amounts {
287 flex-wrap: wrap;
288 gap: 12px;
289 margin-bottom: 20px;
290 }
291 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_label {
292 display: inline-flex;
293 align-items: center;
294 justify-content: center;
295 background-color: #f6eeff;
296 border: 1px solid #eddcff;
297 border-radius: 8px;
298 color: #141320;
299 outline: none;
300 text-align: center;
301 padding: 20px;
302 width: 100%;
303 /* Make it flexible for responsiveness */
304 max-width: 123px;
305 height: 48px;
306 font-size: 20px;
307 font-weight: 500;
308 cursor: pointer;
309 transition: all 0.3s ease;
310 }
311 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_label input[type=radio] {
312 display: none;
313 }
314 @media (max-width: 1200px) {
315 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_label {
316 margin-bottom: 12px;
317 }
318 }
319 @media (max-width: 900px) {
320 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_label {
321 padding: 0px;
322 font-size: 16px;
323 }
324 }
325 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_label:last-child {
326 margin-right: 0;
327 }
328 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_label input[type=radio]:checked {
329 background-color: #d3b3ff;
330 }
331 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_label:hover {
332 background-color: #f1d8ff;
333 }
334 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-radio_active {
335 background-color: #f1d8ff;
336 }
337 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .campaign-custom-amount {
338 background-color: #f6eeff;
339 border: 1px solid #eddcff;
340 width: 100%;
341 padding: 20px;
342 border-radius: 8px;
343 outline: none;
344 font-size: 17px;
345 font-weight: 500;
346 color: #48506d;
347 margin-bottom: 32px;
348 }
349 @media (max-width: 1200px) {
350 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .campaign-custom-amount {
351 margin-bottom: 22px;
352 }
353 }
354 @media (max-width: 900px) {
355 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .campaign-custom-amount {
356 padding: 15px;
357 }
358 }
359 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .campaign-custom-amount::placeholder {
360 font-size: 17px;
361 font-weight: 500;
362 color: #48506d;
363 opacity: 1;
364 }
365 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-donate_btn {
366 padding: 20px 32px 20px 32px;
367 font-size: 20px;
368 font-weight: 500;
369 }
370 @media (max-width: 900px) {
371 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form .bp-donate_btn {
372 padding: 15px 25px;
373 font-size: 15px;
374 }
375 }
376 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section {
377 background-color: #fcf8fa;
378 margin-bottom: 20px;
379 }
380 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation {
381 gap: 60px;
382 }
383 @media (max-width: 500px) {
384 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation {
385 gap: 30px;
386 }
387 }
388 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
389 border: none;
390 cursor: pointer;
391 transition: background-color 0.3s;
392 background-color: transparent;
393 position: relative;
394 display: inline-block;
395 text-decoration: none;
396 margin-bottom: 55px;
397 padding: 8px 2px;
398 }
399 @media (max-width: 1200px) {
400 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
401 margin-bottom: 22px;
402 }
403 }
404 @media (max-width: 900px) {
405 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
406 margin-bottom: 20px;
407 }
408 }
409 @media (max-width: 500px) {
410 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
411 padding: 0;
412 }
413 }
414 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button::after {
415 content: "";
416 position: absolute;
417 bottom: 0;
418 left: 0;
419 width: 0;
420 height: 3px;
421 background-color: #9125ff;
422 transition: width 0.3s ease;
423 border-radius: 8px;
424 }
425 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:hover::after {
426 width: 80%;
427 border-radius: 8px;
428 }
429 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:focus::after {
430 width: 80%;
431 border-radius: 8px;
432 }
433 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button.bp-active::after {
434 width: 80%;
435 }
436 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane {
437 display: none;
438 }
439 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane.bp-active {
440 display: block;
441 }
442 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
443 max-width: 1081px;
444 margin-bottom: 55px;
445 }
446 @media (max-width: 1200px) {
447 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
448 margin-bottom: 22px;
449 padding: 0;
450 }
451 }
452 @media (max-width: 900px) {
453 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
454 margin-bottom: 20px;
455 }
456 }
457 @media (max-width: 500px) {
458 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
459 padding: 0;
460 }
461 }
462 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_image-wrapper {
463 margin-bottom: 55px;
464 }
465 @media (max-width: 700px) {
466 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_image-wrapper {
467 display: flex;
468 flex-direction: column;
469 gap: 6px;
470 }
471 }
472 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_image-wrapper .bp-overview_img-1 {
473 margin-bottom: 24px;
474 }
475 @media (max-width: 700px) {
476 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_image-wrapper .bp-overview_img-1 {
477 margin-bottom: 0px;
478 }
479 }
480 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper {
481 max-width: 1081px;
482 margin-bottom: 55px;
483 }
484 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper .bp-overview_list {
485 padding: 20px 0;
486 }
487 @media (max-width: 1200px) {
488 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper .bp-overview_list {
489 padding: 10px;
490 }
491 }
492 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item span {
493 margin: 6px;
494 line-height: 0;
495 }
496 @media (max-width: 900px) {
497 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item span {
498 margin: 3px;
499 }
500 }
501 @media (max-width: 900px) {
502 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item span svg {
503 height: 20px;
504 width: 20px;
505 }
506 }
507 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item p {
508 margin: 6px;
509 color: #48506d;
510 font-weight: 300;
511 }
512 @media (max-width: 900px) {
513 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item p {
514 margin: 3px;
515 }
516 }
517 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_team-wrapper .bp-tram_section-header {
518 margin-bottom: 24px;
519 }
520 @media (max-width: 700px) {
521 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_team-wrapper .bp-tram_section-header {
522 margin-bottom: 20px;
523 }
524 }
525 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_team-wrapper .img-box {
526 margin-bottom: 16px;
527 max-width: 312px;
528 margin-bottom: 16px;
529 }
530 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_team-wrapper .img-box img {
531 object-fit: cover;
532 }
533 @media (max-width: 700px) {
534 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_team-wrapper .img-box {
535 margin-bottom: 14px;
536 }
537 }
538 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_team-wrapper .member-name {
539 font-size: 20px;
540 font-weight: 400;
541 }
542 @media (max-width: 700px) {
543 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_team-wrapper .member-name {
544 font-size: 16px;
545 }
546 }
547 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
548 background-repeat: no-repeat;
549 background-position: center;
550 background-size: cover;
551 padding: 159px 0;
552 transition: background-image 1s ease-in-out;
553 margin-bottom: 55px;
554 position: relative;
555 height: 100vh;
556 }
557 @media (max-width: 1200px) {
558 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
559 padding: 100px 0;
560 height: auto;
561 }
562 }
563 @media (max-width: 900px) {
564 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
565 padding: 80px 0;
566 margin-bottom: 100px;
567 }
568 }
569 @media (max-width: 600px) {
570 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
571 height: auto;
572 margin-bottom: 50px;
573 }
574 }
575 @media (max-width: 500px) {
576 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
577 background-image: none !important;
578 background-color: #ed4961;
579 padding: 40px 0;
580 }
581 }
582 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper {
583 max-width: 740px;
584 width: 100%;
585 }
586 @media (max-width: 900px) {
587 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper {
588 margin-bottom: 25px;
589 }
590 }
591 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
592 margin-bottom: 40px;
593 }
594 @media (max-width: 1200px) {
595 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
596 font-size: 60px;
597 margin-bottom: 35px;
598 }
599 }
600 @media (max-width: 900px) {
601 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
602 margin-bottom: 30px;
603 font-size: 46px;
604 }
605 }
606 @media (max-width: 500px) {
607 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
608 margin-bottom: 25px;
609 font-size: 32px;
610 }
611 }
612 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_xm {
613 color: #f2f4f7;
614 line-height: 1.8;
615 margin-bottom: 24px;
616 }
617 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-donate_btn {
618 padding: 20px 24px;
619 }
620 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card {
621 background-color: #ffffff;
622 border-radius: 16px;
623 padding: 21px 31px;
624 width: 100%;
625 margin-bottom: 16px;
626 }
627 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card .card-tag {
628 font-size: 16px;
629 font-weight: 600;
630 color: #d97706;
631 background-color: #fffbeb;
632 padding: 4px 12px 4px 12px;
633 border-radius: 27px;
634 margin-bottom: 10px;
635 }
636 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card .card-header {
637 margin-bottom: 24px;
638 }
639 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .bp-progress_bar {
640 width: 100%;
641 appearance: none;
642 border-radius: 9px;
643 overflow: hidden;
644 margin-bottom: 12px;
645 background-color: #f3f3f3;
646 height: 20px;
647 color: #d6421d;
648 }
649 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .bp-progress_bar::-webkit-progress-bar {
650 background-color: #f3f3f3;
651 }
652 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .bp-progress_bar::-webkit-progress-value {
653 background-color: #d6421d;
654 transition: width 0.3s ease;
655 }
656 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .bp-progress_bar::-moz-progress-bar {
657 background-color: #d6421d;
658 transition: width 0.3s ease;
659 }
660 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .bp-progress_bar::-ms-fill {
661 background-color: #d6421d;
662 }
663 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form label.bp-donations {
664 margin-bottom: 24px;
665 gap: 3px;
666 }
667 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .card-raised_btn {
668 width: 48px;
669 height: 48px;
670 border-radius: 50%;
671 border: 1px solid #d0d5dd;
672 }
673 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-image_gallery-wrapper .image-gallery .img-wrapper {
674 margin: 3px;
675 width: 100%;
676 max-width: 132px;
677 height: 64px;
678 border-radius: 6px;
679 overflow: hidden;
680 cursor: pointer;
681 }
682 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-image_gallery-wrapper .image-gallery .img-wrapper img {
683 height: 100%;
684 width: 100%;
685 object-fit: cover;
686 }
687 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-image_gallery-wrapper .image-gallery .image_overlay {
688 position: absolute;
689 left: 0;
690 right: 0;
691 top: 0;
692 bottom: 0;
693 background-color: rgba(0, 0, 0, 0.5019607843);
694 z-index: 4;
695 }
696 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-hero_overlay {
697 position: absolute;
698 top: 0;
699 left: 0;
700 right: 0;
701 bottom: 0;
702 background-color: rgba(0, 0, 0, 0.4);
703 z-index: 1;
704 }
705 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section {
706 background-color: #fcf8fa;
707 padding-bottom: 55px;
708 }
709 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation {
710 gap: 60px;
711 }
712 @media (max-width: 500px) {
713 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation {
714 gap: 30px;
715 }
716 }
717 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
718 border: none;
719 cursor: pointer;
720 transition: background-color 0.3s;
721 background-color: transparent;
722 position: relative;
723 display: inline-block;
724 text-decoration: none;
725 margin-bottom: 55px;
726 padding: 8px 2px;
727 }
728 @media (max-width: 1200px) {
729 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
730 margin-bottom: 22px;
731 }
732 }
733 @media (max-width: 900px) {
734 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
735 margin-bottom: 20px;
736 }
737 }
738 @media (max-width: 500px) {
739 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
740 padding: 0;
741 }
742 }
743 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button::after {
744 content: "";
745 position: absolute;
746 bottom: 0;
747 left: 0;
748 width: 0;
749 height: 3px;
750 background-color: #ed4961;
751 transition: width 0.3s ease;
752 border-radius: 8px;
753 }
754 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:hover::after {
755 width: 80%;
756 border-radius: 8px;
757 }
758 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:focus::after {
759 width: 80%;
760 border-radius: 8px;
761 }
762 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button.bp-active::after {
763 width: 80%;
764 }
765 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane {
766 display: none;
767 }
768 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane.bp-active {
769 display: block;
770 }
771 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper {
772 justify-content: flex-end;
773 align-items: flex-end;
774 height: 100%;
775 width: 100%;
776 }
777 @media (max-width: 900px) {
778 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper {
779 justify-content: center;
780 align-items: center;
781 }
782 }
783 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .share-header {
784 color: #1d2939;
785 margin-bottom: 12px;
786 }
787 @media (max-width: 900px) {
788 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .share-header {
789 width: 100%;
790 text-align: center;
791 margin-top: 12px;
792 }
793 }
794 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-socal_media-wrapper {
795 gap: 20px;
796 }
797 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-socal_media-wrapper .bp-social_media {
798 height: 40px;
799 width: 40px;
800 }
801 @media (max-width: 700px) {
802 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-socal_media-wrapper .bp-social_media {
803 height: 30px;
804 width: 30px;
805 }
806 }
807 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text {
808 max-width: 771px;
809 }
810 @media (max-width: 1200px) {
811 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text {
812 margin-bottom: 22px;
813 padding: 0;
814 }
815 }
816 @media (max-width: 900px) {
817 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text {
818 margin-bottom: 20px;
819 }
820 }
821 @media (max-width: 500px) {
822 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text {
823 padding: 0;
824 }
825 }
826 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_image-wrapper {
827 margin-bottom: 55px;
828 }
829 @media (max-width: 700px) {
830 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_image-wrapper {
831 display: flex;
832 flex-direction: column;
833 gap: 6px;
834 }
835 }
836 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_image-wrapper .bp-overview_img-1 {
837 margin-bottom: 24px;
838 }
839 @media (max-width: 700px) {
840 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_image-wrapper .bp-overview_img-1 {
841 margin-bottom: 0px;
842 }
843 }
844 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper {
845 max-width: 1081px;
846 margin-bottom: 55px;
847 }
848 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper .bp-overview_list {
849 padding: 20px 0;
850 }
851 @media (max-width: 1200px) {
852 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper .bp-overview_list {
853 padding: 10px;
854 }
855 }
856 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item span {
857 margin: 6px;
858 line-height: 0;
859 }
860 @media (max-width: 900px) {
861 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item span {
862 margin: 3px;
863 }
864 }
865 @media (max-width: 900px) {
866 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item span svg {
867 height: 20px;
868 width: 20px;
869 }
870 }
871 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item p {
872 margin: 6px;
873 color: #48506d;
874 font-weight: 300;
875 }
876 @media (max-width: 900px) {
877 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper .bp-overview_text-wrapper .bp-overview_list .bp-overview_list-item p {
878 margin: 3px;
879 }
880 }
881 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section {
882 padding-bottom: 40px;
883 }
884 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
885 background-color: #ed4961;
886 border-radius: 32px;
887 padding: 72px;
888 }
889 @media (max-width: 1200px) {
890 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
891 padding: 42px;
892 }
893 }
894 @media (max-width: 900px) {
895 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
896 padding: 32px;
897 }
898 }
899 @media (max-width: 500px) {
900 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
901 padding: 20px;
902 }
903 }
904 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper {
905 max-width: 609px;
906 }
907 @media (max-width: 900px) {
908 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper {
909 margin-bottom: 30px;
910 }
911 }
912 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_section-header {
913 font-size: 48px;
914 font-weight: 800;
915 color: #f9fafb;
916 margin-bottom: 32px;
917 }
918 @media (max-width: 1200px) {
919 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_section-header {
920 margin-bottom: 20px;
921 font-size: 38px;
922 }
923 }
924 @media (max-width: 900px) {
925 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_section-header {
926 font-size: 26px;
927 }
928 }
929 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_section-sub_header {
930 color: #eaecf0;
931 font-weight: 300;
932 margin-bottom: 24px;
933 }
934 @media (max-width: 1200px) {
935 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_section-sub_header {
936 font-size: 20px;
937 }
938 }
939 @media (max-width: 900px) {
940 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_section-sub_header {
941 font-size: 18px;
942 }
943 }
944 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_btn {
945 padding: 20px 24px;
946 }
947 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper .bp-donate_btn span {
948 font-size: 16px;
949 }
950 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .img-wrapper {
951 border-radius: 20px;
952 overflow: hidden;
953 line-height: 0;
954 }
955 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .img-wrapper img {
956 object-fit: cover;
957 }
958 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
959 margin-top: 132px;
960 }
961 @media (max-width: 1200px) {
962 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
963 -webkit-margin-bottom-collapse: 100px;
964 }
965 }
966 @media (max-width: 900px) {
967 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
968 margin-top: 80px;
969 }
970 }
971 @media (max-width: 500px) {
972 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
973 margin-top: 40px;
974 }
975 }
976 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .bottom-wrapper_header {
977 color: #f9fafb;
978 margin-bottom: 12px;
979 font-weight: 500;
980 }
981 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper {
982 background-color: #ffffff;
983 border-radius: 12px;
984 overflow: hidden;
985 margin-top: 20px;
986 }
987 @media (max-width: 1200px) {
988 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper {
989 flex-direction: column;
990 align-items: center;
991 }
992 }
993 @media (max-width: 700px) {
994 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper {
995 margin-bottom: 20px;
996 flex-direction: row;
997 }
998 }
999 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-img_box {
1000 border-radius: 12px;
1001 overflow: hidden;
1002 margin: 12px;
1003 height: 140px;
1004 width: 50%;
1005 }
1006 @media (max-width: 1200px) {
1007 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-img_box {
1008 width: 100%;
1009 padding: 0 12px;
1010 }
1011 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-img_box img {
1012 border-radius: 8px;
1013 }
1014 }
1015 @media (max-width: 700px) {
1016 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-img_box {
1017 padding: 0;
1018 width: 50%;
1019 }
1020 }
1021 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-img_box img {
1022 width: 100%;
1023 height: 100%;
1024 object-fit: cover;
1025 }
1026 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-text_box {
1027 height: 100%;
1028 max-width: 182px;
1029 display: flex;
1030 flex-direction: column;
1031 gap: 10px;
1032 padding-right: 12px;
1033 }
1034 @media (max-width: 1200px) {
1035 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-text_box {
1036 padding: 6px;
1037 max-width: 100%;
1038 width: 100%;
1039 }
1040 }
1041 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-text_box .card-header {
1042 font-size: 18px;
1043 font-weight: 500;
1044 color: #1d2939;
1045 margin-bottom: 32px;
1046 max-width: 182px;
1047 height: 50px;
1048 margin: 20px 0;
1049 }
1050 @media (max-width: 1200px) {
1051 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-text_box .card-header {
1052 font-size: 16px;
1053 margin-bottom: 24px;
1054 height: auto;
1055 margin: 0;
1056 max-width: 100%;
1057 }
1058 }
1059 @media (max-width: 900px) {
1060 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-text_box .card-header {
1061 font-size: 14px;
1062 margin-bottom: 10px;
1063 }
1064 }
1065 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper .card-text_box .card-btn {
1066 width: 32px;
1067 height: 32px;
1068 border-radius: 50%;
1069 display: flex;
1070 justify-content: center;
1071 align-items: center;
1072 border: 0.6px solid #d0d5dd;
1073 margin: 6px;
1074 cursor: pointer;
1075 }
1076 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section {
1077 margin-bottom: 80px;
1078 }
1079 @media (max-width: 900px) {
1080 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section {
1081 margin-bottom: 40px;
1082 }
1083 }
1084 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1085 border-bottom: 2px solid #dbd8e5;
1086 padding: 80px 0;
1087 }
1088 @media (max-width: 1200px) {
1089 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1090 padding: 60px 0;
1091 }
1092 }
1093 @media (max-width: 900px) {
1094 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1095 padding: 40px 0;
1096 }
1097 }
1098 @media (max-width: 500px) {
1099 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1100 padding: 20px 0;
1101 }
1102 }
1103 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper {
1104 max-width: 570px;
1105 width: 100%;
1106 }
1107 @media (max-width: 900px) {
1108 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper {
1109 max-width: 100%;
1110 margin-bottom: 25px;
1111 }
1112 }
1113 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1114 padding-bottom: 32px;
1115 border-bottom: 2px solid #dbd8e5;
1116 }
1117 @media (max-width: 1200px) {
1118 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1119 padding-bottom: 20px;
1120 font-size: 40px;
1121 }
1122 }
1123 @media (max-width: 900px) {
1124 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1125 font-size: 50px;
1126 }
1127 }
1128 @media (max-width: 500px) {
1129 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1130 font-size: 35px;
1131 }
1132 }
1133 @media (max-width: 1200px) {
1134 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_secondary-text {
1135 margin-bottom: 20px;
1136 }
1137 }
1138 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-share_icon-wrapper {
1139 margin-bottom: 85px;
1140 }
1141 @media (max-width: 1200px) {
1142 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-share_icon-wrapper {
1143 margin-bottom: 20px;
1144 }
1145 }
1146 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-share_icon-wrapper .share-icon_header {
1147 font-size: 18px;
1148 font-weight: 500;
1149 color: #1d2939;
1150 margin-right: 6px;
1151 }
1152 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-share_icon-wrapper .share-icons .bp-social_media {
1153 margin: 0 6px;
1154 height: 24px;
1155 width: 24px;
1156 cursor: pointer;
1157 position: relative;
1158 z-index: 999;
1159 }
1160 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item {
1161 margin-bottom: 24px;
1162 gap: 12px;
1163 }
1164 @media (max-width: 1200px) {
1165 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item {
1166 justify-content: center;
1167 gap: 10px;
1168 }
1169 }
1170 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item .bp-payment_item_bg {
1171 background-color: #fbfbff;
1172 border: 1px solid #dedde7;
1173 border-radius: 8px;
1174 max-width: 133px;
1175 min-width: 100px;
1176 width: 100%;
1177 cursor: pointer;
1178 padding: 20px 0px;
1179 text-align: center;
1180 color: #141320;
1181 }
1182 @media (max-width: 1200px) {
1183 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item .bp-payment_item_bg {
1184 padding: 13px 0px;
1185 }
1186 }
1187 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item .bp-payment_item_bg.active_border {
1188 border: 1px solid #4e36e9;
1189 background-color: #ffffff;
1190 color: #2b2748;
1191 }
1192 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item .bp-payment_item_bg .logo {
1193 display: flex;
1194 justify-content: center;
1195 align-items: center;
1196 width: 100%;
1197 height: 100%;
1198 width: 100%;
1199 padding: 16px;
1200 }
1201 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item .bp-payment_item_bg .logo img {
1202 height: 32px;
1203 object-fit: contain;
1204 }
1205 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild {
1206 border-bottom: 2px dashed #dbd8e5;
1207 }
1208 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .layout-3-currency {
1209 color: #48506d;
1210 }
1211 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input {
1212 border: none;
1213 padding: 0;
1214 outline: none;
1215 font-size: 56px;
1216 color: #1d2939;
1217 width: calc(100% - 45px);
1218 appearance: none;
1219 -webkit-appearance: none;
1220 -moz-appearance: none;
1221 }
1222 @media (max-width: 900px) {
1223 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input {
1224 font-size: 40px;
1225 }
1226 }
1227 @media (max-width: 500px) {
1228 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input {
1229 font-size: 35px;
1230 }
1231 }
1232 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input::-webkit-inner-spin-button, .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input::-webkit-outer-spin-button {
1233 appearance: none;
1234 -webkit-appearance: none;
1235 margin: 0;
1236 }
1237 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input::placeholder {
1238 font-size: 56px;
1239 color: #1d2939;
1240 }
1241 @media (max-width: 900px) {
1242 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input::placeholder {
1243 font-size: 40px;
1244 }
1245 }
1246 @media (max-width: 500px) {
1247 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .input-fild .bp-payment_form-input::placeholder {
1248 font-size: 35px;
1249 }
1250 }
1251 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .bp-donation_btn {
1252 padding: 20px 26px;
1253 }
1254 @media (max-width: 900px) {
1255 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .bp-donation_btn {
1256 margin: 0 auto;
1257 padding: 20px;
1258 }
1259 }
1260 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_form .bp-donation_btn span {
1261 margin: 0 6px;
1262 }
1263 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-img_wrapper {
1264 width: 100%;
1265 overflow: hidden;
1266 }
1267 @media (max-width: 900px) {
1268 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-img_wrapper {
1269 max-width: 550px;
1270 margin: 0 auto;
1271 }
1272 }
1273 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-img_wrapper img {
1274 object-fit: cover;
1275 border-radius: 40px;
1276 }
1277 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery {
1278 display: grid;
1279 grid-template-columns: repeat(2, 1fr);
1280 grid-auto-rows: 1fr;
1281 gap: 32px;
1282 margin-bottom: 55px;
1283 margin-top: 55px;
1284 }
1285 @media (max-width: 700px) {
1286 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery {
1287 gap: 10px;
1288 }
1289 }
1290 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery .bp-img_wrapper {
1291 width: 100%;
1292 height: auto;
1293 border-radius: 12px;
1294 overflow: hidden;
1295 }
1296 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery .bp-img_wrapper img {
1297 width: 100%;
1298 height: 100%;
1299 object-fit: cover;
1300 }
1301 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery .bp-img_wrapper:nth-child(3) {
1302 grid-column: 1/-1;
1303 }
1304 .better-payment.better-payment-campaign .better-payment_campaign-layout_1,
1305 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 {
1306 background-color: #fcf8fa;
1307 }
1308 .better-payment.better-payment-campaign * {
1309 margin: 0;
1310 padding: 0;
1311 box-sizing: border-box;
1312 text-decoration: none;
1313 }
1314 .better-payment.better-payment-campaign p {
1315 line-height: 1.5;
1316 }
1317 .better-payment.better-payment-campaign img {
1318 width: 100%;
1319 height: auto;
1320 }
1321 .better-payment.better-payment-campaign span {
1322 display: inline-block;
1323 }
1324 .better-payment.better-payment-campaign a {
1325 display: block;
1326 cursor: pointer;
1327 z-index: 999;
1328 position: relative;
1329 }
1330 .better-payment.better-payment-campaign .bp-position_reletive {
1331 position: relative;
1332 }
1333 .better-payment.better-payment-campaign .bp-sora_font {
1334 font-family: "Sora", serif;
1335 font-optical-sizing: auto;
1336 font-style: normal;
1337 }
1338 .better-payment.better-payment-campaign .bp-inter_font {
1339 font-family: "Inter", serif;
1340 font-optical-sizing: auto;
1341 font-style: normal;
1342 }
1343 .better-payment.better-payment-campaign .bp-hanken_font {
1344 font-family: "Hanken Grotesk", sans-serif;
1345 font-optical-sizing: auto;
1346 font-style: normal;
1347 }
1348 .better-payment.better-payment-campaign .bp-ibm_font {
1349 font-family: "IBM Plex Sans", sans-serif;
1350 font-optical-sizing: auto;
1351 font-style: normal;
1352 }
1353 .better-payment.better-payment-campaign .bp-manrope_font {
1354 font-family: "Manrope", sans-serif;
1355 font-optical-sizing: auto;
1356 font-style: normal;
1357 }
1358 .better-payment.better-payment-campaign .bp-text_align-center {
1359 text-align: center;
1360 }
1361 .better-payment.better-payment-campaign .bp-text_align-left {
1362 text-align: left;
1363 }
1364 .better-payment.better-payment-campaign .bp-text_align-right {
1365 text-align: right;
1366 }
1367 .better-payment.better-payment-campaign .bp-line_height-0 {
1368 line-height: 0;
1369 }
1370 .better-payment.better-payment-campaign .bp-flex {
1371 display: flex;
1372 }
1373 .better-payment.better-payment-campaign .bp-justify_content-center {
1374 justify-content: center;
1375 }
1376 .better-payment.better-payment-campaign .bp-align_items-center {
1377 align-items: center;
1378 }
1379 .better-payment.better-payment-campaign .bp-justify_content-space_between {
1380 justify-content: space-between;
1381 }
1382 .better-payment.better-payment-campaign .bp-display_none {
1383 display: none;
1384 }
1385 .better-payment.better-payment-campaign .bp-flex_wrap {
1386 flex-wrap: wrap;
1387 }
1388 @media (max-width: 900px) {
1389 .better-payment.better-payment-campaign .bp-col_100-active_900 {
1390 flex: 0 0 100%;
1391 max-width: 100%;
1392 padding: 0 12px;
1393 }
1394 .better-payment.better-payment-campaign .bp-left_right-image_style-active_900 {
1395 display: none;
1396 }
1397 .better-payment.better-payment-campaign .bp-d_none-ctive_900 {
1398 display: none;
1399 }
1400 }
1401 @media (max-width: 700px) {
1402 .better-payment.better-payment-campaign .bp-justify_content-center_active-700 {
1403 justify-content: center;
1404 }
1405 .better-payment.better-payment-campaign .bp-flex_direction-reverse_active-700 {
1406 flex-direction: column-reverse;
1407 }
1408 .better-payment.better-payment-campaign .bp-col_100-active_700 {
1409 flex: 0 0 100%;
1410 max-width: 100%;
1411 padding: 0 12px;
1412 }
1413 .better-payment.better-payment-campaign .bp-col_50-active_700 {
1414 flex: 0 0 49%;
1415 max-width: 49%;
1416 padding: 6px;
1417 }
1418 }
1419 @media (max-width: 700px) and (max-width: 400px) {
1420 .better-payment.better-payment-campaign .bp-col_50-active_700 {
1421 padding: 3px;
1422 }
1423 }
1424 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_primary {
1425 font-size: 56px;
1426 font-weight: 600;
1427 color: #1d2939;
1428 }
1429 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_secondary {
1430 font-size: 24px;
1431 font-weight: 300;
1432 color: #48506d;
1433 }
1434 @media (max-width: 1200px) {
1435 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_secondary {
1436 font-size: 20px;
1437 }
1438 }
1439 @media (max-width: 900px) {
1440 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_secondary {
1441 font-size: 18px;
1442 }
1443 }
1444 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
1445 font-size: 32px;
1446 font-weight: 600;
1447 color: #1d2939;
1448 }
1449 @media (max-width: 1200px) {
1450 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
1451 font-size: 28px;
1452 }
1453 }
1454 @media (max-width: 900px) {
1455 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
1456 font-size: 25px;
1457 }
1458 }
1459 @media (max-width: 500px) {
1460 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
1461 font-size: 23px;
1462 }
1463 }
1464 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xl {
1465 font-size: 28px;
1466 font-weight: 600;
1467 color: #1d2939;
1468 }
1469 @media (max-width: 1200px) {
1470 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xl {
1471 font-size: 24px;
1472 }
1473 }
1474 @media (max-width: 900px) {
1475 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xl {
1476 font-size: 20px;
1477 }
1478 }
1479 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
1480 font-size: 24px;
1481 font-weight: 600;
1482 color: #1d2939;
1483 }
1484 @media (max-width: 1200px) {
1485 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
1486 font-size: 22px;
1487 }
1488 }
1489 @media (max-width: 900px) {
1490 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
1491 font-size: 18px;
1492 }
1493 }
1494 @media (max-width: 500px) {
1495 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
1496 font-size: 16px;
1497 }
1498 }
1499 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_m {
1500 font-size: 18px;
1501 font-weight: 500;
1502 color: #1d2939;
1503 }
1504 @media (max-width: 900px) {
1505 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_m {
1506 font-size: 15px;
1507 }
1508 }
1509 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .btn-1 {
1510 border-radius: 8px;
1511 background-color: #9125ff;
1512 color: #ffffff;
1513 border: none;
1514 cursor: pointer;
1515 }
1516 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .btn-1:hover {
1517 background-color: #9125ff;
1518 color: #ffffff;
1519 }
1520 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_primary {
1521 font-size: 64px;
1522 font-weight: 600;
1523 color: #f9fafb;
1524 }
1525 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_secondary {
1526 font-size: 24px;
1527 font-weight: 300;
1528 color: #48506d;
1529 }
1530 @media (max-width: 1200px) {
1531 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_secondary {
1532 font-size: 20px;
1533 }
1534 }
1535 @media (max-width: 900px) {
1536 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_secondary {
1537 font-size: 18px;
1538 }
1539 }
1540 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
1541 font-size: 32px;
1542 font-weight: 600;
1543 color: #1d2939;
1544 }
1545 @media (max-width: 1200px) {
1546 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
1547 font-size: 28px;
1548 }
1549 }
1550 @media (max-width: 900px) {
1551 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
1552 font-size: 25px;
1553 }
1554 }
1555 @media (max-width: 500px) {
1556 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
1557 font-size: 23px;
1558 }
1559 }
1560 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xl {
1561 font-size: 28px;
1562 font-weight: 400;
1563 color: #1d2939;
1564 }
1565 @media (max-width: 1200px) {
1566 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xl {
1567 font-size: 24px;
1568 }
1569 }
1570 @media (max-width: 900px) {
1571 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xl {
1572 font-size: 20px;
1573 }
1574 }
1575 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
1576 font-size: 24px;
1577 font-weight: 600;
1578 color: #1d2939;
1579 }
1580 @media (max-width: 1200px) {
1581 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
1582 font-size: 22px;
1583 }
1584 }
1585 @media (max-width: 900px) {
1586 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
1587 font-size: 18px;
1588 }
1589 }
1590 @media (max-width: 500px) {
1591 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
1592 font-size: 16px;
1593 }
1594 }
1595 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xm {
1596 font-size: 20px;
1597 font-weight: 500;
1598 }
1599 @media (max-width: 900px) {
1600 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xm {
1601 font-size: 15px;
1602 }
1603 }
1604 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_m {
1605 font-size: 16px;
1606 font-weight: 500;
1607 color: #475467;
1608 }
1609 @media (max-width: 900px) {
1610 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_m {
1611 font-size: 15px;
1612 }
1613 }
1614 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .btn-2 {
1615 border-radius: 1000px;
1616 background-color: #ffffff;
1617 color: #344054;
1618 border: none;
1619 cursor: pointer;
1620 font-weight: 500;
1621 }
1622 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .btn-2:hover {
1623 background-color: #ffffff;
1624 color: #344054;
1625 }
1626 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_primary {
1627 font-size: 56px;
1628 font-weight: 500;
1629 color: #1d2939;
1630 }
1631 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_secondary {
1632 font-size: 20px;
1633 font-weight: 300;
1634 color: #48506d;
1635 }
1636 @media (max-width: 1200px) {
1637 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_secondary {
1638 font-size: 18px;
1639 }
1640 }
1641 @media (max-width: 900px) {
1642 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_secondary {
1643 font-size: 16px;
1644 }
1645 }
1646 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
1647 font-size: 40px;
1648 font-weight: 500;
1649 color: #1d2939;
1650 }
1651 @media (max-width: 1200px) {
1652 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
1653 font-size: 28px;
1654 }
1655 }
1656 @media (max-width: 900px) {
1657 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
1658 font-size: 25px;
1659 }
1660 }
1661 @media (max-width: 500px) {
1662 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
1663 font-size: 23px;
1664 }
1665 }
1666 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xl {
1667 font-size: 28px;
1668 font-weight: 600;
1669 color: #2b2748;
1670 }
1671 @media (max-width: 1200px) {
1672 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xl {
1673 font-size: 24px;
1674 }
1675 }
1676 @media (max-width: 900px) {
1677 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xl {
1678 font-size: 20px;
1679 }
1680 }
1681 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
1682 font-size: 20px;
1683 font-weight: 500;
1684 color: #1d2939;
1685 }
1686 @media (max-width: 1200px) {
1687 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
1688 font-size: 22px;
1689 }
1690 }
1691 @media (max-width: 900px) {
1692 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
1693 font-size: 18px;
1694 }
1695 }
1696 @media (max-width: 500px) {
1697 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
1698 font-size: 16px;
1699 }
1700 }
1701 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xm {
1702 font-size: 20px;
1703 font-weight: 500;
1704 }
1705 @media (max-width: 900px) {
1706 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xm {
1707 font-size: 15px;
1708 }
1709 }
1710 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_m {
1711 font-size: 16px;
1712 font-weight: 300;
1713 color: #48506d;
1714 }
1715 @media (max-width: 900px) {
1716 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_m {
1717 font-size: 15px;
1718 }
1719 }
1720 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .btn-3 {
1721 border-radius: 12px;
1722 background-color: #4e36e9;
1723 color: #ffffff;
1724 border: none;
1725 cursor: pointer;
1726 font-weight: 500;
1727 font-size: 18px;
1728 }
1729 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .btn-3:hover {
1730 background-color: #4e36e9;
1731 color: #ffffff;
1732 }
1733 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .margin-bottom_32 {
1734 margin-bottom: 32px;
1735 }
1736 @media (max-width: 1200px) {
1737 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .margin-bottom_32 {
1738 margin-bottom: 24px;
1739 }
1740 }
1741 @media (max-width: 900px) {
1742 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .margin-bottom_32 {
1743 margin-bottom: 20px;
1744 }
1745 }
1746