@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
/* font-family: "Google Sans Flex", sans-serif; */

:root{
	--white: #ffffff;
	--black: hsla(0, 0%, 11%, 100%);
	--pColor: hsla(217, 95%, 17%, 100%);
	--lightest_pColor: hsla(217, 95%, 96%, 100%);
	--lighter_pColor: hsla(217, 95%, 70%, 100%);
	--dark_pColor: hsla(217, 95%, 14%, 100%);
	--sColor: hsla(40, 75%, 70%, 100%);
	--lightest_sColor: hsla(40, 75%, 96%, 100%);
	--lighter_sColor: hsla(40, 75%, 70%, 100%);
	--dark_sColor: hsla(40, 75%, 14%, 100%);
	--offWhite: hsla(0, 0%, 97.5%, 100%);
	--offBlack: hsla(0, 0%, 55%, 100%);
	--font: "Google Sans Flex", sans-serif;
	--effect: all ease-in-out 350ms;
}

*{ font-family: var(--font); bottom: 0; margin: 0; padding: 0; color: var(--black); font-size: 16px; font-weight: 400; }
a{ text-decoration: none; color: inherit; }
p{ font-size: 16px; }
h1{ font-size: 76px; font-weight: 600; line-height: 82px; text-transform: capitalize; }
h2{ font-size: 40px; font-weight: 600; color: var(--pColor); text-transform: capitalize; }
h3{ font-size: 28px; text-transform: capitalize; }
h4{ font-size: 20px; }
h5{ font-size: 18px; font-weight: 400; }
h6{ font-size: 14px; }
.btn{ padding: 12px 20px; display: inline-flex; background-color: var(--pColor); text-transform: uppercase; transition: var(--effect); border: 0px; gap: 8px; flex-direction: row; align-items: center; justify-content: start; color: var(--white); width: fit-content; border-radius: 99px; }
.btn:hover{ background-color: var(--sColor); color: var(--pColor); }
.btn svg{ fill: var(--white); fill-opacity: 100%; stroke: transparent; stroke-width: 0px; stroke-linejoin: round; stroke-linecap: round; padding-left: 0px; padding-bottom: 0px; }
.btn:hover svg{ fill: var(--pColor); padding-left: 4px; padding-bottom: 4px; }
.image_wrapper { width: 100%; display: inline-block; position: relative; overflow: hidden; vertical-align: top; }
.image_wrapper:before { content: ""; padding-top: 65%; display: block; }
.image_wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; height: auto; }

