/*
Theme Name: Chhipa Welfare Association - Canada
Theme URI: https://www.chhipa.ca
Author: 4M Designers
Author URI: https://www.4mdesigners.com
Version: 1.0
Text Domain: cwa
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:300 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

*:focus	{ outline: none; }
*, *::before, *::after { box-sizing: border-box; }

/* font-family: "Mona Sans", sans-serif; */
/* font-family: "Libre Baskerville", serif; */

html	{ height: 100%; }
body	{ font: 400 16px "Mona Sans", sans-serif; height: 100%; color: #000; background-color: #f2f0e7; }
a, a:hover	{ color: #000; text-decoration: none; }

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input[type=search], select, textarea	{ background-color: #fff; border: 2px solid #f1f5f9 !important; border-radius: 15px; font: 400 17px "Mona Sans", sans-serif; color: #000 !important; }
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input[type=search], textarea	{ padding: 20px 25px; }
select	{ padding: 17px 23px; }
input[type=submit], input[type=button], .btn, .button	{ display: inline-block; border: none; border-radius: 0; background-color: #ffc727; font: 700 15px "Mona Sans", sans-serif; color: #000 !important; cursor: pointer; text-decoration: none; padding: 15px 40px; line-height: 1; text-transform: uppercase; text-align: center; transition: all 0.25s linear 0s; }
input[type=submit].small, input[type=button].small, .btn.small, .button.small	{ font-size: 14px; padding: 10px 25px; }
input[type=submit]:hover, input[type=button]:hover, .btn:hover, .button:hover	{ background-color: #000; color: #fff !important; text-decoration: none !important; }
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus	{ border-color: #9ca3af !important; }

input[type=submit].alt, input[type=button].alt, .btn.alt, .button.alt	{ border: 1px solid #000; background-color: transparent; color: #fff !important; }
input[type=submit].alt:hover, input[type=button].alt:hover, .btn.alt:hover, .button.alt:hover	{ background-color: #ffc727; color: #000 !important; }

.btn.with-icon	{ position: relative; border: 0; padding-right: 85px; padding-left: 20px; text-align: left; }
.btn.with-icon:after	{ font-family: fontAwesome; font-weight: 400; position: absolute; top: 0; right: 0; padding: 15px 20px; color: #fff; }
.btn.small.with-icon:after	{ padding-top: 10px; padding-bottom: 10px; }
.btn.donate:after	{ content: "\f08a"; }
.btn.donate:hover:after	{ content: "\f004"; }
.btn.pdf:after	{ content: "\f1c1"; }
.btn.whatsapp:after	{ content: "\f232"; }

.explore-more	{ display: inline-block; position: relative; transition: all 0.25s linear 0s; }
.explore-more:after { position: absolute; right: 0; font-family: fontAwesome; opacity: 0; content: "\f105"; transition: all 0.25s linear 0s; }
.explore-more:hover:after	{ opacity: 1; right: -20px; }
.explore-more:hover	{ text-decoration: none !important; }

.social-links	{ display: flex; flex-wrap: wrap; gap: 0 25px; }
.social-links	.item	{ text-decoration: none !important; }
.social-links	.item	>	span	{ display: none; }
.social-links	.item:before	{ font-family: fontAwesome; }
.social-links	.item.facebook:before	{ content: "\f09a"; }
.social-links	.item.twitter:before	{ content: "\e61b"; }
.social-links	.item.instagram:before	{ content: "\f16d"; }
.social-links	.item.youtube:before	{ content: "\f167"; }
.social-links	.item.linkedin:before	{ content: "\f0e1"; }
.social-links	.item.pinterest:before	{ content: "\f231"; }
.social-links	.item.tiktok:before	{ content: "\e07b"; }

@keyframes logoCarouselScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

#top	{ width: 100%; padding: 20px 2.5%; position: absolute; top: 0; z-index: 1000; }

body.page-template-donate:before,
body.error404:before	{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgba(0,0,0,0.3),transparent);  }
body.page-template-donate	#top,
body.error404	#top	{ position: relative; }

.site-logo	img	{ min-width: 110px; width: calc(100vw * 0.1); height: auto; }

.top-info-bar	{ font-size: 16px; padding: 0 0 15px; }
.top-info-bar, .top-info-bar	a	{ color: #fff; }

.top-actions	{ background-color: #000; color: #fff; padding: 12px 20px; }
.top-actions	a	{ color: #fff; }

.site-name	{ font-size: 18px; font-weight: 700; text-transform: uppercase; }

.top-menu	{ text-transform: uppercase; font-size: 14px; }
.top-menu	li	{ display: inline-block; }
.top-menu	li:not(:first-child)	{ margin-left: 20px; }
.top-menu	li	a	{ display: block; transition: all 0.25s linear 0s; }
.top-menu	li	a:hover	{ color: #ffc72c; }

.site-menu-wrapper	{ background-color: #fff; }

.site-menu	{ display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 2; padding: 0 20px; }
.site-menu	>	li	{ flex: 0 0 auto; display: inline-flex; font-size: 17px; position: relative; }
.site-menu	>	li:not(:last-child)	{ margin-right: 30px; }
.site-menu	>	li	>	a	{ position: relative; display: block; padding: 12px 0; font-weight: 700; text-transform: uppercase; transition: all 0.25s linear 0s; }
.site-menu	>	li.hover	>	a,
.site-menu	>	li	>	a:hover,
.site-menu	>	li.current_page_item	>	a,
.site-menu	>	li.current_page_parent	>	a,
.site-menu	>	li.current_page_ancestor	>	a,
.site-menu	>	li.current-menu-item	>	a,
.site-menu	>	li.current-menu-parent	>	a,
.site-menu	>	li.current-menu-ancestor	>	a	{ text-decoration: none; color: #ed1c24; }

.site-menu	>	li.menu-item-has-children	>	a:after	{ font-family: fontAwesome; font-weight: 400; content: "\f107"; margin-left: 10px; }

.site-menu	.sub-menu	{ display: none; font-size: 15px; position: absolute; top: 100%; left: 0; z-index: 1000; width: 270px; padding: 25px 0; margin: 0 0 0 -20px; background-color: #000; animation: fadeIn 0.3s both 0s; }
.site-menu	>	li.hover	>	.sub-menu	{ display: block; }

.site-menu	.sub-menu	>	li	{ padding: 5px 20px; line-height: 1.5; }
.site-menu	.sub-menu	>	li	>	a	{ display: inline-block; padding: 0 0 5px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.25); }
.site-menu	.sub-menu	>	li	>	a:after	{ font-family: fontAwesome; content: "\f105"; opacity: 0; position: relative; left: 0; transition: all 0.25s linear 0s; }
.site-menu	.sub-menu	>	li.current_page_item	>	a,
.site-menu	.sub-menu	>	li.current_page_parent	>	a,
.site-menu	.sub-menu	>	li.current_page_ancestor	>	a,
.site-menu	.sub-menu	>	li.current-menu-item	>	a,
.site-menu	.sub-menu	>	li.current-menu-parent	>	a,
.site-menu	.sub-menu	>	li.current-menu-ancestor	>	a	{ border-bottom-color: rgba(255,255,255,0.75); }
.site-menu	.sub-menu	>	li.current_page_item	>	a:after,
.site-menu	.sub-menu	>	li.current_page_parent	>	a:after,
.site-menu	.sub-menu	>	li.current_page_ancestor	>	a:after,
.site-menu	.sub-menu	>	li.current-menu-item	>	a:after,
.site-menu	.sub-menu	>	li.current-menu-parent	>	a:after,
.site-menu	.sub-menu	>	li.current-menu-ancestor	>	a:after,
.site-menu	.sub-menu	>	li	>	a:hover:after	{ opacity: 1; left: 15px; }

.menu-action-wrapper	{ float: right; position: relative; top: 50%; right: 0; transform: translateY(-50%); padding: 7px 15px; }
.menu-action	{ display: block; height: 16px; color: #000; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 1; }
.menu-action:before	{ content: "Menu"; line-height: 16px; }
.menu-action	>	span	{ position: relative; float: right; width: 35px; height: 100%; margin: 0 0 0 10px; }
.menu-action	>	span	>	span	{ position: absolute; right: 0; display: block; width: 100%; height: 2px; background-color: #000; transition: all 0.25s linear 0s; }
.menu-action	>	span	>	span:nth-child(1)	{ top: 0; width: 68.5%; }
.menu-action	>	span	>	span:nth-child(2)	{ top: 50%; width: 100%; transform: translateY(-50%); }
.menu-action	>	span	>	span:nth-child(3)	{ bottom: 0; width: 77.1%; }
.menu-action:hover	{ text-decoration: none; color: #000; }

#close-mobile-menu	{ display: none; position: absolute; top: 20px; right: 15px; z-index: 99999; width: 21px; height: 21px; }
#close-mobile-menu	span { position: absolute; top: 5px; width: 100%; height: 1px; background-color: #fff; }
#close-mobile-menu	span:nth-child(1)	{ transform: rotate(45deg); }
#close-mobile-menu	span:nth-child(2)	{ bottom: 0; transform: rotate(-45deg); }

#mobile-menu	{ position: fixed; top: 0; right: 0; height: 100%; z-index: 9999999; transition: transform 0.25s linear 0s; transform: translateX(380px); }
#mobile-menu	.contents	{ background-color: #000; width: 300px; height: 100%; padding: 45px 0 30px; overflow-y: scroll; }
#mobile-menu	.contents,
#mobile-menu	.contents	a	{ color: #fff; }

#mobile-menu	.social-links	{ padding: 0 25px; margin-top: 25px; }

#mobile-menu	.mobile-whatsapp	{ padding: 0 25px; margin-top: 25px; }

.mobile-site-menu	a:hover	{ text-decoration: none; }

.mobile-site-menu	{ position: relative; overflow: hidden; }
.mobile-site-menu	>	li	{ padding-right: 25px; padding-bottom: 15px; padding-left: 25px; }
.mobile-site-menu	>	li	>	a	{ font-size: 15px; font-weight: 600; text-transform: uppercase; }
.mobile-site-menu	>	li	a	{ display: inline-block; }
.mobile-site-menu	>	li:not(:first-child)	{ padding-top: 15px; }
.mobile-site-menu	>	li:not(:last-child)	{ border-bottom: 1px solid rgba(255,255,255,0.5); }
.mobile-site-menu	>	li.current_page_item,
.mobile-site-menu	>	li.current_page_parent,
.mobile-site-menu	>	li.current_page_ancestor,
.mobile-site-menu	>	li.current-menu-item,
.mobile-site-menu	>	li.current-menu-parent,
.mobile-site-menu	>	li.current-menu-ancestor	{ border-bottom: 1px solid rgba(255,255,255,1); }

.mobile-site-menu	>	li	>	.sub-menu	{ padding: 5px 0 0; }
.mobile-site-menu	>	li	>	.sub-menu	li:not(:last-child)	{ margin-bottom: 7px; }
.mobile-site-menu	>	li	>	.sub-menu	>	li	a	{ font-size: 14px; font-weight: 400; text-transform: none; }

.mobile-site-menu	>	li	>	.sub-menu	>	li	>	a:after	{ content: ""; display: block; width: 0; height: 1px; background-color: rgba(255,255,255,0.5); transition: all 0.25s linear 0s; }
.mobile-site-menu	>	li	>	.sub-menu	>	li.current_page_item	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current_page_parent	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current_page_ancestor	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current-menu-item	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current-menu-parent	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current-menu-ancestor	>	a:after	{ width: 100%; }

#top.fixed	{ position: fixed; top: 0; z-index: 99999; background: linear-gradient(to bottom,rgba(0,0,0,0.4),transparent); }

body.push-left	{ overflow: hidden; }
body.push-left.admin-bar	#wpadminbar	{ z-index: 1; }
body.push-left:before	{ position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); content: ""; animation: fadeIn 0.15s both 0s; }

body.push-left	#mobile-menu	{ transform: translateX(0); }
body.push-left	#mobile-menu	#close-mobile-menu	{ display: block; animation: fadeIn 0.5s both 0.25s; }

#footer	{ background-color: rgba(0,0,0,0.05); padding: 50px 2.5% 35px; font-size: 17px; }
#footer	a	{ transition: all 0.25s linear 0s; }
#footer	a:hover	{ text-decoration: none; }

#footer	.title	{ text-transform: uppercase; font-size: 18px; font-weight: 600; margin: 0 0 20px; }

#footer	.footer-intro	{ margin: 0 0 35px; }
#footer	.footer-intro	.title	{ text-transform: none; font-size: 27px; font-weight: 700; line-height: 1.1; margin-bottom: 25px; }
#footer	.footer-intro	p	{ font-size: 19px; line-height: 1.5; opacity: 0.55; }

#footer	.social-links	{ font-size: 20px; gap: 20px; }

#footer	.footer-menu	li:not(:last-child)	{ margin: 0 0 20px; }
#footer	.footer-menu	li	a	{ transition: all 0.25s linear 0s; }
#footer	.footer-menu	li	a:hover	{ color: #ffc72c; }

#footer	.contact-info	{ gap: 30px 0; line-height: 1.5; }
#footer	.contact-info	.item	{ position: relative; padding: 0 0 0 30px; }
#footer	.contact-info	.item:before	{ position: absolute; top: 0; left: 0; font-family: fontAwesome; color: #ffc727; }
#footer	.contact-info	.item.address:before	{ content: "\f3c5"; }
#footer	.contact-info	.item.phone:before	{ content: "\f095"; }
#footer	.contact-info	.item.email:before	{ content: "\f0e0"; }
#footer	.contact-info	.item.person:before	{ content: "\f2c0"; }

#footer	.contact-info	.item	>	label	{ display: block; font-weight: 500; text-transform: uppercase; opacity: 0.45; }
#footer	.contact-info	address	{ font-weight: 400; }

#footer	.contact-info	.location-map	{ position: relative; }
#footer	.contact-info	.location-map	img	{ width: 100%; height: 140px; object-fit: cover; }
#footer	.contact-info	.location-map	.btn	{ border-radius: 20px; text-transform: none; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

#bottom	{ padding: 50px 0 0; margin: 50px 0 0; font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.45); border-top: 1px solid rgba(0,0,0,0.45); }
#bottom	a	{ color: rgba(0,0,0,0.45); transition: all 0.25s linear 0s; }
#bottom	a:hover	{ color: rgba(0,0,0,1); }

#bottom	.footer-logo	>	img	{ max-width: 130px; height: auto; }

#bottom	.bottom-menu	li	{ display: inline-block; }
#bottom	.bottom-menu	li:not(:last-child)	{ margin: 0 20px 0 0; }

.home-slides	.home-slide	{ position: relative; }
.home-slides	.home-slide:before	{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; }
.home-slides	.home-slide >	img	{ display: block; width: 100%; height: auto; }

.home-slides	.home-slide	>	img.portrait-banner	{ display: none; }

.home-slides	.home-slide	.desc	{ position: absolute; top: 50%; left: 0; width: 100%; padding: calc(220px * 0.5) 5% 0; transform: translateY(-50%); }
.home-slides	.home-slide	.desc	.slide-title	{ font: 700 110px "Libre Baskerville", serif; line-height: 1; margin: 0; }
.home-slides	.home-slide	.desc	p	{ font-size: 43px; font-weight: 600; line-height: 1.25; }

.home-slides	.home-slide.home-slide-light:before	{ content: ""; background-color: rgba(255,255,255,0.4); }
.home-slides	.home-slide.home-slide-light	.desc,
.home-slides	.home-slide.home-slide-light	.desc	a	{ color: #000; }

.home-slides	.home-slide.home-slide-dark:before	{ content: ""; background-color: rgba(0,0,0,0.4); }
.home-slides	.home-slide.home-slide-dark	.desc,
.home-slides	.home-slide.home-slide-dark	.desc	a	{ color: #fff; }

.home-donation-bar	{ overflow: hidden; width: 100%; padding: 0 2.5%; transform: translateY(-50%); position: absolute; }

.home-donation-bar-items	{ display: flex; align-items: center; gap: 0 25px; width: max-content; animation: logoCarouselScroll 40s linear infinite; animation-play-state: running; }
.home-donation-bar-items:hover	{ animation-play-state: paused; }

.home-donation-bar-items  .item	{ width: 300px; border-radius: 20px; overflow: hidden; display: block; position: relative; background-color: #fff; }
.home-donation-bar-items  .item	>	img	{ display: block; width: 100%; height: 0; object-fit: cover; transition: all 0.25s linear 0s; }
.home-donation-bar-items  .item:hover	>	img	{ height: 155px; }
.home-donation-bar-items  .item	>	div	{ display: flex; align-items: center; flex-wrap: wrap; padding: 20px 30px; }
.home-donation-bar-items  .item	>	div	>	*	{ flex: 0 0 100%; padding: 0; margin: 0; }
.home-donation-bar-items  .item		.title	{ font-size: 21px; font-weight: 500; margin: 0 0 10px; }
.home-donation-bar-items  .item		.desc	{ font-size: 17px; font-weight: 300; }
.home-donation-bar-items  .item		.amount	{ font-size: 19px; font-weight: 400; }

.home-donation-bar + .home-section { padding-top: 170px; }

.home-section	{ padding: 100px 2.5%; }

.home-section	.heading-block	{ text-align: center; margin-bottom: 30px; }

.home-section	.section-title	{ font: 700 41px "Libre Baskerville", serif; }
.home-section	.section-title	>	small	{ display: inline-block; background-color: rgba(236,91,19,0.10); font: 600 15px "Mona Sans", sans,seif; text-transform: uppercase; padding: 7px 10px; margin: 0 0 5px; border-radius: 10px; }
.home-section	.section-desc	{ font-size: 19px; line-height: 1.5; margin-top: 25px; }

.home-section.home-intro	.section-title	{ position: relative; font-size: 65px; }

.home-section.home-intro	.curved-underline { display: inline-block; position: relative; }
.home-section.home-intro	.curved-underline	svg	{ position: absolute; left: 0; bottom: -95px; width: 100%; height: 150px; transform: skewX(-235deg); }

.home-intro-boxes	{ gap: 30px 0; }

.home-intro-boxes	.box-item:not(.home-c2a-simple)	{ background-color: #fff; border-radius: 20px; padding: 35px; position: relative; overflow: hidden; }

.home-intro-boxes	.box-item	.title	{ font: 700 30px "Libre Baskerville", sefif; z-index: 2; }
.home-intro-boxes	.box-item	.title	>	small	{ font: 400 65% "Mona Sans", sans-serif; display: block; line-height: 1; }
.home-intro-boxes	.box-item	.desc	{ font-size: 18px; font-weight: 500; line-height: 1.5; z-index: 2; }

.home-intro-boxes	.box-item.home-c2a-simple	.title	{ font-size: 35px; }
.home-intro-boxes	.box-item.home-c2a-simple	a	{ position: relative; display: inline-block; margin: 35px 0 0; font: 700 23px "Libre Baskerville", serif; color: #d49e0a; transition: all 0.25s linear 0s; }
.home-intro-boxes	.box-item.home-c2a-simple	a:hover	{ color: #19503e; }

.home-intro-boxes	.box-item.home-c2a-button	{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background-color: #ffc727; aspect-ratio: 16 / 13; padding: 45px 45% 45px 45px; }
.home-intro-boxes	.box-item.home-c2a-button:before	{ position: absolute; transform: rotate(145deg); top: 12.5%; right: -25%; left: -25%; content: ""; width: 200%; background-color: rgba(255, 255, 255, 0.275); height: 75px; filter: blur(15px); }
.home-intro-boxes	.box-item.home-c2a-button:after	{ position: absolute; top: 0; right: -5%; content: ""; height: 100%; aspect-ratio: 5 / 8; background: url('images/orphan-child.png') no-repeat right bottom / contain; }
.home-intro-boxes	.box-item.home-c2a-button	>	*	{ position: relative; z-index: 1; }
.home-intro-boxes	.box-item.home-c2a-button	.btn	{ border-radius: 5px; background-color: #000; color: #fff !important; }
.home-intro-boxes	.box-item.home-c2a-button	.btn:hover	{ background-color: #fff; color: #000 !important; }

.home-intro-boxes	.box-item.home-c2a-button-2	{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: url('images/chhipa-orphanage.jpg') no-repeat center / cover; aspect-ratio: 16 / 13; padding: 30px 47.5% 30px 30px; }
.home-intro-boxes	.box-item.home-c2a-button-2:before	{ position: absolute; top: 0; left: 0; content: ""; width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0.925), transparent); height: 72.5%; }
.home-intro-boxes	.box-item.home-c2a-button-2	>	*	{ position: relative; z-index: 1; }
.home-intro-boxes	.box-item.home-c2a-button-2	.btn	{ border-radius: 5px; background-color: #000; color: #fff !important; }
.home-intro-boxes	.box-item.home-c2a-button-2	.btn:hover	{ background-color: #fff; color: #000 !important; }

.home-intro-boxes	.box-item.home-info-box-1	{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background-color: #d2dbdb; aspect-ratio: 4 / 2.5; }
.home-intro-boxes	.box-item.home-info-box-1:before	{ content: ""; position: absolute; top: 20px; right: 20px; width: 70px; aspect-ratio: 1 / 1; border-radius: 50%; background: url('images/donor-icon.jpg') no-repeat center / cover; }

.home-intro-boxes	.box-item.home-info-box-2	{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background-color: #19503e; aspect-ratio: 16 / 13; color: #fff; padding-right: 55%; }
.home-intro-boxes	.box-item.home-info-box-2:before	{ position: absolute; bottom: 0; right: 0; content: ""; height: calc(100% - 20px); aspect-ratio: 2 / 3; background: url('images/chhipa-sahab.png') no-repeat right bottom / contain; }

.home-intro-boxes	.box-item.home-info-box-3	{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background-color: #d8a005; aspect-ratio: 3 / 1; }
.home-intro-boxes	.box-item.home-info-box-3	.title	{ position: relative; padding: 0 0 0 120px; }
.home-intro-boxes	.box-item.home-info-box-3	.title:before	{ content: "\f118"; font-family: fontAwesome; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 90px; font-weight: 400; }

.home-section.home-campaigns	{ background-color: #fff; }

.campaign-item	{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; border: 1px solid #d7d7d7; border-radius: 20px; background-color: #fff; padding: 25px; }
.campaign-item	>	*	{ flex: 0 0 100%; }
.campaign-item	img	{ width: 100%; height: auto; border-radius: 20px; }
.campaign-item	.title	{ font: 700 20px "Libre Baskerville", serif; line-height: 1.35; }
.campaign-item	.tracker	{ margin: 20px 0 0; font-size: 0.91rem; }
.campaign-item	.tracker	.tracker-bar	{ height: 10px; background-color: #d7d7d7; border-radius: 20px; margin: 0 0 10px; overflow: hidden; }
.campaign-item	.tracker	.tracker-bar	div	{ width: 0; height: 100%; background-color: #b2e13b; transition: width 1.5s ease; }
.campaign-item	.btn	{ flex: 0 0 auto; border-radius: 40px; font-weight: 600; text-transform: none; padding: 12px 25px; margin-left: auto; }

.bank-details-item	{ overflow: hidden; border-radius: 20px; background-color: #fff; }
.bank-details-item	.title	{ background-color: #000; color: #fff; padding: 30px 60px 30px 30px; font-size: 21px; font-weight: 700; line-height: 1.25; position: relative; }
.bank-details-item	.title:before	{ content: "\f19c"; font-family: fontAwesome; font-weight: normal; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.bank-details-item	.title	>	small	{ display: block; font-size: 72.5%; font-weight: 500; opacity: 0.85; }

.bank-details-item	.details	{ padding: 30px; gap: 25px 0; }
.bank-details-item	.item	{ font-weight: 500; line-height: 1.5; }
.bank-details-item	.item	label	{ display: block; text-transform: uppercase; font-size: 82.5%; color: #9ca3af; margin: 0 0 3px; }
.bank-details-item	.item	label	.copyMsg	{ color: #000; margin: 0 0 0 10px; text-transform: none; }
.bank-details-item	.item	.highlight	{ display: inline-block; padding: 7px 12px; border-radius: 5px; background-color: #f3f4f6; border: 1px solid #e5e7eb; }
.bank-details-item	.item	.highlight.copyText	{ display: block; padding: 12px 15px; cursor: pointer; position: relative; padding-right: 30px; }
.bank-details-item	.item	.highlight.copyText:before	{ content: "\f0c5"; font-family: fontAwesome; font-weight: normal; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.bank-details-item	.foot-note	{ padding: 15px; text-transform: uppercase; font-weight: 600; font-size: 75%; letter-spacing: 2px; color: #9ca3af; text-align: center; background-color: #f3f4f6; border-top: 1px solid #e5e7eb; }

.bank-details-item.blue	.title	{ background-color: #004a96; }
.bank-details-item.blue	.item	label	.copyMsg	{ color: #004a96; }
.bank-details-item.blue	.item	.highlight.copyText	{ background-color: #eff6ff; border-color: #dbeafe; color: #004a96; }

.bank-details-item.green	.title	{ background-color: #006747; }
.bank-details-item.green	.item	label	.copyMsg	{ color: #006747; }
.bank-details-item.green	.item	.highlight.copyText	{ background-color: #f0fdf4; border-color: #dcfce7; color: #006747; }

.home-support-banner	{ width: 100%; height: auto; object-fit: cover; }

.home-section.home-support	.video-thumb	{ position: relative; display: block; margin: 0 0 30px; border-radius: 20px; box-shadow: 0px 37.3239px 74.6479px -17.9155px rgba(0, 0, 0, 0.25); overflow: hidden; }
.home-section.home-support	.video-thumb	>	img	{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.home-section.home-support	.video-thumb:before	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; width: 84px; height: 84px; text-align: center; line-height: 84px; font-family: fontAwesome; font-size: 200%; content: "\f04b"; color: #fff; background-color: rgba(0,0,0,0.5); border-radius: 50%; transition: all 0.25s linear 0s; }
.home-section.home-support	.video-thumb:hover:before	{ background-color: rgba(255,199,39,0.5);  }

.home-section.home-support	.tax-info	{ position: relative; z-index: 2; border-radius: 20px; padding: 25px 25px 25px 105px; background-color: rgba(255,199,39,0.11); border: 2px solid #ffc727; line-height: 1.5; }
.home-section.home-support	.tax-info:before	{ content: "\f058"; font-family: fontAwesome; background-color: #ffc727; color: #fff; position: absolute; top: 50%; left: 25px; transform: translateY(-50%); text-align: center; width: 60px; height: 60px; line-height: 60px; border-radius: 20px; }
.home-section.home-support	.tax-info	.title	{ font-weight: 700; }

.home-section.home-support	.support-form-wrapper	{ background-color: #fff; border-radius: 20px; overflow: hidden; }
.home-section.home-support	.support-form-wrapper	.support-form	{ padding: 55px; }

.home-section.home-support	.support-form-wrapper	.title	{ font: 700 22px "Libre Baskerville", serif; margin: 0 0 15px; position: relative; }
.home-section.home-support	.support-form-wrapper	.title:before	{ font-size: 72.5%; font-weight: normal; font-family: fontAwesome; color: #ffc727; margin: 0 12px 0 0; }
.home-section.home-support	.support-form-wrapper	.title.amount-title:before	{ content: "\e1f3"; }
.home-section.home-support	.support-form-wrapper	.title.personal-title:before	{ content: "\f007"; }

.home-section.home-support	.support-form-wrapper	.fields-wrapper	{ margin-bottom: 35px; gap: 20px 0; }
.home-section.home-support	.support-form-wrapper	.fields-wrapper	.field	label	{ display: block; margin: 0 0 5px; font-size: 85%; font-weight: 600; text-transform: uppercase; color: #9ca3af; }

.home-section.home-support	.support-form-wrapper	input,
.home-section.home-support	.support-form-wrapper	button { width: 100%; }

.home-section.home-support	.support-form-wrapper	.amount-options label { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; aspect-ratio: 2 / 1; border: 2px solid #f1f5f9 ; border-radius: 15px; cursor: pointer; transition: all 0.2s ease; text-align: center; font-size: 19px; font-weight: 600; }
.home-section.home-support	.support-form-wrapper	.amount-options	label:hover	{ border-color: #9ca3af; }
.home-section.home-support	.support-form-wrapper	.amount-options label:has(input[type="radio"]:checked)	{ background-color: rgba(255,199,39,0.05); color: #ffc727; border-color: #ffc727; }
.home-section.home-support	.support-form-wrapper	.amount-options input[type="radio"]	{ display: none; }

.home-section.home-support	.support-form-wrapper	.amount-options	#custom-amount { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><text x='10' y='28' font-size='21' font-weight='600' fill='%239ca3af'>$</text></svg>") no-repeat 8px center; background-size: 48px; padding-left: 48px; }

.home-section.home-support	.support-form-wrapper	button	{ font-size: 27px; font-weight: 900; text-transform: none; padding: 20px 30px; border-radius: 15px; margin: 0 0 25px; box-shadow: 0px 14.9296px 22.3944px -4.47887px rgba(236, 91, 19, 0.3), 0px 5.97183px 8.95775px -5.97183px rgba(236, 91, 19, 0.3); }
.home-section.home-support	.support-form-wrapper	button:hover	{ box-shadow: 0px 14.9296px 22.3944px -4.47887px rgba(0, 0, 0, 0.3), 0px 5.97183px 8.95775px -5.97183px rgba(0, 0, 0, 0.3); }

.home-section.home-support	.support-form-wrapper	.disclaimer-text	{ text-align: center; width: 85%; margin: 0 auto; font-weight: 500; line-height: 1.5; color: #9ca3af; }
.home-section.home-support	.support-form-wrapper	.disclaimer-text a	{ color: #9ca3af; transition: all 0.2s ease; }
.home-section.home-support	.support-form-wrapper	.disclaimer-text a:hover	{ color: #000; }

.home-section.home-support	.support-form-wrapper	.foot-note	{ background-color: #f8fafc; padding: 35px; gap: 20px 45px; }
.home-section.home-support	.support-form-wrapper	.foot-note	div[class^="col-"] { opacity: 0.75; }
.home-section.home-support	.support-form-wrapper	.foot-note	i	{ margin-right: 7px; }

.sub-header	{ position: relative; background-color: #f2f0e7; }
.sub-header:before	{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sub-header.sub-header-light:before	{ background: linear-gradient(to bottom,rgba(255,255,255,0.4),transparent); }
.sub-header.sub-header-dark:before	{ background: linear-gradient(to bottom,rgba(0,0,0,0.4),transparent); }
.sub-header	>	img	{ width: 100%; }
.sub-header	>	img.banner-portrait	{ display: none; }
.sub-header	.desc	{ width: 100%; padding: 150px 0 0; position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); }
.sub-header	.desc	.page-meta-title	{ display: inline-block; background-color: rgba(236,91,19,0.10); font: 600 15px "Mona Sans", sans,seif; text-transform: uppercase; padding: 7px 10px; margin: 0 0 5px; border-radius: 10px; }
.sub-header	.desc	.page-title	{ font: 700 54px "Libre Baskerville", serif; }
.sub-header	.desc	.page-title	+ *	{ margin-top: 20px; }

.sub-header.sub-header-simple	{ min-height: 80vh !important; max-height: 460px; }

.page-video	{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.page-video	>	iframe	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.page-template-donate	.sub-header	.desc	.page-slide	{ text-align: right; }

.page-template-sadqa-bakra	.sub-header	.desc	.page-title	{ font-size: 41px; }

.sub-content	{ margin: 55px 2.5%; padding: 50px; background-color: #fff; border-radius: 40px; overflow: hidden; position: relative; z-index: 2; }
.page-template-donate	.sub-content,
.sub-header.sub-header-simple + .sub-content	{ margin-top: 0; }

.sub-content	.page-header	{ padding-top: 30px; padding-bottom: 60px; text-align: center; }
.sub-content	.page-header	.page-title	{ margin-bottom: 20px; font-size: 41px; }
.sub-content	.page-header	.page-slide	{ width: 100%; height: auto; }

.sub-content-area	{ position: relative; padding-top: 115px; }
.sub-content-area:before,
.sub-content-area:after	{ content: ""; position: absolute; width: 1px; height: 80px; left: 45px; }
.sub-content-area:before	{ top: -80px; background-color: #fff; }
.sub-content-area:after	{ top: 0; background-color: #d7d7d7; }

.page-template-contact	.sub-content-area:before	{ background-color: #d7d7d7; }

.page-template-default-simple-header	.site-logo	a	>	span	{ color: inherit; }

.page-with-simple-header	.sub-content-area:before,
.page-with-simple-header	.sub-content-area:after	{ display: none; }
.content	a	{ color: #2e3192; transition: all 0.25s linear 0s; }
.content	a:hover	{ color: #000; }
.content	hr	{ height: 1px; border: none; background-color: #ebebeb; margin-bottom: 20px; }
.content	h1	{ font: 700 37px "Libre Baskerville", serif; margin-bottom: 30px; line-height: 1; }
.content	h1	small	{ display: block; margin: 10px 0 0; font-size: 50%; font-weight: 300; }
.content	h2,
.content	h3,
.content	h4,
.content	h5,
.content	h6	{ font-weight: 700; margin-bottom: 20px; line-height: 1.5; }
.content	h2	{ font-size: 26px; }
.content	h3	{ font-size: 23px; }
.content	h4	{ font-size: 20px; }
.content	h5	{ font-size: 17px; }
.content	h6	{ font-size: 16px; }
.content	p	{ line-height: 1.75; margin: 0 0 25px; }
.content	ul, .content	ol	{ margin: 0 0 25px 20px; }
.content	ul	li, .content	ol	li	{ line-height: 1.75; margin-bottom: 5px; }
.content	ul	li	{ list-style: disc; }
.content	ul	ul	li	{ list-style: circle; }
.content	ol	li	{ list-style: decimal; }
.content	ol	ol	li	{ list-style: lower-alpha; }
.content	ul	ul, .content	ol	ol	{ margin-top: 5px; margin-bottom: 0; }

.content	blockquote	{ padding: 40px 0 0 50px; margin: 0 0 30px; position: relative; }
.content	blockquote:before	{ font-family: fontAwesome; content: "\f10d"; font-size: 250%; position: absolute; top: 0; left: 0; opacity: 0.25; color: #0e76bc; }
.content	blockquote	> *:last-child	{ margin-bottom: 0; }

.content	.text-right	{ text-align: right; }
.content	.text-center	{ text-align: center; }
.content	.text-left	{ text-align: left; }
.content	.text-upper	{ text-transform: uppercase; }
.content	.text-lower	{ text-transform: lowercase; }

.content	.text-light	{ font-weight: 300; }
.content	.text-normal	{ font-weight: 400; }
.content	.text-medium	{ font-weight: 600; }
.content	.text-bold	{ font-weight: 700; }
.content	.text-bolder	{ font-weight: 900; }

.content	.text-50	{ font-size: 50%; }
.content	.text-75	{ font-size: 75%; }
.content	.text-125	{ font-size: 125%; }
.content	.text-150	{ font-size: 150%; }
.content	.text-175	{ font-size: 175%; }
.content	.text-200	{ font-size: 200%; }
.content	.text-225	{ font-size: 225%; }
.content	.text-250	{ font-size: 250%; }
.content	.text-275	{ font-size: 275%; }
.content	.text-300	{ font-size: 300%; }

.content	.text-lh-1	{ line-height: 1; }
.content	.text-lh-125	{ line-height: 1.25; }
.content	.text-lh-15	{ line-height: 1.5; }
.content	.text-lh-175	{ line-height: 1.75; }
.content	.text-lh-2	{ line-height: 2; }

.content	.red	{ color: #ed1c24 !important; }
.content	.blue	{ color: #2e3192 !important; }
.content	.green	{ color: #017439 !important; }
.content	.default	{ color: #000 !important; }

.content	.bg-grey	{ background-color: #ebebeb; }
.content	.bg-red	{ background-color: #ed1c24; color: #fff; }

.content	.mb-0	{ margin-bottom: 0px; }
.content	.mb-10	{ margin-bottom: 10px; }
.content	.mb-20	{ margin-bottom: 20px; }
.content	.mb-30	{ margin-bottom: 30px; }
.content	.mb-40	{ margin-bottom: 40px; }
.content	.mb-50	{ margin-bottom: 50px; }
.content	.mb-60	{ margin-bottom: 60px; }

.content	.vs-10	{ padding-top: 10px; padding-bottom: 10px; }
.content	.vs-20	{ padding-top: 20px; padding-bottom: 20px; }
.content	.vs-30	{ padding-top: 30px; padding-bottom: 30px; }
.content	.vs-40	{ padding-top: 40px; padding-bottom: 40px; }
.content	.vs-50	{ padding-top: 50px; padding-bottom: 50px; }
.content	.vs-60	{ padding-top: 60px; padding-bottom: 60px; }

.content	.hs-10	{ padding-right: 10px; padding-left: 10px; }
.content	.hs-20	{ padding-right: 20px; padding-left: 20px; }
.content	.hs-30	{ padding-right: 30px; padding-left: 30px; }
.content	.hs-40	{ padding-right: 40px; padding-left: 40px; }
.content	.hs-50	{ padding-right: 50px; padding-left: 50px; }
.content	.hs-60	{ padding-right: 60px; padding-left: 60px; }

.content	table	{ border-top: 3px solid #2e3192; margin-bottom: 30px; }
.content	table	thead	th	{ padding: 10px; border-bottom: 2px solid #d7d7d7; text-transform: uppercase; font-weight: 400; }
.content	table	tbody	td,
.content	table	tbody	th	{ padding: 15px 10px; border-bottom: 1px solid #d7d7d7; text-align: left; vertical-align: top; }

.content	table	tbody	th	{ text-transform: uppercase; font-size: 14px; }

.content	table	tbody	tr:nth-child(odd)	td,
.content	table	tbody	tr:nth-child(odd)	th	{ background-color: #f3f3f3; }

.content	table	tfoot	th,
.content	table	tfoot	td	{ padding: 10px; border-top: 2px solid #d7d7d7; border-bottom: 2px solid #d7d7d7; text-transform: uppercase; font-weight: 400; }

.content	img.alignright	{ float: right; margin: 0 0 25px 40px; }
.content	img.alignleft	{ float: left; margin: 0 40px 25px 0; }
.content	img.aligncenter	{ display: block; margin: 0 auto 25px; }
.content	img.alignright,
.content	img.alignleft,
.content	img.aligncenter,
.content	img.alignnone	{ max-width: 100%; height: auto; }

.content	.col-12	img.alignright,
.content	.col-12	img.alignleft,
.content	.col-12	img.aligncenter,
.content	.col-12	img.alignnone	{ width: 100%; }

.content	p:empty { display: none; }

.content	#accordion	{ margin: 0 0 30px; }
.content	.ui-accordion-header	{ position: relative; background-color: #2e3192; color: #fff; font-size: 15px; font-weight: 700; line-height: 1; padding: 15px 60px 15px 15px; margin: 0 0 10px; cursor: pointer; }
.content	.ui-accordion-header:after	{ content: "\f0d7"; font-family: fontAwesome; font-size: 125%; position: absolute; right: 30px; }
.content	.ui-accordion-header-active	{ margin-bottom: 0; }
.content	.ui-accordion-header-active:after	{ content: "\f0d8"; }
.content	.ui-accordion-content	{ font-size: 15px; background-color: #fff; padding: 15px; margin: 0 0 10px; }

.content	#tabs	{ margin: 0 0 30px; }
.content	.ui-tabs-nav	{ list-style: none; margin: 0 0 10px; text-align: center; }
.content	.ui-tabs-nav	>	li	{ display: inline-block; margin: 0 1px; }
.content	.ui-tabs-nav	>	li	>	a	{ display: block; font-weight: 700; text-transform: uppercase; padding: 10px 15px; line-height: 1; color: #2e3192; }
.content	.ui-tabs-nav	>	li	>	a:hover,
.content	.ui-tabs-nav	>	li.ui-state-active	>	a	{ background-color: #ed1c24; color: #ffff; }
.content	.flyer	{ float: right; margin: 0 0 20px 20px; }
.content	.flyer	>	img	{ max-width: 200px; height: auto; }

.donate-via-bank	.ui-tabs-nav	{ position: sticky; top: 0; z-index: 2; background-color: #fff; }																						   
.bank-details-1	{ padding: 0 !important; position: relative; }
.bank-details-1	.item	{ padding: 15px; font-size: 13px; }
.bank-details-1	.bank-account-info	{ font-weight: 700; text-transform: uppercase; padding: 10px 15px; margin: 0 0 15px; line-height: 1; background-color: #ffeea5; }
.bank-details-1	.item:nth-child(odd)	{ background-color: #ebebeb; }
.bank-details-1	.item:nth-child(even)	{ background-color: #f7f7f7; }
.bank-details-1	.item	ul	{ margin: 0 !important; }
.bank-details-1	.item	ul	li	{ list-style: none !important; position: relative; padding: 0 0 0 calc(40% + 15px); }
.bank-details-1	.item	ul	li	>	label	{ display: block; width: 40%; position: absolute; left: 0; font-weight: 700; text-align: right; }
.bank-details-1	.item	.bank-logo	{ text-align: center; }
.bank-details-1	.item	.bank-logo	img	{ max-width: 90%; max-height: 50px; height: auto; width: auto; }

.bank-details-1:before  { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 200px; font-weight: 700; opacity: 0.075; }

.bank-details-1.usd:before  { content: "$"; }
.bank-details-1.gbp:before  { content: "£"; }
.bank-details-1.euro:before  { content: "€"; }

.bank-details	{ margin: 0 0 30px; position: relative; }
.bank-details	.item	{ padding: 15px; margin: 0 0 30px; font-size: 15px; border: 1px solid #ebebeb; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.bank-details	.bank-account-info	{ font-weight: 700; text-transform: uppercase; padding: 10px 15px; margin: 0; line-height: 1; background-color: #ffeea5; }
.bank-details	.item	.bank-logo	{ text-align: center; }
.bank-details	.item	.bank-logo	img	{ max-width: 90%; max-height: 110px; height: auto; width: auto; }
.bank-details	.item	.bank-logo	+	div	>	p	{ margin-bottom: 10px; }
.bank-details	.item	.bank-logo	+	div	>	p:last-child	{ margin-bottom: 0; }
.bank-details	.item	.whatsapp	{ margin: 15px 0 0; background-color: #25d366; text-transform: none; display: block; }
.bank-details	.item	.whatsapp:after	{ font-size: 150%; position: absolute; top: 50%; transform: translateY(-50%); }

.bank-details	.item:before  { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 200px; font-weight: 700; opacity: 0.075; }

.bank-details.usd	.item:before  { content: "$"; }
.bank-details.gbp	.item:before  { content: "£"; }
.bank-details.euro	.item:before  { content: "€"; }

.thumbnail-gallery	.item	{ margin-bottom: 30px; }
.thumbnail-gallery	.item	>	a	{ display: block; height: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.25); }
.thumbnail-gallery	.item	>	a	.title	{ display: block; margin: 15px 0 0; font-size: 17px; width: 85%; }
.thumbnail-gallery	.item	>	a:hover	{ text-decoration: none; }

.page-gallery	{ margin-bottom: 30px; }
.page-gallery	a.slick-arrow	{ cursor: pointer; position: absolute; top: 50%; z-index: 99999; width: 30px; height: 30px; margin: -15px 0 0; opacity: 0.75; transition: all 0.25s linear 0s; }
.page-gallery	a.slick-arrow:hover	{ opacity: 1; }
.page-gallery	a.slick-arrow:before,
.page-gallery	a.slick-arrow:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #fff; }
.page-gallery	a.slick-arrow:before	{ top: 4px; }
.page-gallery	a.slick-arrow:after	{ bottom: 4px; }
.page-gallery	a.slick-arrow.slick-next	{ right: 30px; }
.page-gallery	a.slick-arrow.slick-next:before	{ transform: rotate(45deg); }
.page-gallery	a.slick-arrow.slick-next:after	{ transform: rotate(-45deg); }
.page-gallery	a.slick-arrow.slick-prev	{ left: 30px; }
.page-gallery	a.slick-arrow.slick-prev:before	{ transform: rotate(-45deg); }
.page-gallery	a.slick-arrow.slick-prev:after	{ transform: rotate(45deg); }

.side-menu	{ font-size: 15px; font-weight: bold; line-height: 1.25; margin: 0 0 30px; }
.side-menu	a	{ transition: all 0.25s ease-in-out 0s; }
.side-menu	a:hover	{ color: #ed1c24; }
.side-menu	ul	>	li	{ margin: 0 0 3px; }
.side-menu	ul	>	li.current_page_item	>	a,
.side-menu	ul	>	li.current_page_parent	>	a,
.side-menu	ul	>	li.current-cat	>	a,
.side-menu	ul	>	li.current-cat-parent	>	a,
.side-menu	ul	>	li.current-cat-ancestor	>	a	{ color: #ed1c24; }

.side-menu	ul	>	li	>	a	{ display: block; background-color: #d3d3d3; padding: 10px 15px; }

.side-donate	{ position: relative; height: 200px; margin: 0 0 30px; text-align: center; color: #fff; background-color: #2e3192; }
.side-donate	>	span	{ display: block; padding: 15px 35px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 21px; font-weight: 700; }
.side-donate	>	.btn	{ display: block; width: 75%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%); }

.zakat-calculator	{ margin: 0 0 20px; }
.zakat-calculator	>	form	{ padding: 30px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 20px; }
.zakat-calculator	.title	{ font: 700 19px "Libre Baskerville", serif; }
.zakat-calculator	.field	{ margin: 20px 0 0; }
.zakat-calculator	.field	>	label	{ font-size: 85%; text-transform: uppercase; }
.zakat-calculator	.field:not(.result)	>	label	{ display: block; margin-bottom: 3px; }
.zakat-calculator	.field	>	input	{ width: 100%; }
.zakat-calculator	.result	>	output	{ font-size: 125%; font-weight: 500; line-height: 1; }

.page-template-qurbani	.zakat-calculator,
.page-template-sadqa-bakra	.zakat-calculator	{ display: none; }

#wpdcom	{ max-width: 100%; }
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap	{ flex-basis: 100%; }
.wpd-comment-share,
#wpdcom .wpd-comment .wpd-comment-left	{ display: none; }
#wpdcom .wpd-comment .wpd-comment-right	{ width: 100%; }

.page-template-gallery	.ngg-breadcrumbs	{ padding: 0 !important; margin: 35px 0 0 0 !important; }

.page-template-gallery	.ngg-albumoverview.default-view	{ display:-ms-flexbox !important; display:flex !important; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top: 30px; margin-bottom: 0; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	{ padding: 0 0 !important; margin: 0 0 0 !important; border-width: 0 0 1px 1px; border-style: solid; border-color: #d7d7d7; box-shadow: none; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	.Thumb	{ max-width: 100%; height: auto; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	h4	{ padding-bottom: 10px; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	h4 .ngg-album-desc	{ display: inline-block; height: auto; }

.page-template-gallery	.ngg-galleryoverview.default-view	{ margin-top: 30px; margin-bottom: 0; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail-box	{ padding: 5px; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail	{ background-color: #d3d3d3; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail	a	{ margin: 0 !important; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail	img	{ width: 100% !important; }

.page-template-gallery	.ngg-navigation	{ padding: 35px 0 0 !important; }
.page-template-gallery	.ngg-navigation a.page-numbers, 
.page-template-gallery	.ngg-navigation a.next, .ngg-navigation a.prev, 
.page-template-gallery	.ngg-navigation span.page-numbers, 
.page-template-gallery	.ngg-navigation span.next, 
.page-template-gallery	.ngg-navigation span.prev, 
.page-template-gallery	.ngg-navigation span.current	{ display: inline-block; border-radius: 0; background: #fff; margin: 0 2px; padding: 5px 10px; color: inherit; font-weight: 400; transition: all 0.25s ease-in-out 0s; }

.page-template-gallery	.ngg-navigation a.page-numbers:hover,
.page-template-gallery	.ngg-navigation span.current	{ background-color: #ed1c24; color: #fff; }

.maps { position: relative; height: 470px; width: 100%; margin: 0 0 25px; background-color: #d3d3d3; }

.wpcf7-form	.field	{ margin-bottom: 20px; }
.wpcf7-form	.field	>	label	{ display: block; margin-bottom: 5px; font-size: 14px; text-transform: uppercase; }
.wpcf7-form	input[type=text], .wpcf7-form	input[type=email], .wpcf7-form	input[type=tel], .wpcf7-form	input[type=password], .wpcf7-form	input[type=number], .wpcf7-form	input[type=date], .wpcf7-form	input[type=search], .wpcf7-form	select, .wpcf7-form	textarea,
.wpcf7-form	input[type=submit], .wpcf7-form	input[type=button]	{ width: 100%; }

.wpcf7-form-control.wpcf7-radio	.wpcf7-list-item	{ margin-left: 0; }
.wpcf7-form-control.wpcf7-radio	.wpcf7-list-item:not(:last-child)	{ margin-right: 20px; }
.wpcf7-form-control.wpcf7-radio	.wpcf7-list-item-label	{ margin-left: 5px; font-size: 16px; }

span.wpcf7-not-valid-tip	{ color: #f00; margin: 5px 0 0; font-size: 13px; }
span.wpcf7-not-valid-tip:before	{ font-family: fontAwesome; font-size: 80%; content: "\f071"; margin: 0 5px 0 0; }

div.wpcf7 .ajax-loader	{  background-color: #fff; margin: -10px 0 0 10px; padding: 2px; }

div.wpcf7-response-output	{ margin: 0 0 20px; border-width: 1px !important; padding: 10px 15px; }

.navigation.pagination	{ text-align: center; padding-top: 25px; }
.navigation.pagination	.screen-reader-text	{ display: none; }

.navigation.pagination	.nav-links	{ width: 100%; font-size: 15px; text-transform: uppercase; line-height: 1; }
.navigation.pagination	.nav-links	.page-numbers	{ display: inline-block; margin: 0 2px; padding: 5px 10px; background-color: #fff; transition: all 0.25s ease-in-out 0s; }
.navigation.pagination	.nav-links	a	{ color: inherit; }
.navigation.pagination	.nav-links	a:hover,
.navigation.pagination	.nav-links	span.current	{ background-color: #ed1c24; color: #fff; text-decoration: none; }

.navigation.pagination	.nav-links	.prev:before,
.navigation.pagination	.nav-links	.next:after	{ font-family: fontAwesome; }

.navigation.pagination	.nav-links	.prev:before	{ content: "\f0d9"; margin-right: 10px; }
.navigation.pagination	.nav-links	.next:after	{ content: "\f0da"; margin-left: 10px; }

.page-404	{ text-align: center; padding-top: 125px; }
.page-404	.title	{ font-weight: 700; padding: 0 0 20px; }

/* DONATE ONLINE */
.clear	{ clear: both; }

.donation-call-to-action	{ display: none; flex-wrap: wrap; gap: 10px 0; height: 100%; flex-direction: row; align-items: flex-start; background-color: rgba(255,199,39,0.11); border: 2px solid #ffc727; padding: 30px 40px; border-radius: 20px; position: relative; margin: 0 0 20px; }
.donation-call-to-action	>	*	{ flex: 0 0 100%; }
.donation-call-to-action	.title	{ font-weight: 400; font-family: "Libre Baskerville", serif; line-height: 1.25; margin-bottom: 0; }
.donation-call-to-action	.desc	{ line-height: 1.5; margin-top: 5px; margin-bottom: 0; font-weight: 300; }
.donation-call-to-action	.btn	{ flex: 0 0 auto; }

.donation-call-to-action.sadqa-bakra-donation:before,
.donation-call-to-action.sadqa-bakra-donation:after	{ position: absolute; bottom: 0; background: url('images/sadqa-bakra.png') no-repeat right bottom; background-size: contain; display: block; width: 165px; height: 95%; }

.donation-call-to-action.sadqa-bakra-donation:before	{ left: 35px; transform: rotateY(180deg); }
.donation-call-to-action.sadqa-bakra-donation:after	{ right: 35px; }

.donation-call-to-action-2	{ display: flex; background-color: #fff; border-color: #d7d7d7; }
.donation-call-to-action-2	.title	{ line-height: 1.25; margin-bottom: 0; font-family: "Libre Baskerville", serif; }
.donation-call-to-action-2	.desc	{ line-height: 1.5; margin-top: 5px; margin-bottom: 0; font-weight: 300; }

.page-template-sadqa-bakra	.donation-call-to-action.general-donation,
.page-template-donate	.donation-call-to-action.sadqa-bakra-donation	{ display: flex; }

.donation-form-wrapper	{ padding: 50px 0 0; margin: 50px 0 0; border-top: 1px solid #d7d7d7; }

.donation-form-wrapper	.checkout.woocommerce-checkout	{ position: relative; display: flex; flex-direction: column;  }

.donation-form-wrapper	.checkout.woocommerce-checkout	h3	{ font: 700 22px "Libre Baskerville", serif !important; margin: 0 0 15px; position: relative; }
.donation-form-wrapper	.checkout.woocommerce-checkout	h3:before	{ font-size: 72.5%; font-weight: normal; font-family: fontAwesome; color: #ffc727; margin: 0 12px 0 0; }

.donation-form-wrapper	.checkout.woocommerce-checkout	.woocommerce-checkout-payment	h3:before	{ content: "\e163"; }
.donation-form-wrapper	.checkout.woocommerce-checkout	#cwa-options	h3:before	{ content: "\e1f3"; }
.donation-form-wrapper	.checkout.woocommerce-checkout	.woocommerce-billing-fields	h3:before	{ content: "\f007"; }

.donation-form-wrapper	.checkout.woocommerce-checkout	#order_review	{ order: 1; }
.donation-form-wrapper	.checkout.woocommerce-checkout	#cwa-options	{ order: 2; }
.donation-form-wrapper	.checkout.woocommerce-checkout	.recurring-donation-option	{ order: 3; }
.donation-form-wrapper	.checkout.woocommerce-checkout	#customer_details	{ order: 4; }

.donation-form-wrapper	.checkout.woocommerce-checkout	.iti	{ display: block; }

.donation-form-wrapper	.add-donation	{ display: block; margin: 0 0 30px; background-color: rgba(236,91,19,0.10); font: 600 15px "Mona Sans", sans,seif; text-transform: uppercase; padding: 7px 10px; border-radius: 10px; text-align: center; }
.donation-form-wrapper	.add-donation:before	{ font-family: fontAwesome; font-weight: 400; content: "\f067"; margin: 0 10px 0 0; }

.donation-form-fields	{ position: relative; padding-bottom: 30px; row-gap: 15px; }

.donation-form-wrapper	.remove-donation	{ display: block; margin: 0 0 30px; background-color: rgba(0,0,0,0.10); font: 600 15px "Mona Sans", sans,seif; text-transform: uppercase; padding: 7px 10px; border-radius: 10px; text-align: center; }
.donation-form-wrapper	.remove-donation:before	{ font-family: fontAwesome; font-weight: 400; content: "\f00d"; margin: 0 10px 0 0; }

.donation-form-fields	input[type=text], .donation-form-fields	input[type=email], .donation-form-fields	input[type=tel], .donation-form-fields	input[type=password], .donation-form-fields	input[type=number], .donation-form-fields	input[type=date], .donation-form-fields	input[type=search], .donation-form-fields	select, .donation-form-fields	textarea	{ width: 100%; }

.donation-form-fields	.field	>	label	{ display: inline-block; margin: 0 0 5px; font-size: 85%; font-weight: 600; color: #9ca3af; text-transform: uppercase; }

.donation-form-fields	.field	.instructions	{ font-size: 11px; line-height: 1; color: #2e3192; }

.donation-form-wrapper	.woocommerce-billing-fields__field-wrapper,
.donation-form-wrapper	.woocommerce-additional-fields__field-wrapper	{ margin: 0 -15px; }

.donation-form-wrapper	.woocommerce-billing-fields__field-wrapper	.form-row,
.donation-form-wrapper	.woocommerce-additional-fields__field-wrapper	.form-row	{ padding-right: 15px; padding-left: 15px; }

.cwa--cloneable	>	.donation-form-fields:first-child	.remove-donation	{ display: none; }

.form-row	{ display: block !important; }
.form-row	input[type=text], .form-row	input[type=email], .form-row	input[type=tel], .form-row	input[type=password], .form-row	input[type=search], .form-row	input[type=number], .form-row	select, .form-row	textarea	{ width: 100%; }

.form-row	label	{ display: inline-block; margin: 0 0 5px; font-size: 85%; font-weight: 600; color: #9ca3af; text-transform: uppercase; cursor: pointer; }
.form-row	label	.required	{ color: #ed1c24; margin-left: 3px; }
.form-row	label	.optional	{ font-size: 80%; opacity: 0.75; }

.donation-form-wrapper	#customer_details	>	div	{ overflow: hidden; }

/* Override rule for billing_postcode_field */ 
#billing_postcode_field .optional { font-size: 0; opacity: 0; }

.form-row	label.woocommerce-form__label-for-checkbox	>	input	{ margin-right: 5px; }

.form-row	.description	{ font-size: 13px; color: #646464; margin-top: 5px; }

.form-row.login-checkout-captcha	label	{ color: #ed1c24; }

.woocommerce-form.woocommerce-form-login	.form-row	label.woocommerce-form-login__rememberme	{ float: left; }
.woocommerce-form.woocommerce-form-login	.form-row	.woocommerce-form-login__submit	{ float: right; }

.donation-form-wrapper	.woocommerce-checkout-review-order	{ clear: both; }

.donation-form-wrapper	.woocommerce-terms-and-conditions-wrapper	{ padding: 0 5px; }
.donation-form-wrapper	.woocommerce-terms-and-conditions-wrapper	.woocommerce-privacy-policy-text	{ width: 70%; font-size: 90%; }

.select2-container	{ display: block; width: 100% !important; }
.select2-container .select2-selection--single	{ height: auto; margin-bottom: 0; }
.select2-container .select2-selection--single .select2-selection__rendered	{ padding: 20px 60px 20px 25px; }
.select2-container--default .select2-selection--single	{ border-radius: 15px; border-width: 2px; border-color: #f1f5f9 ; font-size: 17px; }
.select2-container--default .select2-selection--single .select2-selection__arrow	{ top: 50%; right: 25px; transform: translateY(-50%); }
.select2-container--default .select2-selection--single .select2-selection__rendered	{ line-height: 1; }

.select2-container	.select2-dropdown	{ border-color: #f1f5f9; }
.select2-container	.select2-dropdown	.select2-results__option	{ padding: 10px 15px; }
.select2-search--dropdown .select2-search__field	{ padding: 10px 15px; }
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]	{ background-color: #000; }

.donation-summary	{ background-color: #fff; border: 1px solid #d7d7d7; border-radius: 20px; overflow: hidden; text-align: center; margin: 0 0 20px; }
.donation-summary	.details	{ padding: 40px 30px 30px; }
.donation-summary	.details	>	label	{ display: inline-block; padding: 5px 10px; font-size: 12px; background-color: rgba(236,91,19,0.10); text-transform: uppercase; border-radius: 10px; }
.donation-summary	.details	>	span	{ display: block; padding: 5px 0 0; font-size: 27px; font-weight: 700; color: #2e3192; }
.donation-summary	.btn	{ display: block; width: 100%; }

.chippa-form-login-wrapper	>	form	{ background-color: #ebebeb; padding: 20px; margin-bottom: 30px; }
.chippa-form-login-wrapper	>	form	.clear	{ clear: both; }
.chippa-form-login-wrapper	>	form	p.lost_password	{ margin-bottom: 0; }

.woocommerce-checkout-payment	.form-row	{ padding-right: 0; padding-left: 0; }
.woocommerce-checkout-payment	#place_order	{ display: none; }

body.logged-in.woocommerce-account	.sub-content-area	.content	{ flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; }

.woocommerce-MyAccount-navigation	.title	{ margin-bottom: 10px; font-size: 95%; text-transform: uppercase; }
.woocommerce-MyAccount-navigation	ul	{ margin-left: 0; font-size: 15px; }
.woocommerce-MyAccount-navigation	ul	li	{ list-style: none; border-bottom: 1px solid #ebebeb; }
.woocommerce-MyAccount-navigation	ul	li	a	{ display: inline-block; padding: 5px 0; color: inherit; }
.woocommerce-MyAccount-navigation	ul	li	a:before	{ font-family: fontAwesome; content: "\f00c"; margin-right: 10px; color: #ed1c24; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--dashboard	a:before	{ content: "\f108"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--orders	a:before	{ content: "\f004"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--edit-address	a:before	{ content: "\f2ba"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--edit-account	a:before	{ content: "\f2c0"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--customer-logout	a:before	{ content: "\f08b"; }
.woocommerce-MyAccount-navigation	ul	li.is-active	a	{ color: #ed1c24; }

.woocommerce-MyAccount-content	{ font-size: 15px; }

.woocommerce-MyAccount-content-title	{ line-height: 1 !important; margin-bottom: 30px !important; }

.woocommerce-orders-table__cell-order-actions	.button	{ font-size: 13px; font-weight: 400; padding: 5px 10px; margin-bottom: 3px; }
.woocommerce-orders-table__cell-order-actions	.button:not(:last-child)	{ margin-right: 3px; }
.woocommerce-orders-table__cell-order-actions	.button.pay	{ background-color: #ed1c24; }
.woocommerce-orders-table__cell-order-actions	.button.view	{ background-color: #2e3192; }
.woocommerce-orders-table__cell-order-actions	.button.cancel	{ background-color: #000; }

.woocommerce-orders-table	.woocommerce-Price-amount	{ display: block; }

.woocommerce-password-strength	{ font-size: 13px; margin: 5px 0 0; }
.woocommerce-password-strength.strong	{ color: #0C0; }
.woocommerce-password-strength.short	{ color: #f00; }
.woocommerce-password-strength.bad	{ color: #f00; }
.woocommerce-password-strength.good	{ color: #C90; }

.woocommerce-view-order	.order-number,
.woocommerce-view-order	.order-date,
.woocommerce-view-order	.order-status	{ background-color: #ddd; padding: 0 10px; margin: 0 5px; }

.woocommerce-MyAccount-content	.col-1.woocommerce-Address	{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 0; }
.woocommerce-MyAccount-content	.col-2.woocommerce-Address	{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 0; }

.woocommerce-MyAccount-content	.woocommerce-Address	address	{ line-height: 1.75; }

.woocommerce-MyAccount-content	.woocommerce-customer-details	address	{ line-height: 1.75; }
.woocommerce-MyAccount-content	.woocommerce-customer-details	address	>	p	{ margin-bottom: 0; }

.woocommerce-MyAccount-content	.donation-thankyou-note	{ text-align: center; font-size: 150%; font-weight: 500; color: #ed1c24; padding-top: 25px; }

body.woocommerce-view-order	.sub-header,
body.woocommerce-view-order	.woocommerce-MyAccount-navigation,
body.woocommerce-view-order	.footer-call-to-actions,
body.woocommerce-view-order	.quick-donate	{ display: none; }

body.woocommerce-view-order	.woocommerce-MyAccount-content	{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

body.woocommerce-view-order		.sub-content-area	{ padding-top: 165px; }
body.woocommerce-view-order		.sub-content-area:before,
body.woocommerce-view-order		.sub-content-area:after	{ display: none; }

body.woocommerce-view-order	#footer	.inside	{ padding-top: 50px; }
/* DONATE ONLINE */

/* WOOCOMMERCE NOTICES */
.woocommerce-error,
.woocommerce-success,
.woocommerce-notice,
.woocommerce-message,
.woocommerce-info	{ border-width: 1px; border-style: solid; margin: 0 0 20px !important; font-size: 13px; padding: 10px 15px; border-radius: 10px; }

.woocommerce-error	li,
.woocommerce-success	li,
.woocommerce-notice	li,
.woocommerce-message	li,
.woocommerce-info	li	{ list-style: none !important; margin: 0 !important; }

.woocommerce-error	li:before,
.woocommerce-success	li:before,
.woocommerce-notice	li:before,
.woocommerce-message	li:before,
.woocommerce-info	li:before	{ font-family: fontAwesome; font-size: 15px; margin: 0 15px 0 0; }

.woocommerce-error	{ border-color: #f9c9bf; background-color: #fcf4f2; color: #a51b00; }
.woocommerce-success	{ border-color: #c9e1bd; background-color: #f3faef; color: #325e1c; }
.woocommerce-notice	{ border-color: #f4daa6; background-color: #fdf8ed; color: #734c00; }
.woocommerce-message,
.woocommerce-info	{ border-color: #f4daa6; background-color: #fdf8ed; color: #734c00; }

.woocommerce-error	a,
.woocommerce-success	a,
.woocommerce-notice	a,
.woocommerce-message	a,
.woocommerce-info	a	{ font-weight: 700; }

.woocommerce-error	a	{ color: #a51b00; }
.woocommerce-success	a	{ color: #325e1c; }
.woocommerce-notice	a	{ color: #734c00; }
.woocommerce-message	a,
.woocommerce-info	a	{ color: #734c00; }

.woocommerce-error	li:before	{ content: "\f00d"; color: #cc2200; }
.woocommerce-success	li:before	{ content: "\f058"; color: #6ba150; }
.woocommerce-notice	li:before	{ content: "\f05a"; color: #e09600; }
.woocommerce-message	li:before,
.woocommerce-info	li:before	{ content: "\f05a"; color: #e09600; }

.woocommerce-error	li	>	div,
.woocommerce-success	li	>	div,
.woocommerce-notice	li	>	div,
.woocommerce-message	li	>	div,
.woocommerce-info	li	>	div	{ display: inline-block; padding: 5px 0; border: none; margin-bottom: 0 !important; }

.woocommerce-error	.button,
.woocommerce-success	.button,
.woocommerce-notice	.button,
.woocommerce-message	.button,
.woocommerce-info	.button	{ padding: 5px 15px; font-size: 13px; text-decoration: none; margin-right: 10px; }
/* WOOCOMMERCE NOTICES */

.woocommerce-form-row.woocommerce-form-row--last {
  display: none !important;
}

/*Mobile App View*/
.mobile-app-view	#top,
.mobile-app-view	.sub-header,
.mobile-app-view	.footer-call-to-actions,
.mobile-app-view	#footer	{ display: none; }

.mobile-app-view	.sub-content	{ padding-top: 35px; padding-bottom: 35px; }

.mobile-app-view	.sub-content-area	{ padding-top: 0; margin-left: 0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.mobile-app-view	.sub-content-area:before,
.mobile-app-view	.sub-content-area:after	 { display: none; }

.mobile-app-view.woocommerce-checkout	{ background-color: #e3e8f2; }

.mobile-app-view.woocommerce-checkout	.content	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.woocommerce-checkout	.donation-call-to-action	{ overflow: hidden; padding: 15px; margin-top: -35px; margin-right: -15px; margin-left: -15px; }

.mobile-app-view.woocommerce-checkout	.donation-call-to-action	.title	{ float: left; width: 57.5%; text-align: left; font-size: 17px; margin-bottom: 0; }
.mobile-app-view.woocommerce-checkout	.donation-call-to-action	.btn	{ float: right; font-size: 13px; padding-right: 25px; padding-left: 25px; }

.mobile-app-view.woocommerce-checkout	.donation-form-wrapper	{ padding-top: 35px; padding-bottom: 35px; }
.mobile-app-view.woocommerce-checkout	.donation-form-wrapper	>	.row	>	div	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h2,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h3,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h4,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h5,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h6	{ margin-bottom: 10px; }

.mobile-app-view.woocommerce-checkout	.donation-form-fields	{ background-color: #fff; padding: 25px 30px; border-bottom: 0; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	.field	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	>	[class*="col-"]	{ padding-right: 0; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	>	[class*="col-"]:not(:nth-last-of-type(1))	{ padding-bottom: 15px; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	.remove-donation	{ top: 10px; right: 30px; left: auto; transform: translateY(0); }

.mobile-app-view.woocommerce-checkout	.donation-form-wrapper .woocommerce-billing-fields__field-wrapper, 
.mobile-app-view.woocommerce-checkout	.donation-form-wrapper .woocommerce-additional-fields__field-wrapper	{ overflow: hidden; margin-right: 0; margin-left: 0; background-color: #fff; padding: 25px 15px 15px; }

.mobile-app-view.woocommerce-checkout	.form-row-first, 
.mobile-app-view.woocommerce-checkout	.form-row-last	{ width: 100%; }

.mobile-app-view.woocommerce-checkout	.zakat-calculator > form	{ background-color: #fff; }

.mobile-app-view.page-id-47	.sub-content,
.mobile-app-view.parent-pageid-47	.sub-content	{ padding-top: 0; }

.mobile-app-view.page-id-47	.sub-content-area	>	.row	>	.content,
.mobile-app-view.parent-pageid-47	.sub-content-area	>	.row	>	.content	{ order: 13; }
.mobile-app-view.page-id-47	.sub-content-area	>	.row	>	div,
.mobile-app-view.parent-pageid-47	.sub-content-area	>	.row	>	div	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-left: 0; display: block !important; }

.mobile-app-view	.side-menu	{ position: relative; margin-right: -15px; margin-left: -15px; border-bottom: 1px solid #d3d3d3; padding: 10px 15px; text-transform: uppercase; }
.mobile-app-view	.side-menu:before	{ width: 17.5%; height: 100%; z-index: 2; position: absolute; top: 0; right: 0; content: ""; background-color: #fff; }

.mobile-app-view	.side-menu	>	ul	>	li	{ display: inline-block; }
.mobile-app-view	.side-menu	>	ul	li	{ margin-right: 15px; }
.mobile-app-view	.side-menu	>	ul	>	li	>	a	{ background: transparent; padding: 0; }

.mobile-app-view	.side-menu .current_page_item > a, 
.mobile-app-view	.side-menu .current_page_parent > a, 
.mobile-app-view	.side-menu .current-cat > a, 
.mobile-app-view	.side-menu .current-cat-parent > a, 
.mobile-app-view	.side-menu .current-cat-ancestor >	a	{ color: #2e3192 !important; }

.mobile-app-view	.side-menu	a.slick-arrow	{ cursor: pointer; position: absolute; top: 50%; z-index: 99999; width: 12px; height: 12px; margin: -6px 0 0; opacity: 1; }
.mobile-app-view	.side-menu	a.slick-arrow:before,
.mobile-app-view	.side-menu	a.slick-arrow:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #000; }
.mobile-app-view	.side-menu	a.slick-arrow:before	{ top: 1px; }
.mobile-app-view	.side-menu	a.slick-arrow:after	{ bottom: 1px; }
.mobile-app-view	.side-menu	a.slick-arrow.slick-next	{ right: 0px; }
.mobile-app-view	.side-menu	a.slick-arrow.slick-next:before	{ transform: rotate(45deg); }
.mobile-app-view	.side-menu	a.slick-arrow.slick-next:after	{ transform: rotate(-45deg); }
.mobile-app-view	.side-menu	a.slick-arrow.slick-prev	{ right: 25px; }
.mobile-app-view	.side-menu	a.slick-arrow.slick-prev:before	{ transform: rotate(-45deg); }
.mobile-app-view	.side-menu	a.slick-arrow.slick-prev:after	{ transform: rotate(45deg); }

.mobile-app-view.page-id-47	.side-donate,
.mobile-app-view.page-id-47	.zakat-calculator,
.mobile-app-view.parent-pageid-47	.side-donate,
.mobile-app-view.parent-pageid-47	.zakat-calculator	{ display: none; }

.mobile-app-view.page-template-contact	.sub-header	{ display: block; }

.mobile-app-view.page-template-contact	.sub-content	{ padding-top: 0; }

.mobile-app-view.page-template-contact	.sub-content-area	.content	>	h1	{ display: none; }

.mobile-app-view.page-template-contact	.contact-info	{ margin-bottom: 20px; }
.mobile-app-view.page-template-contact	.contact-info,
.mobile-app-view.page-template-contact	.contact-info	+	div	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.page-template-contact	.contact-info	>	p	{ display: none; }

.mobile-app-view.page-template-contact	.contact-info	>	p:first-child,
.mobile-app-view.page-template-contact	.contact-info	>	p.social-media	{ display: block; }

.mobile-app-view.page-template-contact	.contact-info	>	p:first-child	>	label	{ display: none; }

.mobile-app-view.page-template-contact	.wpcf7-form	h3	{ display: none; }
.mobile-app-view.page-template-contact	.wpcf7-form .field	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.woocommerce-view-order		.sub-content-area	{ padding-top: 30px; }

.loading-wrapper	{ display: none; }

.mobile-app-view.loader	.loading-wrapper	{ display: block; width: 100%; height: 100%; background-color: #ddd; position: fixed; top: 0; left: 0; z-index: 9999; }

.loading-element	{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; }
.loading-element	div	{ display: block; position: absolute; width: 24px; height: 24px; margin: 3px; border: 3px solid #2e3192; border-radius: 50%; animation: loading-element 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #2e3192 transparent transparent transparent; }
.loading-element	div:nth-child(1)	{ animation-delay: -0.45s; }
.loading-element	div:nth-child(2)	{ animation-delay: -0.3s; }
.loading-element	div:nth-child(3)	{ animation-delay: -0.15s; }
@keyframes loading-element {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wc_payment_methods	{ row-gap: 20px; margin-bottom: 30px; }

.wc_payment_methods	.wc_payment_method	label { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; aspect-ratio: 2 / 1.1; border: 2px solid #f1f5f9; border-radius: 15px; cursor: pointer; transition: all 0.2s ease; text-align: center; font-size: 15px; }
.wc_payment_methods	.wc_payment_method	label:hover	{ border-color: #9ca3af; }
.wc_payment_methods	.wc_payment_method	label	>	img	{ height: 55px; object-fit: cover; margin: 0 0 10px; filter: grayscale(100%); transition: all 0.2s ease; }
.wc_payment_methods	.wc_payment_method	label:has(input[type="radio"]:checked)	{ background-color: rgba(255,199,39,0.05); border-color: #ffc727; }
.wc_payment_methods	.wc_payment_method	input[type="radio"]	{ display: none; }

.wc_payment_methods	.wc_payment_method	label	.title	{ font-size: 18px; font-weight: 600; }
.wc_payment_methods	.wc_payment_method	label:has(input[type="radio"]:checked)	.title	{ color: #ffc727; }
.wc_payment_methods	.wc_payment_method	label:hover	>	img,
.wc_payment_methods	.wc_payment_method	label:has(input[type="radio"]:checked)	>	img	{ filter: grayscale(0); }


body.woocommerce-order-pay	#top,
body.woocommerce-order-pay	.sub-header,
body.woocommerce-order-pay	.footer-call-to-actions,
body.woocommerce-order-pay	#footer	{ display: none; }

body.woocommerce-order-pay	.woocommerce	{ padding: 50px 0; text-align: center; margin: 0 auto; }
body.woocommerce-order-pay	.woocommerce	.order_details	{ border: 1px solid #ebebeb; background-color: #f9f9f9; padding: 50px; margin: 0; }
body.woocommerce-order-pay	.woocommerce	.order_details	li	{ list-style: none; }

body.woocommerce-order-pay	.jazzcash-loading	{ padding: 50px 0 0; }
body.woocommerce-order-pay	.jazzcash-loading	img	{ max-width: 200px; height: auto; }

/* PayPal Module */
body.woo-chhipa-pm-switch-consent-modal-on:before { content: ""; background-color: rgba(0,0,0,0.85); position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; }

.woo-chhipa-pm-switch-consent-confirmation-modal	{ position: fixed; top: 50%; left: 50%; z-index: 99999 !important; width: 90%; max-width: 580px; text-align: center; padding: 55px 65px; transform: translate(-50%,-50%); background-color: #2e3192; color: #fff; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.title	{ font-weight: 700; color: #fff; text-transform: uppercase; }
.woo-chhipa-pm-switch-consent-confirmation-modal	a	{ color: #fff; }

.woo-chhipa-pm-switch-consent-confirmation-modal	.consent-confirmation-btn	{ display: block; width: 100%; background-color: #fff; color: #000 !important; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.consent-confirmation-btn:hover	{ background-color: #017439; color: #fff !important; }

.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	{ font-size: 85%; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	> a	{ display: inline-block; margin: 0 15px; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	.btn.alt	{ border-color: rgba(255,255,255,0.75); color: #fff !important; text-transform: none; font-size: 13px; font-weight: 400; padding: 5px 12px; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	.btn.alt:hover	{ background-color: rgba(255,255,255,0.25) !important; }
/* PayPal Module */

.chhipa_hiddenx{ display:none; }

.chhipa-service-flyers	{ background-color: #ebebeb; padding: 35px 20px; margin: 0 0 30px; }
.chhipa-service-flyers	.section-title	{ text-align: center; }

.chhipa-service-flyers-list	{ row-gap: 30px; }

.wc_payment_methods .wc_payment_method	.about_paypal	{ display: none; }

.donation-call-to-action-homepage	{ border: 3px solid #2e3192; background-color: #feff86; padding: 25px; margin: 0 0 35px; text-align: center; }

.donation-call-to-action-homepage	.title	{ line-height: 1.1; text-transform: uppercase; margin: 15px 0; }
.donation-call-to-action-homepage	.btn	{ padding: 10px 35px; }
.donation-call-to-action-homepage	.call-wa	{ margin: 15px 0 0; word-wrap: break-word; }

.call-wa	{ font-size: 26px; font-weight: bold; color: #2e3192; }
.call-wa	.fa	{ margin: 0 3px 0 0; }
.call-wa	.fa.phone	{ background-color: #b80000; }
.call-wa	.fa.whatsapp	{ background-color: #02c100; }
.call-wa	.fa.phone,
.call-wa	.fa.whatsapp	{ border-radius: 3px; width: 25px; height: 25px; font-size: 22px; line-height: 25px; position: relative; top: -2px; color: #fff; text-align: center; }

html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"])	{ padding-right: 0 !important; }
.pum-theme-68154 .pum-container, .pum-theme-lightbox .pum-container	{ padding: 0 !important; }
.page-template.woocommerce-checkout	.swal2-title	{ display: block !important; }
.page-template.woocommerce-checkout	.swal2-title	.flag-icon:before	{ content: ""; display: inline-block; width: 34px; height: 25.5px; margin: 2px 7px 0 0; transform: translateY(3px); background: url('images/gb.svg') no-repeat center; background-size: 100%; }

body:not(.page-template-donate)	.chhipa-donation-selection-wrapper	{ display: none; }
.chhipa-donation-selection-wrapper	{ margin: 20px 0; }
.chhipa-donation-selection-list	{ row-gap: 20px; }
.chhipa-donation-selection-list-item	{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; aspect-ratio: 3 / 1.25; padding: 20px 30px; border-radius: 20px; background: linear-gradient(to bottom,rgba(0,0,0,0.0625),transparent); border: 1px solid #d7d7d7; }
.chhipa-donation-selection-list-item	>	*	{ flex: 0 0 100%; padding: 0; margin: 0 !important; text-align: center; }
.chhipa-donation-selection-list-item	.title	{ font-size: 17px; font-weight: 700; margin: 0 0 10px; line-height: 1.25; }
.chhipa-donation-selection-list-item	.btn	{ flex: 0 0 auto; padding: 12px 30px; margin: 10px 0 0; border-radius: 20px; }

.chhipa-donation-selection-list-item.special	{ border: 5px solid #ed1c24; }
.chhipa-donation-selection-list-item.special	.title	{ display: inline-block; border-bottom: 3px solid #ed1c24; color: #ed1c24; text-transform: uppercase; }
.chhipa-donation-selection-list-item.special	.btn	{ font-size: 17px; padding: 10px 20px; letter-spacing: 1px; }

.cwa-floating-c2a	{ position: fixed; bottom: 0; right: 0; z-index: 999999999; }
.cwa-floating-c2a	.btn	{ font-size: 125%; font-weight: 500; max-width: 300px; animation: pulse 0.5s 0.5s infinite; }
.cwa-floating-c2a	.btn	>	span	{ display: block; margin: 0 0 2px; font-size: 125%; font-weight: 700; }