- Deprecated function: implode(): Passing glue string after array is deprecated. Swap the parameters in element_gva_column->render_content() (line 462 of themes/gavias_kunco/gva_content_builder/gva_column.php).
element_gva_column->render_content(Array, '
The Door of Giving is Open
Connect with Wijdan
We listen to you and share hope. Our channels are open for your inquiries and generous contributions.
Contact Us | Wijdan Charity – Distinctive Design
/* ===== LUXURY DESIGN SYSTEM – "وجدان" : ALL RULES UNDER .contactus PREFIX ===== */
.contactus * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.about_page .reveal {
opacity: 1;
transform: translateY(30px);
transition: all 0.8s ease;
}
.contactus {
--deep-burgundy: #5c1e2a;
--rich-gold: #c89a5e;
--soft-gold: #e5c29f;
--ivory: #fffcf7;
--cream: #faf3ea;
--charcoal: #2c2a2b;
--olive-sage: #7a8b7a;
--shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);
--shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);
--border-radius-l: 2.5rem;
--border-radius-m: 1.8rem;
--border-radius-s: 1.2rem;
--font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';
font-family: var(--font-primary);
background-color: var(--ivory);
color: var(--charcoal);
line-height: 1.6;
overflow-x: hidden;
position: relative;
display: block;
width: 100%;
}
.contactus .vicdan-wrapper {
position: relative;
}
.contactus .container {
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
/* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */
.contactus .top-bar {
background: #1e1c1d;
color: rgba(255, 255, 255, 0.7);
padding: 0.6rem 0;
font-size: 0.85rem;
letter-spacing: 0.5px;
border-bottom: 1px solid rgba(200, 154, 94, 0.4);
}
.contactus .top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.contactus .top-bar-link {
color: #e0d6cc;
text-decoration: none;
margin-left: 1.2rem;
transition: color 0.25s;
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.contactus .top-bar-link:hover {
color: var(--rich-gold);
}
/* ===== HEADER – ELEGANT TRANSPARENCY ===== */
.contactus .main-header {
background: rgba(255, 252, 245, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(200, 154, 94, 0.2);
padding: 0.5rem 0;
position: sticky;
top: 0;
z-index: 50;
}
.contactus .logo-title {
font-size: 2rem;
font-weight: 800;
color: var(--deep-burgundy);
line-height: 1;
letter-spacing: -0.02em;
text-shadow: 0 2px 4px rgba(92,30,42,0.06);
}
.contactus .logo-subtitle {
font-size: 0.7rem;
color: var(--rich-gold);
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: -0.3rem;
}
.contactus .nav-item {
position: relative;
padding: 0.6rem 1.2rem;
border-radius: 3rem;
font-weight: 500;
color: #3e3a37;
transition: 0.2s;
cursor: pointer;
}
.contactus .nav-item:hover {
background: rgba(92, 30, 42, 0.05);
color: var(--deep-burgundy);
}
.contactus .nav-dropdown {
position: absolute;
top: 120%;
right: 0;
background: white;
min-width: 200px;
border-radius: 1.2rem;
padding: 0.8rem 0;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
opacity: 0;
visibility: hidden;
transition: 0.25s;
}
.contactus .nav-item.group:hover .nav-dropdown {
opacity: 1;
visibility: visible;
top: 140%;
}
.contactus .dropdown-link {
display: block;
padding: 0.6rem 1.6rem;
color: #4a4643;
text-decoration: none;
font-size: 0.9rem;
}
.contactus .dropdown-link:hover {
background: #fff3e4;
color: var(--deep-burgundy);
}
/* ===== HERO – POETRY IN MOTION ===== */
.contactus .hero-luxury {
position: relative;
height: 500px;
background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%),
url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;
background-blend-mode: multiply;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
isolation: isolate;
}
.contactus .hero-luxury::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);
z-index: 1;
}
.contactus .hero-content {
position: relative;
z-index: 3;
max-width: 900px;
padding: 0 1.5rem;
}
.contactus .gold-flourish {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin-bottom: 1.2rem;
}
.contactus .gold-flourish i {
color: var(--rich-gold);
font-size: 1.3rem;
text-shadow: 0 0 10px rgba(200,154,94,0.5);
}
.contactus .hero-badge {
display: inline-block;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,215,150,0.4);
padding: 0.5rem 2rem;
border-radius: 4rem;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 3px;
color: var(--soft-gold);
margin-bottom: 1.8rem;
}
.contactus .hero-luxury h1 {
font-size: 4.8rem;
font-weight: 800;
font-family: 'aljazerabold', 'aljazerabold';
line-height: 1.2;
text-shadow: 0 8px 18px rgba(0,0,0,0.25);
margin-bottom: 0.5rem;
}
.contactus .hero-luxury h1 span {
color: var(--rich-gold);
border-bottom: 2px solid var(--rich-gold);
padding-bottom: 0.1rem;
}
.contactus .hero-divider {
width: 160px;
height: 3px;
background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);
margin: 1.8rem auto;
border-radius: 3px;
}
.contactus .hero-text {
font-size: 1.3rem;
font-weight: 350;
opacity: 0.95;
max-width: 650px;
margin: 0 auto;
font-style: italic;
}
/* ===== CONTACT CARDS – ART GALLERY ===== */
.contactus .section-crystal {
padding: 5rem 0 3rem;
background: linear-gradient(to bottom, var(--ivory), #fffbf5);
}
.contactus .contact-masterpiece {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
}
@media (max-width: 1000px) {
.contactus .contact-masterpiece {
grid-template-columns: 1fr;
}
}
/* info card – like jewelry */
.contactus .info-art {
background: white;
border-radius: var(--border-radius-l);
padding: 3rem 2.2rem;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
position: relative;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
backdrop-filter: blur(10px);
background: linear-gradient(145deg, #fffdfa, #ffffff);
}
.contactus .info-art:hover {
transform: translateY(-12px) scale(1.01);
box-shadow: var(--shadow-gold);
border-color: var(--rich-gold);
}
.contactus .info-item-lux {
display: flex;
gap: 1.5rem;
align-items: flex-start;
padding: 1.3rem 1.2rem;
margin-bottom: 0.6rem;
border-radius: 1.8rem;
transition: 0.3s;
border: 1px solid transparent;
}
.contactus .info-item-lux:hover {
background: #fef8f0;
border-color: #f0e1ce;
box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);
transform: translateX(-8px);
}
.contactus .icon-crystal {
width: 64px;
height: 64px;
background: rgba(200,154,94,0.08);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.8rem;
transition: 0.25s;
flex-shrink: 0;
}
.contactus .info-item-lux:hover .icon-crystal {
background: var(--deep-burgundy);
color: white;
border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;
}
.contactus .social-luxury {
display: flex;
gap: 0.8rem;
margin-top: 2.2rem;
}
.contactus .social-luxury a {
width: 52px;
height: 52px;
background: #f5ede5;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.5rem;
transition: all 0.3s;
border: 1px solid transparent;
}
.contactus .social-luxury a:hover {
background: var(--deep-burgundy);
color: var(--rich-gold);
border-radius: 30% 70% 30% 70%;
transform: scale(1.12) rotate(5deg);
border-color: var(--rich-gold);
}
/* right card – hours & ambiance (NO FORM) */
.contactus .hours-boutique {
background: linear-gradient(145deg, #1e1c1d, #2a2425);
border-radius: var(--border-radius-l);
padding: 3rem 2.5rem;
box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);
border: 1px solid rgba(200,154,94,0.4);
position: relative;
overflow: hidden;
color: white;
}
.contactus .hours-boutique::after {
content: "⏣";
position: absolute;
bottom: -30px;
left: -30px;
font-size: 14rem;
color: rgba(200,154,94,0.1);
font-family: 'aljazerabold';
transform: rotate(20deg);
pointer-events: none;
}
.contactus .gold-stroke {
color: var(--rich-gold);
font-weight: 700;
}
.contactus .time-piece {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.1rem 1.5rem;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(229,194,159,0.2);
border-radius: 1.5rem;
margin-bottom: 1rem;
backdrop-filter: blur(10px);
transition: 0.2s;
}
.contactus .time-piece:hover {
background: rgba(200,154,94,0.1);
border-color: var(--rich-gold);
transform: scale(1.02);
}
.contactus .day {
font-weight: 600;
display: flex;
gap: 0.7rem;
align-items: center;
}
.contactus .hours {
background: rgba(255,255,255,0.1);
padding: 0.3rem 1.2rem;
border-radius: 2rem;
font-size: 0.9rem;
direction: ltr;
display: inline-block;
color: var(--soft-gold);
font-weight: 600;
}
.contactus .emergency-contact {
margin-top: 2.2rem;
background: rgba(200,154,94,0.12);
border-right: 5px solid var(--rich-gold);
padding: 1.4rem 1.8rem;
border-radius: 1.2rem;
font-family: 'aljazerabold', 'aljazerabold';
display: flex;
gap: 1.2rem;
align-items: center;
}
/* ===== MAP – LUXURY FRAME ===== */
.contactus .map-container {
position: relative;
margin: 2rem auto 4rem;
border-radius: 2.8rem;
overflow: hidden;
box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);
border: 6px solid white;
height: 450px;
max-width: 1300px;
}
/* ===== BANK ACCOUNTS – OPULENT ===== */
.contactus .bank-gallery {
background: var(--cream);
padding: 5rem 0;
position: relative;
}
.contactus .bank-card-premium {
background: white;
border-radius: 2.2rem;
padding: 2.5rem 2rem;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);
border-bottom: 6px solid var(--deep-burgundy);
transition: 0.35s;
position: relative;
overflow: hidden;
}
.contactus .bank-card-premium::before {
content: "●";
position: absolute;
top: -20px; right: -20px;
font-size: 10rem;
color: rgba(200,154,94,0.04);
transform: rotate(25deg);
}
.contactus .bank-card-premium:hover {
transform: translateY(-15px);
border-bottom-color: var(--rich-gold);
box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);
}
.contactus .copy-elegant {
background: transparent;
border: 1px solid var(--deep-burgundy);
color: var(--deep-burgundy);
padding: 0.6rem 1.8rem;
border-radius: 3rem;
font-weight: 600;
transition: 0.25s;
cursor: pointer;
font-size: 1.25rem;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
}
.contactus .copy-elegant:hover {
background: var(--deep-burgundy);
color: white;
border-color: var(--rich-gold);
}
/* ===== FOOTER – DEEP & WARM ===== */
.contactus .footer-opulent {
background: #1a1819;
color: #ccc2ba;
padding: 4rem 0 2rem;
border-top: 6px solid var(--rich-gold);
}
/* UTILITIES (prefixed) */
.contactus .dir-ltr { direction: ltr; }
.contactus .text-gold { color: var(--rich-gold); }
.contactus .bg-ivory { background-color: var(--ivory); }
.contactus .rounded-full { border-radius: 9999px; }
.contactus .no-form .contact-form,
.contactus .contact-form { display: none; } /* ensure no form appears */
/* responsive */
@media (max-width: 768px) {
.contactus .hero-luxury h1 { font-size: 3rem; }
}
/* hide any global form remnants */
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
Meeting of the Noble
People of goodwill gather here. Our premises and hearts are open to you.
Address
Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul
Phone
+90 505 776 31 03
WhatsApp
<a href="https://wa.me/905057763103">+90 505 776 31 03</a>
Email
<a href="mailto:Contact@wijdancharity.org">Contact@wijdancharity.org</a>
<a href="https://www.instagram.com/wijdancharity" target="_blank" class="social-icon instagram" title="Instagram">
</a>
<a href="https://www.tiktok.com/@wijdancharity.org" target="_blank" class="social-icon tiktok" title="TikTok">
</a>
<a href="https://www.youtube.com/@wijdancharity" target="_blank" class="social-icon youtube" title="YouTube">
</a>
<a href="https://www.facebook.com/WijdanCharity/" target="_blank" class="social-icon facebook" title="Facebook">
</a>
<a href="https://www.linkedin.com/in/wijdan-charity-595056352/" target="_blank" class="social-icon linkedin" title="LinkedIn">
</a>
<a href="https://t.me/wijdan_Charity" target="_blank" class="social-icon telegram" title="Telegram">
</a>
<a href="https://x.com/wijdancharity" target="_blank" class="social-icon x" title="X">
X
</a>
<a href="https://linktr.ee/wijdan_charity" target="_blank" class="social-icon linktree" title="Linktree">
LT
</a>
Hours
of Light
We welcome you with hospitality in our sanctuary.
Monday – Friday
09:00 – 17:00
Saturday
10:00 – 14:00
Sunday
✧ Weekly Holiday ✧
24/7 Support
For emergencies, WhatsApp available 24/7
<a href="https://wa.me/905057763103">Click for immediate contact</a>
Core of Giving
Bank Accounts
The sun of your donation illuminates the lives of those in need through our secure accounts.
USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR28 0020 9000 0060 8576 0000 20
Copy IBAN
TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR55 0020 9000 0060 8576 0000 19
Copy IBAN
// initialize AOS inside .contactus scope (it's global but fine)
AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });
// toggle functions remain (they target ids inside .contactus)
function toggleMobileMenu() {
const overlay = document.getElementById('mobile-overlay');
const menu = document.getElementById('mobile-menu');
if (overlay && menu) {
if (overlay.classList.contains('hidden')) {
overlay.classList.remove('hidden');
setTimeout(() => overlay.classList.remove('opacity-0'), 20);
menu.classList.remove('translate-x-full');
} else {
overlay.classList.add('opacity-0');
menu.classList.add('translate-x-full');
setTimeout(() => overlay.classList.add('hidden'), 300);
}
}
}
function toggleCart() { /* dummy */ }
window.copyPremium = function(iban) {
navigator.clipboard.writeText(iban);
alert('✨ IBAN copied: ' + iban);
};
// hide any potential form elements globally
document.querySelectorAll('.contact-form, form, [type="submit"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');
/* ensure mobile menu hidden at start */
#mobile-overlay, #mobile-menu { display: none; }
.contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; }
/* but we manage with js toggling, keep base hidden */
#mobile-overlay, #mobile-menu { display: none; }
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
') (Line: 110)
gavias_content_builder_render_element('gva_column', Array, '
The Door of Giving is Open
Connect with Wijdan
We listen to you and share hope. Our channels are open for your inquiries and generous contributions.
Contact Us | Wijdan Charity – Distinctive Design
/* ===== LUXURY DESIGN SYSTEM – "وجدان" : ALL RULES UNDER .contactus PREFIX ===== */
.contactus * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.about_page .reveal {
opacity: 1;
transform: translateY(30px);
transition: all 0.8s ease;
}
.contactus {
--deep-burgundy: #5c1e2a;
--rich-gold: #c89a5e;
--soft-gold: #e5c29f;
--ivory: #fffcf7;
--cream: #faf3ea;
--charcoal: #2c2a2b;
--olive-sage: #7a8b7a;
--shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);
--shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);
--border-radius-l: 2.5rem;
--border-radius-m: 1.8rem;
--border-radius-s: 1.2rem;
--font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';
font-family: var(--font-primary);
background-color: var(--ivory);
color: var(--charcoal);
line-height: 1.6;
overflow-x: hidden;
position: relative;
display: block;
width: 100%;
}
.contactus .vicdan-wrapper {
position: relative;
}
.contactus .container {
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
/* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */
.contactus .top-bar {
background: #1e1c1d;
color: rgba(255, 255, 255, 0.7);
padding: 0.6rem 0;
font-size: 0.85rem;
letter-spacing: 0.5px;
border-bottom: 1px solid rgba(200, 154, 94, 0.4);
}
.contactus .top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.contactus .top-bar-link {
color: #e0d6cc;
text-decoration: none;
margin-left: 1.2rem;
transition: color 0.25s;
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.contactus .top-bar-link:hover {
color: var(--rich-gold);
}
/* ===== HEADER – ELEGANT TRANSPARENCY ===== */
.contactus .main-header {
background: rgba(255, 252, 245, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(200, 154, 94, 0.2);
padding: 0.5rem 0;
position: sticky;
top: 0;
z-index: 50;
}
.contactus .logo-title {
font-size: 2rem;
font-weight: 800;
color: var(--deep-burgundy);
line-height: 1;
letter-spacing: -0.02em;
text-shadow: 0 2px 4px rgba(92,30,42,0.06);
}
.contactus .logo-subtitle {
font-size: 0.7rem;
color: var(--rich-gold);
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: -0.3rem;
}
.contactus .nav-item {
position: relative;
padding: 0.6rem 1.2rem;
border-radius: 3rem;
font-weight: 500;
color: #3e3a37;
transition: 0.2s;
cursor: pointer;
}
.contactus .nav-item:hover {
background: rgba(92, 30, 42, 0.05);
color: var(--deep-burgundy);
}
.contactus .nav-dropdown {
position: absolute;
top: 120%;
right: 0;
background: white;
min-width: 200px;
border-radius: 1.2rem;
padding: 0.8rem 0;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
opacity: 0;
visibility: hidden;
transition: 0.25s;
}
.contactus .nav-item.group:hover .nav-dropdown {
opacity: 1;
visibility: visible;
top: 140%;
}
.contactus .dropdown-link {
display: block;
padding: 0.6rem 1.6rem;
color: #4a4643;
text-decoration: none;
font-size: 0.9rem;
}
.contactus .dropdown-link:hover {
background: #fff3e4;
color: var(--deep-burgundy);
}
/* ===== HERO – POETRY IN MOTION ===== */
.contactus .hero-luxury {
position: relative;
height: 500px;
background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%),
url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;
background-blend-mode: multiply;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
isolation: isolate;
}
.contactus .hero-luxury::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);
z-index: 1;
}
.contactus .hero-content {
position: relative;
z-index: 3;
max-width: 900px;
padding: 0 1.5rem;
}
.contactus .gold-flourish {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin-bottom: 1.2rem;
}
.contactus .gold-flourish i {
color: var(--rich-gold);
font-size: 1.3rem;
text-shadow: 0 0 10px rgba(200,154,94,0.5);
}
.contactus .hero-badge {
display: inline-block;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,215,150,0.4);
padding: 0.5rem 2rem;
border-radius: 4rem;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 3px;
color: var(--soft-gold);
margin-bottom: 1.8rem;
}
.contactus .hero-luxury h1 {
font-size: 4.8rem;
font-weight: 800;
font-family: 'aljazerabold', 'aljazerabold';
line-height: 1.2;
text-shadow: 0 8px 18px rgba(0,0,0,0.25);
margin-bottom: 0.5rem;
}
.contactus .hero-luxury h1 span {
color: var(--rich-gold);
border-bottom: 2px solid var(--rich-gold);
padding-bottom: 0.1rem;
}
.contactus .hero-divider {
width: 160px;
height: 3px;
background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);
margin: 1.8rem auto;
border-radius: 3px;
}
.contactus .hero-text {
font-size: 1.3rem;
font-weight: 350;
opacity: 0.95;
max-width: 650px;
margin: 0 auto;
font-style: italic;
}
/* ===== CONTACT CARDS – ART GALLERY ===== */
.contactus .section-crystal {
padding: 5rem 0 3rem;
background: linear-gradient(to bottom, var(--ivory), #fffbf5);
}
.contactus .contact-masterpiece {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
}
@media (max-width: 1000px) {
.contactus .contact-masterpiece {
grid-template-columns: 1fr;
}
}
/* info card – like jewelry */
.contactus .info-art {
background: white;
border-radius: var(--border-radius-l);
padding: 3rem 2.2rem;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
position: relative;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
backdrop-filter: blur(10px);
background: linear-gradient(145deg, #fffdfa, #ffffff);
}
.contactus .info-art:hover {
transform: translateY(-12px) scale(1.01);
box-shadow: var(--shadow-gold);
border-color: var(--rich-gold);
}
.contactus .info-item-lux {
display: flex;
gap: 1.5rem;
align-items: flex-start;
padding: 1.3rem 1.2rem;
margin-bottom: 0.6rem;
border-radius: 1.8rem;
transition: 0.3s;
border: 1px solid transparent;
}
.contactus .info-item-lux:hover {
background: #fef8f0;
border-color: #f0e1ce;
box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);
transform: translateX(-8px);
}
.contactus .icon-crystal {
width: 64px;
height: 64px;
background: rgba(200,154,94,0.08);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.8rem;
transition: 0.25s;
flex-shrink: 0;
}
.contactus .info-item-lux:hover .icon-crystal {
background: var(--deep-burgundy);
color: white;
border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;
}
.contactus .social-luxury {
display: flex;
gap: 0.8rem;
margin-top: 2.2rem;
}
.contactus .social-luxury a {
width: 52px;
height: 52px;
background: #f5ede5;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.5rem;
transition: all 0.3s;
border: 1px solid transparent;
}
.contactus .social-luxury a:hover {
background: var(--deep-burgundy);
color: var(--rich-gold);
border-radius: 30% 70% 30% 70%;
transform: scale(1.12) rotate(5deg);
border-color: var(--rich-gold);
}
/* right card – hours & ambiance (NO FORM) */
.contactus .hours-boutique {
background: linear-gradient(145deg, #1e1c1d, #2a2425);
border-radius: var(--border-radius-l);
padding: 3rem 2.5rem;
box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);
border: 1px solid rgba(200,154,94,0.4);
position: relative;
overflow: hidden;
color: white;
}
.contactus .hours-boutique::after {
content: "⏣";
position: absolute;
bottom: -30px;
left: -30px;
font-size: 14rem;
color: rgba(200,154,94,0.1);
font-family: 'aljazerabold';
transform: rotate(20deg);
pointer-events: none;
}
.contactus .gold-stroke {
color: var(--rich-gold);
font-weight: 700;
}
.contactus .time-piece {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.1rem 1.5rem;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(229,194,159,0.2);
border-radius: 1.5rem;
margin-bottom: 1rem;
backdrop-filter: blur(10px);
transition: 0.2s;
}
.contactus .time-piece:hover {
background: rgba(200,154,94,0.1);
border-color: var(--rich-gold);
transform: scale(1.02);
}
.contactus .day {
font-weight: 600;
display: flex;
gap: 0.7rem;
align-items: center;
}
.contactus .hours {
background: rgba(255,255,255,0.1);
padding: 0.3rem 1.2rem;
border-radius: 2rem;
font-size: 0.9rem;
direction: ltr;
display: inline-block;
color: var(--soft-gold);
font-weight: 600;
}
.contactus .emergency-contact {
margin-top: 2.2rem;
background: rgba(200,154,94,0.12);
border-right: 5px solid var(--rich-gold);
padding: 1.4rem 1.8rem;
border-radius: 1.2rem;
font-family: 'aljazerabold', 'aljazerabold';
display: flex;
gap: 1.2rem;
align-items: center;
}
/* ===== MAP – LUXURY FRAME ===== */
.contactus .map-container {
position: relative;
margin: 2rem auto 4rem;
border-radius: 2.8rem;
overflow: hidden;
box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);
border: 6px solid white;
height: 450px;
max-width: 1300px;
}
/* ===== BANK ACCOUNTS – OPULENT ===== */
.contactus .bank-gallery {
background: var(--cream);
padding: 5rem 0;
position: relative;
}
.contactus .bank-card-premium {
background: white;
border-radius: 2.2rem;
padding: 2.5rem 2rem;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);
border-bottom: 6px solid var(--deep-burgundy);
transition: 0.35s;
position: relative;
overflow: hidden;
}
.contactus .bank-card-premium::before {
content: "●";
position: absolute;
top: -20px; right: -20px;
font-size: 10rem;
color: rgba(200,154,94,0.04);
transform: rotate(25deg);
}
.contactus .bank-card-premium:hover {
transform: translateY(-15px);
border-bottom-color: var(--rich-gold);
box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);
}
.contactus .copy-elegant {
background: transparent;
border: 1px solid var(--deep-burgundy);
color: var(--deep-burgundy);
padding: 0.6rem 1.8rem;
border-radius: 3rem;
font-weight: 600;
transition: 0.25s;
cursor: pointer;
font-size: 1.25rem;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
}
.contactus .copy-elegant:hover {
background: var(--deep-burgundy);
color: white;
border-color: var(--rich-gold);
}
/* ===== FOOTER – DEEP & WARM ===== */
.contactus .footer-opulent {
background: #1a1819;
color: #ccc2ba;
padding: 4rem 0 2rem;
border-top: 6px solid var(--rich-gold);
}
/* UTILITIES (prefixed) */
.contactus .dir-ltr { direction: ltr; }
.contactus .text-gold { color: var(--rich-gold); }
.contactus .bg-ivory { background-color: var(--ivory); }
.contactus .rounded-full { border-radius: 9999px; }
.contactus .no-form .contact-form,
.contactus .contact-form { display: none; } /* ensure no form appears */
/* responsive */
@media (max-width: 768px) {
.contactus .hero-luxury h1 { font-size: 3rem; }
}
/* hide any global form remnants */
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
Meeting of the Noble
People of goodwill gather here. Our premises and hearts are open to you.
Address
Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul
Phone
+90 505 776 31 03
WhatsApp
<a href="https://wa.me/905057763103">+90 505 776 31 03</a>
Email
<a href="mailto:Contact@wijdancharity.org">Contact@wijdancharity.org</a>
<a href="https://www.instagram.com/wijdancharity" target="_blank" class="social-icon instagram" title="Instagram">
</a>
<a href="https://www.tiktok.com/@wijdancharity.org" target="_blank" class="social-icon tiktok" title="TikTok">
</a>
<a href="https://www.youtube.com/@wijdancharity" target="_blank" class="social-icon youtube" title="YouTube">
</a>
<a href="https://www.facebook.com/WijdanCharity/" target="_blank" class="social-icon facebook" title="Facebook">
</a>
<a href="https://www.linkedin.com/in/wijdan-charity-595056352/" target="_blank" class="social-icon linkedin" title="LinkedIn">
</a>
<a href="https://t.me/wijdan_Charity" target="_blank" class="social-icon telegram" title="Telegram">
</a>
<a href="https://x.com/wijdancharity" target="_blank" class="social-icon x" title="X">
X
</a>
<a href="https://linktr.ee/wijdan_charity" target="_blank" class="social-icon linktree" title="Linktree">
LT
</a>
Hours
of Light
We welcome you with hospitality in our sanctuary.
Monday – Friday
09:00 – 17:00
Saturday
10:00 – 14:00
Sunday
✧ Weekly Holiday ✧
24/7 Support
For emergencies, WhatsApp available 24/7
<a href="https://wa.me/905057763103">Click for immediate contact</a>
Core of Giving
Bank Accounts
The sun of your donation illuminates the lives of those in need through our secure accounts.
USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR28 0020 9000 0060 8576 0000 20
Copy IBAN
TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR55 0020 9000 0060 8576 0000 19
Copy IBAN
// initialize AOS inside .contactus scope (it's global but fine)
AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });
// toggle functions remain (they target ids inside .contactus)
function toggleMobileMenu() {
const overlay = document.getElementById('mobile-overlay');
const menu = document.getElementById('mobile-menu');
if (overlay && menu) {
if (overlay.classList.contains('hidden')) {
overlay.classList.remove('hidden');
setTimeout(() => overlay.classList.remove('opacity-0'), 20);
menu.classList.remove('translate-x-full');
} else {
overlay.classList.add('opacity-0');
menu.classList.add('translate-x-full');
setTimeout(() => overlay.classList.add('hidden'), 300);
}
}
}
function toggleCart() { /* dummy */ }
window.copyPremium = function(iban) {
navigator.clipboard.writeText(iban);
alert('✨ IBAN copied: ' + iban);
};
// hide any potential form elements globally
document.querySelectorAll('.contact-form, form, [type="submit"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');
/* ensure mobile menu hidden at start */
#mobile-overlay, #mobile-menu { display: none; }
.contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; }
/* but we manage with js toggling, keep base hidden */
#mobile-overlay, #mobile-menu { display: none; }
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
') (Line: 58)
gavias_content_builder_render_el(Array) (Line: 22)
gavias_content_builder_frontend('[{"settings":{"element":"gva_row","bg_particles":"off","bg_position":"center top","bg_repeat":"no-repeat","bg_attachment":"scroll","bg_size":"cover","style_space":"remove_margin remove_padding remove_padding_col","layout":"container-fw","padding_top":"0","margin_top":"0","padding_bottom":"0","margin_bottom":"0","class":"aboutus"},"columns":[{"settings":{"element":"gva_column"},"col_lg":12,"elements":[{"settings":{"content":"\r\n\r\n \r\n \r\n \r\n \r\n \r\n The Door of Giving is Open\r\n\r\n Connect with Wijdan\r\n\r\n \r\n \r\n We listen to you and share hope. Our channels are open for your inquiries and generous contributions.\r\n\r\n \r\n \r\n \r\n \r\n","animate_delay":"0"},"editing":false,"element_name":"gva_text_noeditor"},{"settings":{"content":"\r\n\r\n\r\n \r\n \r\n \r\n Contact Us | Wijdan Charity – Distinctive Design\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n /* ===== LUXURY DESIGN SYSTEM – \"وجدان\" : ALL RULES UNDER .contactus PREFIX ===== */\r\n .contactus * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n.about_page .reveal {\r\n opacity: 1;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease;\r\n}\r\n .contactus {\r\n --deep-burgundy: #5c1e2a;\r\n --rich-gold: #c89a5e;\r\n --soft-gold: #e5c29f;\r\n --ivory: #fffcf7;\r\n --cream: #faf3ea;\r\n --charcoal: #2c2a2b;\r\n --olive-sage: #7a8b7a;\r\n --shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);\r\n --shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);\r\n --border-radius-l: 2.5rem;\r\n --border-radius-m: 1.8rem;\r\n --border-radius-s: 1.2rem;\r\n --font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';\r\n\r\n font-family: var(--font-primary);\r\n background-color: var(--ivory);\r\n color: var(--charcoal);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .contactus .vicdan-wrapper {\r\n position: relative;\r\n }\r\n\r\n .contactus .container {\r\n width: 90%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n\r\n /* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */\r\n .contactus .top-bar {\r\n background: #1e1c1d;\r\n color: rgba(255, 255, 255, 0.7);\r\n padding: 0.6rem 0;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.5px;\r\n border-bottom: 1px solid rgba(200, 154, 94, 0.4);\r\n }\r\n .contactus .top-bar .container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .contactus .top-bar-link {\r\n color: #e0d6cc;\r\n text-decoration: none;\r\n margin-left: 1.2rem;\r\n transition: color 0.25s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n }\r\n .contactus .top-bar-link:hover {\r\n color: var(--rich-gold);\r\n }\r\n\r\n /* ===== HEADER – ELEGANT TRANSPARENCY ===== */\r\n .contactus .main-header {\r\n background: rgba(255, 252, 245, 0.85);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-bottom: 1px solid rgba(200, 154, 94, 0.2);\r\n padding: 0.5rem 0;\r\n position: sticky;\r\n top: 0;\r\n z-index: 50;\r\n }\r\n .contactus .logo-title {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: var(--deep-burgundy);\r\n line-height: 1;\r\n letter-spacing: -0.02em;\r\n text-shadow: 0 2px 4px rgba(92,30,42,0.06);\r\n }\r\n .contactus .logo-subtitle {\r\n font-size: 0.7rem;\r\n color: var(--rich-gold);\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-top: -0.3rem;\r\n }\r\n .contactus .nav-item {\r\n position: relative;\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 3rem;\r\n font-weight: 500;\r\n color: #3e3a37;\r\n transition: 0.2s;\r\n cursor: pointer;\r\n }\r\n .contactus .nav-item:hover {\r\n background: rgba(92, 30, 42, 0.05);\r\n color: var(--deep-burgundy);\r\n }\r\n .contactus .nav-dropdown {\r\n position: absolute;\r\n top: 120%;\r\n right: 0;\r\n background: white;\r\n min-width: 200px;\r\n border-radius: 1.2rem;\r\n padding: 0.8rem 0;\r\n box-shadow: var(--shadow-elegant);\r\n border: 1px solid rgba(200,154,94,0.2);\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: 0.25s;\r\n }\r\n .contactus .nav-item.group:hover .nav-dropdown {\r\n opacity: 1;\r\n visibility: visible;\r\n top: 140%;\r\n }\r\n .contactus .dropdown-link {\r\n display: block;\r\n padding: 0.6rem 1.6rem;\r\n color: #4a4643;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n }\r\n .contactus .dropdown-link:hover {\r\n background: #fff3e4;\r\n color: var(--deep-burgundy);\r\n }\r\n\r\n /* ===== HERO – POETRY IN MOTION ===== */\r\n .contactus .hero-luxury {\r\n position: relative;\r\n height: 500px;\r\n background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%), \r\n url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;\r\n background-blend-mode: multiply;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: white;\r\n isolation: isolate;\r\n }\r\n .contactus .hero-luxury::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);\r\n z-index: 1;\r\n }\r\n .contactus .hero-content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 900px;\r\n padding: 0 1.5rem;\r\n }\r\n .contactus .gold-flourish {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.8rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n .contactus .gold-flourish i {\r\n color: var(--rich-gold);\r\n font-size: 1.3rem;\r\n text-shadow: 0 0 10px rgba(200,154,94,0.5);\r\n }\r\n .contactus .hero-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.12);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255,215,150,0.4);\r\n padding: 0.5rem 2rem;\r\n border-radius: 4rem;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n color: var(--soft-gold);\r\n margin-bottom: 1.8rem;\r\n }\r\n .contactus .hero-luxury h1 {\r\n font-size: 4.8rem;\r\n font-weight: 800;\r\n font-family: 'aljazerabold', 'aljazerabold';\r\n line-height: 1.2;\r\n text-shadow: 0 8px 18px rgba(0,0,0,0.25);\r\n margin-bottom: 0.5rem;\r\n }\r\n .contactus .hero-luxury h1 span {\r\n color: var(--rich-gold);\r\n border-bottom: 2px solid var(--rich-gold);\r\n padding-bottom: 0.1rem;\r\n }\r\n .contactus .hero-divider {\r\n width: 160px;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);\r\n margin: 1.8rem auto;\r\n border-radius: 3px;\r\n }\r\n .contactus .hero-text {\r\n font-size: 1.3rem;\r\n font-weight: 350;\r\n opacity: 0.95;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n font-style: italic;\r\n }\r\n\r\n /* ===== CONTACT CARDS – ART GALLERY ===== */\r\n .contactus .section-crystal {\r\n padding: 5rem 0 3rem;\r\n background: linear-gradient(to bottom, var(--ivory), #fffbf5);\r\n }\r\n .contactus .contact-masterpiece {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2.5rem;\r\n }\r\n @media (max-width: 1000px) {\r\n .contactus .contact-masterpiece {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n /* info card – like jewelry */\r\n .contactus .info-art {\r\n background: white;\r\n border-radius: var(--border-radius-l);\r\n padding: 3rem 2.2rem;\r\n box-shadow: var(--shadow-elegant);\r\n border: 1px solid rgba(200,154,94,0.2);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n backdrop-filter: blur(10px);\r\n background: linear-gradient(145deg, #fffdfa, #ffffff);\r\n }\r\n .contactus .info-art:hover {\r\n transform: translateY(-12px) scale(1.01);\r\n box-shadow: var(--shadow-gold);\r\n border-color: var(--rich-gold);\r\n }\r\n \r\n\r\n .contactus .info-item-lux {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: flex-start;\r\n padding: 1.3rem 1.2rem;\r\n margin-bottom: 0.6rem;\r\n border-radius: 1.8rem;\r\n transition: 0.3s;\r\n border: 1px solid transparent;\r\n }\r\n .contactus .info-item-lux:hover {\r\n background: #fef8f0;\r\n border-color: #f0e1ce;\r\n box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);\r\n transform: translateX(-8px);\r\n }\r\n .contactus .icon-crystal {\r\n width: 64px;\r\n height: 64px;\r\n background: rgba(200,154,94,0.08);\r\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--deep-burgundy);\r\n font-size: 1.8rem;\r\n transition: 0.25s;\r\n flex-shrink: 0;\r\n }\r\n .contactus .info-item-lux:hover .icon-crystal {\r\n background: var(--deep-burgundy);\r\n color: white;\r\n border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;\r\n }\r\n\r\n .contactus .social-luxury {\r\n display: flex;\r\n gap: 0.8rem;\r\n margin-top: 2.2rem;\r\n }\r\n .contactus .social-luxury a {\r\n width: 52px;\r\n height: 52px;\r\n background: #f5ede5;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--deep-burgundy);\r\n font-size: 1.5rem;\r\n transition: all 0.3s;\r\n border: 1px solid transparent;\r\n }\r\n .contactus .social-luxury a:hover {\r\n background: var(--deep-burgundy);\r\n color: var(--rich-gold);\r\n border-radius: 30% 70% 30% 70%;\r\n transform: scale(1.12) rotate(5deg);\r\n border-color: var(--rich-gold);\r\n }\r\n\r\n /* right card – hours & ambiance (NO FORM) */\r\n .contactus .hours-boutique {\r\n background: linear-gradient(145deg, #1e1c1d, #2a2425);\r\n border-radius: var(--border-radius-l);\r\n padding: 3rem 2.5rem;\r\n box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);\r\n border: 1px solid rgba(200,154,94,0.4);\r\n position: relative;\r\n overflow: hidden;\r\n color: white;\r\n }\r\n .contactus .hours-boutique::after {\r\n content: \"⏣\";\r\n position: absolute;\r\n bottom: -30px;\r\n left: -30px;\r\n font-size: 14rem;\r\n color: rgba(200,154,94,0.1);\r\n font-family: 'aljazerabold';\r\n transform: rotate(20deg);\r\n pointer-events: none;\r\n }\r\n .contactus .gold-stroke {\r\n color: var(--rich-gold);\r\n font-weight: 700;\r\n }\r\n .contactus .time-piece {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.1rem 1.5rem;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(229,194,159,0.2);\r\n border-radius: 1.5rem;\r\n margin-bottom: 1rem;\r\n backdrop-filter: blur(10px);\r\n transition: 0.2s;\r\n }\r\n .contactus .time-piece:hover {\r\n background: rgba(200,154,94,0.1);\r\n border-color: var(--rich-gold);\r\n transform: scale(1.02);\r\n }\r\n .contactus .day {\r\n font-weight: 600;\r\n display: flex;\r\n gap: 0.7rem;\r\n align-items: center;\r\n }\r\n .contactus .hours {\r\n background: rgba(255,255,255,0.1);\r\n padding: 0.3rem 1.2rem;\r\n border-radius: 2rem;\r\n font-size: 0.9rem;\r\n direction: ltr;\r\n display: inline-block;\r\n color: var(--soft-gold);\r\n font-weight: 600;\r\n }\r\n\r\n .contactus .emergency-contact {\r\n margin-top: 2.2rem;\r\n background: rgba(200,154,94,0.12);\r\n border-right: 5px solid var(--rich-gold);\r\n padding: 1.4rem 1.8rem;\r\n border-radius: 1.2rem;\r\nfont-family: 'aljazerabold', 'aljazerabold';\r\n display: flex;\r\n gap: 1.2rem;\r\n align-items: center;\r\n }\r\n\r\n /* ===== MAP – LUXURY FRAME ===== */\r\n .contactus .map-container {\r\n position: relative;\r\n margin: 2rem auto 4rem;\r\n border-radius: 2.8rem;\r\n overflow: hidden;\r\n box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);\r\n border: 6px solid white;\r\n height: 450px;\r\n max-width: 1300px;\r\n }\r\n\r\n /* ===== BANK ACCOUNTS – OPULENT ===== */\r\n .contactus .bank-gallery {\r\n background: var(--cream);\r\n padding: 5rem 0;\r\n position: relative;\r\n }\r\n .contactus .bank-card-premium {\r\n background: white;\r\n border-radius: 2.2rem;\r\n padding: 2.5rem 2rem;\r\n box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);\r\n border-bottom: 6px solid var(--deep-burgundy);\r\n transition: 0.35s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .contactus .bank-card-premium::before {\r\n content: \"●\";\r\n position: absolute;\r\n top: -20px; right: -20px;\r\n font-size: 10rem;\r\n color: rgba(200,154,94,0.04);\r\n transform: rotate(25deg);\r\n }\r\n .contactus .bank-card-premium:hover {\r\n transform: translateY(-15px);\r\n border-bottom-color: var(--rich-gold);\r\n box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);\r\n }\r\n .contactus .copy-elegant {\r\n background: transparent;\r\n border: 1px solid var(--deep-burgundy);\r\n color: var(--deep-burgundy);\r\n padding: 0.6rem 1.8rem;\r\n border-radius: 3rem;\r\n font-weight: 600;\r\n transition: 0.25s;\r\n cursor: pointer;\r\n font-size: 1.25rem;\r\n text-align: center;\r\n margin-right: auto;\r\n margin-left: auto;\r\n display: block;\r\n }\r\n .contactus .copy-elegant:hover {\r\n background: var(--deep-burgundy);\r\n color: white;\r\n border-color: var(--rich-gold);\r\n }\r\n\r\n /* ===== FOOTER – DEEP & WARM ===== */\r\n .contactus .footer-opulent {\r\n background: #1a1819;\r\n color: #ccc2ba;\r\n padding: 4rem 0 2rem;\r\n border-top: 6px solid var(--rich-gold);\r\n }\r\n\r\n /* UTILITIES (prefixed) */\r\n .contactus .dir-ltr { direction: ltr; }\r\n .contactus .text-gold { color: var(--rich-gold); }\r\n .contactus .bg-ivory { background-color: var(--ivory); }\r\n .contactus .rounded-full { border-radius: 9999px; }\r\n .contactus .no-form .contact-form, \r\n .contactus .contact-form { display: none; } /* ensure no form appears */\r\n\r\n /* responsive */\r\n @media (max-width: 768px) {\r\n .contactus .hero-luxury h1 { font-size: 3rem; }\r\n }\r\n\r\n /* hide any global form remnants */\r\n .contact-form, form, [type=\"submit\"], input, select, textarea, .form-group {\r\n display: none !important;\r\n }\r\n .map-container iframe { display: block; }\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Meeting of the Noble\r\n People of goodwill gather here. Our premises and hearts are open to you.\r\n \r\n \r\n \r\n \r\n Address\r\n Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul\r\n \r\n \r\n \r\n \r\n \r\n Phone\r\n +90 505 776 31 03\r\n \r\n \r\n \r\n \r\n \r\n WhatsApp\r\n <a>+90 505 776 31 03</a>\r\n \r\n \r\n \r\n \r\n \r\n Email\r\n <a>Contact@wijdancharity.org</a>\r\n \r\n \r\n\r\n \r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n X\r\n </a>\r\n\r\n <a>\r\n LT\r\n </a>\r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n Hours\r\n of Light\r\n \r\n We welcome you with hospitality in our sanctuary.\r\n\r\n \r\n Monday – Friday\r\n 09:00 – 17:00\r\n \r\n \r\n Saturday\r\n 10:00 – 14:00\r\n \r\n \r\n Sunday\r\n ✧ Weekly Holiday ✧\r\n \r\n\r\n \r\n \r\n \r\n 24/7 Support\r\n For emergencies, WhatsApp available 24/7\r\n <a>Click for immediate contact</a>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n Core of Giving\r\n Bank Accounts\r\n The sun of your donation illuminates the lives of those in need through our secure accounts.\r\n \r\n \r\n \r\n \r\n \r\n USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)\r\n \r\n TR28 0020 9000 0060 8576 0000 20\r\n Copy IBAN\r\n \r\n \r\n \r\n \r\n TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)\r\n\t\t\t\t\t\t\t\t\r\n \r\n TR55 0020 9000 0060 8576 0000 19\r\n Copy IBAN\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n // initialize AOS inside .contactus scope (it's global but fine)\r\n AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });\r\n\r\n // toggle functions remain (they target ids inside .contactus)\r\n function toggleMobileMenu() {\r\n const overlay = document.getElementById('mobile-overlay');\r\n const menu = document.getElementById('mobile-menu');\r\n if (overlay && menu) {\r\n if (overlay.classList.contains('hidden')) {\r\n overlay.classList.remove('hidden');\r\n setTimeout(() => overlay.classList.remove('opacity-0'), 20);\r\n menu.classList.remove('translate-x-full');\r\n } else {\r\n overlay.classList.add('opacity-0');\r\n menu.classList.add('translate-x-full');\r\n setTimeout(() => overlay.classList.add('hidden'), 300);\r\n }\r\n }\r\n }\r\n function toggleCart() { /* dummy */ }\r\n window.copyPremium = function(iban) {\r\n navigator.clipboard.writeText(iban);\r\n alert('✨ IBAN copied: ' + iban);\r\n };\r\n // hide any potential form elements globally\r\n document.querySelectorAll('.contact-form, form, [type=\"submit\"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');\r\n \r\n \r\n \r\n /* ensure mobile menu hidden at start */\r\n #mobile-overlay, #mobile-menu { display: none; }\r\n .contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; } \r\n /* but we manage with js toggling, keep base hidden */\r\n #mobile-overlay, #mobile-menu { display: none; }\r\n .contact-form, form, [type=\"submit\"], input, select, textarea, .form-group {\r\n display: none !important;\r\n }\r\n .map-container iframe { display: block; }\r\n \r\n\r\n","animate_delay":"0"},"editing":false,"element_name":"gva_text_noeditor"}],"editing":false,"element_name":"gva_column"}],"editing":false,"element_name":"gva_row"}]') (Line: 47)
Drupal\gavias_content_builder\Plugin\Field\FieldFormatter\GaviasContentBuilderFormatter->viewElements(Object, 'en') (Line: 89)
Drupal\Core\Field\FormatterBase->view(Object, 'en') (Line: 263)
Drupal\Core\Entity\Entity\EntityViewDisplay->buildMultiple(Array) (Line: 351)
Drupal\Core\Entity\EntityViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 24)
Drupal\node\NodeViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 293)
Drupal\Core\Entity\EntityViewBuilder->buildMultiple(Array) (Line: 250)
Drupal\Core\Entity\EntityViewBuilder->build(Array)
call_user_func_array(Array, Array) (Line: 100)
Drupal\Core\Render\Renderer->doTrustedCallback(Array, Array, 'Render #pre_render callbacks must be methods of a class that implements \Drupal\Core\Security\TrustedCallbackInterface or be an anonymous function. The callback was %s. Support for this callback implementation is deprecated in 8.8.0 and will be removed in Drupal 9.0.0. See https://www.drupal.org/node/2966725', 'silenced_deprecation', 'Drupal\Core\Render\Element\RenderCallbackInterface') (Line: 781)
Drupal\Core\Render\Renderer->doCallback('#pre_render', Array, Array) (Line: 372)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 200)
Drupal\Core\Render\Renderer->render(Array, ) (Line: 226)
Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 573)
Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 227)
Drupal\Core\Render\MainContent\HtmlRenderer->prepare(Array, Object, Object) (Line: 117)
Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.view', Object) (Line: 156)
Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68)
Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57)
Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 191)
Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 128)
Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 82)
Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52)
Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23)
Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 708)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)
- Deprecated function: implode(): Passing glue string after array is deprecated. Swap the parameters in element_gva_column->render_content() (line 463 of themes/gavias_kunco/gva_content_builder/gva_column.php).
element_gva_column->render_content(Array, '
The Door of Giving is Open
Connect with Wijdan
We listen to you and share hope. Our channels are open for your inquiries and generous contributions.
Contact Us | Wijdan Charity – Distinctive Design
/* ===== LUXURY DESIGN SYSTEM – "وجدان" : ALL RULES UNDER .contactus PREFIX ===== */
.contactus * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.about_page .reveal {
opacity: 1;
transform: translateY(30px);
transition: all 0.8s ease;
}
.contactus {
--deep-burgundy: #5c1e2a;
--rich-gold: #c89a5e;
--soft-gold: #e5c29f;
--ivory: #fffcf7;
--cream: #faf3ea;
--charcoal: #2c2a2b;
--olive-sage: #7a8b7a;
--shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);
--shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);
--border-radius-l: 2.5rem;
--border-radius-m: 1.8rem;
--border-radius-s: 1.2rem;
--font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';
font-family: var(--font-primary);
background-color: var(--ivory);
color: var(--charcoal);
line-height: 1.6;
overflow-x: hidden;
position: relative;
display: block;
width: 100%;
}
.contactus .vicdan-wrapper {
position: relative;
}
.contactus .container {
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
/* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */
.contactus .top-bar {
background: #1e1c1d;
color: rgba(255, 255, 255, 0.7);
padding: 0.6rem 0;
font-size: 0.85rem;
letter-spacing: 0.5px;
border-bottom: 1px solid rgba(200, 154, 94, 0.4);
}
.contactus .top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.contactus .top-bar-link {
color: #e0d6cc;
text-decoration: none;
margin-left: 1.2rem;
transition: color 0.25s;
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.contactus .top-bar-link:hover {
color: var(--rich-gold);
}
/* ===== HEADER – ELEGANT TRANSPARENCY ===== */
.contactus .main-header {
background: rgba(255, 252, 245, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(200, 154, 94, 0.2);
padding: 0.5rem 0;
position: sticky;
top: 0;
z-index: 50;
}
.contactus .logo-title {
font-size: 2rem;
font-weight: 800;
color: var(--deep-burgundy);
line-height: 1;
letter-spacing: -0.02em;
text-shadow: 0 2px 4px rgba(92,30,42,0.06);
}
.contactus .logo-subtitle {
font-size: 0.7rem;
color: var(--rich-gold);
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: -0.3rem;
}
.contactus .nav-item {
position: relative;
padding: 0.6rem 1.2rem;
border-radius: 3rem;
font-weight: 500;
color: #3e3a37;
transition: 0.2s;
cursor: pointer;
}
.contactus .nav-item:hover {
background: rgba(92, 30, 42, 0.05);
color: var(--deep-burgundy);
}
.contactus .nav-dropdown {
position: absolute;
top: 120%;
right: 0;
background: white;
min-width: 200px;
border-radius: 1.2rem;
padding: 0.8rem 0;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
opacity: 0;
visibility: hidden;
transition: 0.25s;
}
.contactus .nav-item.group:hover .nav-dropdown {
opacity: 1;
visibility: visible;
top: 140%;
}
.contactus .dropdown-link {
display: block;
padding: 0.6rem 1.6rem;
color: #4a4643;
text-decoration: none;
font-size: 0.9rem;
}
.contactus .dropdown-link:hover {
background: #fff3e4;
color: var(--deep-burgundy);
}
/* ===== HERO – POETRY IN MOTION ===== */
.contactus .hero-luxury {
position: relative;
height: 500px;
background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%),
url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;
background-blend-mode: multiply;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
isolation: isolate;
}
.contactus .hero-luxury::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);
z-index: 1;
}
.contactus .hero-content {
position: relative;
z-index: 3;
max-width: 900px;
padding: 0 1.5rem;
}
.contactus .gold-flourish {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin-bottom: 1.2rem;
}
.contactus .gold-flourish i {
color: var(--rich-gold);
font-size: 1.3rem;
text-shadow: 0 0 10px rgba(200,154,94,0.5);
}
.contactus .hero-badge {
display: inline-block;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,215,150,0.4);
padding: 0.5rem 2rem;
border-radius: 4rem;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 3px;
color: var(--soft-gold);
margin-bottom: 1.8rem;
}
.contactus .hero-luxury h1 {
font-size: 4.8rem;
font-weight: 800;
font-family: 'aljazerabold', 'aljazerabold';
line-height: 1.2;
text-shadow: 0 8px 18px rgba(0,0,0,0.25);
margin-bottom: 0.5rem;
}
.contactus .hero-luxury h1 span {
color: var(--rich-gold);
border-bottom: 2px solid var(--rich-gold);
padding-bottom: 0.1rem;
}
.contactus .hero-divider {
width: 160px;
height: 3px;
background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);
margin: 1.8rem auto;
border-radius: 3px;
}
.contactus .hero-text {
font-size: 1.3rem;
font-weight: 350;
opacity: 0.95;
max-width: 650px;
margin: 0 auto;
font-style: italic;
}
/* ===== CONTACT CARDS – ART GALLERY ===== */
.contactus .section-crystal {
padding: 5rem 0 3rem;
background: linear-gradient(to bottom, var(--ivory), #fffbf5);
}
.contactus .contact-masterpiece {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
}
@media (max-width: 1000px) {
.contactus .contact-masterpiece {
grid-template-columns: 1fr;
}
}
/* info card – like jewelry */
.contactus .info-art {
background: white;
border-radius: var(--border-radius-l);
padding: 3rem 2.2rem;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
position: relative;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
backdrop-filter: blur(10px);
background: linear-gradient(145deg, #fffdfa, #ffffff);
}
.contactus .info-art:hover {
transform: translateY(-12px) scale(1.01);
box-shadow: var(--shadow-gold);
border-color: var(--rich-gold);
}
.contactus .info-item-lux {
display: flex;
gap: 1.5rem;
align-items: flex-start;
padding: 1.3rem 1.2rem;
margin-bottom: 0.6rem;
border-radius: 1.8rem;
transition: 0.3s;
border: 1px solid transparent;
}
.contactus .info-item-lux:hover {
background: #fef8f0;
border-color: #f0e1ce;
box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);
transform: translateX(-8px);
}
.contactus .icon-crystal {
width: 64px;
height: 64px;
background: rgba(200,154,94,0.08);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.8rem;
transition: 0.25s;
flex-shrink: 0;
}
.contactus .info-item-lux:hover .icon-crystal {
background: var(--deep-burgundy);
color: white;
border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;
}
.contactus .social-luxury {
display: flex;
gap: 0.8rem;
margin-top: 2.2rem;
}
.contactus .social-luxury a {
width: 52px;
height: 52px;
background: #f5ede5;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.5rem;
transition: all 0.3s;
border: 1px solid transparent;
}
.contactus .social-luxury a:hover {
background: var(--deep-burgundy);
color: var(--rich-gold);
border-radius: 30% 70% 30% 70%;
transform: scale(1.12) rotate(5deg);
border-color: var(--rich-gold);
}
/* right card – hours & ambiance (NO FORM) */
.contactus .hours-boutique {
background: linear-gradient(145deg, #1e1c1d, #2a2425);
border-radius: var(--border-radius-l);
padding: 3rem 2.5rem;
box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);
border: 1px solid rgba(200,154,94,0.4);
position: relative;
overflow: hidden;
color: white;
}
.contactus .hours-boutique::after {
content: "⏣";
position: absolute;
bottom: -30px;
left: -30px;
font-size: 14rem;
color: rgba(200,154,94,0.1);
font-family: 'aljazerabold';
transform: rotate(20deg);
pointer-events: none;
}
.contactus .gold-stroke {
color: var(--rich-gold);
font-weight: 700;
}
.contactus .time-piece {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.1rem 1.5rem;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(229,194,159,0.2);
border-radius: 1.5rem;
margin-bottom: 1rem;
backdrop-filter: blur(10px);
transition: 0.2s;
}
.contactus .time-piece:hover {
background: rgba(200,154,94,0.1);
border-color: var(--rich-gold);
transform: scale(1.02);
}
.contactus .day {
font-weight: 600;
display: flex;
gap: 0.7rem;
align-items: center;
}
.contactus .hours {
background: rgba(255,255,255,0.1);
padding: 0.3rem 1.2rem;
border-radius: 2rem;
font-size: 0.9rem;
direction: ltr;
display: inline-block;
color: var(--soft-gold);
font-weight: 600;
}
.contactus .emergency-contact {
margin-top: 2.2rem;
background: rgba(200,154,94,0.12);
border-right: 5px solid var(--rich-gold);
padding: 1.4rem 1.8rem;
border-radius: 1.2rem;
font-family: 'aljazerabold', 'aljazerabold';
display: flex;
gap: 1.2rem;
align-items: center;
}
/* ===== MAP – LUXURY FRAME ===== */
.contactus .map-container {
position: relative;
margin: 2rem auto 4rem;
border-radius: 2.8rem;
overflow: hidden;
box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);
border: 6px solid white;
height: 450px;
max-width: 1300px;
}
/* ===== BANK ACCOUNTS – OPULENT ===== */
.contactus .bank-gallery {
background: var(--cream);
padding: 5rem 0;
position: relative;
}
.contactus .bank-card-premium {
background: white;
border-radius: 2.2rem;
padding: 2.5rem 2rem;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);
border-bottom: 6px solid var(--deep-burgundy);
transition: 0.35s;
position: relative;
overflow: hidden;
}
.contactus .bank-card-premium::before {
content: "●";
position: absolute;
top: -20px; right: -20px;
font-size: 10rem;
color: rgba(200,154,94,0.04);
transform: rotate(25deg);
}
.contactus .bank-card-premium:hover {
transform: translateY(-15px);
border-bottom-color: var(--rich-gold);
box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);
}
.contactus .copy-elegant {
background: transparent;
border: 1px solid var(--deep-burgundy);
color: var(--deep-burgundy);
padding: 0.6rem 1.8rem;
border-radius: 3rem;
font-weight: 600;
transition: 0.25s;
cursor: pointer;
font-size: 1.25rem;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
}
.contactus .copy-elegant:hover {
background: var(--deep-burgundy);
color: white;
border-color: var(--rich-gold);
}
/* ===== FOOTER – DEEP & WARM ===== */
.contactus .footer-opulent {
background: #1a1819;
color: #ccc2ba;
padding: 4rem 0 2rem;
border-top: 6px solid var(--rich-gold);
}
/* UTILITIES (prefixed) */
.contactus .dir-ltr { direction: ltr; }
.contactus .text-gold { color: var(--rich-gold); }
.contactus .bg-ivory { background-color: var(--ivory); }
.contactus .rounded-full { border-radius: 9999px; }
.contactus .no-form .contact-form,
.contactus .contact-form { display: none; } /* ensure no form appears */
/* responsive */
@media (max-width: 768px) {
.contactus .hero-luxury h1 { font-size: 3rem; }
}
/* hide any global form remnants */
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
Meeting of the Noble
People of goodwill gather here. Our premises and hearts are open to you.
Address
Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul
Phone
+90 505 776 31 03
WhatsApp
<a href="https://wa.me/905057763103">+90 505 776 31 03</a>
Email
<a href="mailto:Contact@wijdancharity.org">Contact@wijdancharity.org</a>
<a href="https://www.instagram.com/wijdancharity" target="_blank" class="social-icon instagram" title="Instagram">
</a>
<a href="https://www.tiktok.com/@wijdancharity.org" target="_blank" class="social-icon tiktok" title="TikTok">
</a>
<a href="https://www.youtube.com/@wijdancharity" target="_blank" class="social-icon youtube" title="YouTube">
</a>
<a href="https://www.facebook.com/WijdanCharity/" target="_blank" class="social-icon facebook" title="Facebook">
</a>
<a href="https://www.linkedin.com/in/wijdan-charity-595056352/" target="_blank" class="social-icon linkedin" title="LinkedIn">
</a>
<a href="https://t.me/wijdan_Charity" target="_blank" class="social-icon telegram" title="Telegram">
</a>
<a href="https://x.com/wijdancharity" target="_blank" class="social-icon x" title="X">
X
</a>
<a href="https://linktr.ee/wijdan_charity" target="_blank" class="social-icon linktree" title="Linktree">
LT
</a>
Hours
of Light
We welcome you with hospitality in our sanctuary.
Monday – Friday
09:00 – 17:00
Saturday
10:00 – 14:00
Sunday
✧ Weekly Holiday ✧
24/7 Support
For emergencies, WhatsApp available 24/7
<a href="https://wa.me/905057763103">Click for immediate contact</a>
Core of Giving
Bank Accounts
The sun of your donation illuminates the lives of those in need through our secure accounts.
USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR28 0020 9000 0060 8576 0000 20
Copy IBAN
TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR55 0020 9000 0060 8576 0000 19
Copy IBAN
// initialize AOS inside .contactus scope (it's global but fine)
AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });
// toggle functions remain (they target ids inside .contactus)
function toggleMobileMenu() {
const overlay = document.getElementById('mobile-overlay');
const menu = document.getElementById('mobile-menu');
if (overlay && menu) {
if (overlay.classList.contains('hidden')) {
overlay.classList.remove('hidden');
setTimeout(() => overlay.classList.remove('opacity-0'), 20);
menu.classList.remove('translate-x-full');
} else {
overlay.classList.add('opacity-0');
menu.classList.add('translate-x-full');
setTimeout(() => overlay.classList.add('hidden'), 300);
}
}
}
function toggleCart() { /* dummy */ }
window.copyPremium = function(iban) {
navigator.clipboard.writeText(iban);
alert('✨ IBAN copied: ' + iban);
};
// hide any potential form elements globally
document.querySelectorAll('.contact-form, form, [type="submit"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');
/* ensure mobile menu hidden at start */
#mobile-overlay, #mobile-menu { display: none; }
.contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; }
/* but we manage with js toggling, keep base hidden */
#mobile-overlay, #mobile-menu { display: none; }
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
') (Line: 110)
gavias_content_builder_render_element('gva_column', Array, '
The Door of Giving is Open
Connect with Wijdan
We listen to you and share hope. Our channels are open for your inquiries and generous contributions.
Contact Us | Wijdan Charity – Distinctive Design
/* ===== LUXURY DESIGN SYSTEM – "وجدان" : ALL RULES UNDER .contactus PREFIX ===== */
.contactus * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.about_page .reveal {
opacity: 1;
transform: translateY(30px);
transition: all 0.8s ease;
}
.contactus {
--deep-burgundy: #5c1e2a;
--rich-gold: #c89a5e;
--soft-gold: #e5c29f;
--ivory: #fffcf7;
--cream: #faf3ea;
--charcoal: #2c2a2b;
--olive-sage: #7a8b7a;
--shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);
--shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);
--border-radius-l: 2.5rem;
--border-radius-m: 1.8rem;
--border-radius-s: 1.2rem;
--font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';
font-family: var(--font-primary);
background-color: var(--ivory);
color: var(--charcoal);
line-height: 1.6;
overflow-x: hidden;
position: relative;
display: block;
width: 100%;
}
.contactus .vicdan-wrapper {
position: relative;
}
.contactus .container {
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
/* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */
.contactus .top-bar {
background: #1e1c1d;
color: rgba(255, 255, 255, 0.7);
padding: 0.6rem 0;
font-size: 0.85rem;
letter-spacing: 0.5px;
border-bottom: 1px solid rgba(200, 154, 94, 0.4);
}
.contactus .top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.contactus .top-bar-link {
color: #e0d6cc;
text-decoration: none;
margin-left: 1.2rem;
transition: color 0.25s;
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.contactus .top-bar-link:hover {
color: var(--rich-gold);
}
/* ===== HEADER – ELEGANT TRANSPARENCY ===== */
.contactus .main-header {
background: rgba(255, 252, 245, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(200, 154, 94, 0.2);
padding: 0.5rem 0;
position: sticky;
top: 0;
z-index: 50;
}
.contactus .logo-title {
font-size: 2rem;
font-weight: 800;
color: var(--deep-burgundy);
line-height: 1;
letter-spacing: -0.02em;
text-shadow: 0 2px 4px rgba(92,30,42,0.06);
}
.contactus .logo-subtitle {
font-size: 0.7rem;
color: var(--rich-gold);
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: -0.3rem;
}
.contactus .nav-item {
position: relative;
padding: 0.6rem 1.2rem;
border-radius: 3rem;
font-weight: 500;
color: #3e3a37;
transition: 0.2s;
cursor: pointer;
}
.contactus .nav-item:hover {
background: rgba(92, 30, 42, 0.05);
color: var(--deep-burgundy);
}
.contactus .nav-dropdown {
position: absolute;
top: 120%;
right: 0;
background: white;
min-width: 200px;
border-radius: 1.2rem;
padding: 0.8rem 0;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
opacity: 0;
visibility: hidden;
transition: 0.25s;
}
.contactus .nav-item.group:hover .nav-dropdown {
opacity: 1;
visibility: visible;
top: 140%;
}
.contactus .dropdown-link {
display: block;
padding: 0.6rem 1.6rem;
color: #4a4643;
text-decoration: none;
font-size: 0.9rem;
}
.contactus .dropdown-link:hover {
background: #fff3e4;
color: var(--deep-burgundy);
}
/* ===== HERO – POETRY IN MOTION ===== */
.contactus .hero-luxury {
position: relative;
height: 500px;
background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%),
url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;
background-blend-mode: multiply;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
isolation: isolate;
}
.contactus .hero-luxury::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);
z-index: 1;
}
.contactus .hero-content {
position: relative;
z-index: 3;
max-width: 900px;
padding: 0 1.5rem;
}
.contactus .gold-flourish {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin-bottom: 1.2rem;
}
.contactus .gold-flourish i {
color: var(--rich-gold);
font-size: 1.3rem;
text-shadow: 0 0 10px rgba(200,154,94,0.5);
}
.contactus .hero-badge {
display: inline-block;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,215,150,0.4);
padding: 0.5rem 2rem;
border-radius: 4rem;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 3px;
color: var(--soft-gold);
margin-bottom: 1.8rem;
}
.contactus .hero-luxury h1 {
font-size: 4.8rem;
font-weight: 800;
font-family: 'aljazerabold', 'aljazerabold';
line-height: 1.2;
text-shadow: 0 8px 18px rgba(0,0,0,0.25);
margin-bottom: 0.5rem;
}
.contactus .hero-luxury h1 span {
color: var(--rich-gold);
border-bottom: 2px solid var(--rich-gold);
padding-bottom: 0.1rem;
}
.contactus .hero-divider {
width: 160px;
height: 3px;
background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);
margin: 1.8rem auto;
border-radius: 3px;
}
.contactus .hero-text {
font-size: 1.3rem;
font-weight: 350;
opacity: 0.95;
max-width: 650px;
margin: 0 auto;
font-style: italic;
}
/* ===== CONTACT CARDS – ART GALLERY ===== */
.contactus .section-crystal {
padding: 5rem 0 3rem;
background: linear-gradient(to bottom, var(--ivory), #fffbf5);
}
.contactus .contact-masterpiece {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
}
@media (max-width: 1000px) {
.contactus .contact-masterpiece {
grid-template-columns: 1fr;
}
}
/* info card – like jewelry */
.contactus .info-art {
background: white;
border-radius: var(--border-radius-l);
padding: 3rem 2.2rem;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
position: relative;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
backdrop-filter: blur(10px);
background: linear-gradient(145deg, #fffdfa, #ffffff);
}
.contactus .info-art:hover {
transform: translateY(-12px) scale(1.01);
box-shadow: var(--shadow-gold);
border-color: var(--rich-gold);
}
.contactus .info-item-lux {
display: flex;
gap: 1.5rem;
align-items: flex-start;
padding: 1.3rem 1.2rem;
margin-bottom: 0.6rem;
border-radius: 1.8rem;
transition: 0.3s;
border: 1px solid transparent;
}
.contactus .info-item-lux:hover {
background: #fef8f0;
border-color: #f0e1ce;
box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);
transform: translateX(-8px);
}
.contactus .icon-crystal {
width: 64px;
height: 64px;
background: rgba(200,154,94,0.08);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.8rem;
transition: 0.25s;
flex-shrink: 0;
}
.contactus .info-item-lux:hover .icon-crystal {
background: var(--deep-burgundy);
color: white;
border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;
}
.contactus .social-luxury {
display: flex;
gap: 0.8rem;
margin-top: 2.2rem;
}
.contactus .social-luxury a {
width: 52px;
height: 52px;
background: #f5ede5;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.5rem;
transition: all 0.3s;
border: 1px solid transparent;
}
.contactus .social-luxury a:hover {
background: var(--deep-burgundy);
color: var(--rich-gold);
border-radius: 30% 70% 30% 70%;
transform: scale(1.12) rotate(5deg);
border-color: var(--rich-gold);
}
/* right card – hours & ambiance (NO FORM) */
.contactus .hours-boutique {
background: linear-gradient(145deg, #1e1c1d, #2a2425);
border-radius: var(--border-radius-l);
padding: 3rem 2.5rem;
box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);
border: 1px solid rgba(200,154,94,0.4);
position: relative;
overflow: hidden;
color: white;
}
.contactus .hours-boutique::after {
content: "⏣";
position: absolute;
bottom: -30px;
left: -30px;
font-size: 14rem;
color: rgba(200,154,94,0.1);
font-family: 'aljazerabold';
transform: rotate(20deg);
pointer-events: none;
}
.contactus .gold-stroke {
color: var(--rich-gold);
font-weight: 700;
}
.contactus .time-piece {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.1rem 1.5rem;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(229,194,159,0.2);
border-radius: 1.5rem;
margin-bottom: 1rem;
backdrop-filter: blur(10px);
transition: 0.2s;
}
.contactus .time-piece:hover {
background: rgba(200,154,94,0.1);
border-color: var(--rich-gold);
transform: scale(1.02);
}
.contactus .day {
font-weight: 600;
display: flex;
gap: 0.7rem;
align-items: center;
}
.contactus .hours {
background: rgba(255,255,255,0.1);
padding: 0.3rem 1.2rem;
border-radius: 2rem;
font-size: 0.9rem;
direction: ltr;
display: inline-block;
color: var(--soft-gold);
font-weight: 600;
}
.contactus .emergency-contact {
margin-top: 2.2rem;
background: rgba(200,154,94,0.12);
border-right: 5px solid var(--rich-gold);
padding: 1.4rem 1.8rem;
border-radius: 1.2rem;
font-family: 'aljazerabold', 'aljazerabold';
display: flex;
gap: 1.2rem;
align-items: center;
}
/* ===== MAP – LUXURY FRAME ===== */
.contactus .map-container {
position: relative;
margin: 2rem auto 4rem;
border-radius: 2.8rem;
overflow: hidden;
box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);
border: 6px solid white;
height: 450px;
max-width: 1300px;
}
/* ===== BANK ACCOUNTS – OPULENT ===== */
.contactus .bank-gallery {
background: var(--cream);
padding: 5rem 0;
position: relative;
}
.contactus .bank-card-premium {
background: white;
border-radius: 2.2rem;
padding: 2.5rem 2rem;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);
border-bottom: 6px solid var(--deep-burgundy);
transition: 0.35s;
position: relative;
overflow: hidden;
}
.contactus .bank-card-premium::before {
content: "●";
position: absolute;
top: -20px; right: -20px;
font-size: 10rem;
color: rgba(200,154,94,0.04);
transform: rotate(25deg);
}
.contactus .bank-card-premium:hover {
transform: translateY(-15px);
border-bottom-color: var(--rich-gold);
box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);
}
.contactus .copy-elegant {
background: transparent;
border: 1px solid var(--deep-burgundy);
color: var(--deep-burgundy);
padding: 0.6rem 1.8rem;
border-radius: 3rem;
font-weight: 600;
transition: 0.25s;
cursor: pointer;
font-size: 1.25rem;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
}
.contactus .copy-elegant:hover {
background: var(--deep-burgundy);
color: white;
border-color: var(--rich-gold);
}
/* ===== FOOTER – DEEP & WARM ===== */
.contactus .footer-opulent {
background: #1a1819;
color: #ccc2ba;
padding: 4rem 0 2rem;
border-top: 6px solid var(--rich-gold);
}
/* UTILITIES (prefixed) */
.contactus .dir-ltr { direction: ltr; }
.contactus .text-gold { color: var(--rich-gold); }
.contactus .bg-ivory { background-color: var(--ivory); }
.contactus .rounded-full { border-radius: 9999px; }
.contactus .no-form .contact-form,
.contactus .contact-form { display: none; } /* ensure no form appears */
/* responsive */
@media (max-width: 768px) {
.contactus .hero-luxury h1 { font-size: 3rem; }
}
/* hide any global form remnants */
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
Meeting of the Noble
People of goodwill gather here. Our premises and hearts are open to you.
Address
Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul
Phone
+90 505 776 31 03
WhatsApp
<a href="https://wa.me/905057763103">+90 505 776 31 03</a>
Email
<a href="mailto:Contact@wijdancharity.org">Contact@wijdancharity.org</a>
<a href="https://www.instagram.com/wijdancharity" target="_blank" class="social-icon instagram" title="Instagram">
</a>
<a href="https://www.tiktok.com/@wijdancharity.org" target="_blank" class="social-icon tiktok" title="TikTok">
</a>
<a href="https://www.youtube.com/@wijdancharity" target="_blank" class="social-icon youtube" title="YouTube">
</a>
<a href="https://www.facebook.com/WijdanCharity/" target="_blank" class="social-icon facebook" title="Facebook">
</a>
<a href="https://www.linkedin.com/in/wijdan-charity-595056352/" target="_blank" class="social-icon linkedin" title="LinkedIn">
</a>
<a href="https://t.me/wijdan_Charity" target="_blank" class="social-icon telegram" title="Telegram">
</a>
<a href="https://x.com/wijdancharity" target="_blank" class="social-icon x" title="X">
X
</a>
<a href="https://linktr.ee/wijdan_charity" target="_blank" class="social-icon linktree" title="Linktree">
LT
</a>
Hours
of Light
We welcome you with hospitality in our sanctuary.
Monday – Friday
09:00 – 17:00
Saturday
10:00 – 14:00
Sunday
✧ Weekly Holiday ✧
24/7 Support
For emergencies, WhatsApp available 24/7
<a href="https://wa.me/905057763103">Click for immediate contact</a>
Core of Giving
Bank Accounts
The sun of your donation illuminates the lives of those in need through our secure accounts.
USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR28 0020 9000 0060 8576 0000 20
Copy IBAN
TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR55 0020 9000 0060 8576 0000 19
Copy IBAN
// initialize AOS inside .contactus scope (it's global but fine)
AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });
// toggle functions remain (they target ids inside .contactus)
function toggleMobileMenu() {
const overlay = document.getElementById('mobile-overlay');
const menu = document.getElementById('mobile-menu');
if (overlay && menu) {
if (overlay.classList.contains('hidden')) {
overlay.classList.remove('hidden');
setTimeout(() => overlay.classList.remove('opacity-0'), 20);
menu.classList.remove('translate-x-full');
} else {
overlay.classList.add('opacity-0');
menu.classList.add('translate-x-full');
setTimeout(() => overlay.classList.add('hidden'), 300);
}
}
}
function toggleCart() { /* dummy */ }
window.copyPremium = function(iban) {
navigator.clipboard.writeText(iban);
alert('✨ IBAN copied: ' + iban);
};
// hide any potential form elements globally
document.querySelectorAll('.contact-form, form, [type="submit"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');
/* ensure mobile menu hidden at start */
#mobile-overlay, #mobile-menu { display: none; }
.contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; }
/* but we manage with js toggling, keep base hidden */
#mobile-overlay, #mobile-menu { display: none; }
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
') (Line: 58)
gavias_content_builder_render_el(Array) (Line: 22)
gavias_content_builder_frontend('[{"settings":{"element":"gva_row","bg_particles":"off","bg_position":"center top","bg_repeat":"no-repeat","bg_attachment":"scroll","bg_size":"cover","style_space":"remove_margin remove_padding remove_padding_col","layout":"container-fw","padding_top":"0","margin_top":"0","padding_bottom":"0","margin_bottom":"0","class":"aboutus"},"columns":[{"settings":{"element":"gva_column"},"col_lg":12,"elements":[{"settings":{"content":"\r\n\r\n \r\n \r\n \r\n \r\n \r\n The Door of Giving is Open\r\n\r\n Connect with Wijdan\r\n\r\n \r\n \r\n We listen to you and share hope. Our channels are open for your inquiries and generous contributions.\r\n\r\n \r\n \r\n \r\n \r\n","animate_delay":"0"},"editing":false,"element_name":"gva_text_noeditor"},{"settings":{"content":"\r\n\r\n\r\n \r\n \r\n \r\n Contact Us | Wijdan Charity – Distinctive Design\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n /* ===== LUXURY DESIGN SYSTEM – \"وجدان\" : ALL RULES UNDER .contactus PREFIX ===== */\r\n .contactus * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n.about_page .reveal {\r\n opacity: 1;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease;\r\n}\r\n .contactus {\r\n --deep-burgundy: #5c1e2a;\r\n --rich-gold: #c89a5e;\r\n --soft-gold: #e5c29f;\r\n --ivory: #fffcf7;\r\n --cream: #faf3ea;\r\n --charcoal: #2c2a2b;\r\n --olive-sage: #7a8b7a;\r\n --shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);\r\n --shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);\r\n --border-radius-l: 2.5rem;\r\n --border-radius-m: 1.8rem;\r\n --border-radius-s: 1.2rem;\r\n --font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';\r\n\r\n font-family: var(--font-primary);\r\n background-color: var(--ivory);\r\n color: var(--charcoal);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .contactus .vicdan-wrapper {\r\n position: relative;\r\n }\r\n\r\n .contactus .container {\r\n width: 90%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n\r\n /* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */\r\n .contactus .top-bar {\r\n background: #1e1c1d;\r\n color: rgba(255, 255, 255, 0.7);\r\n padding: 0.6rem 0;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.5px;\r\n border-bottom: 1px solid rgba(200, 154, 94, 0.4);\r\n }\r\n .contactus .top-bar .container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .contactus .top-bar-link {\r\n color: #e0d6cc;\r\n text-decoration: none;\r\n margin-left: 1.2rem;\r\n transition: color 0.25s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n }\r\n .contactus .top-bar-link:hover {\r\n color: var(--rich-gold);\r\n }\r\n\r\n /* ===== HEADER – ELEGANT TRANSPARENCY ===== */\r\n .contactus .main-header {\r\n background: rgba(255, 252, 245, 0.85);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-bottom: 1px solid rgba(200, 154, 94, 0.2);\r\n padding: 0.5rem 0;\r\n position: sticky;\r\n top: 0;\r\n z-index: 50;\r\n }\r\n .contactus .logo-title {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: var(--deep-burgundy);\r\n line-height: 1;\r\n letter-spacing: -0.02em;\r\n text-shadow: 0 2px 4px rgba(92,30,42,0.06);\r\n }\r\n .contactus .logo-subtitle {\r\n font-size: 0.7rem;\r\n color: var(--rich-gold);\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-top: -0.3rem;\r\n }\r\n .contactus .nav-item {\r\n position: relative;\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 3rem;\r\n font-weight: 500;\r\n color: #3e3a37;\r\n transition: 0.2s;\r\n cursor: pointer;\r\n }\r\n .contactus .nav-item:hover {\r\n background: rgba(92, 30, 42, 0.05);\r\n color: var(--deep-burgundy);\r\n }\r\n .contactus .nav-dropdown {\r\n position: absolute;\r\n top: 120%;\r\n right: 0;\r\n background: white;\r\n min-width: 200px;\r\n border-radius: 1.2rem;\r\n padding: 0.8rem 0;\r\n box-shadow: var(--shadow-elegant);\r\n border: 1px solid rgba(200,154,94,0.2);\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: 0.25s;\r\n }\r\n .contactus .nav-item.group:hover .nav-dropdown {\r\n opacity: 1;\r\n visibility: visible;\r\n top: 140%;\r\n }\r\n .contactus .dropdown-link {\r\n display: block;\r\n padding: 0.6rem 1.6rem;\r\n color: #4a4643;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n }\r\n .contactus .dropdown-link:hover {\r\n background: #fff3e4;\r\n color: var(--deep-burgundy);\r\n }\r\n\r\n /* ===== HERO – POETRY IN MOTION ===== */\r\n .contactus .hero-luxury {\r\n position: relative;\r\n height: 500px;\r\n background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%), \r\n url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;\r\n background-blend-mode: multiply;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: white;\r\n isolation: isolate;\r\n }\r\n .contactus .hero-luxury::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);\r\n z-index: 1;\r\n }\r\n .contactus .hero-content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 900px;\r\n padding: 0 1.5rem;\r\n }\r\n .contactus .gold-flourish {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.8rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n .contactus .gold-flourish i {\r\n color: var(--rich-gold);\r\n font-size: 1.3rem;\r\n text-shadow: 0 0 10px rgba(200,154,94,0.5);\r\n }\r\n .contactus .hero-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.12);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255,215,150,0.4);\r\n padding: 0.5rem 2rem;\r\n border-radius: 4rem;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n color: var(--soft-gold);\r\n margin-bottom: 1.8rem;\r\n }\r\n .contactus .hero-luxury h1 {\r\n font-size: 4.8rem;\r\n font-weight: 800;\r\n font-family: 'aljazerabold', 'aljazerabold';\r\n line-height: 1.2;\r\n text-shadow: 0 8px 18px rgba(0,0,0,0.25);\r\n margin-bottom: 0.5rem;\r\n }\r\n .contactus .hero-luxury h1 span {\r\n color: var(--rich-gold);\r\n border-bottom: 2px solid var(--rich-gold);\r\n padding-bottom: 0.1rem;\r\n }\r\n .contactus .hero-divider {\r\n width: 160px;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);\r\n margin: 1.8rem auto;\r\n border-radius: 3px;\r\n }\r\n .contactus .hero-text {\r\n font-size: 1.3rem;\r\n font-weight: 350;\r\n opacity: 0.95;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n font-style: italic;\r\n }\r\n\r\n /* ===== CONTACT CARDS – ART GALLERY ===== */\r\n .contactus .section-crystal {\r\n padding: 5rem 0 3rem;\r\n background: linear-gradient(to bottom, var(--ivory), #fffbf5);\r\n }\r\n .contactus .contact-masterpiece {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2.5rem;\r\n }\r\n @media (max-width: 1000px) {\r\n .contactus .contact-masterpiece {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n /* info card – like jewelry */\r\n .contactus .info-art {\r\n background: white;\r\n border-radius: var(--border-radius-l);\r\n padding: 3rem 2.2rem;\r\n box-shadow: var(--shadow-elegant);\r\n border: 1px solid rgba(200,154,94,0.2);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n backdrop-filter: blur(10px);\r\n background: linear-gradient(145deg, #fffdfa, #ffffff);\r\n }\r\n .contactus .info-art:hover {\r\n transform: translateY(-12px) scale(1.01);\r\n box-shadow: var(--shadow-gold);\r\n border-color: var(--rich-gold);\r\n }\r\n \r\n\r\n .contactus .info-item-lux {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: flex-start;\r\n padding: 1.3rem 1.2rem;\r\n margin-bottom: 0.6rem;\r\n border-radius: 1.8rem;\r\n transition: 0.3s;\r\n border: 1px solid transparent;\r\n }\r\n .contactus .info-item-lux:hover {\r\n background: #fef8f0;\r\n border-color: #f0e1ce;\r\n box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);\r\n transform: translateX(-8px);\r\n }\r\n .contactus .icon-crystal {\r\n width: 64px;\r\n height: 64px;\r\n background: rgba(200,154,94,0.08);\r\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--deep-burgundy);\r\n font-size: 1.8rem;\r\n transition: 0.25s;\r\n flex-shrink: 0;\r\n }\r\n .contactus .info-item-lux:hover .icon-crystal {\r\n background: var(--deep-burgundy);\r\n color: white;\r\n border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;\r\n }\r\n\r\n .contactus .social-luxury {\r\n display: flex;\r\n gap: 0.8rem;\r\n margin-top: 2.2rem;\r\n }\r\n .contactus .social-luxury a {\r\n width: 52px;\r\n height: 52px;\r\n background: #f5ede5;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--deep-burgundy);\r\n font-size: 1.5rem;\r\n transition: all 0.3s;\r\n border: 1px solid transparent;\r\n }\r\n .contactus .social-luxury a:hover {\r\n background: var(--deep-burgundy);\r\n color: var(--rich-gold);\r\n border-radius: 30% 70% 30% 70%;\r\n transform: scale(1.12) rotate(5deg);\r\n border-color: var(--rich-gold);\r\n }\r\n\r\n /* right card – hours & ambiance (NO FORM) */\r\n .contactus .hours-boutique {\r\n background: linear-gradient(145deg, #1e1c1d, #2a2425);\r\n border-radius: var(--border-radius-l);\r\n padding: 3rem 2.5rem;\r\n box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);\r\n border: 1px solid rgba(200,154,94,0.4);\r\n position: relative;\r\n overflow: hidden;\r\n color: white;\r\n }\r\n .contactus .hours-boutique::after {\r\n content: \"⏣\";\r\n position: absolute;\r\n bottom: -30px;\r\n left: -30px;\r\n font-size: 14rem;\r\n color: rgba(200,154,94,0.1);\r\n font-family: 'aljazerabold';\r\n transform: rotate(20deg);\r\n pointer-events: none;\r\n }\r\n .contactus .gold-stroke {\r\n color: var(--rich-gold);\r\n font-weight: 700;\r\n }\r\n .contactus .time-piece {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.1rem 1.5rem;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(229,194,159,0.2);\r\n border-radius: 1.5rem;\r\n margin-bottom: 1rem;\r\n backdrop-filter: blur(10px);\r\n transition: 0.2s;\r\n }\r\n .contactus .time-piece:hover {\r\n background: rgba(200,154,94,0.1);\r\n border-color: var(--rich-gold);\r\n transform: scale(1.02);\r\n }\r\n .contactus .day {\r\n font-weight: 600;\r\n display: flex;\r\n gap: 0.7rem;\r\n align-items: center;\r\n }\r\n .contactus .hours {\r\n background: rgba(255,255,255,0.1);\r\n padding: 0.3rem 1.2rem;\r\n border-radius: 2rem;\r\n font-size: 0.9rem;\r\n direction: ltr;\r\n display: inline-block;\r\n color: var(--soft-gold);\r\n font-weight: 600;\r\n }\r\n\r\n .contactus .emergency-contact {\r\n margin-top: 2.2rem;\r\n background: rgba(200,154,94,0.12);\r\n border-right: 5px solid var(--rich-gold);\r\n padding: 1.4rem 1.8rem;\r\n border-radius: 1.2rem;\r\nfont-family: 'aljazerabold', 'aljazerabold';\r\n display: flex;\r\n gap: 1.2rem;\r\n align-items: center;\r\n }\r\n\r\n /* ===== MAP – LUXURY FRAME ===== */\r\n .contactus .map-container {\r\n position: relative;\r\n margin: 2rem auto 4rem;\r\n border-radius: 2.8rem;\r\n overflow: hidden;\r\n box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);\r\n border: 6px solid white;\r\n height: 450px;\r\n max-width: 1300px;\r\n }\r\n\r\n /* ===== BANK ACCOUNTS – OPULENT ===== */\r\n .contactus .bank-gallery {\r\n background: var(--cream);\r\n padding: 5rem 0;\r\n position: relative;\r\n }\r\n .contactus .bank-card-premium {\r\n background: white;\r\n border-radius: 2.2rem;\r\n padding: 2.5rem 2rem;\r\n box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);\r\n border-bottom: 6px solid var(--deep-burgundy);\r\n transition: 0.35s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .contactus .bank-card-premium::before {\r\n content: \"●\";\r\n position: absolute;\r\n top: -20px; right: -20px;\r\n font-size: 10rem;\r\n color: rgba(200,154,94,0.04);\r\n transform: rotate(25deg);\r\n }\r\n .contactus .bank-card-premium:hover {\r\n transform: translateY(-15px);\r\n border-bottom-color: var(--rich-gold);\r\n box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);\r\n }\r\n .contactus .copy-elegant {\r\n background: transparent;\r\n border: 1px solid var(--deep-burgundy);\r\n color: var(--deep-burgundy);\r\n padding: 0.6rem 1.8rem;\r\n border-radius: 3rem;\r\n font-weight: 600;\r\n transition: 0.25s;\r\n cursor: pointer;\r\n font-size: 1.25rem;\r\n text-align: center;\r\n margin-right: auto;\r\n margin-left: auto;\r\n display: block;\r\n }\r\n .contactus .copy-elegant:hover {\r\n background: var(--deep-burgundy);\r\n color: white;\r\n border-color: var(--rich-gold);\r\n }\r\n\r\n /* ===== FOOTER – DEEP & WARM ===== */\r\n .contactus .footer-opulent {\r\n background: #1a1819;\r\n color: #ccc2ba;\r\n padding: 4rem 0 2rem;\r\n border-top: 6px solid var(--rich-gold);\r\n }\r\n\r\n /* UTILITIES (prefixed) */\r\n .contactus .dir-ltr { direction: ltr; }\r\n .contactus .text-gold { color: var(--rich-gold); }\r\n .contactus .bg-ivory { background-color: var(--ivory); }\r\n .contactus .rounded-full { border-radius: 9999px; }\r\n .contactus .no-form .contact-form, \r\n .contactus .contact-form { display: none; } /* ensure no form appears */\r\n\r\n /* responsive */\r\n @media (max-width: 768px) {\r\n .contactus .hero-luxury h1 { font-size: 3rem; }\r\n }\r\n\r\n /* hide any global form remnants */\r\n .contact-form, form, [type=\"submit\"], input, select, textarea, .form-group {\r\n display: none !important;\r\n }\r\n .map-container iframe { display: block; }\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Meeting of the Noble\r\n People of goodwill gather here. Our premises and hearts are open to you.\r\n \r\n \r\n \r\n \r\n Address\r\n Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul\r\n \r\n \r\n \r\n \r\n \r\n Phone\r\n +90 505 776 31 03\r\n \r\n \r\n \r\n \r\n \r\n WhatsApp\r\n <a>+90 505 776 31 03</a>\r\n \r\n \r\n \r\n \r\n \r\n Email\r\n <a>Contact@wijdancharity.org</a>\r\n \r\n \r\n\r\n \r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n X\r\n </a>\r\n\r\n <a>\r\n LT\r\n </a>\r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n Hours\r\n of Light\r\n \r\n We welcome you with hospitality in our sanctuary.\r\n\r\n \r\n Monday – Friday\r\n 09:00 – 17:00\r\n \r\n \r\n Saturday\r\n 10:00 – 14:00\r\n \r\n \r\n Sunday\r\n ✧ Weekly Holiday ✧\r\n \r\n\r\n \r\n \r\n \r\n 24/7 Support\r\n For emergencies, WhatsApp available 24/7\r\n <a>Click for immediate contact</a>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n Core of Giving\r\n Bank Accounts\r\n The sun of your donation illuminates the lives of those in need through our secure accounts.\r\n \r\n \r\n \r\n \r\n \r\n USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)\r\n \r\n TR28 0020 9000 0060 8576 0000 20\r\n Copy IBAN\r\n \r\n \r\n \r\n \r\n TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)\r\n\t\t\t\t\t\t\t\t\r\n \r\n TR55 0020 9000 0060 8576 0000 19\r\n Copy IBAN\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n // initialize AOS inside .contactus scope (it's global but fine)\r\n AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });\r\n\r\n // toggle functions remain (they target ids inside .contactus)\r\n function toggleMobileMenu() {\r\n const overlay = document.getElementById('mobile-overlay');\r\n const menu = document.getElementById('mobile-menu');\r\n if (overlay && menu) {\r\n if (overlay.classList.contains('hidden')) {\r\n overlay.classList.remove('hidden');\r\n setTimeout(() => overlay.classList.remove('opacity-0'), 20);\r\n menu.classList.remove('translate-x-full');\r\n } else {\r\n overlay.classList.add('opacity-0');\r\n menu.classList.add('translate-x-full');\r\n setTimeout(() => overlay.classList.add('hidden'), 300);\r\n }\r\n }\r\n }\r\n function toggleCart() { /* dummy */ }\r\n window.copyPremium = function(iban) {\r\n navigator.clipboard.writeText(iban);\r\n alert('✨ IBAN copied: ' + iban);\r\n };\r\n // hide any potential form elements globally\r\n document.querySelectorAll('.contact-form, form, [type=\"submit\"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');\r\n \r\n \r\n \r\n /* ensure mobile menu hidden at start */\r\n #mobile-overlay, #mobile-menu { display: none; }\r\n .contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; } \r\n /* but we manage with js toggling, keep base hidden */\r\n #mobile-overlay, #mobile-menu { display: none; }\r\n .contact-form, form, [type=\"submit\"], input, select, textarea, .form-group {\r\n display: none !important;\r\n }\r\n .map-container iframe { display: block; }\r\n \r\n\r\n","animate_delay":"0"},"editing":false,"element_name":"gva_text_noeditor"}],"editing":false,"element_name":"gva_column"}],"editing":false,"element_name":"gva_row"}]') (Line: 47)
Drupal\gavias_content_builder\Plugin\Field\FieldFormatter\GaviasContentBuilderFormatter->viewElements(Object, 'en') (Line: 89)
Drupal\Core\Field\FormatterBase->view(Object, 'en') (Line: 263)
Drupal\Core\Entity\Entity\EntityViewDisplay->buildMultiple(Array) (Line: 351)
Drupal\Core\Entity\EntityViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 24)
Drupal\node\NodeViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 293)
Drupal\Core\Entity\EntityViewBuilder->buildMultiple(Array) (Line: 250)
Drupal\Core\Entity\EntityViewBuilder->build(Array)
call_user_func_array(Array, Array) (Line: 100)
Drupal\Core\Render\Renderer->doTrustedCallback(Array, Array, 'Render #pre_render callbacks must be methods of a class that implements \Drupal\Core\Security\TrustedCallbackInterface or be an anonymous function. The callback was %s. Support for this callback implementation is deprecated in 8.8.0 and will be removed in Drupal 9.0.0. See https://www.drupal.org/node/2966725', 'silenced_deprecation', 'Drupal\Core\Render\Element\RenderCallbackInterface') (Line: 781)
Drupal\Core\Render\Renderer->doCallback('#pre_render', Array, Array) (Line: 372)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 200)
Drupal\Core\Render\Renderer->render(Array, ) (Line: 226)
Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 573)
Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 227)
Drupal\Core\Render\MainContent\HtmlRenderer->prepare(Array, Object, Object) (Line: 117)
Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.view', Object) (Line: 156)
Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68)
Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57)
Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 191)
Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 128)
Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 82)
Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52)
Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23)
Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 708)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)
- Deprecated function: implode(): Passing glue string after array is deprecated. Swap the parameters in element_gva_row->render_content() (line 317 of themes/gavias_kunco/gva_content_builder/gva_row.php).
element_gva_row->render_content(Array, '
The Door of Giving is Open
Connect with Wijdan
We listen to you and share hope. Our channels are open for your inquiries and generous contributions.
Contact Us | Wijdan Charity – Distinctive Design
/* ===== LUXURY DESIGN SYSTEM – "وجدان" : ALL RULES UNDER .contactus PREFIX ===== */
.contactus * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.about_page .reveal {
opacity: 1;
transform: translateY(30px);
transition: all 0.8s ease;
}
.contactus {
--deep-burgundy: #5c1e2a;
--rich-gold: #c89a5e;
--soft-gold: #e5c29f;
--ivory: #fffcf7;
--cream: #faf3ea;
--charcoal: #2c2a2b;
--olive-sage: #7a8b7a;
--shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);
--shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);
--border-radius-l: 2.5rem;
--border-radius-m: 1.8rem;
--border-radius-s: 1.2rem;
--font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';
font-family: var(--font-primary);
background-color: var(--ivory);
color: var(--charcoal);
line-height: 1.6;
overflow-x: hidden;
position: relative;
display: block;
width: 100%;
}
.contactus .vicdan-wrapper {
position: relative;
}
.contactus .container {
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
/* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */
.contactus .top-bar {
background: #1e1c1d;
color: rgba(255, 255, 255, 0.7);
padding: 0.6rem 0;
font-size: 0.85rem;
letter-spacing: 0.5px;
border-bottom: 1px solid rgba(200, 154, 94, 0.4);
}
.contactus .top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.contactus .top-bar-link {
color: #e0d6cc;
text-decoration: none;
margin-left: 1.2rem;
transition: color 0.25s;
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.contactus .top-bar-link:hover {
color: var(--rich-gold);
}
/* ===== HEADER – ELEGANT TRANSPARENCY ===== */
.contactus .main-header {
background: rgba(255, 252, 245, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(200, 154, 94, 0.2);
padding: 0.5rem 0;
position: sticky;
top: 0;
z-index: 50;
}
.contactus .logo-title {
font-size: 2rem;
font-weight: 800;
color: var(--deep-burgundy);
line-height: 1;
letter-spacing: -0.02em;
text-shadow: 0 2px 4px rgba(92,30,42,0.06);
}
.contactus .logo-subtitle {
font-size: 0.7rem;
color: var(--rich-gold);
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: -0.3rem;
}
.contactus .nav-item {
position: relative;
padding: 0.6rem 1.2rem;
border-radius: 3rem;
font-weight: 500;
color: #3e3a37;
transition: 0.2s;
cursor: pointer;
}
.contactus .nav-item:hover {
background: rgba(92, 30, 42, 0.05);
color: var(--deep-burgundy);
}
.contactus .nav-dropdown {
position: absolute;
top: 120%;
right: 0;
background: white;
min-width: 200px;
border-radius: 1.2rem;
padding: 0.8rem 0;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
opacity: 0;
visibility: hidden;
transition: 0.25s;
}
.contactus .nav-item.group:hover .nav-dropdown {
opacity: 1;
visibility: visible;
top: 140%;
}
.contactus .dropdown-link {
display: block;
padding: 0.6rem 1.6rem;
color: #4a4643;
text-decoration: none;
font-size: 0.9rem;
}
.contactus .dropdown-link:hover {
background: #fff3e4;
color: var(--deep-burgundy);
}
/* ===== HERO – POETRY IN MOTION ===== */
.contactus .hero-luxury {
position: relative;
height: 500px;
background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%),
url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;
background-blend-mode: multiply;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
isolation: isolate;
}
.contactus .hero-luxury::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);
z-index: 1;
}
.contactus .hero-content {
position: relative;
z-index: 3;
max-width: 900px;
padding: 0 1.5rem;
}
.contactus .gold-flourish {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin-bottom: 1.2rem;
}
.contactus .gold-flourish i {
color: var(--rich-gold);
font-size: 1.3rem;
text-shadow: 0 0 10px rgba(200,154,94,0.5);
}
.contactus .hero-badge {
display: inline-block;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,215,150,0.4);
padding: 0.5rem 2rem;
border-radius: 4rem;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 3px;
color: var(--soft-gold);
margin-bottom: 1.8rem;
}
.contactus .hero-luxury h1 {
font-size: 4.8rem;
font-weight: 800;
font-family: 'aljazerabold', 'aljazerabold';
line-height: 1.2;
text-shadow: 0 8px 18px rgba(0,0,0,0.25);
margin-bottom: 0.5rem;
}
.contactus .hero-luxury h1 span {
color: var(--rich-gold);
border-bottom: 2px solid var(--rich-gold);
padding-bottom: 0.1rem;
}
.contactus .hero-divider {
width: 160px;
height: 3px;
background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);
margin: 1.8rem auto;
border-radius: 3px;
}
.contactus .hero-text {
font-size: 1.3rem;
font-weight: 350;
opacity: 0.95;
max-width: 650px;
margin: 0 auto;
font-style: italic;
}
/* ===== CONTACT CARDS – ART GALLERY ===== */
.contactus .section-crystal {
padding: 5rem 0 3rem;
background: linear-gradient(to bottom, var(--ivory), #fffbf5);
}
.contactus .contact-masterpiece {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
}
@media (max-width: 1000px) {
.contactus .contact-masterpiece {
grid-template-columns: 1fr;
}
}
/* info card – like jewelry */
.contactus .info-art {
background: white;
border-radius: var(--border-radius-l);
padding: 3rem 2.2rem;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
position: relative;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
backdrop-filter: blur(10px);
background: linear-gradient(145deg, #fffdfa, #ffffff);
}
.contactus .info-art:hover {
transform: translateY(-12px) scale(1.01);
box-shadow: var(--shadow-gold);
border-color: var(--rich-gold);
}
.contactus .info-item-lux {
display: flex;
gap: 1.5rem;
align-items: flex-start;
padding: 1.3rem 1.2rem;
margin-bottom: 0.6rem;
border-radius: 1.8rem;
transition: 0.3s;
border: 1px solid transparent;
}
.contactus .info-item-lux:hover {
background: #fef8f0;
border-color: #f0e1ce;
box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);
transform: translateX(-8px);
}
.contactus .icon-crystal {
width: 64px;
height: 64px;
background: rgba(200,154,94,0.08);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.8rem;
transition: 0.25s;
flex-shrink: 0;
}
.contactus .info-item-lux:hover .icon-crystal {
background: var(--deep-burgundy);
color: white;
border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;
}
.contactus .social-luxury {
display: flex;
gap: 0.8rem;
margin-top: 2.2rem;
}
.contactus .social-luxury a {
width: 52px;
height: 52px;
background: #f5ede5;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.5rem;
transition: all 0.3s;
border: 1px solid transparent;
}
.contactus .social-luxury a:hover {
background: var(--deep-burgundy);
color: var(--rich-gold);
border-radius: 30% 70% 30% 70%;
transform: scale(1.12) rotate(5deg);
border-color: var(--rich-gold);
}
/* right card – hours & ambiance (NO FORM) */
.contactus .hours-boutique {
background: linear-gradient(145deg, #1e1c1d, #2a2425);
border-radius: var(--border-radius-l);
padding: 3rem 2.5rem;
box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);
border: 1px solid rgba(200,154,94,0.4);
position: relative;
overflow: hidden;
color: white;
}
.contactus .hours-boutique::after {
content: "⏣";
position: absolute;
bottom: -30px;
left: -30px;
font-size: 14rem;
color: rgba(200,154,94,0.1);
font-family: 'aljazerabold';
transform: rotate(20deg);
pointer-events: none;
}
.contactus .gold-stroke {
color: var(--rich-gold);
font-weight: 700;
}
.contactus .time-piece {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.1rem 1.5rem;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(229,194,159,0.2);
border-radius: 1.5rem;
margin-bottom: 1rem;
backdrop-filter: blur(10px);
transition: 0.2s;
}
.contactus .time-piece:hover {
background: rgba(200,154,94,0.1);
border-color: var(--rich-gold);
transform: scale(1.02);
}
.contactus .day {
font-weight: 600;
display: flex;
gap: 0.7rem;
align-items: center;
}
.contactus .hours {
background: rgba(255,255,255,0.1);
padding: 0.3rem 1.2rem;
border-radius: 2rem;
font-size: 0.9rem;
direction: ltr;
display: inline-block;
color: var(--soft-gold);
font-weight: 600;
}
.contactus .emergency-contact {
margin-top: 2.2rem;
background: rgba(200,154,94,0.12);
border-right: 5px solid var(--rich-gold);
padding: 1.4rem 1.8rem;
border-radius: 1.2rem;
font-family: 'aljazerabold', 'aljazerabold';
display: flex;
gap: 1.2rem;
align-items: center;
}
/* ===== MAP – LUXURY FRAME ===== */
.contactus .map-container {
position: relative;
margin: 2rem auto 4rem;
border-radius: 2.8rem;
overflow: hidden;
box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);
border: 6px solid white;
height: 450px;
max-width: 1300px;
}
/* ===== BANK ACCOUNTS – OPULENT ===== */
.contactus .bank-gallery {
background: var(--cream);
padding: 5rem 0;
position: relative;
}
.contactus .bank-card-premium {
background: white;
border-radius: 2.2rem;
padding: 2.5rem 2rem;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);
border-bottom: 6px solid var(--deep-burgundy);
transition: 0.35s;
position: relative;
overflow: hidden;
}
.contactus .bank-card-premium::before {
content: "●";
position: absolute;
top: -20px; right: -20px;
font-size: 10rem;
color: rgba(200,154,94,0.04);
transform: rotate(25deg);
}
.contactus .bank-card-premium:hover {
transform: translateY(-15px);
border-bottom-color: var(--rich-gold);
box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);
}
.contactus .copy-elegant {
background: transparent;
border: 1px solid var(--deep-burgundy);
color: var(--deep-burgundy);
padding: 0.6rem 1.8rem;
border-radius: 3rem;
font-weight: 600;
transition: 0.25s;
cursor: pointer;
font-size: 1.25rem;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
}
.contactus .copy-elegant:hover {
background: var(--deep-burgundy);
color: white;
border-color: var(--rich-gold);
}
/* ===== FOOTER – DEEP & WARM ===== */
.contactus .footer-opulent {
background: #1a1819;
color: #ccc2ba;
padding: 4rem 0 2rem;
border-top: 6px solid var(--rich-gold);
}
/* UTILITIES (prefixed) */
.contactus .dir-ltr { direction: ltr; }
.contactus .text-gold { color: var(--rich-gold); }
.contactus .bg-ivory { background-color: var(--ivory); }
.contactus .rounded-full { border-radius: 9999px; }
.contactus .no-form .contact-form,
.contactus .contact-form { display: none; } /* ensure no form appears */
/* responsive */
@media (max-width: 768px) {
.contactus .hero-luxury h1 { font-size: 3rem; }
}
/* hide any global form remnants */
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
Meeting of the Noble
People of goodwill gather here. Our premises and hearts are open to you.
Address
Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul
Phone
+90 505 776 31 03
WhatsApp
<a href="https://wa.me/905057763103">+90 505 776 31 03</a>
Email
<a href="mailto:Contact@wijdancharity.org">Contact@wijdancharity.org</a>
<a href="https://www.instagram.com/wijdancharity" target="_blank" class="social-icon instagram" title="Instagram">
</a>
<a href="https://www.tiktok.com/@wijdancharity.org" target="_blank" class="social-icon tiktok" title="TikTok">
</a>
<a href="https://www.youtube.com/@wijdancharity" target="_blank" class="social-icon youtube" title="YouTube">
</a>
<a href="https://www.facebook.com/WijdanCharity/" target="_blank" class="social-icon facebook" title="Facebook">
</a>
<a href="https://www.linkedin.com/in/wijdan-charity-595056352/" target="_blank" class="social-icon linkedin" title="LinkedIn">
</a>
<a href="https://t.me/wijdan_Charity" target="_blank" class="social-icon telegram" title="Telegram">
</a>
<a href="https://x.com/wijdancharity" target="_blank" class="social-icon x" title="X">
X
</a>
<a href="https://linktr.ee/wijdan_charity" target="_blank" class="social-icon linktree" title="Linktree">
LT
</a>
Hours
of Light
We welcome you with hospitality in our sanctuary.
Monday – Friday
09:00 – 17:00
Saturday
10:00 – 14:00
Sunday
✧ Weekly Holiday ✧
24/7 Support
For emergencies, WhatsApp available 24/7
<a href="https://wa.me/905057763103">Click for immediate contact</a>
Core of Giving
Bank Accounts
The sun of your donation illuminates the lives of those in need through our secure accounts.
USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR28 0020 9000 0060 8576 0000 20
Copy IBAN
TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR55 0020 9000 0060 8576 0000 19
Copy IBAN
// initialize AOS inside .contactus scope (it's global but fine)
AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });
// toggle functions remain (they target ids inside .contactus)
function toggleMobileMenu() {
const overlay = document.getElementById('mobile-overlay');
const menu = document.getElementById('mobile-menu');
if (overlay && menu) {
if (overlay.classList.contains('hidden')) {
overlay.classList.remove('hidden');
setTimeout(() => overlay.classList.remove('opacity-0'), 20);
menu.classList.remove('translate-x-full');
} else {
overlay.classList.add('opacity-0');
menu.classList.add('translate-x-full');
setTimeout(() => overlay.classList.add('hidden'), 300);
}
}
}
function toggleCart() { /* dummy */ }
window.copyPremium = function(iban) {
navigator.clipboard.writeText(iban);
alert('✨ IBAN copied: ' + iban);
};
// hide any potential form elements globally
document.querySelectorAll('.contact-form, form, [type="submit"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');
/* ensure mobile menu hidden at start */
#mobile-overlay, #mobile-menu { display: none; }
.contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; }
/* but we manage with js toggling, keep base hidden */
#mobile-overlay, #mobile-menu { display: none; }
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
') (Line: 110)
gavias_content_builder_render_element('gva_row', Array, '
The Door of Giving is Open
Connect with Wijdan
We listen to you and share hope. Our channels are open for your inquiries and generous contributions.
Contact Us | Wijdan Charity – Distinctive Design
/* ===== LUXURY DESIGN SYSTEM – "وجدان" : ALL RULES UNDER .contactus PREFIX ===== */
.contactus * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.about_page .reveal {
opacity: 1;
transform: translateY(30px);
transition: all 0.8s ease;
}
.contactus {
--deep-burgundy: #5c1e2a;
--rich-gold: #c89a5e;
--soft-gold: #e5c29f;
--ivory: #fffcf7;
--cream: #faf3ea;
--charcoal: #2c2a2b;
--olive-sage: #7a8b7a;
--shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);
--shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);
--border-radius-l: 2.5rem;
--border-radius-m: 1.8rem;
--border-radius-s: 1.2rem;
--font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';
font-family: var(--font-primary);
background-color: var(--ivory);
color: var(--charcoal);
line-height: 1.6;
overflow-x: hidden;
position: relative;
display: block;
width: 100%;
}
.contactus .vicdan-wrapper {
position: relative;
}
.contactus .container {
width: 90%;
max-width: 1300px;
margin: 0 auto;
}
/* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */
.contactus .top-bar {
background: #1e1c1d;
color: rgba(255, 255, 255, 0.7);
padding: 0.6rem 0;
font-size: 0.85rem;
letter-spacing: 0.5px;
border-bottom: 1px solid rgba(200, 154, 94, 0.4);
}
.contactus .top-bar .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.contactus .top-bar-link {
color: #e0d6cc;
text-decoration: none;
margin-left: 1.2rem;
transition: color 0.25s;
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.contactus .top-bar-link:hover {
color: var(--rich-gold);
}
/* ===== HEADER – ELEGANT TRANSPARENCY ===== */
.contactus .main-header {
background: rgba(255, 252, 245, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(200, 154, 94, 0.2);
padding: 0.5rem 0;
position: sticky;
top: 0;
z-index: 50;
}
.contactus .logo-title {
font-size: 2rem;
font-weight: 800;
color: var(--deep-burgundy);
line-height: 1;
letter-spacing: -0.02em;
text-shadow: 0 2px 4px rgba(92,30,42,0.06);
}
.contactus .logo-subtitle {
font-size: 0.7rem;
color: var(--rich-gold);
font-weight: 600;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: -0.3rem;
}
.contactus .nav-item {
position: relative;
padding: 0.6rem 1.2rem;
border-radius: 3rem;
font-weight: 500;
color: #3e3a37;
transition: 0.2s;
cursor: pointer;
}
.contactus .nav-item:hover {
background: rgba(92, 30, 42, 0.05);
color: var(--deep-burgundy);
}
.contactus .nav-dropdown {
position: absolute;
top: 120%;
right: 0;
background: white;
min-width: 200px;
border-radius: 1.2rem;
padding: 0.8rem 0;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
opacity: 0;
visibility: hidden;
transition: 0.25s;
}
.contactus .nav-item.group:hover .nav-dropdown {
opacity: 1;
visibility: visible;
top: 140%;
}
.contactus .dropdown-link {
display: block;
padding: 0.6rem 1.6rem;
color: #4a4643;
text-decoration: none;
font-size: 0.9rem;
}
.contactus .dropdown-link:hover {
background: #fff3e4;
color: var(--deep-burgundy);
}
/* ===== HERO – POETRY IN MOTION ===== */
.contactus .hero-luxury {
position: relative;
height: 500px;
background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%),
url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;
background-blend-mode: multiply;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
isolation: isolate;
}
.contactus .hero-luxury::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);
z-index: 1;
}
.contactus .hero-content {
position: relative;
z-index: 3;
max-width: 900px;
padding: 0 1.5rem;
}
.contactus .gold-flourish {
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin-bottom: 1.2rem;
}
.contactus .gold-flourish i {
color: var(--rich-gold);
font-size: 1.3rem;
text-shadow: 0 0 10px rgba(200,154,94,0.5);
}
.contactus .hero-badge {
display: inline-block;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,215,150,0.4);
padding: 0.5rem 2rem;
border-radius: 4rem;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 3px;
color: var(--soft-gold);
margin-bottom: 1.8rem;
}
.contactus .hero-luxury h1 {
font-size: 4.8rem;
font-weight: 800;
font-family: 'aljazerabold', 'aljazerabold';
line-height: 1.2;
text-shadow: 0 8px 18px rgba(0,0,0,0.25);
margin-bottom: 0.5rem;
}
.contactus .hero-luxury h1 span {
color: var(--rich-gold);
border-bottom: 2px solid var(--rich-gold);
padding-bottom: 0.1rem;
}
.contactus .hero-divider {
width: 160px;
height: 3px;
background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);
margin: 1.8rem auto;
border-radius: 3px;
}
.contactus .hero-text {
font-size: 1.3rem;
font-weight: 350;
opacity: 0.95;
max-width: 650px;
margin: 0 auto;
font-style: italic;
}
/* ===== CONTACT CARDS – ART GALLERY ===== */
.contactus .section-crystal {
padding: 5rem 0 3rem;
background: linear-gradient(to bottom, var(--ivory), #fffbf5);
}
.contactus .contact-masterpiece {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem;
}
@media (max-width: 1000px) {
.contactus .contact-masterpiece {
grid-template-columns: 1fr;
}
}
/* info card – like jewelry */
.contactus .info-art {
background: white;
border-radius: var(--border-radius-l);
padding: 3rem 2.2rem;
box-shadow: var(--shadow-elegant);
border: 1px solid rgba(200,154,94,0.2);
position: relative;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
backdrop-filter: blur(10px);
background: linear-gradient(145deg, #fffdfa, #ffffff);
}
.contactus .info-art:hover {
transform: translateY(-12px) scale(1.01);
box-shadow: var(--shadow-gold);
border-color: var(--rich-gold);
}
.contactus .info-item-lux {
display: flex;
gap: 1.5rem;
align-items: flex-start;
padding: 1.3rem 1.2rem;
margin-bottom: 0.6rem;
border-radius: 1.8rem;
transition: 0.3s;
border: 1px solid transparent;
}
.contactus .info-item-lux:hover {
background: #fef8f0;
border-color: #f0e1ce;
box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);
transform: translateX(-8px);
}
.contactus .icon-crystal {
width: 64px;
height: 64px;
background: rgba(200,154,94,0.08);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.8rem;
transition: 0.25s;
flex-shrink: 0;
}
.contactus .info-item-lux:hover .icon-crystal {
background: var(--deep-burgundy);
color: white;
border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;
}
.contactus .social-luxury {
display: flex;
gap: 0.8rem;
margin-top: 2.2rem;
}
.contactus .social-luxury a {
width: 52px;
height: 52px;
background: #f5ede5;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(--deep-burgundy);
font-size: 1.5rem;
transition: all 0.3s;
border: 1px solid transparent;
}
.contactus .social-luxury a:hover {
background: var(--deep-burgundy);
color: var(--rich-gold);
border-radius: 30% 70% 30% 70%;
transform: scale(1.12) rotate(5deg);
border-color: var(--rich-gold);
}
/* right card – hours & ambiance (NO FORM) */
.contactus .hours-boutique {
background: linear-gradient(145deg, #1e1c1d, #2a2425);
border-radius: var(--border-radius-l);
padding: 3rem 2.5rem;
box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);
border: 1px solid rgba(200,154,94,0.4);
position: relative;
overflow: hidden;
color: white;
}
.contactus .hours-boutique::after {
content: "⏣";
position: absolute;
bottom: -30px;
left: -30px;
font-size: 14rem;
color: rgba(200,154,94,0.1);
font-family: 'aljazerabold';
transform: rotate(20deg);
pointer-events: none;
}
.contactus .gold-stroke {
color: var(--rich-gold);
font-weight: 700;
}
.contactus .time-piece {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.1rem 1.5rem;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(229,194,159,0.2);
border-radius: 1.5rem;
margin-bottom: 1rem;
backdrop-filter: blur(10px);
transition: 0.2s;
}
.contactus .time-piece:hover {
background: rgba(200,154,94,0.1);
border-color: var(--rich-gold);
transform: scale(1.02);
}
.contactus .day {
font-weight: 600;
display: flex;
gap: 0.7rem;
align-items: center;
}
.contactus .hours {
background: rgba(255,255,255,0.1);
padding: 0.3rem 1.2rem;
border-radius: 2rem;
font-size: 0.9rem;
direction: ltr;
display: inline-block;
color: var(--soft-gold);
font-weight: 600;
}
.contactus .emergency-contact {
margin-top: 2.2rem;
background: rgba(200,154,94,0.12);
border-right: 5px solid var(--rich-gold);
padding: 1.4rem 1.8rem;
border-radius: 1.2rem;
font-family: 'aljazerabold', 'aljazerabold';
display: flex;
gap: 1.2rem;
align-items: center;
}
/* ===== MAP – LUXURY FRAME ===== */
.contactus .map-container {
position: relative;
margin: 2rem auto 4rem;
border-radius: 2.8rem;
overflow: hidden;
box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);
border: 6px solid white;
height: 450px;
max-width: 1300px;
}
/* ===== BANK ACCOUNTS – OPULENT ===== */
.contactus .bank-gallery {
background: var(--cream);
padding: 5rem 0;
position: relative;
}
.contactus .bank-card-premium {
background: white;
border-radius: 2.2rem;
padding: 2.5rem 2rem;
box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);
border-bottom: 6px solid var(--deep-burgundy);
transition: 0.35s;
position: relative;
overflow: hidden;
}
.contactus .bank-card-premium::before {
content: "●";
position: absolute;
top: -20px; right: -20px;
font-size: 10rem;
color: rgba(200,154,94,0.04);
transform: rotate(25deg);
}
.contactus .bank-card-premium:hover {
transform: translateY(-15px);
border-bottom-color: var(--rich-gold);
box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);
}
.contactus .copy-elegant {
background: transparent;
border: 1px solid var(--deep-burgundy);
color: var(--deep-burgundy);
padding: 0.6rem 1.8rem;
border-radius: 3rem;
font-weight: 600;
transition: 0.25s;
cursor: pointer;
font-size: 1.25rem;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
}
.contactus .copy-elegant:hover {
background: var(--deep-burgundy);
color: white;
border-color: var(--rich-gold);
}
/* ===== FOOTER – DEEP & WARM ===== */
.contactus .footer-opulent {
background: #1a1819;
color: #ccc2ba;
padding: 4rem 0 2rem;
border-top: 6px solid var(--rich-gold);
}
/* UTILITIES (prefixed) */
.contactus .dir-ltr { direction: ltr; }
.contactus .text-gold { color: var(--rich-gold); }
.contactus .bg-ivory { background-color: var(--ivory); }
.contactus .rounded-full { border-radius: 9999px; }
.contactus .no-form .contact-form,
.contactus .contact-form { display: none; } /* ensure no form appears */
/* responsive */
@media (max-width: 768px) {
.contactus .hero-luxury h1 { font-size: 3rem; }
}
/* hide any global form remnants */
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
Meeting of the Noble
People of goodwill gather here. Our premises and hearts are open to you.
Address
Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul
Phone
+90 505 776 31 03
WhatsApp
<a href="https://wa.me/905057763103">+90 505 776 31 03</a>
Email
<a href="mailto:Contact@wijdancharity.org">Contact@wijdancharity.org</a>
<a href="https://www.instagram.com/wijdancharity" target="_blank" class="social-icon instagram" title="Instagram">
</a>
<a href="https://www.tiktok.com/@wijdancharity.org" target="_blank" class="social-icon tiktok" title="TikTok">
</a>
<a href="https://www.youtube.com/@wijdancharity" target="_blank" class="social-icon youtube" title="YouTube">
</a>
<a href="https://www.facebook.com/WijdanCharity/" target="_blank" class="social-icon facebook" title="Facebook">
</a>
<a href="https://www.linkedin.com/in/wijdan-charity-595056352/" target="_blank" class="social-icon linkedin" title="LinkedIn">
</a>
<a href="https://t.me/wijdan_Charity" target="_blank" class="social-icon telegram" title="Telegram">
</a>
<a href="https://x.com/wijdancharity" target="_blank" class="social-icon x" title="X">
X
</a>
<a href="https://linktr.ee/wijdan_charity" target="_blank" class="social-icon linktree" title="Linktree">
LT
</a>
Hours
of Light
We welcome you with hospitality in our sanctuary.
Monday – Friday
09:00 – 17:00
Saturday
10:00 – 14:00
Sunday
✧ Weekly Holiday ✧
24/7 Support
For emergencies, WhatsApp available 24/7
<a href="https://wa.me/905057763103">Click for immediate contact</a>
Core of Giving
Bank Accounts
The sun of your donation illuminates the lives of those in need through our secure accounts.
USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR28 0020 9000 0060 8576 0000 20
Copy IBAN
TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)
TR55 0020 9000 0060 8576 0000 19
Copy IBAN
// initialize AOS inside .contactus scope (it's global but fine)
AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });
// toggle functions remain (they target ids inside .contactus)
function toggleMobileMenu() {
const overlay = document.getElementById('mobile-overlay');
const menu = document.getElementById('mobile-menu');
if (overlay && menu) {
if (overlay.classList.contains('hidden')) {
overlay.classList.remove('hidden');
setTimeout(() => overlay.classList.remove('opacity-0'), 20);
menu.classList.remove('translate-x-full');
} else {
overlay.classList.add('opacity-0');
menu.classList.add('translate-x-full');
setTimeout(() => overlay.classList.add('hidden'), 300);
}
}
}
function toggleCart() { /* dummy */ }
window.copyPremium = function(iban) {
navigator.clipboard.writeText(iban);
alert('✨ IBAN copied: ' + iban);
};
// hide any potential form elements globally
document.querySelectorAll('.contact-form, form, [type="submit"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');
/* ensure mobile menu hidden at start */
#mobile-overlay, #mobile-menu { display: none; }
.contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; }
/* but we manage with js toggling, keep base hidden */
#mobile-overlay, #mobile-menu { display: none; }
.contact-form, form, [type="submit"], input, select, textarea, .form-group {
display: none !important;
}
.map-container iframe { display: block; }
') (Line: 62)
gavias_content_builder_render_el(Array) (Line: 22)
gavias_content_builder_frontend('[{"settings":{"element":"gva_row","bg_particles":"off","bg_position":"center top","bg_repeat":"no-repeat","bg_attachment":"scroll","bg_size":"cover","style_space":"remove_margin remove_padding remove_padding_col","layout":"container-fw","padding_top":"0","margin_top":"0","padding_bottom":"0","margin_bottom":"0","class":"aboutus"},"columns":[{"settings":{"element":"gva_column"},"col_lg":12,"elements":[{"settings":{"content":"\r\n\r\n \r\n \r\n \r\n \r\n \r\n The Door of Giving is Open\r\n\r\n Connect with Wijdan\r\n\r\n \r\n \r\n We listen to you and share hope. Our channels are open for your inquiries and generous contributions.\r\n\r\n \r\n \r\n \r\n \r\n","animate_delay":"0"},"editing":false,"element_name":"gva_text_noeditor"},{"settings":{"content":"\r\n\r\n\r\n \r\n \r\n \r\n Contact Us | Wijdan Charity – Distinctive Design\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n /* ===== LUXURY DESIGN SYSTEM – \"وجدان\" : ALL RULES UNDER .contactus PREFIX ===== */\r\n .contactus * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n.about_page .reveal {\r\n opacity: 1;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease;\r\n}\r\n .contactus {\r\n --deep-burgundy: #5c1e2a;\r\n --rich-gold: #c89a5e;\r\n --soft-gold: #e5c29f;\r\n --ivory: #fffcf7;\r\n --cream: #faf3ea;\r\n --charcoal: #2c2a2b;\r\n --olive-sage: #7a8b7a;\r\n --shadow-elegant: 0 30px 50px -20px rgba(44, 42, 43, 0.12);\r\n --shadow-gold: 0 25px 40px -15px rgba(200, 154, 94, 0.25);\r\n --border-radius-l: 2.5rem;\r\n --border-radius-m: 1.8rem;\r\n --border-radius-s: 1.2rem;\r\n --font-primary: 'IBM Plex Sans Arabic', 'aljazerabold', 'aljazerabold';\r\n\r\n font-family: var(--font-primary);\r\n background-color: var(--ivory);\r\n color: var(--charcoal);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .contactus .vicdan-wrapper {\r\n position: relative;\r\n }\r\n\r\n .contactus .container {\r\n width: 90%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n\r\n /* ===== REFINED TOP BAR (placed inside .contactus for isolation) ===== */\r\n .contactus .top-bar {\r\n background: #1e1c1d;\r\n color: rgba(255, 255, 255, 0.7);\r\n padding: 0.6rem 0;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.5px;\r\n border-bottom: 1px solid rgba(200, 154, 94, 0.4);\r\n }\r\n .contactus .top-bar .container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .contactus .top-bar-link {\r\n color: #e0d6cc;\r\n text-decoration: none;\r\n margin-left: 1.2rem;\r\n transition: color 0.25s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n }\r\n .contactus .top-bar-link:hover {\r\n color: var(--rich-gold);\r\n }\r\n\r\n /* ===== HEADER – ELEGANT TRANSPARENCY ===== */\r\n .contactus .main-header {\r\n background: rgba(255, 252, 245, 0.85);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-bottom: 1px solid rgba(200, 154, 94, 0.2);\r\n padding: 0.5rem 0;\r\n position: sticky;\r\n top: 0;\r\n z-index: 50;\r\n }\r\n .contactus .logo-title {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: var(--deep-burgundy);\r\n line-height: 1;\r\n letter-spacing: -0.02em;\r\n text-shadow: 0 2px 4px rgba(92,30,42,0.06);\r\n }\r\n .contactus .logo-subtitle {\r\n font-size: 0.7rem;\r\n color: var(--rich-gold);\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-top: -0.3rem;\r\n }\r\n .contactus .nav-item {\r\n position: relative;\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 3rem;\r\n font-weight: 500;\r\n color: #3e3a37;\r\n transition: 0.2s;\r\n cursor: pointer;\r\n }\r\n .contactus .nav-item:hover {\r\n background: rgba(92, 30, 42, 0.05);\r\n color: var(--deep-burgundy);\r\n }\r\n .contactus .nav-dropdown {\r\n position: absolute;\r\n top: 120%;\r\n right: 0;\r\n background: white;\r\n min-width: 200px;\r\n border-radius: 1.2rem;\r\n padding: 0.8rem 0;\r\n box-shadow: var(--shadow-elegant);\r\n border: 1px solid rgba(200,154,94,0.2);\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: 0.25s;\r\n }\r\n .contactus .nav-item.group:hover .nav-dropdown {\r\n opacity: 1;\r\n visibility: visible;\r\n top: 140%;\r\n }\r\n .contactus .dropdown-link {\r\n display: block;\r\n padding: 0.6rem 1.6rem;\r\n color: #4a4643;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n }\r\n .contactus .dropdown-link:hover {\r\n background: #fff3e4;\r\n color: var(--deep-burgundy);\r\n }\r\n\r\n /* ===== HERO – POETRY IN MOTION ===== */\r\n .contactus .hero-luxury {\r\n position: relative;\r\n height: 500px;\r\n background: linear-gradient(105deg, rgba(92,30,42,0.92) 20%, rgba(122,139,122,0.5) 100%), \r\n url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;\r\n background-blend-mode: multiply;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: white;\r\n isolation: isolate;\r\n }\r\n .contactus .hero-luxury::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 70% 50%, rgba(0,0,0,0.1) 0%, transparent 70%);\r\n z-index: 1;\r\n }\r\n .contactus .hero-content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 900px;\r\n padding: 0 1.5rem;\r\n }\r\n .contactus .gold-flourish {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.8rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n .contactus .gold-flourish i {\r\n color: var(--rich-gold);\r\n font-size: 1.3rem;\r\n text-shadow: 0 0 10px rgba(200,154,94,0.5);\r\n }\r\n .contactus .hero-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.12);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255,215,150,0.4);\r\n padding: 0.5rem 2rem;\r\n border-radius: 4rem;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n color: var(--soft-gold);\r\n margin-bottom: 1.8rem;\r\n }\r\n .contactus .hero-luxury h1 {\r\n font-size: 4.8rem;\r\n font-weight: 800;\r\n font-family: 'aljazerabold', 'aljazerabold';\r\n line-height: 1.2;\r\n text-shadow: 0 8px 18px rgba(0,0,0,0.25);\r\n margin-bottom: 0.5rem;\r\n }\r\n .contactus .hero-luxury h1 span {\r\n color: var(--rich-gold);\r\n border-bottom: 2px solid var(--rich-gold);\r\n padding-bottom: 0.1rem;\r\n }\r\n .contactus .hero-divider {\r\n width: 160px;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--rich-gold), var(--soft-gold), transparent);\r\n margin: 1.8rem auto;\r\n border-radius: 3px;\r\n }\r\n .contactus .hero-text {\r\n font-size: 1.3rem;\r\n font-weight: 350;\r\n opacity: 0.95;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n font-style: italic;\r\n }\r\n\r\n /* ===== CONTACT CARDS – ART GALLERY ===== */\r\n .contactus .section-crystal {\r\n padding: 5rem 0 3rem;\r\n background: linear-gradient(to bottom, var(--ivory), #fffbf5);\r\n }\r\n .contactus .contact-masterpiece {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2.5rem;\r\n }\r\n @media (max-width: 1000px) {\r\n .contactus .contact-masterpiece {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n /* info card – like jewelry */\r\n .contactus .info-art {\r\n background: white;\r\n border-radius: var(--border-radius-l);\r\n padding: 3rem 2.2rem;\r\n box-shadow: var(--shadow-elegant);\r\n border: 1px solid rgba(200,154,94,0.2);\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n backdrop-filter: blur(10px);\r\n background: linear-gradient(145deg, #fffdfa, #ffffff);\r\n }\r\n .contactus .info-art:hover {\r\n transform: translateY(-12px) scale(1.01);\r\n box-shadow: var(--shadow-gold);\r\n border-color: var(--rich-gold);\r\n }\r\n \r\n\r\n .contactus .info-item-lux {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: flex-start;\r\n padding: 1.3rem 1.2rem;\r\n margin-bottom: 0.6rem;\r\n border-radius: 1.8rem;\r\n transition: 0.3s;\r\n border: 1px solid transparent;\r\n }\r\n .contactus .info-item-lux:hover {\r\n background: #fef8f0;\r\n border-color: #f0e1ce;\r\n box-shadow: 0 12px 22px -14px rgba(92,30,42,0.12);\r\n transform: translateX(-8px);\r\n }\r\n .contactus .icon-crystal {\r\n width: 64px;\r\n height: 64px;\r\n background: rgba(200,154,94,0.08);\r\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--deep-burgundy);\r\n font-size: 1.8rem;\r\n transition: 0.25s;\r\n flex-shrink: 0;\r\n }\r\n .contactus .info-item-lux:hover .icon-crystal {\r\n background: var(--deep-burgundy);\r\n color: white;\r\n border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%;\r\n }\r\n\r\n .contactus .social-luxury {\r\n display: flex;\r\n gap: 0.8rem;\r\n margin-top: 2.2rem;\r\n }\r\n .contactus .social-luxury a {\r\n width: 52px;\r\n height: 52px;\r\n background: #f5ede5;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--deep-burgundy);\r\n font-size: 1.5rem;\r\n transition: all 0.3s;\r\n border: 1px solid transparent;\r\n }\r\n .contactus .social-luxury a:hover {\r\n background: var(--deep-burgundy);\r\n color: var(--rich-gold);\r\n border-radius: 30% 70% 30% 70%;\r\n transform: scale(1.12) rotate(5deg);\r\n border-color: var(--rich-gold);\r\n }\r\n\r\n /* right card – hours & ambiance (NO FORM) */\r\n .contactus .hours-boutique {\r\n background: linear-gradient(145deg, #1e1c1d, #2a2425);\r\n border-radius: var(--border-radius-l);\r\n padding: 3rem 2.5rem;\r\n box-shadow: 0 35px 55px -15px rgba(0,0,0,0.35);\r\n border: 1px solid rgba(200,154,94,0.4);\r\n position: relative;\r\n overflow: hidden;\r\n color: white;\r\n }\r\n .contactus .hours-boutique::after {\r\n content: \"⏣\";\r\n position: absolute;\r\n bottom: -30px;\r\n left: -30px;\r\n font-size: 14rem;\r\n color: rgba(200,154,94,0.1);\r\n font-family: 'aljazerabold';\r\n transform: rotate(20deg);\r\n pointer-events: none;\r\n }\r\n .contactus .gold-stroke {\r\n color: var(--rich-gold);\r\n font-weight: 700;\r\n }\r\n .contactus .time-piece {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.1rem 1.5rem;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(229,194,159,0.2);\r\n border-radius: 1.5rem;\r\n margin-bottom: 1rem;\r\n backdrop-filter: blur(10px);\r\n transition: 0.2s;\r\n }\r\n .contactus .time-piece:hover {\r\n background: rgba(200,154,94,0.1);\r\n border-color: var(--rich-gold);\r\n transform: scale(1.02);\r\n }\r\n .contactus .day {\r\n font-weight: 600;\r\n display: flex;\r\n gap: 0.7rem;\r\n align-items: center;\r\n }\r\n .contactus .hours {\r\n background: rgba(255,255,255,0.1);\r\n padding: 0.3rem 1.2rem;\r\n border-radius: 2rem;\r\n font-size: 0.9rem;\r\n direction: ltr;\r\n display: inline-block;\r\n color: var(--soft-gold);\r\n font-weight: 600;\r\n }\r\n\r\n .contactus .emergency-contact {\r\n margin-top: 2.2rem;\r\n background: rgba(200,154,94,0.12);\r\n border-right: 5px solid var(--rich-gold);\r\n padding: 1.4rem 1.8rem;\r\n border-radius: 1.2rem;\r\nfont-family: 'aljazerabold', 'aljazerabold';\r\n display: flex;\r\n gap: 1.2rem;\r\n align-items: center;\r\n }\r\n\r\n /* ===== MAP – LUXURY FRAME ===== */\r\n .contactus .map-container {\r\n position: relative;\r\n margin: 2rem auto 4rem;\r\n border-radius: 2.8rem;\r\n overflow: hidden;\r\n box-shadow: 0 30px 50px -15px rgba(92,30,42,0.25);\r\n border: 6px solid white;\r\n height: 450px;\r\n max-width: 1300px;\r\n }\r\n\r\n /* ===== BANK ACCOUNTS – OPULENT ===== */\r\n .contactus .bank-gallery {\r\n background: var(--cream);\r\n padding: 5rem 0;\r\n position: relative;\r\n }\r\n .contactus .bank-card-premium {\r\n background: white;\r\n border-radius: 2.2rem;\r\n padding: 2.5rem 2rem;\r\n box-shadow: 0 20px 40px -12px rgba(0,0,0,0.05);\r\n border-bottom: 6px solid var(--deep-burgundy);\r\n transition: 0.35s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .contactus .bank-card-premium::before {\r\n content: \"●\";\r\n position: absolute;\r\n top: -20px; right: -20px;\r\n font-size: 10rem;\r\n color: rgba(200,154,94,0.04);\r\n transform: rotate(25deg);\r\n }\r\n .contactus .bank-card-premium:hover {\r\n transform: translateY(-15px);\r\n border-bottom-color: var(--rich-gold);\r\n box-shadow: 0 35px 55px -15px rgba(200,154,94,0.3);\r\n }\r\n .contactus .copy-elegant {\r\n background: transparent;\r\n border: 1px solid var(--deep-burgundy);\r\n color: var(--deep-burgundy);\r\n padding: 0.6rem 1.8rem;\r\n border-radius: 3rem;\r\n font-weight: 600;\r\n transition: 0.25s;\r\n cursor: pointer;\r\n font-size: 1.25rem;\r\n text-align: center;\r\n margin-right: auto;\r\n margin-left: auto;\r\n display: block;\r\n }\r\n .contactus .copy-elegant:hover {\r\n background: var(--deep-burgundy);\r\n color: white;\r\n border-color: var(--rich-gold);\r\n }\r\n\r\n /* ===== FOOTER – DEEP & WARM ===== */\r\n .contactus .footer-opulent {\r\n background: #1a1819;\r\n color: #ccc2ba;\r\n padding: 4rem 0 2rem;\r\n border-top: 6px solid var(--rich-gold);\r\n }\r\n\r\n /* UTILITIES (prefixed) */\r\n .contactus .dir-ltr { direction: ltr; }\r\n .contactus .text-gold { color: var(--rich-gold); }\r\n .contactus .bg-ivory { background-color: var(--ivory); }\r\n .contactus .rounded-full { border-radius: 9999px; }\r\n .contactus .no-form .contact-form, \r\n .contactus .contact-form { display: none; } /* ensure no form appears */\r\n\r\n /* responsive */\r\n @media (max-width: 768px) {\r\n .contactus .hero-luxury h1 { font-size: 3rem; }\r\n }\r\n\r\n /* hide any global form remnants */\r\n .contact-form, form, [type=\"submit\"], input, select, textarea, .form-group {\r\n display: none !important;\r\n }\r\n .map-container iframe { display: block; }\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Meeting of the Noble\r\n People of goodwill gather here. Our premises and hearts are open to you.\r\n \r\n \r\n \r\n \r\n Address\r\n Kayabaşı, Adnan Menderes Bulvari Kuzey Yakası Ofisleri B5 Blok, K 3, No. 69, Başakşehir/İstanbul\r\n \r\n \r\n \r\n \r\n \r\n Phone\r\n +90 505 776 31 03\r\n \r\n \r\n \r\n \r\n \r\n WhatsApp\r\n <a>+90 505 776 31 03</a>\r\n \r\n \r\n \r\n \r\n \r\n Email\r\n <a>Contact@wijdancharity.org</a>\r\n \r\n \r\n\r\n \r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n \r\n </a>\r\n\r\n <a>\r\n X\r\n </a>\r\n\r\n <a>\r\n LT\r\n </a>\r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n Hours\r\n of Light\r\n \r\n We welcome you with hospitality in our sanctuary.\r\n\r\n \r\n Monday – Friday\r\n 09:00 – 17:00\r\n \r\n \r\n Saturday\r\n 10:00 – 14:00\r\n \r\n \r\n Sunday\r\n ✧ Weekly Holiday ✧\r\n \r\n\r\n \r\n \r\n \r\n 24/7 Support\r\n For emergencies, WhatsApp available 24/7\r\n <a>Click for immediate contact</a>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n Core of Giving\r\n Bank Accounts\r\n The sun of your donation illuminates the lives of those in need through our secure accounts.\r\n \r\n \r\n \r\n \r\n \r\n USD AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)\r\n \r\n TR28 0020 9000 0060 8576 0000 20\r\n Copy IBAN\r\n \r\n \r\n \r\n \r\n TRY AccountAccount Name: VİCDAN DERSWIFT Code: (ZKBATRIS)Fundraising Permit: (1036918)\r\n\t\t\t\t\t\t\t\t\r\n \r\n TR55 0020 9000 0060 8576 0000 19\r\n Copy IBAN\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n // initialize AOS inside .contactus scope (it's global but fine)\r\n AOS.init({ duration: 1000, once: true, easing: 'ease-out-cubic' });\r\n\r\n // toggle functions remain (they target ids inside .contactus)\r\n function toggleMobileMenu() {\r\n const overlay = document.getElementById('mobile-overlay');\r\n const menu = document.getElementById('mobile-menu');\r\n if (overlay && menu) {\r\n if (overlay.classList.contains('hidden')) {\r\n overlay.classList.remove('hidden');\r\n setTimeout(() => overlay.classList.remove('opacity-0'), 20);\r\n menu.classList.remove('translate-x-full');\r\n } else {\r\n overlay.classList.add('opacity-0');\r\n menu.classList.add('translate-x-full');\r\n setTimeout(() => overlay.classList.add('hidden'), 300);\r\n }\r\n }\r\n }\r\n function toggleCart() { /* dummy */ }\r\n window.copyPremium = function(iban) {\r\n navigator.clipboard.writeText(iban);\r\n alert('✨ IBAN copied: ' + iban);\r\n };\r\n // hide any potential form elements globally\r\n document.querySelectorAll('.contact-form, form, [type=\"submit\"], input, select, textarea, .form-group').forEach(el => el.style.display = 'none');\r\n \r\n \r\n \r\n /* ensure mobile menu hidden at start */\r\n #mobile-overlay, #mobile-menu { display: none; }\r\n .contactus #mobile-overlay.hidden, .contactus #mobile-menu { display: block; } \r\n /* but we manage with js toggling, keep base hidden */\r\n #mobile-overlay, #mobile-menu { display: none; }\r\n .contact-form, form, [type=\"submit\"], input, select, textarea, .form-group {\r\n display: none !important;\r\n }\r\n .map-container iframe { display: block; }\r\n \r\n\r\n","animate_delay":"0"},"editing":false,"element_name":"gva_text_noeditor"}],"editing":false,"element_name":"gva_column"}],"editing":false,"element_name":"gva_row"}]') (Line: 47)
Drupal\gavias_content_builder\Plugin\Field\FieldFormatter\GaviasContentBuilderFormatter->viewElements(Object, 'en') (Line: 89)
Drupal\Core\Field\FormatterBase->view(Object, 'en') (Line: 263)
Drupal\Core\Entity\Entity\EntityViewDisplay->buildMultiple(Array) (Line: 351)
Drupal\Core\Entity\EntityViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 24)
Drupal\node\NodeViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 293)
Drupal\Core\Entity\EntityViewBuilder->buildMultiple(Array) (Line: 250)
Drupal\Core\Entity\EntityViewBuilder->build(Array)
call_user_func_array(Array, Array) (Line: 100)
Drupal\Core\Render\Renderer->doTrustedCallback(Array, Array, 'Render #pre_render callbacks must be methods of a class that implements \Drupal\Core\Security\TrustedCallbackInterface or be an anonymous function. The callback was %s. Support for this callback implementation is deprecated in 8.8.0 and will be removed in Drupal 9.0.0. See https://www.drupal.org/node/2966725', 'silenced_deprecation', 'Drupal\Core\Render\Element\RenderCallbackInterface') (Line: 781)
Drupal\Core\Render\Renderer->doCallback('#pre_render', Array, Array) (Line: 372)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 200)
Drupal\Core\Render\Renderer->render(Array, ) (Line: 226)
Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 573)
Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 227)
Drupal\Core\Render\MainContent\HtmlRenderer->prepare(Array, Object, Object) (Line: 117)
Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.view', Object) (Line: 156)
Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68)
Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57)
Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 191)
Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 128)
Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 82)
Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52)
Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23)
Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 708)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)