body{ font-family: sans-serif; }
.navbar{ background: transparent; }
.navbar-brand{ font-size: 28px; }
.nav-link{ font-weight: 400; color: #222; }
.nav-link: hover{ color: #0d6efd; }
.navbar-toggler{ padding: 0; }
.hamburger{ width: 30px; height: 22px; position: relative; display: block; }
.hamburger span{ position: absolute; width: 100%; height: 2px; background: #000; left: 0; transition: .35s; border-radius: 5px; }
.hamburger span:nth-child(1){ top: 0; }
.hamburger span:nth-child(2){ top: 10px; }
.hamburger span:nth-child(3){ top: 20px; }
.navbar-toggler.open .hamburger span:nth-child(1){ transform: rotate(45deg); top: 10px; }
.navbar-toggler.open .hamburger span:nth-child(2){ opacity: 0; }
.navbar-toggler.open .hamburger span:nth-child(3){ transform: rotate(-45deg); top: 10px; }
.offcanvas{ width: 300px; }
.offcanvas .nav-link{ padding: 12px 0; font-size: 18px; }

.topbar{ background-color: var(--pColor); padding: 12px 0px; box-sizing: border-box; }
.topbar *{ color: var(--sColor); }
.topbar .contact_details, .topbar .social_details{ display: flex; align-items: center; flex-direction: row; gap: 6px; }
.topbar .contact_details{  justify-content: flex-start; }
.topbar .social_details{ justify-content: flex-end; }
.topbar .social_details .sds svg, .topbar .contact_details .cds svg{ fill: transparent; fill-opacity: 100%; stroke: var(--sColor); stroke-width: 1.5px; stroke-linejoin: round; stroke-linecap: round; }
.topbar .social_details .sds svg{  position: absolute; stroke: var(--pColor); top: 50%; left: 50%; transform: translate(-50%, -50%); }

.topbar .contact_details{ display: flex; flex-direction: row; }
header img{ max-height: 100px; height: 100%; width: auto; }
header nav > div{ border-bottom: 1px solid var(--pColor); padding-bottom: 20px; }
header nav > div #navbarNav{ backdrop-filter: blur(6px); padding: 8px 16px; background-color:#ffffff; border-radius: 99px; }
header nav .navbar-nav .nav-link.active, header nav .navbar-nav .nav-link.show{ color: var(--pColor); }
header nav .nav-link{ color: var(--dark_sColor); font-size: 18px; font-weight: 500; }
.banner{ padding: 100px 0px; position: relative; }
.banner_content{ padding: 140px 0px 120px 0px; position: relative; z-index: 5; }
.banner_content h1{ font-size: 76px; line-height: 1.1; color: var(--pColor); }
.banner_content h5{ padding: 32px 0px; }
.social_details .sds{ height: 40px; width: 40px; border-radius: 50%; display: inline-block; position: relative; background-color: var(--sColor); }
body{ position: relative; }
header{position: absolute; width: 100%; top: 0; z-index: 99; height: fit-content; }
.banner_part{ position: relative; }
.banner_part:before{ position: absolute; content:''; background-image: url('../images/wave.svg'); left: 0; right: 0; z-index:2; height: 100%; width: 100%; background-repeat: no-repeat; bottom: -77%; }
.banner_part .banner:before, .banner_part .banner:after{ position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background: #FFFFFF; }
.banner_part .banner:after{ background: linear-gradient(270deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 90%) 100%); }
.banner_part .banner:before{ background: linear-gradient(0deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 90%) 100%); opacity: 0; }
.banner_part .banner{ background-position: center top; background-repeat: no-repeat; background-size: cover; }

section:not(.banner_part){ position: relative; z-index: 3; }
.about, .wedo{ padding: 100px 0px; }
.a_image .image_wrapper:before{ padding-top: 100%; }
.a_content img{ max-width: 77px; width: 100%; height: auto; }

.member{ padding: 80px 0px; background-color: var(--lightest_sColor); }
.member h2{ margin-bottom: 32px; }
.member_box .image_wrapper{ border-radius: 8px; }
.member_box .image_wrapper:before, .vtab_members .tab-content .image_wrapper:before{ padding-top: 130%; }
.member_box .mb_content *{ margin-bottom: 0; }
.member_box .mb_content{ padding: 20px 22px; }
.member_box .mb_content h5{ font-size: 20px; font-weight: 600; color: var(--pColor); margin-bottom: 12px; }
.member_box .mb_content p{ font-style: italic; font-size: 16px; font-weight: 400; }

.wedo{ padding-bottom: 30px; }
.wedo .container > .row:nth-child(1){ align-items: center; justify-content: space-between; display: flex; flex-direction: row; margin-bottom: 40px; }
.wedo .container > .row:nth-child(1) h2{ display: inline-block; width: fit-content; }
.wedo .image_wrapper:before{ padding-top: 71%; }
.wedo .wedo_box h4{ text-align: center; font-size: 20px; font-weight: 500; color: var(--pColor); margin-top: 20px; margin-bottom: 70px; }

.zigzag_work { width: 100%; }
.zigzag_work .split-layout { display: flex; width: 100%; align-items: stretch; margin-bottom: calc(-2% - 7px); }
.zigzag_work .split-layout__image { width: 50vw; flex: 0 0 50vw; min-width: 0; order: 1; }
.zigzag_work .split-layout__image img { display: block; width: 100%; height: 94%; object-fit: cover; }
.zigzag_work .split-layout__content { width: 50vw; flex: 0 0 50vw; min-width: 0; display: flex; align-items: center; order: 2; }
.zigzag_work .split-layout__content > .container { width: 100%; }
.zigzag_work .split-layout:nth-child(odd) .split-layout__image { order: 1; }
.zigzag_work .split-layout:nth-child(odd) .split-layout__content { order: 2; }
.zigzag_work .split-layout:nth-child(even) .split-layout__image { order: 2; }
.zigzag_work .split-layout:nth-child(even) .split-layout__content { order: 1; }
.zigzag_work .split-layout:nth-child(odd) .split-layout__content > .container { padding-left: clamp(1.5rem, 3vw, 4rem); }
.zigzag_work .split-layout:nth-child(even) .split-layout__content > .container { padding-right: clamp(1.5rem, 3vw, 4rem); }
.zigzag_work .split-layout__content{ padding: 80px 0px; }
.zigzag_work .split-layout__content span{ text-transform: uppercase; background-color: var(--lightest_sColor); border: 1px solid var(--lighter_sColor); color: var(--dark_sColor); padding: 6px 10px; border-radius: 6px; }
.zigzag_work .split-layout__content a{ margin-top: 20px; }
.zigzag_work .split-layout__content h2{ margin: 24px 0px; }
.zigzag_work .split-layout__content ul{ display: flex; padding-left: 0; margin-left: 0; gap: 8px; flex-wrap: wrap; }
.zigzag_work .split-layout__content ul li{ list-style-type: none; padding: 4px 8px; border-radius: 6px; border: 1px solid var(--lighter_pColor); background-color: var(--lightest_pColor); color: var(--dark_pColor); }

.vtab_members{ padding: 80px 0px; }
.vtab_members .tab-content{ width: 100%; }
.vtm_box{ background-color: var(--lightest_pColor); padding: 40px; box-sizing: border-box; border-radius: 12px; }
.vtm_box .vtmb_image{ border-radius: 12px; overflow: hidden; }
.vtm_box .vtmb_content h2{ margin: 20px 0px; font-size: 28px; }
.vtm_box .vtmb_content h5{ padding: 6px 12px; border-radius: 6px; border: 0.5px solid var(--lighter_pColor); color: var(--dark_pColor); background-color: var(--offWhite); width: fit-content; font-size: 16px; }
.vtab_members .only_buttons button.nav-link{ border: 1px solid transparent; }
.vtab_members .only_buttons button.nav-link:focus, .vtab_members .only_buttons button.nav-link:hover{ background-color: var(--lightest_sColor); color: var(--dark_sColor); border: 1px solid var(--lighter_sColor); }
.only_buttons .nav-link.active, .only_buttons .show>.nav-link{ background-color: var(--sColor)!important; color: var(--dark_sColor)!important; }
.vtab_members .only_buttons button{ width: 100%; text-align: left; font-size: 18px; font-weight: 500; }
.vtab_members .only_buttons button:not(:last-child){ margin-bottom: 12px; }
.vtab_members > .container > div > .row > div:first-child{ height: -webkit-fill-available; padding: 20px; box-sizing: border-box; background-color: var(--offWhite); border-radius: 12px; border: 1px solid #f1f1f1; }

.address li i{ color: var(--white); opacity: 60%; padding-right: 28px; display: inline-block; }


.contact-section{ width: 100%; padding: 100px 20px; background: var(--offWhite); color: var(--pColor); font-family: var(--font); }
.contact-container{ width: min(1150px, 100%); margin: 0 auto; }
.contact-heading{ max-width: 650px; margin-bottom: 55px; }
.contact-eyebrow{ display: inline-block; margin-bottom: 12px; color: var(--sColor); font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.contact-heading h2{ margin: 0 0 18px; color: var(--dark_pColor); font-size: clamp(42px, 6vw, 72px); line-height: 0.95; letter-spacing: -0.04em; }
.contact-heading h2 span{ color: var(--lighter_pColor); }
.contact-heading p{ max-width: 570px; margin: 0; color: var(--offBlack); font-size: 17px; line-height: 1.7; }
.contact-content{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.contact-info{ display: flex; flex-direction: column; gap: 14px; }
.contact-card{ display: flex; align-items: flex-start; gap: 20px; padding: 25px; border: 1px solid hsla(217, 95%, 17%, 0.08); border-radius: 18px; background: var(--white); transition: var(--effect); }
.contact-card:hover{ border-color: hsla(40, 75%, 70%, 0.7); transform: translateY(-3px); box-shadow: 0 15px 40px hsla(217, 95%, 17%, 0.08); }
.contact-icon{ display: grid; flex: 0 0 48px; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--lightest_pColor); color: var(--pColor); font-size: 20px; }
.contact-card span{ display: block; margin-bottom: 6px; color: var(--offBlack); font-size: 13px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; }
.contact-card a,
.contact-card address{ color: var(--dark_pColor); font-size: 16px; font-style: normal; font-weight: 550; line-height: 1.6; text-decoration: none; }
.contact-card a{ transition: var(--effect); }
.contact-card a:hover{ color: var(--pColor); }
.contact-message{ position: relative; overflow: hidden; min-height: 100%; border-radius: 24px; background: var(--pColor); color: var(--white); }
.contact-message::before{ content: ""; position: absolute; top: -120px; right: -120px; width: 300px; height: 300px; border-radius: 50%; background: var(--sColor); opacity: 0.18; }
.contact-message::after{ content: ""; position: absolute; right: -80px; bottom: -100px; width: 250px; height: 250px; border: 1px solid var(--sColor); border-radius: 50%; opacity: 0.25; }
.message-inner{ position: relative; z-index: 1; display: flex; min-height: 100%; padding: 55px; flex-direction: column; align-items: flex-start; justify-content: center; }
.message-label{ margin-bottom: 18px; color: var(--sColor); font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.message-inner h3{ margin: 0 0 20px; color: var(--white); font-size: clamp(36px, 4vw, 52px); line-height: 1; letter-spacing: -0.04em; }
.message-inner h3 strong{ color: var(--sColor); font-weight: 650; }
.message-inner p{ max-width: 440px; margin: 0 0 32px; color: hsla(0, 0%, 100%, 0.72); font-size: 16px; line-height: 1.7; }
.contact-button{ display: inline-flex; align-items: center; gap: 18px; padding: 14px 18px 14px 22px; border-radius: 100px; background: var(--sColor); color: var(--dark_pColor); font-size: 15px; font-weight: 700; text-decoration: none; transition: var(--effect); }
.contact-button span{ display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--dark_pColor); color: var(--white); transition: var(--effect); }
.contact-button:hover{ background: var(--white); transform: translateY(-3px); }
.contact-button:hover span{ transform: rotate(45deg); }

footer{ background-color: var(--dark_pColor); padding: 80px 0px; }
footer img{ margin-bottom: 32px; display: inline-block; max-height: 120px; width: auto; height: 100%; }
footer p{ font-size: 18px; color: var(--white); opacity: 60%; font-weight: 400; }
footer .foot_link h5{ color: var(--lightest_pColor); text-transform: capitalize; font-size: 28px; line-height: 1.1; margin-bottom: 20px; }
footer .foot_link ul{ padding-left: 0; margin-left: 0; }
footer .foot_link li{ list-style-type: none; font-size: 18px; color: var(--white); opacity: 60%; font-weight: 400; }
footer .foot_link li:not(:last-child){ margin-bottom: 10px; }
footer .foot_social{ display: flex; gap: 10px; flex-direction: row; margin-top: 20px; }
footer .foot_social a{ height: 36px; width: 36px; border-radius: 50%; background-color: var(--sColor); position: relative; display: inline-block; }
footer .foot_social a i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.gallery { column-count: 4; column-gap: 1rem; }
.gallery-item { break-inside: avoid; margin-bottom: 1rem; cursor: pointer; overflow: hidden; border-radius: 10px; background: #fff; }
.gallery-item img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; }
.gallery-item:hover img { transform: scale(1.03); }
.lightbox-image { max-height: 85vh; max-width: 100%; object-fit: contain; }

@media (max-width: 991.98px) { .gallery { column-count: 3; } }
@media (max-width: 767.98px) { .gallery { column-count: 2; } }
@media (max-width: 575.98px) { .gallery { column-count: 1; } }

.gallery-part{ padding: 80px 0px; }

@media(min-width: 992px){
	.navbar .container{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
	.navbar-brand{ justify-self: start; }
	.navbar-collapse{ justify-self: center; }
	.d-lg-flex{ justify-self: end; }
	.zigzag_work .split-layout:nth-child(even) .split-layout__content .row{ padding-left: 5rem!important; }
}

@media (max-width: 991.98px) {
	.zigzag_work .split-layout { display: flex; flex-direction: column; width: 100%; }
    .zigzag_work .split-layout__image { width: 100%; flex: 0 0 100%; order: 1 !important; }
    .zigzag_work .split-layout__content { width: 100%; flex: 0 0 100%; display: block; order: 2 !important; }
    .zigzag_work .split-layout__image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
    .zigzag_work .split-layout:nth-child(odd) .split-layout__content > .container,
    .zigzag_work .split-layout:nth-child(even) .split-layout__content > .container { padding-left: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem); }
}

@media (max-width: 576px){
	.banner_content { padding-top: 200px; }
	.social_details{ justify-content: center!important; margin-top: 12px; }
	.contact_details{ justify-content: center!important; }
	.banner_content h1{ font-size: 40px; }
	.a_content{ text-align: center; margin-top: 60px; }
	.wedo .container > .row:nth-child(1){ flex-direction: column; }
	.wedo .container > .row:nth-child(1) h2{ margin-bottom: 20px; }
	.wedo .wedo_box h4{ padding-bottom: 0px; margin-bottom: 40px; font-size: 16px; }
	footer{ text-align: center; }
	footer .foot_social{ justify-content: center; }
	footer .container .row > div:not(:last-child){ margin-bottom: 32px; }
	button.navbar-toggler{ position: relative; }
	button.navbar-toggler:before{ position: absolute; content: ''; height: 60px; width: 60px; border-radius: 50%; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; backdrop-filter: blur(10px); opacity: 70%; }
	.banner_part:before{ display: none; }
}

/* Payment result pages */
.payment-status-page header{ position: relative; }
.payment-result-section{ min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 80px 20px 100px; background: var(--offWhite); }
.payment-result-card{ width: min(640px, 100%); margin: 0 auto; padding: 48px 40px; border-radius: 24px; background: var(--white); border: 1px solid hsla(217, 95%, 17%, 0.08); text-align: center; }
.payment-result-icon{ width: 72px; height: 72px; margin: 0 auto 22px; border-radius: 50%; display: grid; place-items: center; font-size: 34px; }
.payment-result-failed .payment-result-icon{ background: #fdecea; color: #b42318; }
.payment-result-failed .payment-result-icon i{ color: #b42318; }
.payment-result-card h1{ margin: 10px 0 14px; color: var(--dark_pColor); font-size: clamp(32px, 5vw, 48px); line-height: 1.1; letter-spacing: -0.03em; }
.payment-result-card > p{ margin: 0 auto 24px; max-width: 480px; color: var(--offBlack); font-size: 16px; line-height: 1.7; }
.payment-result-details{ margin: 0 0 28px; padding: 16px 18px; border-radius: 14px; background: var(--offWhite); text-align: left; }
.payment-result-row{ display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid hsla(217, 95%, 17%, 0.08); font-size: 14px; }
.payment-result-row:last-child{ border-bottom: 0; }
.payment-result-row span{ color: var(--offBlack); }
.payment-result-row strong{ color: var(--dark_pColor); font-weight: 650; text-align: right; }
.payment-result-actions{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 20px; }
.payment-result-secondary{ background: transparent !important; color: var(--pColor) !important; border: 1px solid hsla(217, 95%, 17%, 0.2) !important; }
.payment-result-secondary:hover{ background: var(--lightest_pColor) !important; color: var(--pColor) !important; }
.payment-result-help{ margin: 0; color: var(--offBlack); font-size: 13px; line-height: 1.6; }
.payment-result-help a{ color: var(--pColor); font-weight: 600; text-decoration: underline; }

/* Donation section */
.donation-section{ width: 100%; padding: 100px 20px; background: var(--white); color: var(--pColor); }
.donation-container{ width: min(1150px, 100%); margin: 0 auto; }
.donation-heading{ max-width: 700px; margin-bottom: 50px; }
.donation-heading h2{ margin: 0 0 18px; color: var(--dark_pColor); font-size: clamp(42px, 6vw, 72px); line-height: 0.95; letter-spacing: -0.04em; }
.donation-heading h2 span{ color: var(--lighter_pColor); }
.donation-heading p{ max-width: 620px; margin: 0; color: var(--offBlack); font-size: 17px; line-height: 1.7; }
.donation-content{ display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 28px; align-items: stretch; }
.donation-intro{ padding: 36px 32px; border-radius: 24px; background: var(--pColor); color: var(--white); position: relative; overflow: hidden; }
.donation-intro::before{ content: ""; position: absolute; top: -100px; right: -80px; width: 240px; height: 240px; border-radius: 50%; background: var(--sColor); opacity: 0.18; }
.donation-intro h3{ position: relative; z-index: 1; margin: 0 0 14px; color: var(--white); font-size: 30px; font-weight: 650; line-height: 1.2; }
.donation-intro p{ position: relative; z-index: 1; margin: 0 0 24px; color: hsla(0, 0%, 100%, 0.82); font-size: 15px; line-height: 1.7; }
.donation-points{ position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.donation-points li{ color: var(--white); font-size: 15px; font-weight: 500; padding-left: 28px; position: relative; }
.donation-points li::before{ content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--sColor); }
.donation-form-wrap{ padding: 36px 32px; border-radius: 24px; border: 1px solid hsla(217, 95%, 17%, 0.08); background: var(--offWhite); }
.donation-form{ display: flex; flex-direction: column; gap: 18px; }
.donation-field label{ display: block; margin-bottom: 8px; color: var(--dark_pColor); font-size: 13px; font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; }
.donation-field label span{ color: #c0392b; }
.donation-field input,
.donation-field textarea{ width: 100%; padding: 14px 16px; border: 1px solid hsla(217, 95%, 17%, 0.12); border-radius: 12px; background: var(--white); color: var(--dark_pColor); font-size: 16px; outline: none; transition: var(--effect); box-sizing: border-box; font-family: inherit; resize: vertical; }
.donation-field input:focus,
.donation-field textarea:focus{ border-color: var(--pColor); box-shadow: 0 0 0 3px hsla(217, 95%, 17%, 0.08); }
.donation-optional{ color: var(--offBlack); font-weight: 500; text-transform: none; letter-spacing: 0; }
.donation-chips{ display: flex; flex-wrap: wrap; gap: 10px; }
.donation-chip{ padding: 10px 16px; border: 1px solid hsla(217, 95%, 17%, 0.14); border-radius: 99px; background: var(--white); color: var(--pColor); font-size: 14px; font-weight: 600; cursor: pointer; transition: var(--effect); }
.donation-chip:hover, .donation-chip.is-active{ background: var(--pColor); color: var(--white); border-color: var(--pColor); }
.donation-submit{ width: 100%; justify-content: center; margin-top: 4px; }
.donation-secure-note{ margin: 0; color: var(--offBlack); font-size: 13px; line-height: 1.5; text-align: center; }
.donation-status{ padding: 12px 14px; border-radius: 12px; font-size: 14px; line-height: 1.5; }
.donation-status.is-info{ background: hsla(217, 95%, 96%, 1); color: var(--pColor); border: 1px solid hsla(217, 95%, 70%, 0.35); }
.donation-status.is-success{ background: #e8f8ef; color: #0f5132; border: 1px solid #badbcc; }
.donation-status.is-error{ background: #fdecea; color: #842029; border: 1px solid #f5c2c7; }

/* Hide Sardine / risk-SDK visual noise (localhost probe images, canvases) around Razorpay */
img[src*="localhost"],
img[src^="http://127.0.0.1"],
iframe[src*="sardine"],
[data-sardine-id],
canvas[data-sardine-id],
.sardine-canvas,
#sardine-device-intelligence,
body > img[src*="localhost"],
body > canvas:not([id]):not([class]) {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	position: absolute !important;
	left: -99999px !important;
}

@media (max-width: 800px) {
	.contact-section{ padding: 70px 20px; }
	.contact-heading{ margin-bottom: 35px; }
	.contact-content{ grid-template-columns: 1fr; }
	.message-inner{ min-height: 420px;   padding: 40px 30px; }
	.donation-section{ padding: 70px 20px; }
	.donation-content{ grid-template-columns: 1fr; }
	.donation-form-wrap, .donation-intro{ padding: 28px 24px; }
}

@media (max-width: 480px) {
	.contact-section{ padding: 55px 16px; }
	.contact-heading h2{ font-size: 46px; }
	.contact-card{ padding: 20px;   gap: 15px; }
	.contact-icon{ flex-basis: 42px;   width: 42px;   height: 42px; }
	.contact-card a, .contact-card address{ font-size: 14px; }
	.message-inner{ padding: 35px 25px; }
	.message-inner h3{ font-size: 38px; }
	.donation-section{ padding: 55px 16px; }
	.donation-heading h2{ font-size: 46px; }
	.donation-intro h3{ font-size: 26px; }
}
.donation-intro h4{ color: var(--white); }