PluginProbe
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More / 2.1.2
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More v2.1.2
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.1.2, at assets/css/fundraising-campaign.css

2,303 lines 93.9 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-news_card a {
26 display: block;
27 }
28 .better-payment.better-payment-campaign .bp-container {
29 max-width: 1320px;
30 margin: 0 auto;
31 padding: 0 12px;
32 z-index: 999;
33 position: relative;
34 }
35 .better-payment.better-payment-campaign .bp-hero_container {
36 max-width: 1460px;
37 margin: 0 auto;
38 padding: 0 12px;
39 z-index: 999;
40 position: relative;
41 }
42 .better-payment.better-payment-campaign .bp-row {
43 display: flex;
44 flex-wrap: wrap;
45 margin-left: -12px;
46 margin-right: -12px;
47 }
48 .better-payment.better-payment-campaign .bp-col {
49 padding-left: 12px;
50 padding-right: 12px;
51 flex: 1;
52 }
53 .better-payment.better-payment-campaign .bp-col_1 {
54 flex: 0 0 8.3333333333%;
55 max-width: 8.3333333333%;
56 }
57 .better-payment.better-payment-campaign .bp-col_2 {
58 flex: 0 0 16.6666666667%;
59 max-width: 16.6666666667%;
60 }
61 .better-payment.better-payment-campaign .bp-col_3 {
62 flex: 0 0 25%;
63 max-width: 25%;
64 }
65 .better-payment.better-payment-campaign .bp-col_4 {
66 flex: 0 0 33.3333333333%;
67 max-width: 33.3333333333%;
68 }
69 .better-payment.better-payment-campaign .bp-col_5 {
70 flex: 0 0 41.6666666667%;
71 max-width: 41.6666666667%;
72 }
73 .better-payment.better-payment-campaign .bp-col_6 {
74 flex: 0 0 50%;
75 max-width: 50%;
76 }
77 .better-payment.better-payment-campaign .bp-col_7 {
78 flex: 0 0 58.3333333333%;
79 max-width: 58.3333333333%;
80 }
81 .better-payment.better-payment-campaign .bp-col_8 {
82 flex: 0 0 66.6666666667%;
83 max-width: 66.6666666667%;
84 }
85 .better-payment.better-payment-campaign .bp-col_9 {
86 flex: 0 0 75%;
87 max-width: 75%;
88 }
89 .better-payment.better-payment-campaign .bp-col_10 {
90 flex: 0 0 83.3333333333%;
91 max-width: 83.3333333333%;
92 }
93 .better-payment.better-payment-campaign .bp-col_11 {
94 flex: 0 0 91.6666666667%;
95 max-width: 91.6666666667%;
96 }
97 .better-payment.better-payment-campaign .bp-col_12 {
98 flex: 0 0 100%;
99 max-width: 100%;
100 }
101 .better-payment.better-payment-campaign .bp-pro-banner {
102 max-width: 100%;
103 height: auto;
104 border-radius: 16px;
105 }
106 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 {
107 padding: 70px 0;
108 }
109 @media (max-width: 900px) {
110 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 {
111 padding: 30px 0;
112 }
113 }
114 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section {
115 background-color: #fcf8fa;
116 padding-bottom: 85px;
117 }
118 @media (max-width: 900px) {
119 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section {
120 padding-bottom: 60px;
121 }
122 }
123 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-left {
124 width: 100%;
125 min-height: 1px;
126 }
127 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-left .bp-left-img-wrapper {
128 margin-top: 75px;
129 }
130 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper {
131 max-width: 720px;
132 margin: 0 auto;
133 }
134 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
135 margin-bottom: 32px;
136 }
137 @media (max-width: 1200px) {
138 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
139 font-size: 46px;
140 margin-bottom: 22px;
141 }
142 }
143 @media (max-width: 900px) {
144 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
145 font-size: 40px;
146 margin-bottom: 20px;
147 padding: 0 40px;
148 }
149 }
150 @media (max-width: 500px) {
151 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_primary {
152 font-size: 36px;
153 padding: 0;
154 }
155 }
156 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
157 margin-bottom: 32px;
158 }
159 @media (max-width: 1200px) {
160 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
161 margin-bottom: 22px;
162 }
163 }
164 @media (max-width: 900px) {
165 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
166 margin-bottom: 20px;
167 padding: 0 40px;
168 }
169 }
170 @media (max-width: 500px) {
171 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-text_secondary {
172 margin-bottom: 20px;
173 padding: 0;
174 }
175 }
176 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-share_box span {
177 font-size: 18px;
178 font-weight: 500;
179 text-decoration-skip-ink: none;
180 color: #1d2939;
181 }
182 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-share_box .bp-social_media {
183 width: 40px;
184 height: 40px;
185 margin: 10px;
186 }
187 @media (max-width: 900px) {
188 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-text_wrapper .bp-share_box .bp-social_media {
189 width: 30px;
190 height: 30px;
191 margin: 5px 5px 25px 5px;
192 }
193 }
194 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-right {
195 width: 100%;
196 min-height: 1px;
197 }
198 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-donation_thoughts-section .bp-image_wrapper-right .bp-right-img-wrapper {
199 margin-top: 65px;
200 }
201 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section {
202 margin-bottom: 50px;
203 }
204 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card {
205 background-color: #f8f2ff;
206 border: 1px solid #f2ebfb;
207 border-radius: 20px;
208 overflow: hidden;
209 }
210 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-charity_raised-img-wrapper {
211 height: 100%;
212 width: 100%;
213 }
214 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-charity_raised-img-wrapper img {
215 height: 100%;
216 width: 100%;
217 object-fit: cover;
218 }
219 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper {
220 padding: 40px 60px 40px 16px;
221 display: flex;
222 flex-direction: column;
223 height: 100%;
224 }
225 @media (max-width: 1200px) {
226 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper {
227 padding: 10px 10px 10px 0px;
228 }
229 }
230 @media (max-width: 900px) {
231 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper {
232 padding: 20px;
233 }
234 }
235 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper .bp-form_header {
236 margin-bottom: 32px;
237 }
238 @media (max-width: 1200px) {
239 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper .bp-form_header {
240 margin-bottom: 22px;
241 }
242 }
243 @media (max-width: 900px) {
244 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper .bp-form_header {
245 margin-bottom: 10px;
246 }
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 {
249 margin-bottom: 6px;
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 span {
252 margin: 5px;
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-aamount {
255 color: #9125ff;
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-form_top .bp-progress_output {
258 color: #4b5d7b;
259 }
260 .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 {
261 appearance: none;
262 width: 100%;
263 height: 12px;
264 background-color: #eaddf8;
265 border-radius: 9px;
266 overflow: hidden;
267 margin-bottom: 20px;
268 }
269 @media (max-width: 1200px) {
270 .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 {
271 margin-bottom: 12px;
272 }
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-bar {
275 background-color: #eaddf8;
276 }
277 .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 {
278 background-color: #b66fff;
279 transition: width 0.3s ease;
280 }
281 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-charity_raised-section .bp-charity_raised-card .bp-form_wrapper form {
282 /* For Mozilla (Firefox) */
283 }
284 .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 {
285 background-color: #b66fff;
286 border-radius: 6px;
287 transition: width 0.3s ease;
288 }
289 .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 {
290 flex-wrap: wrap;
291 gap: 12px;
292 margin-bottom: 20px;
293 }
294 .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 {
295 display: inline-flex;
296 align-items: center;
297 justify-content: center;
298 background-color: #f6eeff;
299 border: 1px solid #eddcff;
300 border-radius: 8px;
301 color: #141320;
302 outline: none;
303 text-align: center;
304 padding: 20px;
305 width: 100%;
306 /* Make it flexible for responsiveness */
307 max-width: 123px;
308 height: 48px;
309 font-size: 20px;
310 font-weight: 500;
311 cursor: pointer;
312 transition: all 0.3s ease;
313 }
314 .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] {
315 display: none;
316 }
317 @media (max-width: 1200px) {
318 .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 {
319 margin-bottom: 12px;
320 }
321 }
322 @media (max-width: 900px) {
323 .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 {
324 padding: 0px;
325 font-size: 16px;
326 }
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:last-child {
329 margin-right: 0;
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 input[type=radio]:checked {
332 background-color: #d3b3ff;
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_label:hover {
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 .bp-radio_active {
338 background-color: #f1d8ff;
339 }
340 .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 {
341 background-color: #f6eeff;
342 border: 1px solid #eddcff;
343 width: 100%;
344 padding: 20px;
345 border-radius: 8px;
346 outline: none;
347 font-size: 17px;
348 font-weight: 500;
349 color: #48506d;
350 margin-bottom: 32px;
351 }
352 @media (max-width: 1200px) {
353 .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 {
354 margin-bottom: 22px;
355 }
356 }
357 @media (max-width: 900px) {
358 .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 {
359 padding: 15px;
360 }
361 }
362 .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 {
363 font-size: 17px;
364 font-weight: 500;
365 color: #48506d;
366 opacity: 1;
367 }
368 .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 {
369 padding: 20px 32px 20px 32px;
370 font-size: 20px;
371 font-weight: 500;
372 }
373 @media (max-width: 900px) {
374 .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 {
375 padding: 15px 25px;
376 font-size: 15px;
377 }
378 }
379 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section {
380 background-color: #fcf8fa;
381 margin-bottom: 20px;
382 }
383 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation {
384 gap: 60px;
385 }
386 @media (max-width: 500px) {
387 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation {
388 gap: 30px;
389 }
390 }
391 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
392 border: none;
393 cursor: pointer;
394 transition: background-color 0.3s;
395 background-color: transparent;
396 position: relative;
397 display: inline-block;
398 text-decoration: none;
399 margin-bottom: 55px;
400 padding: 8px 2px;
401 }
402 @media (max-width: 1200px) {
403 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
404 margin-bottom: 22px;
405 }
406 }
407 @media (max-width: 900px) {
408 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
409 margin-bottom: 20px;
410 }
411 }
412 @media (max-width: 500px) {
413 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
414 padding: 0;
415 }
416 }
417 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button::after {
418 content: "";
419 position: absolute;
420 bottom: 0;
421 left: 0;
422 width: 0;
423 height: 3px;
424 background-color: #9125ff;
425 transition: width 0.3s ease;
426 border-radius: 8px;
427 }
428 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:hover::after {
429 width: 80%;
430 border-radius: 8px;
431 }
432 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:focus::after {
433 width: 80%;
434 border-radius: 8px;
435 }
436 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button.bp-active::after {
437 width: 80%;
438 }
439 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane {
440 display: none;
441 }
442 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane.bp-active {
443 display: block;
444 }
445 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
446 max-width: 1081px;
447 margin-bottom: 55px;
448 }
449 @media (max-width: 1200px) {
450 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
451 margin-bottom: 22px;
452 padding: 0;
453 }
454 }
455 @media (max-width: 900px) {
456 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
457 margin-bottom: 20px;
458 }
459 }
460 @media (max-width: 500px) {
461 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .bp-overview_text {
462 padding: 0;
463 }
464 }
465 .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 {
466 margin-bottom: 55px;
467 }
468 @media (max-width: 700px) {
469 .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 {
470 display: flex;
471 flex-direction: column;
472 gap: 6px;
473 }
474 }
475 .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 {
476 margin-bottom: 24px;
477 }
478 @media (max-width: 700px) {
479 .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 {
480 margin-bottom: 0px;
481 }
482 }
483 .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 {
484 max-width: 1081px;
485 margin-bottom: 55px;
486 }
487 .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 {
488 padding: 20px 0;
489 }
490 @media (max-width: 1200px) {
491 .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 {
492 padding: 10px;
493 }
494 }
495 .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 {
496 margin: 6px;
497 line-height: 0;
498 }
499 @media (max-width: 900px) {
500 .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 {
501 margin: 3px;
502 }
503 }
504 @media (max-width: 900px) {
505 .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 {
506 height: 20px;
507 width: 20px;
508 }
509 }
510 .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 {
511 margin: 6px;
512 color: #48506d;
513 font-weight: 300;
514 }
515 @media (max-width: 900px) {
516 .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 {
517 margin: 3px;
518 }
519 }
520 .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 {
521 margin-bottom: 24px;
522 }
523 @media (max-width: 700px) {
524 .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 {
525 margin-bottom: 20px;
526 }
527 }
528 .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 {
529 margin-bottom: 16px;
530 max-width: 312px;
531 margin-bottom: 16px;
532 }
533 .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 {
534 object-fit: cover;
535 }
536 @media (max-width: 700px) {
537 .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 {
538 margin-bottom: 14px;
539 }
540 }
541 .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 {
542 font-size: 20px;
543 font-weight: 400;
544 }
545 @media (max-width: 700px) {
546 .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 {
547 font-size: 16px;
548 }
549 }
550 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_header {
551 margin-bottom: 24px;
552 }
553 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form {
554 background-color: #f7f0f4;
555 padding: 12px 24px;
556 width: 100%;
557 border-radius: 12px;
558 margin-bottom: 32px;
559 }
560 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-coomment_input {
561 width: 100%;
562 margin-bottom: 32px;
563 border: none;
564 background-color: transparent;
565 padding: 12px;
566 outline: none;
567 font-size: 14px;
568 font-weight: 300;
569 resize: none;
570 }
571 @media (max-width: 700px) {
572 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-coomment_input {
573 padding: 0px;
574 }
575 }
576 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-coomment_input::placeholder {
577 font-family: "Inter", sans-serif;
578 font-size: 14px;
579 font-weight: 300;
580 color: #48506d;
581 }
582 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-text_tools {
583 border: none;
584 padding: 12px;
585 background-color: #f7f0f4;
586 cursor: pointer;
587 }
588 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-comment_submit {
589 padding: 12px 16px;
590 font-size: 14px;
591 font-weight: 500;
592 }
593 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .given-comment {
594 margin-right: 9px;
595 }
596 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_count {
597 background-color: #9125ff;
598 color: #fcfcfd;
599 border-radius: 7px;
600 padding: 3px 8px;
601 display: inline-block;
602 font-size: 12px;
603 font-weight: 500;
604 }
605 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list {
606 padding-top: 24px;
607 }
608 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author {
609 margin-bottom: 24px;
610 }
611 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box {
612 margin-right: 10px;
613 }
614 @media (max-width: 700px) {
615 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box {
616 margin-right: 5px;
617 }
618 }
619 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img {
620 width: 48px;
621 height: 48px;
622 border-radius: 50%;
623 background-color: #ffffff;
624 line-height: 0;
625 overflow: hidden;
626 }
627 @media (max-width: 700px) {
628 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img {
629 width: 38px;
630 height: 38px;
631 }
632 }
633 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img img {
634 object-fit: cover;
635 }
636 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info {
637 background-color: #f7f0f4;
638 border-radius: 9px;
639 margin-left: 12px;
640 padding: 0px 8px;
641 }
642 @media (max-width: 700px) {
643 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info {
644 margin-left: 6px;
645 }
646 }
647 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-name {
648 margin: 12px;
649 font-size: 18px;
650 font-weight: 700;
651 }
652 @media (max-width: 700px) {
653 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-name {
654 margin: 6px;
655 }
656 }
657 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment_date {
658 margin: 12px 12px 12px 4px;
659 font-size: 14px;
660 font-weight: 500;
661 color: rgba(72, 80, 109, 0.8392156863);
662 }
663 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment {
664 font-size: 20px;
665 font-weight: 300;
666 color: #0b0f19;
667 padding: 12px;
668 }
669 @media (max-width: 700px) {
670 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment {
671 font-size: 18px;
672 padding: 6px;
673 }
674 }
675 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
676 background-color: #ffffff;
677 padding: 48px 72px;
678 border-radius: 24px;
679 }
680 @media (max-width: 1200px) {
681 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
682 padding: 48px;
683 }
684 }
685 @media (max-width: 900px) {
686 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
687 padding: 30px;
688 }
689 }
690 @media (max-width: 500px) {
691 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
692 padding: 12px;
693 }
694 }
695 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_icon {
696 width: 84px;
697 height: 84px;
698 margin-bottom: 10px;
699 }
700 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_header {
701 font-size: 36px;
702 color: #252525;
703 margin-bottom: 24px;
704 }
705 @media (max-width: 900px) {
706 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_header {
707 font-size: 30px;
708 }
709 }
710 @media (max-width: 500px) {
711 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_header {
712 font-size: 25px;
713 }
714 }
715 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box + .bp-update_box {
716 margin-top: 24px;
717 }
718 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
719 background-repeat: no-repeat;
720 background-position: center;
721 background-size: cover;
722 padding: 159px 0;
723 transition: background-image 1s ease-in-out;
724 margin-bottom: 55px;
725 position: relative;
726 height: 100vh;
727 }
728 @media (max-width: 1200px) {
729 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
730 padding: 100px 0;
731 height: auto;
732 }
733 }
734 @media (max-width: 900px) {
735 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
736 padding: 80px 0;
737 margin-bottom: 100px;
738 }
739 }
740 @media (max-width: 600px) {
741 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
742 height: auto;
743 margin-bottom: 50px;
744 }
745 }
746 @media (max-width: 500px) {
747 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section {
748 background-image: none !important;
749 background-color: #ed4961;
750 padding: 40px 0;
751 }
752 }
753 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper {
754 max-width: 740px;
755 width: 100%;
756 }
757 @media (max-width: 900px) {
758 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper {
759 margin-bottom: 25px;
760 }
761 }
762 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
763 margin-bottom: 40px;
764 }
765 @media (max-width: 1200px) {
766 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
767 font-size: 60px;
768 margin-bottom: 35px;
769 }
770 }
771 @media (max-width: 900px) {
772 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
773 margin-bottom: 30px;
774 font-size: 46px;
775 }
776 }
777 @media (max-width: 500px) {
778 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_primary {
779 margin-bottom: 25px;
780 font-size: 32px;
781 }
782 }
783 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-text_xm {
784 color: #f2f4f7;
785 line-height: 1.8;
786 margin-bottom: 24px;
787 }
788 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-text_wrapper .bp-donate_btn {
789 padding: 20px 24px;
790 }
791 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card {
792 background-color: #ffffff;
793 border-radius: 16px;
794 padding: 21px 31px;
795 width: 100%;
796 margin-bottom: 16px;
797 }
798 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card .card-tag {
799 font-size: 16px;
800 font-weight: 600;
801 color: #d97706;
802 background-color: #fffbeb;
803 padding: 4px 12px 4px 12px;
804 border-radius: 27px;
805 margin-bottom: 10px;
806 }
807 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card .card-header {
808 margin-bottom: 24px;
809 }
810 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .bp-progress_bar {
811 width: 100%;
812 appearance: none;
813 border-radius: 9px;
814 overflow: hidden;
815 margin-bottom: 12px;
816 background-color: #f3f3f3;
817 height: 20px;
818 color: #d6421d;
819 }
820 .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 {
821 background-color: #f3f3f3;
822 }
823 .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 {
824 background-color: #d6421d;
825 transition: width 0.3s ease;
826 }
827 .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 {
828 background-color: #d6421d;
829 transition: width 0.3s ease;
830 }
831 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .bp-progress_bar::-ms-fill {
832 background-color: #d6421d;
833 }
834 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form label.bp-donations {
835 margin-bottom: 24px;
836 gap: 3px;
837 }
838 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-progress_bar-card form .card-raised_btn {
839 width: 48px;
840 height: 48px;
841 border-radius: 50%;
842 border: 1px solid #d0d5dd;
843 }
844 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-image_gallery-wrapper .image-gallery .img-wrapper {
845 margin: 3px;
846 width: 100%;
847 max-width: 132px;
848 height: 64px;
849 border-radius: 6px;
850 overflow: hidden;
851 cursor: pointer;
852 }
853 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-image_gallery-wrapper .image-gallery .img-wrapper img {
854 height: 100%;
855 width: 100%;
856 object-fit: cover;
857 }
858 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-image_gallery-wrapper .image-gallery .image_overlay {
859 position: absolute;
860 left: 0;
861 right: 0;
862 top: 0;
863 bottom: 0;
864 background-color: rgba(0, 0, 0, 0.5019607843);
865 z-index: 4;
866 }
867 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donation_hero-section .bp-hero_overlay {
868 position: absolute;
869 top: 0;
870 left: 0;
871 right: 0;
872 bottom: 0;
873 background-color: rgba(0, 0, 0, 0.4);
874 z-index: 1;
875 }
876 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section {
877 background-color: #fcf8fa;
878 padding-bottom: 55px;
879 }
880 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation {
881 gap: 60px;
882 }
883 @media (max-width: 500px) {
884 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation {
885 gap: 30px;
886 }
887 }
888 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
889 border: none;
890 cursor: pointer;
891 transition: background-color 0.3s;
892 background-color: transparent;
893 position: relative;
894 display: inline-block;
895 text-decoration: none;
896 margin-bottom: 55px;
897 padding: 8px 2px;
898 }
899 @media (max-width: 1200px) {
900 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
901 margin-bottom: 22px;
902 }
903 }
904 @media (max-width: 900px) {
905 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
906 margin-bottom: 20px;
907 }
908 }
909 @media (max-width: 500px) {
910 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button {
911 padding: 0;
912 }
913 }
914 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button::after {
915 content: "";
916 position: absolute;
917 bottom: 0;
918 left: 0;
919 width: 0;
920 height: 3px;
921 background-color: #ed4961;
922 transition: width 0.3s ease;
923 border-radius: 8px;
924 }
925 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:hover::after {
926 width: 80%;
927 border-radius: 8px;
928 }
929 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button:focus::after {
930 width: 80%;
931 border-radius: 8px;
932 }
933 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_navigation .bp-tab_button.bp-active::after {
934 width: 80%;
935 }
936 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane {
937 display: none;
938 }
939 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane.bp-active {
940 display: block;
941 }
942 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper {
943 justify-content: flex-end;
944 align-items: flex-end;
945 height: 100%;
946 width: 100%;
947 }
948 @media (max-width: 900px) {
949 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#overview .share-icon_wrapper {
950 justify-content: center;
951 align-items: center;
952 }
953 }
954 .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 {
955 color: #1d2939;
956 margin-bottom: 12px;
957 }
958 @media (max-width: 900px) {
959 .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 {
960 width: 100%;
961 text-align: center;
962 margin-top: 12px;
963 }
964 }
965 .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 {
966 gap: 20px;
967 }
968 .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 {
969 height: 40px;
970 width: 40px;
971 }
972 @media (max-width: 700px) {
973 .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 {
974 height: 30px;
975 width: 30px;
976 }
977 }
978 .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 {
979 max-width: 771px;
980 }
981 @media (max-width: 1200px) {
982 .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 {
983 margin-bottom: 22px;
984 padding: 0;
985 }
986 }
987 @media (max-width: 900px) {
988 .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 {
989 margin-bottom: 20px;
990 }
991 }
992 @media (max-width: 500px) {
993 .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 {
994 padding: 0;
995 }
996 }
997 .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 {
998 margin-bottom: 55px;
999 }
1000 @media (max-width: 700px) {
1001 .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 {
1002 display: flex;
1003 flex-direction: column;
1004 gap: 6px;
1005 }
1006 }
1007 .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 {
1008 margin-bottom: 24px;
1009 }
1010 @media (max-width: 700px) {
1011 .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 {
1012 margin-bottom: 0px;
1013 }
1014 }
1015 .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 {
1016 max-width: 1081px;
1017 margin-bottom: 55px;
1018 }
1019 .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 {
1020 padding: 20px 0;
1021 }
1022 @media (max-width: 1200px) {
1023 .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 {
1024 padding: 10px;
1025 }
1026 }
1027 .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 {
1028 margin: 6px;
1029 line-height: 0;
1030 }
1031 @media (max-width: 900px) {
1032 .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 {
1033 margin: 3px;
1034 }
1035 }
1036 @media (max-width: 900px) {
1037 .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 {
1038 height: 20px;
1039 width: 20px;
1040 }
1041 }
1042 .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 {
1043 margin: 6px;
1044 color: #48506d;
1045 font-weight: 300;
1046 }
1047 @media (max-width: 900px) {
1048 .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 {
1049 margin: 3px;
1050 }
1051 }
1052 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_header {
1053 margin-bottom: 24px;
1054 }
1055 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form {
1056 background-color: #f7f0f4;
1057 padding: 12px 24px;
1058 width: 100%;
1059 border-radius: 12px;
1060 margin-bottom: 32px;
1061 }
1062 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-coomment_input {
1063 width: 100%;
1064 margin-bottom: 32px;
1065 border: none;
1066 background-color: transparent;
1067 padding: 12px;
1068 outline: none;
1069 font-size: 14px;
1070 font-weight: 300;
1071 resize: none;
1072 transition: border-color 0.3s ease;
1073 }
1074 @media (max-width: 700px) {
1075 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-coomment_input {
1076 padding: 0px;
1077 }
1078 }
1079 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-coomment_input::placeholder {
1080 font-family: "Inter", sans-serif;
1081 font-size: 14px;
1082 font-weight: 300;
1083 color: #48506d;
1084 }
1085 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-text_tools {
1086 border: none;
1087 padding: 12px;
1088 background-color: #f7f0f4;
1089 cursor: pointer;
1090 }
1091 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_form .bp-comment_submit {
1092 padding: 12px 16px;
1093 font-size: 14px;
1094 font-weight: 500;
1095 border-radius: 8px;
1096 background-color: #ed4961;
1097 color: #ffffff;
1098 }
1099 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .given-comment {
1100 margin-right: 9px;
1101 }
1102 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_count {
1103 background-color: #ed4961;
1104 color: #fcfcfd;
1105 border-radius: 7px;
1106 padding: 3px 8px;
1107 display: inline-block;
1108 font-size: 12px;
1109 font-weight: 500;
1110 }
1111 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list {
1112 padding-top: 24px;
1113 }
1114 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author {
1115 margin-bottom: 24px;
1116 }
1117 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box {
1118 margin-right: 10px;
1119 }
1120 @media (max-width: 700px) {
1121 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box {
1122 margin-right: 5px;
1123 }
1124 }
1125 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img {
1126 width: 48px;
1127 height: 48px;
1128 border-radius: 50%;
1129 background-color: #ffffff;
1130 line-height: 0;
1131 overflow: hidden;
1132 }
1133 @media (max-width: 700px) {
1134 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img {
1135 width: 38px;
1136 height: 38px;
1137 }
1138 }
1139 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img img {
1140 object-fit: cover;
1141 }
1142 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info {
1143 background-color: #f7f0f4;
1144 border-radius: 9px;
1145 margin-left: 12px;
1146 padding: 0px 8px;
1147 }
1148 @media (max-width: 700px) {
1149 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info {
1150 margin-left: 6px;
1151 }
1152 }
1153 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-name {
1154 margin: 12px;
1155 font-size: 18px;
1156 font-weight: 700;
1157 }
1158 @media (max-width: 700px) {
1159 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-name {
1160 margin: 6px;
1161 }
1162 }
1163 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment_date {
1164 margin: 12px 12px 12px 4px;
1165 font-size: 14px;
1166 font-weight: 500;
1167 color: rgba(72, 80, 109, 0.8392156863);
1168 }
1169 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment {
1170 font-size: 20px;
1171 font-weight: 300;
1172 color: #0b0f19;
1173 padding: 12px;
1174 }
1175 @media (max-width: 700px) {
1176 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment {
1177 font-size: 18px;
1178 padding: 6px;
1179 }
1180 }
1181 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
1182 background-color: #ffffff;
1183 padding: 48px 72px;
1184 border-radius: 24px;
1185 }
1186 @media (max-width: 1200px) {
1187 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
1188 padding: 48px;
1189 }
1190 }
1191 @media (max-width: 900px) {
1192 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
1193 padding: 30px;
1194 }
1195 }
1196 @media (max-width: 500px) {
1197 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box {
1198 padding: 12px;
1199 }
1200 }
1201 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_icon {
1202 width: 84px;
1203 height: 84px;
1204 margin-bottom: 10px;
1205 }
1206 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_header {
1207 font-size: 36px;
1208 color: #252525;
1209 margin-bottom: 24px;
1210 }
1211 @media (max-width: 900px) {
1212 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_header {
1213 font-size: 30px;
1214 }
1215 }
1216 @media (max-width: 500px) {
1217 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .bp-announcement_header {
1218 font-size: 25px;
1219 }
1220 }
1221 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .text-wrapper {
1222 width: 100%;
1223 /* Adjust as per your layout */
1224 position: relative;
1225 }
1226 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .text-wrapper .bp-announcement {
1227 margin-bottom: 24px;
1228 display: -webkit-box;
1229 -webkit-line-clamp: 3;
1230 -webkit-box-orient: vertical;
1231 overflow: hidden;
1232 text-overflow: ellipsis;
1233 transition: all 0.3s ease-in-out;
1234 }
1235 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .text-wrapper .bp-announcement.active {
1236 display: block;
1237 }
1238 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .text-wrapper .bp-learn_more-btn {
1239 color: #ed4961;
1240 z-index: 9999;
1241 position: relative;
1242 transition: background-color 0.3s ease;
1243 }
1244 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box .text-wrapper .bp-learn_more-btn .custom-icon {
1245 color: #ed4961;
1246 }
1247 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-content_navigation-section .bp-tab_content .bp-tab_pane#update .bp-update_box + .bp-update_box {
1248 margin-top: 24px;
1249 }
1250 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section {
1251 padding-bottom: 40px;
1252 }
1253 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
1254 background-color: #ed4961;
1255 border-radius: 32px;
1256 padding: 72px;
1257 }
1258 @media (max-width: 1200px) {
1259 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
1260 padding: 42px;
1261 }
1262 }
1263 @media (max-width: 900px) {
1264 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
1265 padding: 32px;
1266 }
1267 }
1268 @media (max-width: 500px) {
1269 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper {
1270 padding: 20px;
1271 }
1272 }
1273 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper {
1274 max-width: 609px;
1275 }
1276 @media (max-width: 900px) {
1277 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .bp-text_wrapper {
1278 margin-bottom: 30px;
1279 }
1280 }
1281 .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 {
1282 font-size: 48px;
1283 font-weight: 800;
1284 color: #f9fafb;
1285 margin-bottom: 32px;
1286 }
1287 @media (max-width: 1200px) {
1288 .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 {
1289 margin-bottom: 20px;
1290 font-size: 38px;
1291 }
1292 }
1293 @media (max-width: 900px) {
1294 .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 {
1295 font-size: 26px;
1296 }
1297 }
1298 .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 {
1299 color: #eaecf0;
1300 font-weight: 300;
1301 margin-bottom: 24px;
1302 }
1303 @media (max-width: 1200px) {
1304 .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 {
1305 font-size: 20px;
1306 }
1307 }
1308 @media (max-width: 900px) {
1309 .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 {
1310 font-size: 18px;
1311 }
1312 }
1313 .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 {
1314 padding: 20px 24px;
1315 }
1316 .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 {
1317 font-size: 16px;
1318 }
1319 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .img-wrapper {
1320 border-radius: 20px;
1321 overflow: hidden;
1322 line-height: 0;
1323 }
1324 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_top-wrapper .img-wrapper img {
1325 object-fit: cover;
1326 }
1327 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
1328 margin-top: 132px;
1329 }
1330 @media (max-width: 1200px) {
1331 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
1332 -webkit-margin-bottom-collapse: 100px;
1333 }
1334 }
1335 @media (max-width: 900px) {
1336 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
1337 margin-top: 80px;
1338 }
1339 }
1340 @media (max-width: 500px) {
1341 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper {
1342 margin-top: 40px;
1343 }
1344 }
1345 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .bottom-wrapper_header {
1346 color: #f9fafb;
1347 margin-bottom: 12px;
1348 font-weight: 500;
1349 }
1350 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper {
1351 background-color: #ffffff;
1352 border-radius: 12px;
1353 overflow: hidden;
1354 margin-top: 20px;
1355 }
1356 @media (max-width: 1200px) {
1357 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper {
1358 flex-direction: column;
1359 align-items: center;
1360 }
1361 }
1362 @media (max-width: 700px) {
1363 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-donate_section .bp-donate_section-wrapper .bp-section_bottom-wrapper .card-wrapper {
1364 margin-bottom: 20px;
1365 flex-direction: row;
1366 }
1367 }
1368 .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 {
1369 border-radius: 12px;
1370 overflow: hidden;
1371 margin: 12px;
1372 height: 140px;
1373 width: 50%;
1374 }
1375 @media (max-width: 1200px) {
1376 .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 {
1377 width: 100%;
1378 padding: 0 12px;
1379 }
1380 .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 {
1381 border-radius: 8px;
1382 }
1383 }
1384 @media (max-width: 700px) {
1385 .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 {
1386 padding: 0;
1387 width: 50%;
1388 }
1389 }
1390 .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 {
1391 width: 100%;
1392 height: 100%;
1393 object-fit: cover;
1394 }
1395 .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 {
1396 height: 100%;
1397 max-width: 182px;
1398 display: flex;
1399 flex-direction: column;
1400 gap: 10px;
1401 padding-right: 12px;
1402 }
1403 @media (max-width: 1200px) {
1404 .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 {
1405 padding: 6px;
1406 max-width: 100%;
1407 width: 100%;
1408 }
1409 }
1410 .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 {
1411 font-size: 18px;
1412 font-weight: 500;
1413 color: #1d2939;
1414 margin-bottom: 32px;
1415 max-width: 182px;
1416 height: 50px;
1417 margin: 20px 0;
1418 }
1419 @media (max-width: 1200px) {
1420 .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 {
1421 font-size: 16px;
1422 margin-bottom: 24px;
1423 height: auto;
1424 margin: 0;
1425 max-width: 100%;
1426 }
1427 }
1428 @media (max-width: 900px) {
1429 .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 {
1430 font-size: 14px;
1431 margin-bottom: 10px;
1432 }
1433 }
1434 .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 {
1435 width: 32px;
1436 height: 32px;
1437 border-radius: 50%;
1438 display: flex;
1439 justify-content: center;
1440 align-items: center;
1441 border: 0.6px solid #d0d5dd;
1442 margin: 6px;
1443 cursor: pointer;
1444 }
1445 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section {
1446 margin-bottom: 80px;
1447 }
1448 @media (max-width: 900px) {
1449 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section {
1450 margin-bottom: 40px;
1451 }
1452 }
1453 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1454 border-bottom: 2px solid #dbd8e5;
1455 padding: 80px 0;
1456 }
1457 @media (max-width: 1200px) {
1458 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1459 padding: 60px 0;
1460 }
1461 }
1462 @media (max-width: 900px) {
1463 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1464 padding: 40px 0;
1465 }
1466 }
1467 @media (max-width: 500px) {
1468 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper {
1469 padding: 20px 0;
1470 }
1471 }
1472 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper {
1473 max-width: 570px;
1474 width: 100%;
1475 }
1476 @media (max-width: 900px) {
1477 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper {
1478 max-width: 100%;
1479 margin-bottom: 25px;
1480 }
1481 }
1482 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1483 padding-bottom: 32px;
1484 border-bottom: 2px solid #dbd8e5;
1485 }
1486 @media (max-width: 1200px) {
1487 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1488 padding-bottom: 20px;
1489 font-size: 40px;
1490 }
1491 }
1492 @media (max-width: 900px) {
1493 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1494 font-size: 50px;
1495 }
1496 }
1497 @media (max-width: 500px) {
1498 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_header {
1499 font-size: 35px;
1500 }
1501 }
1502 @media (max-width: 1200px) {
1503 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-hero_secondary-text {
1504 margin-bottom: 20px;
1505 }
1506 }
1507 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-share_icon-wrapper {
1508 margin-bottom: 85px;
1509 }
1510 @media (max-width: 1200px) {
1511 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-share_icon-wrapper {
1512 margin-bottom: 20px;
1513 }
1514 }
1515 .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 {
1516 font-size: 18px;
1517 font-weight: 500;
1518 color: #1d2939;
1519 margin-right: 6px;
1520 }
1521 .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 {
1522 margin: 0 6px;
1523 height: 24px;
1524 width: 24px;
1525 cursor: pointer;
1526 position: relative;
1527 z-index: 999;
1528 }
1529 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item {
1530 margin-bottom: 24px;
1531 gap: 12px;
1532 }
1533 @media (max-width: 1200px) {
1534 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-text_wrapper .bp-payment_item {
1535 justify-content: center;
1536 gap: 10px;
1537 }
1538 }
1539 .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 {
1540 background-color: #fbfbff;
1541 border: 1px solid #dedde7;
1542 border-radius: 8px;
1543 max-width: 133px;
1544 min-width: 100px;
1545 width: 100%;
1546 cursor: pointer;
1547 padding: 20px 0px;
1548 text-align: center;
1549 color: #141320;
1550 }
1551 @media (max-width: 1200px) {
1552 .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 {
1553 padding: 13px 0px;
1554 }
1555 }
1556 .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 {
1557 border: 1px solid #4e36e9;
1558 background-color: #ffffff;
1559 color: #2b2748;
1560 }
1561 .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 {
1562 display: flex;
1563 justify-content: center;
1564 align-items: center;
1565 width: 100%;
1566 height: 100%;
1567 width: 100%;
1568 padding: 16px;
1569 }
1570 .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 {
1571 height: 32px;
1572 object-fit: contain;
1573 }
1574 .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 {
1575 border-bottom: 2px dashed #dbd8e5;
1576 }
1577 .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 {
1578 color: #48506d;
1579 }
1580 .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 {
1581 border: none;
1582 padding: 0;
1583 outline: none;
1584 font-size: 56px;
1585 color: #1d2939;
1586 width: calc(100% - 45px);
1587 appearance: none;
1588 -webkit-appearance: none;
1589 -moz-appearance: none;
1590 }
1591 @media (max-width: 900px) {
1592 .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 {
1593 font-size: 40px;
1594 }
1595 }
1596 @media (max-width: 500px) {
1597 .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 {
1598 font-size: 35px;
1599 }
1600 }
1601 .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 {
1602 appearance: none;
1603 -webkit-appearance: none;
1604 margin: 0;
1605 }
1606 .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 {
1607 font-size: 56px;
1608 color: #1d2939;
1609 }
1610 @media (max-width: 900px) {
1611 .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 {
1612 font-size: 40px;
1613 }
1614 }
1615 @media (max-width: 500px) {
1616 .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 {
1617 font-size: 35px;
1618 }
1619 }
1620 .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 {
1621 padding: 20px 26px;
1622 }
1623 @media (max-width: 900px) {
1624 .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 {
1625 margin: 0 auto;
1626 padding: 20px;
1627 }
1628 }
1629 .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 {
1630 margin: 0 6px;
1631 }
1632 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-img_wrapper {
1633 width: 100%;
1634 overflow: hidden;
1635 }
1636 @media (max-width: 900px) {
1637 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-img_wrapper {
1638 max-width: 550px;
1639 margin: 0 auto;
1640 }
1641 }
1642 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-donation_hero-section .bp-hero_wrapper .bp-img_wrapper img {
1643 object-fit: cover;
1644 border-radius: 40px;
1645 }
1646 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery {
1647 display: grid;
1648 grid-template-columns: repeat(2, 1fr);
1649 grid-auto-rows: 1fr;
1650 gap: 32px;
1651 margin-bottom: 55px;
1652 margin-top: 55px;
1653 }
1654 @media (max-width: 700px) {
1655 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery {
1656 gap: 10px;
1657 }
1658 }
1659 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery .bp-img_wrapper {
1660 width: 100%;
1661 height: auto;
1662 border-radius: 12px;
1663 overflow: hidden;
1664 }
1665 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-help_wrapper .bp-img_gallery .bp-img_wrapper img {
1666 width: 100%;
1667 height: 100%;
1668 object-fit: cover;
1669 }
1670 .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) {
1671 grid-column: 1/-1;
1672 }
1673 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_header {
1674 margin-bottom: 24px;
1675 margin-top: 80px;
1676 }
1677 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_form {
1678 background-color: #f7f9fa;
1679 padding: 12px 24px;
1680 width: 100%;
1681 border-radius: 12px;
1682 margin-bottom: 32px;
1683 }
1684 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_form .bp-coomment_input {
1685 width: 100%;
1686 margin-bottom: 32px;
1687 border: none;
1688 background-color: transparent;
1689 padding: 12px;
1690 outline: none;
1691 font-size: 14px;
1692 font-weight: 300;
1693 resize: none;
1694 }
1695 @media (max-width: 700px) {
1696 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_form .bp-coomment_input {
1697 padding: 0px;
1698 }
1699 }
1700 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_form .bp-coomment_input::placeholder {
1701 font-family: "Inter", sans-serif;
1702 font-size: 14px;
1703 font-weight: 300;
1704 color: #48506d;
1705 }
1706 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_form .bp-text_tools {
1707 border: none;
1708 padding: 12px;
1709 background-color: #f7f9fa;
1710 cursor: pointer;
1711 }
1712 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_form .bp-comment_submit {
1713 padding: 12px 16px;
1714 font-size: 14px;
1715 font-weight: 500;
1716 }
1717 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .given-comment {
1718 margin-right: 9px;
1719 }
1720 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_count {
1721 background-color: #4e36e9;
1722 color: #fcfcfd;
1723 border-radius: 7px;
1724 padding: 3px 8px;
1725 display: inline-block;
1726 font-size: 12px;
1727 font-weight: 500;
1728 }
1729 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list {
1730 padding-top: 24px;
1731 }
1732 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author {
1733 margin-bottom: 24px;
1734 }
1735 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box {
1736 margin-right: 10px;
1737 }
1738 @media (max-width: 700px) {
1739 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box {
1740 margin-right: 5px;
1741 }
1742 }
1743 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img {
1744 width: 48px;
1745 height: 48px;
1746 border-radius: 50%;
1747 background-color: #ffffff;
1748 line-height: 0;
1749 overflow: hidden;
1750 }
1751 @media (max-width: 700px) {
1752 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img {
1753 width: 38px;
1754 height: 38px;
1755 }
1756 }
1757 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-img_box .author-img img {
1758 object-fit: cover;
1759 }
1760 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info {
1761 background-color: #f7f9fa;
1762 border-radius: 9px;
1763 margin-left: 12px;
1764 padding: 0px 8px;
1765 }
1766 @media (max-width: 700px) {
1767 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info {
1768 margin-left: 6px;
1769 }
1770 }
1771 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-name {
1772 margin: 12px;
1773 font-size: 18px;
1774 font-weight: 700;
1775 }
1776 @media (max-width: 700px) {
1777 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-name {
1778 margin: 6px;
1779 }
1780 }
1781 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment_date {
1782 margin: 12px 12px 12px 4px;
1783 font-size: 14px;
1784 font-weight: 500;
1785 color: rgba(72, 80, 109, 0.8392156863);
1786 }
1787 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment {
1788 font-size: 20px;
1789 font-weight: 300;
1790 color: #0b0f19;
1791 padding: 12px;
1792 }
1793 @media (max-width: 700px) {
1794 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-comment_wrapper #comment .bp-comment_box .bp-comment_list .bp-comment_author .author-info .author-comment {
1795 font-size: 18px;
1796 padding: 6px;
1797 }
1798 }
1799 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card {
1800 background-color: #f9fafb;
1801 border: 1px solid #ecf0f5;
1802 padding: 32px 32px 20px 32px;
1803 border-radius: 16px;
1804 width: 100%;
1805 }
1806 @media (max-width: 1200px) {
1807 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card {
1808 padding: 20px 20px 0px 20px;
1809 margin-bottom: 40px;
1810 }
1811 }
1812 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .news-card_icon {
1813 background-color: #ffffff;
1814 border: 0.8px solid #eef0f3;
1815 width: 48px;
1816 height: 48px;
1817 border-radius: 6px;
1818 }
1819 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-header {
1820 margin-bottom: 20px;
1821 }
1822 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-sub_text {
1823 margin-bottom: 48px;
1824 max-width: 333px;
1825 width: 100%;
1826 }
1827 @media (max-width: 900px) {
1828 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-sub_text {
1829 margin-bottom: 25px;
1830 }
1831 }
1832 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-btn {
1833 text-align: center;
1834 padding: 16px;
1835 border-radius: 12px;
1836 margin-bottom: 12px;
1837 color: #1d2939;
1838 background-color: transparent;
1839 transition: all 0.3s;
1840 }
1841 @media (max-width: 900px) {
1842 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-btn {
1843 padding: 12px;
1844 }
1845 }
1846 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-btn.card-btn_learn-more {
1847 background-color: #4e36e9;
1848 color: #ffffff;
1849 }
1850 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-btn.card-btn_learn-more:hover {
1851 background-color: #3b21e4;
1852 color: #ffffff;
1853 }
1854 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .bp-news_card .card-btn.card-btn_contact-us:hover {
1855 background-color: #4e36e9;
1856 color: #ffffff;
1857 }
1858 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-help_section .fixed-id_card + .fixed-id_card {
1859 margin-bottom: 20px;
1860 }
1861 .better-payment.better-payment-campaign .better-payment_campaign-layout_1,
1862 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 {
1863 background-color: #fcf8fa;
1864 }
1865 .better-payment.better-payment-campaign * {
1866 margin: 0;
1867 padding: 0;
1868 box-sizing: border-box;
1869 text-decoration: none;
1870 }
1871 .better-payment.better-payment-campaign p {
1872 line-height: 1.5;
1873 }
1874 .better-payment.better-payment-campaign img {
1875 width: 100%;
1876 height: auto;
1877 }
1878 .better-payment.better-payment-campaign span {
1879 display: inline-block;
1880 }
1881 .better-payment.better-payment-campaign a {
1882 display: block;
1883 cursor: pointer;
1884 z-index: 999;
1885 position: relative;
1886 }
1887 .better-payment.better-payment-campaign .bp-position_reletive {
1888 position: relative;
1889 }
1890 .better-payment.better-payment-campaign .bp-sora_font {
1891 font-family: "Sora", serif;
1892 font-optical-sizing: auto;
1893 font-style: normal;
1894 }
1895 .better-payment.better-payment-campaign .bp-inter_font {
1896 font-family: "Inter", serif;
1897 font-optical-sizing: auto;
1898 font-style: normal;
1899 }
1900 .better-payment.better-payment-campaign .bp-hanken_font {
1901 font-family: "Hanken Grotesk", sans-serif;
1902 font-optical-sizing: auto;
1903 font-style: normal;
1904 }
1905 .better-payment.better-payment-campaign .bp-ibm_font {
1906 font-family: "IBM Plex Sans", sans-serif;
1907 font-optical-sizing: auto;
1908 font-style: normal;
1909 }
1910 .better-payment.better-payment-campaign .bp-manrope_font {
1911 font-family: "Manrope", sans-serif;
1912 font-optical-sizing: auto;
1913 font-style: normal;
1914 }
1915 .better-payment.better-payment-campaign .bp-text_align-center {
1916 text-align: center;
1917 }
1918 .better-payment.better-payment-campaign .bp-text_align-left {
1919 text-align: left;
1920 }
1921 .better-payment.better-payment-campaign .bp-text_align-right {
1922 text-align: right;
1923 }
1924 .better-payment.better-payment-campaign .bp-line_height-0 {
1925 line-height: 0;
1926 }
1927 .better-payment.better-payment-campaign .bp-flex {
1928 display: flex;
1929 }
1930 .better-payment.better-payment-campaign .bp-justify_content-center {
1931 justify-content: center;
1932 }
1933 .better-payment.better-payment-campaign .bp-align_items-center {
1934 align-items: center;
1935 }
1936 .better-payment.better-payment-campaign .bp-justify_content-space_between {
1937 justify-content: space-between;
1938 }
1939 .better-payment.better-payment-campaign .bp-display_none {
1940 display: none;
1941 }
1942 .better-payment.better-payment-campaign .bp-flex_wrap {
1943 flex-wrap: wrap;
1944 }
1945 @media (max-width: 900px) {
1946 .better-payment.better-payment-campaign .bp-col_100-active_900 {
1947 flex: 0 0 100%;
1948 max-width: 100%;
1949 padding: 0 12px;
1950 }
1951 .better-payment.better-payment-campaign .bp-left_right-image_style-active_900 {
1952 display: none;
1953 }
1954 .better-payment.better-payment-campaign .bp-d_none-ctive_900 {
1955 display: none;
1956 }
1957 }
1958 @media (max-width: 700px) {
1959 .better-payment.better-payment-campaign .bp-justify_content-center_active-700 {
1960 justify-content: center;
1961 }
1962 .better-payment.better-payment-campaign .bp-flex_direction-reverse_active-700 {
1963 flex-direction: column-reverse;
1964 }
1965 .better-payment.better-payment-campaign .bp-col_100-active_700 {
1966 flex: 0 0 100%;
1967 max-width: 100%;
1968 padding: 0 12px;
1969 }
1970 .better-payment.better-payment-campaign .bp-col_50-active_700 {
1971 flex: 0 0 49%;
1972 max-width: 49%;
1973 padding: 6px;
1974 }
1975 }
1976 @media (max-width: 700px) and (max-width: 400px) {
1977 .better-payment.better-payment-campaign .bp-col_50-active_700 {
1978 padding: 3px;
1979 }
1980 }
1981 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_primary {
1982 font-size: 56px;
1983 font-weight: 600;
1984 color: #1d2939;
1985 }
1986 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_secondary {
1987 font-size: 24px;
1988 font-weight: 300;
1989 color: #48506d;
1990 }
1991 @media (max-width: 1200px) {
1992 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_secondary {
1993 font-size: 20px;
1994 }
1995 }
1996 @media (max-width: 900px) {
1997 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_secondary {
1998 font-size: 18px;
1999 }
2000 }
2001 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
2002 font-size: 32px;
2003 font-weight: 600;
2004 color: #1d2939;
2005 }
2006 @media (max-width: 1200px) {
2007 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
2008 font-size: 28px;
2009 }
2010 }
2011 @media (max-width: 900px) {
2012 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
2013 font-size: 25px;
2014 }
2015 }
2016 @media (max-width: 500px) {
2017 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xxl {
2018 font-size: 23px;
2019 }
2020 }
2021 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xl {
2022 font-size: 28px;
2023 font-weight: 600;
2024 color: #1d2939;
2025 }
2026 @media (max-width: 1200px) {
2027 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xl {
2028 font-size: 24px;
2029 }
2030 }
2031 @media (max-width: 900px) {
2032 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_xl {
2033 font-size: 20px;
2034 }
2035 }
2036 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
2037 font-size: 24px;
2038 font-weight: 600;
2039 color: #1d2939;
2040 }
2041 @media (max-width: 1200px) {
2042 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
2043 font-size: 22px;
2044 }
2045 }
2046 @media (max-width: 900px) {
2047 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
2048 font-size: 18px;
2049 }
2050 }
2051 @media (max-width: 500px) {
2052 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_l {
2053 font-size: 16px;
2054 }
2055 }
2056 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_m {
2057 font-size: 18px;
2058 font-weight: 500;
2059 color: #1d2939;
2060 }
2061 @media (max-width: 900px) {
2062 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .bp-text_m {
2063 font-size: 15px;
2064 }
2065 }
2066 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .btn-1 {
2067 border-radius: 8px;
2068 background-color: #9125ff;
2069 color: #ffffff;
2070 border: none;
2071 cursor: pointer;
2072 }
2073 .better-payment.better-payment-campaign .better-payment_campaign-layout_1 .btn-1:hover {
2074 background-color: #9125ff;
2075 color: #ffffff;
2076 }
2077 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_primary {
2078 font-size: 64px;
2079 font-weight: 600;
2080 color: #f9fafb;
2081 }
2082 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_secondary {
2083 font-size: 24px;
2084 font-weight: 300;
2085 color: #48506d;
2086 }
2087 @media (max-width: 1200px) {
2088 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_secondary {
2089 font-size: 20px;
2090 }
2091 }
2092 @media (max-width: 900px) {
2093 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_secondary {
2094 font-size: 18px;
2095 }
2096 }
2097 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
2098 font-size: 32px;
2099 font-weight: 600;
2100 color: #1d2939;
2101 }
2102 @media (max-width: 1200px) {
2103 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
2104 font-size: 28px;
2105 }
2106 }
2107 @media (max-width: 900px) {
2108 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
2109 font-size: 25px;
2110 }
2111 }
2112 @media (max-width: 500px) {
2113 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xxl {
2114 font-size: 23px;
2115 }
2116 }
2117 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xl {
2118 font-size: 28px;
2119 font-weight: 400;
2120 color: #1d2939;
2121 }
2122 @media (max-width: 1200px) {
2123 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xl {
2124 font-size: 24px;
2125 }
2126 }
2127 @media (max-width: 900px) {
2128 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xl {
2129 font-size: 20px;
2130 }
2131 }
2132 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
2133 font-size: 24px;
2134 font-weight: 600;
2135 color: #1d2939;
2136 }
2137 @media (max-width: 1200px) {
2138 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
2139 font-size: 22px;
2140 }
2141 }
2142 @media (max-width: 900px) {
2143 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
2144 font-size: 18px;
2145 }
2146 }
2147 @media (max-width: 500px) {
2148 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_l {
2149 font-size: 16px;
2150 }
2151 }
2152 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xm {
2153 font-size: 20px;
2154 font-weight: 500;
2155 }
2156 @media (max-width: 900px) {
2157 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_xm {
2158 font-size: 15px;
2159 }
2160 }
2161 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_m {
2162 font-size: 16px;
2163 font-weight: 500;
2164 color: #475467;
2165 }
2166 @media (max-width: 900px) {
2167 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .bp-text_m {
2168 font-size: 15px;
2169 }
2170 }
2171 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .btn-2 {
2172 border-radius: 1000px;
2173 background-color: #ffffff;
2174 color: #344054;
2175 border: none;
2176 cursor: pointer;
2177 font-weight: 500;
2178 }
2179 .better-payment.better-payment-campaign .better-payment_campaign-layout_2 .btn-2:hover {
2180 background-color: #ffffff;
2181 color: #344054;
2182 }
2183 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_primary {
2184 font-size: 56px;
2185 font-weight: 500;
2186 color: #1d2939;
2187 }
2188 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_secondary {
2189 font-size: 20px;
2190 font-weight: 300;
2191 color: #48506d;
2192 }
2193 @media (max-width: 1200px) {
2194 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_secondary {
2195 font-size: 18px;
2196 }
2197 }
2198 @media (max-width: 900px) {
2199 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_secondary {
2200 font-size: 16px;
2201 }
2202 }
2203 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
2204 font-size: 40px;
2205 font-weight: 500;
2206 color: #1d2939;
2207 }
2208 @media (max-width: 1200px) {
2209 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
2210 font-size: 28px;
2211 }
2212 }
2213 @media (max-width: 900px) {
2214 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
2215 font-size: 25px;
2216 }
2217 }
2218 @media (max-width: 500px) {
2219 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xxl {
2220 font-size: 23px;
2221 }
2222 }
2223 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xl {
2224 font-size: 28px;
2225 font-weight: 600;
2226 color: #2b2748;
2227 }
2228 @media (max-width: 1200px) {
2229 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xl {
2230 font-size: 24px;
2231 }
2232 }
2233 @media (max-width: 900px) {
2234 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xl {
2235 font-size: 20px;
2236 }
2237 }
2238 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
2239 font-size: 20px;
2240 font-weight: 500;
2241 color: #1d2939;
2242 }
2243 @media (max-width: 1200px) {
2244 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
2245 font-size: 22px;
2246 }
2247 }
2248 @media (max-width: 900px) {
2249 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
2250 font-size: 18px;
2251 }
2252 }
2253 @media (max-width: 500px) {
2254 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_l {
2255 font-size: 16px;
2256 }
2257 }
2258 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xm {
2259 font-size: 20px;
2260 font-weight: 500;
2261 }
2262 @media (max-width: 900px) {
2263 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_xm {
2264 font-size: 15px;
2265 }
2266 }
2267 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_m {
2268 font-size: 16px;
2269 font-weight: 300;
2270 color: #48506d;
2271 }
2272 @media (max-width: 900px) {
2273 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .bp-text_m {
2274 font-size: 15px;
2275 }
2276 }
2277 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .btn-3 {
2278 border-radius: 12px;
2279 background-color: #4e36e9;
2280 color: #ffffff;
2281 border: none;
2282 cursor: pointer;
2283 font-weight: 500;
2284 font-size: 18px;
2285 }
2286 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .btn-3:hover {
2287 background-color: #4e36e9;
2288 color: #ffffff;
2289 }
2290 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .margin-bottom_32 {
2291 margin-bottom: 32px;
2292 }
2293 @media (max-width: 1200px) {
2294 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .margin-bottom_32 {
2295 margin-bottom: 24px;
2296 }
2297 }
2298 @media (max-width: 900px) {
2299 .better-payment.better-payment-campaign .better-payment_campaign-layout_3 .margin-bottom_32 {
2300 margin-bottom: 20px;
2301 }
2302 }
2303