@media (min-width:1400px) {
	.home_newsletter:before {
		left: 145px
	}

	.home_newsletter:after {
		right: 145px
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .head-inner {
		max-width: 1420px
	}

	.about-sec .red-btn {
		margin-right: 40px
	}

	.events-tabs-block .events-block a {
		min-width: 180px
	}

}

@media screen and (min-width:992px) {
	.close-quick, .donate_form, .navbar-toggler, .quick-donate-form .amount-donate {
		display: none
	}

	.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .dropdown-menu, form.quick-donate-form .multi-collapse {
		display: block
	}

	.head-inner nav.navbar ul.navbar-nav li:hover span.toggle_menu_m svg {
		transform: rotate(180deg)
	}

	.quick-donate-bar-1 .quick-donate {
		cursor: default
	}

	.appeals-sec-block-bar {
		position: sticky;
		top: 180px;
		z-index: 3
	}

}

@media screen and (min-width:768px) {
	.\33 way-help-section .mobile-view, .appeals-sec .casue-item-content .learn-more, .innerappeals-item-content, .our-achievements-section .mobile-view, .our-stories-section .mobile-view {
		display: none
	}

}

@media screen and (max-width:1550px) {
	.owl-nav button.owl-next {
		right: 8px
	}

	.owl-nav button.owl-prev {
		left: 8px
	}

	.resources_slider .owl-nav button.owl-prev {
		left: -94px
	}

	.resources_slider .owl-nav button.owl-next {
		right: -94px
	}

}

@media (min-width:1200px) and (max-width:1550px) {
	.line-bg-gray-top:before, section.faq .line-bg-gray-top:before {
		left: -10px !important;
		width: 150px;
		height: 150px
	}

	.line-bg-gray-bottom:before, section.faq .line-bg-gray-bottom:before {
		width: 150px;
		height: 150px;
		left: -10px !important
	}

	.line-bg-gray-top:after, section.faq .line-bg-gray-top:after {
		right: -10px !important;
		width: 150px;
		height: 150px
	}

	.line-bg-gray-bottom:after, section.faq .line-bg-gray-bottom:after {
		width: 150px;
		height: 150px;
		right: -10px !important
	}

	.line-bg-gray-bottom, .line-bg-gray-top {
		padding-left: 30px;
		padding-right: 30px
	}

}

@media screen and (max-width:1399px) {
	.head-inner nav.navbar ul.navbar-nav li {
		margin-right: 8px;
		margin-left: 8px
	}

	.dropdown-submenu .submenu-item .uk-projects, .dropdown-submenu .submenu-item h4 a {
		font-size: 13px
	}

	.appeals-block a, .head-inner nav.navbar ul.navbar-nav li a.nav-link, .submenu-img-content h3 {
		font-size: 16px
	}

	.dropdown-submenu .submenu-img .green-btn {
		font-size: 16px;
		max-width: 165px
	}

	.navbar-expand-lg .navbar-nav .dropdown-toggle::after {
		border: none;
		margin-left: 27px;
		height: 35px
	}

	span.toggle_menu_m {
		margin-top: 2px
	}

	.counter .counter-block {
		margin-right: 15px
	}

	.cart-popup {
		right: 42px
	}

	.achivements .title {
		font-size: 46px
	}

	.owl-nav button.owl-next {
		right: -57px
	}

	.owl-nav button.owl-prev {
		left: -57px
	}

	.donate_form {
		left: 0;
		margin-top: 40px
	}

	.donate-icon-title h4 {
		padding: 6px 13px 6px 32px;
		font-size: 16px
	}

	.resources_slider .owl-nav button.owl-prev {
		left: -25px
	}

	.resources_slider .owl-nav button.owl-next {
		right: -25px
	}

	.line-dark-bottom::before, .line-dark-top::before, section.faq .line-bg-gray-bottom:before, section.faq .line-bg-gray-top:before {
		left: 0
	}

	.line-dark-bottom::after, .line-dark-top::after, section.faq .line-bg-gray-bottom:after, section.faq .line-bg-gray-top:after {
		right: 0
	}

	.key-content {
		margin: 0 90px
	}

	.contact-us, .donation-enquiry {
		padding: 32px
	}

	.donate-sec .line-dark-bottom::before, .donate-sec .line-dark-top::before {
		left: -90px
	}

	.donate-sec .line-dark-bottom::after, .donate-sec .line-dark-top::after {
		right: -90px
	}

	.achivements-block {
		padding-left: 0;
		padding-right: 0
	}

	.donate-block-1 {
		width: 43%;
		margin-right: 28px
	}

	.donate-sec-block {
		padding-left: 60px;
		padding-right: 60px
	}

	.about-inner-sec h3 {
		font-size: 38px
	}

	section.volunteer-register h5:after, section.volunteer-register h5:before {
		width: 275px
	}

	.bg-donation {
		margin-bottom: 0;
		max-width: 425px
	}

	.bg-ornage:after {
		width: 74px;
		height: 2px;
		left: -363px;
		margin-top: -74px;
		transform: rotate(140deg)
	}

	.bg-donation.bg-green:after {
		width: 129px;
		height: 2px;
		left: -399px;
		margin-top: -157px;
		transform: rotate(238deg)
	}

	.uk-project hr {
		width: 28%
	}

	.key-facts .counter:before {
		max-width: 855px
	}

	.casue-item-text {
		max-width: 200px
	}

	.innerappeals-help .casue-item-text {
		padding: 9px;
		margin-top: -36px
	}

	.emergency-appeals .casue-item-content {
		padding: 20px 12px 34px
	}

	.job-sec .humanity-sec h3, .product-shop-list h2 {
		font-size: 40px
	}

	.job-sec .facitlity-block h4 {
		font-size: 24px;
		padding-right: 0
	}

	.continue-below h4:after, .continue-below h4:before {
		max-width: 395px
	}

	.product-available {
		padding: 20px
	}

	.product-content h4 {
		font-size: 22px
	}

	.affilate-product .cart-btn {
		max-width: 324px
	}

	.product-review p {
		font-size: 20px
	}

	.product-shop-content .product-price {
		font-size: 34px
	}

	.palestinin-child {
		margin-top: 16px
	}

	.shop-information .green-line {
		margin: 34px 0
	}

	.product-shop {
		padding: 140px 0 62px
	}

	.affilate-sec, .available-sec {
		padding: 72px 0
	}

	.block-help h3 {
		font-size: 42px
	}

	.help-sec .red-line:before {
		max-width: 255px
	}

	.dropdown-submenu .submenu-item h4 {
		font-size: 14px;
		margin-top: 14px
	}

	.dropdown-submenu .submenu-item {
		padding-left: 5px;
		padding-right: 8px
	}

	.head-inner .red-btn {
		height: 50px;
		min-width: 128px;
		font-size: 14px
	}

	.head-inner a.cart {
		margin-left: 18px;
		margin-right: 18px
	}

	.head-inner nav.navbar ul.navbar-nav li a.highlighter-new, .head-inner nav.navbar ul.navbar-nav li a.nav-link.green_highlighter, .head-inner nav.navbar ul.navbar-nav li a.nav-link.highlighter {
		font-size: 14px
	}

	.head-inner nav.navbar ul.navbar-nav li a.nav-link.appeal_menu:after, .head-inner nav.navbar ul.navbar-nav li:nth-child(3) a.nav-link::after {
		margin-left: 29px
	}

	.head-inner nav.navbar ul.navbar-nav li a.nav-link.highlighter:after {
		top: 2px;
		margin-left: 38px
	}

/* ============================
zakat page 2026 css start here
================================== */

.bg-red.zakat-start-ups .key-content {
    padding: 48px 70px;
    margin: 0 auto;
}



.bg-red.zakat-start-ups .line-bg-gray-top,
.bg-red.zakat-start-ups .line-bg-gray-bottom,
section.bg-green.maxi-zakat .line-bg-gray-bottom,
section.bg-green.maxi-zakat .line-bg-gray-top {
    padding: 0px;
}

section.bg-green.maxi-zakat .key-content {
    padding: 48px 35px 35px;
    margin: 0 auto;
}

.title {
    font-size: 45px;
}

.zakat-intro.what-zakat .container {
    max-width: 1140px;
}

.bg-red.zakat-start-ups .key-content p {
    font-size: 26px;
}

.blockquote-block p {
    font-size: 19px;
}

.middle-content.zakat-dist p strong {
    font-size: 26px;
}

.middle-content .middle-content-sec p {
    font-size: 19px;
}

.bg-red.zakat-start-ups.transform-zakat .key-content .action-btn a {
    font-size: 16px;
}

.bg-red.zakat-start-ups.transform-zakat .key-content .action-btn a.red-btn {
    min-width: 308px;
}

.bg-red.zakat-start-ups.transform-zakat .key-content .action-btn a.green-btn {
    min-width: 337px;
}

.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-bottom::after {
    right: 0px !important;
}

.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-bottom::before{
	left: 0px !important;
}

.key-points-sec {
    max-width: 945px;
}


/* ============================
Ramadan page 2026 css start here
================================== */

.under-zakat .understanding-sec.line-bg-gray-top {
    padding-left: 0px;
    padding-right: 0px;
}

.under-zakat .understanding-sec.line-bg-gray-bottom {
    padding-left: 0px;
    padding-right: 0px;
}

.under-zakat .understanding-items .action-btn a.green-btn {
    min-width: 238px;
    font-size: 17px;
}

section.bg-green.maxi-zakat.maxi-ramdan .key-content p {
    font-size: 26px;
}

section.bg-green.maxi-zakat.your-generosity p {
    font-size: 26px;
}

.facitlity-block h4 {
    font-size: 27px;
}

.donation-help .casue-item-content .heading-content {
    font-size: 23px;
}

.under-zakat .title-sec h2 {
    font-size: 45px;
}

.sucess-stories h3.green-title {
    font-size: 34px;
}

.testimonials-impact h3 {
    font-size: 35px;
}

.testimonials-impact {
    padding-right: 12px;
}

.choose-amount .title h2 {
    font-size: 45px;
}

.credibility-sect .item-box .name-cred {
    width: 100%;
}



/* ======================================================================
New header css after upgrade
======================================================================= */

.dropdown-submenu .submenu-item .submenu-heading {
    font-size: 13px;
    margin-top: 14px;
}

.dropdown-submenu .submenu-item .submenu-heading a {
    font-size: 13px;
}


/* ======================================================================
All pages css start here after upgrade
======================================================================= */

.block-help .help-heading {
    font-size: 42px;
}

.donate-icon-title a.quick-donate {
    padding: 6px 13px 6px 32px;
    font-size: 16px;
}

.product-available .product-content .product-title a {
    font-size: 22px;
}
/* css 30-03-2026 */
/*.submenu-flex {
    max-height: 400px;
}*/
/* css 30-03-2026 */
.gift-popup {
    margin-top: 0;
}

.gift-popup .popup-body {
    max-height: 350px;
    overflow-y: auto;
}
/* css 30-03-2026 */
/* css 30-03-2026 */

/* css 15-04-2026 */
.head-inner nav.navbar ul.navbar-nav li.nav-item.dropdown .toggle_menu_m {
    margin-top: 0;
}
section.events.bg-sec .event-blocks .item .event-block .event-img-shape::before {
    transform: skew(-4deg, 0deg);
    width: 88px;
    left: -45px;
    top: -52px;
    height: 552px;
}
/* css 15-04-2026 */


/* css 16-04-2026 */
.head-inner nav.navbar ul.navbar-nav li a.highlighter-new::after {
    right: -8px;
}

.head-inner nav.navbar ul.navbar-nav li:nth-child(4) a.nav-link::after {
    right: -30px;
}

/* css 16-04-2026 */
}

@media screen and (max-width:1199px) {
	h3 {
		font-size: 42px
	}

	.cart-popup {
		right: 1px
	}

	.navbar-expand-lg .mega-menu .dropdown-menu {
		margin-left: 20px;
		margin-right: 20px
	}

	.about-box .about-img img {
		object-position: right
	}

	.head-inner .dropdown-submenu {
		left: -230px
	}

	.head-inner nav.navbar {
		padding-bottom: 22px;
		padding-top: 22px
	}

	.head-inner nav.navbar ul.navbar-nav li.ramadan-dropdown span.toggle_menu_m, .job-banner .title-wrapper, .nav-item.dropdown span.toggle_menu_m svg, .news-banner .news-content-wrapper, .zakat-intro .calculate-zakat, span.toggle_menu_m {
		margin-top: 0
	}

	.appeals-sec .green-btn span, .volunteer-register-form .form-group label {
		font-size: 15px
	}

	.head-inner nav.navbar ul.navbar-nav li a.nav-link, .where-work-block a.red-btn span {
		font-size: 14px
	}

	.head-inner nav.navbar ul.navbar-nav li a.nav-link.highlighter {
		font-size: 12px;
		padding: 10px 26px 8px 14px
	}

	.head-inner nav.navbar ul.navbar-nav li a.nav-link.highlighter:after {
		margin-left: 36px
	}

	.head-inner nav.navbar ul.navbar-nav li {
		padding: 0;
		margin-right: 10px;
		margin-left: 10px;
		display: flex
	}

	.head-inner a.logo {
		max-width: 175px
	}

	.head-inner .red-btn {
		margin-left: 0;
		min-width: 94px;
		height: 45px;
		font-size: 12px
	}

	.head-inner a.cart {
		margin-left: 10px;
		margin-right: 10px;
		width: auto
	}

	.head-inner a.logo img {
		max-width: 150px
	}

	header.header .login-block img {
		max-width: 24px
	}

	a.cart.cart-active .icon:after {
		left: -7px
	}

	section.quick-donate-bar {
		top: 75px
	}

	.counter .counter-block h3, .profile-name h5, .zakah-calculator p, section.faq .accordion-button {
		font-size: 20px
	}

	.play-video img {
		width: 120px
	}

	.donate_form {
		max-width: 420px;
		margin-left: 15px;
		margin-top: 43px
	}

	.donate_form h4 {
		padding: 12px 20px;
		font-size: 40px
	}

	.donate-icon-title, .quick-donate-1 {
		margin-right: 15px
	}

	.donation-today {
		margin-top: 10px
	}

	.donation-today-bg p {
		margin-bottom: 10px
	}

	.amount-donate .qdf_radio span, .deliver-product h4, .product-content h4, .qurbani_page.qurbani_middle_page h5 {
		font-size: 18px
	}

	.donation-today-bg {
		padding: 2px 33px 18px
	}

	.calculate-link {
		margin-top: 6px
	}

	.donation-today .form-check input+label, .donation-today .form-check input:checked[type=radio]+label {
		min-width: 170px
	}

	.slider-blocks .owl-nav button.owl-prev {
		left: -29px
	}

	.slider-blocks .owl-nav button.owl-next {
		right: -10px
	}

	.achivements .title, .how-donation-banner .title {
		font-size: 40px
	}

	.btn-common a {
		min-width: 218px;
		margin-right: 10px
	}

	.dot-block {
		width: 165px;
		height: 165px
	}

	.counter .counter-block {
		width: 214px;
		height: 214px;
		margin-right: 11px
	}

	.about-inner-sec h3, .counter .counter-block h2 {
		font-size: 30px
	}

	.innerappeals-help .casue-item-content h4, .key-facts .achivements-block .counter .counter-block h3, .zakah-calculator p {
		font-size: 17px
	}

	.home_newsletter form {
		max-width: 670px
	}

	.emergency-appeals .casue-item {
		margin-bottom: 30px
	}

	.event-img-shape {
		height: 557px
	}

	.event-img-shape:before {
		height: 615px
	}

	.owl-nav button.owl-prev {
		left: -39px
	}

	.owl-nav button.owl-next {
		right: -38px
	}

	.donate-icon-title .donate_icon {
		width: 50px;
		height: 50px;
		top: -1px
	}

	.donate-icon-title .donate_icon img {
		width: 30px
	}

	.donate-icon-title h4 {
		padding: 15px 19px 12px 28px;
		font-size: 13px
	}

	section.news-sec-inner .news-text p {
		padding-right: 10px
	}

	.introduction-sec-content, .vision-block h3 {
		padding-right: 0
	}

	.cause-sec .introduction-sec-content {
		padding-left: 0
	}

	.contact-sec h3, .job-sec .humanity-sec h3 {
		font-size: 32px
	}

/* 	.donation-enquiry .phone a, .zakat-intro .title-wrapper .title {
		font-size: 45px
	}
 */
	.contact-sec {
		padding: 85px 0
	}

	.donate-sec .line-dark-bottom::after, .donate-sec .line-dark-top::after {
		right: -60px
	}

	.donate-sec .line-dark-bottom::before, .donate-sec .line-dark-top::before {
		left: -60px
	}

	.donate-sec-block {
		padding-left: 38px;
		padding-right: 38px
	}

	.about-inner-sec {
		padding: 72px 0 100px
	}

	.achieved-sec .counter .counter-block {
		margin-right: 18px;
		width: 220px;
		height: 220px
	}

	.achieved-sec .dot-block {
		width: 180px;
		height: 180px
	}

	.facitlity-content {
		padding-left: 12px
	}

	.about-facitlity {
		padding: 85px 0 100px
	}

	.facitlity-icon {
		width: 110px;
		height: 110px
	}

	.donate-block .facitlity-icon-img img, .facitlity-icon-img img {
		width: 60px;
		height: 60px
	}

	.appeal-detail h2.title, .charity-integrate.water-wells .title, .facitlity-block h4, .product-content .price-product {
		font-size: 24px
	}

	.bg-donation p, .cart-btn, .product-content .read-more, .zakah-calculator label, .zakat-project .nav-tabs .nav-link {
		font-size: 16px
	}

	span.facitlity-icon-img {
		width: 95px;
		height: 95px
	}

	.donate-inner-sec {
		padding-top: 72px
	}

	.about-facitlity .facitlity-block, .facitlity-block {
		min-height: auto
	}

	.donate-inner-sec .facitlity-block {
		margin-bottom: 16px
	}

	.donate-block-1 {
		margin-right: 20px
	}

	.donate-deatil {
		padding-bottom: 40px
	}

	section.policy {
		padding: 50px 0 80px
	}

	.key-sec .line-dark-bottom::before, .key-sec .line-dark-top::before {
		left: -14px
	}

	.key-sec .line-dark-bottom::after, .key-sec .line-dark-top::after {
		right: -14px
	}

	.emergency-appeals .line-dark-bottom::before, .emergency-appeals .line-dark-top::before, .help-sec .line-bg-gray-bottom:before, .help-sec .line-bg-gray-top:before, .our-story .line-bg-gray-bottom:before, .our-story .line-bg-gray-top:before {
		width: 150px;
		height: 150px;
		left: -47px
	}

	.emergency-appeals .line-dark-bottom::after, .emergency-appeals .line-dark-top::after, .help-sec .line-bg-gray-bottom:after, .help-sec .line-bg-gray-top:after, .our-story .line-bg-gray-bottom:after, .our-story .line-bg-gray-top:after {
		width: 150px;
		height: 150px;
		right: -47px
	}

	section.volunteer-register h5:after, section.volunteer-register h5:before {
		width: 185px
	}

	.bg-donation.bg-green:after {
		transform: rotate(250deg);
		width: 150px;
		left: -400px;
		margin-top: -148px
	}

	.bg-gray:before {
		left: -102px;
		width: 102px
	}

	.bg-donation {
		max-width: 375px
	}

	.uk-project hr {
		width: 24%
	}

	.key-facts .counter:before {
		max-width: 735px
	}

	.key-facts .counter .counter-block.counter-block-red {
		width: 235px;
		height: 235px
	}

	.key-facts .dot-block {
		width: 195px;
		height: 195px
	}

	.key-facts .counter-content {
		margin-right: 0;
		margin-left: 0
	}

	.charity-content p {
		padding-left: 0;
		padding-right: 0
	}

	.appeals-banner .inner-content {
		left: 48%
	}

	.appeals-sec-top {
		padding-bottom: 10px
	}

	.appeals-sec-block-bar {
		top: 165px;
		padding-bottom: 18px
	}

	.appeals-image {
		height: 200px
	}

	.job-sec .facitlity-content {
		word-break: initial
	}

	.zakat-intro .title-wrapper {
		margin: 0 0 12px
	}

	.zakat-intro h4 {
		margin-bottom: 12px;
		font-size: 20px
	}

	.power-zakat, .zakat-intro {
		padding: 72px 0
	}

	.zakat-msg {
		padding: 42px 0 0
	}

	.zakat-project {
		padding: 0 0 42px
	}

	.power-zakat .zakat-msg p {
		padding: 0
	}

	.power-zakat .title-wrapper {
		margin: 0 auto 12px
	}

	.zakat-msg h3 {
		font-size: 24px;
		padding: 0;
		margin-bottom: 32px
	}

	.zakat-msg h4 {
		margin-bottom: 28px
	}

	.zakat-project .appeals-sec-top {
		margin-bottom: 50px;
		padding-bottom: 20px
	}

	.continue-below h4:after, .continue-below h4:before {
		max-width: 300px
	}

	.checkout-summary, section.checkout-sec {
		padding-left: 20px;
		padding-right: 20px
	}

	.cart-btn {
		margin-bottom: 17px
	}

	.review-content {
		padding: 54px 0
	}

	.bg-green.review-content .review {
		width: 100%;
		margin-right: 0
	}

	.bg-red.review-content .review {
		width: 100%;
		margin-left: 0
	}

	.affilate-sec {
		padding: 62px 0 70px
	}

	.review-msg {
		min-height: initial;
		margin-bottom: 28px
	}

	.affilate-product .cart-btn {
		max-width: 270px
	}

	.affilate-sec .red-btn.cart-btn {
		min-width: 250px
	}

	.shop-information {
		padding: 68px 0 50px
	}

	.shop-information h3 {
		margin-bottom: 12px;
		font-size: 34px
	}

	.deliver-product {
		padding: 14px 0
	}

	section.event-slider.red-line:after {
		height: 185px
	}

	.dropdown-submenu .submenu-img .green-btn {
		font-size: 14px;
		min-width: 150px;
		height: 50px
	}

	.dropdown-submenu .submenu-img .green-btn .arrow-btn {
		width: 38px;
		height: 38px;
		margin-left: 0;
		top: 4px
	}

	.dropdown-submenu .submenu-img .green-btn .arrow-btn svg {
		height: 25px !important
	}

	.dropdown-submenu .submenu-img .green-btn span {
		margin-left: 14px
	}

	li.nav-item.dropdown.mega-menu .dropdown-menu {
		margin-top: 25px;
	}

	.affilate-product h4, .main_qurbani_page h6 {
		font-size: 22px
	}

	.affilate-product h5 {
		font-size: 16px;
		margin-bottom: 16px
	}

	.affilate-title {
		min-height: 115px
	}

	.page_description.main_qurbani_page ul {
		padding: 0 20px
	}

	.head-inner {
		padding: 0 12px
	}

	.where-work-block a.red-btn span.arrow-btn {
		font-size: inherit;
		padding: 0 9px;
		width: 38px;
		height: 38px
	}

	.where-work-block a.red-btn span.arrow-btn svg {
		height: 14px !important
	}

	.where-work-block a.red-btn {
		min-width: 164px;
		height: 48px
	}

	.where-work-block a.red-btn span.flag-btn {
		width: 38px;
		height: 38px
	}

	.head-inner nav.navbar ul.navbar-nav li a.nav-link.green_highlighter {
		padding: 10px 15px;
		font-size: 12px
	}

	section.faq .line-bg-gray-bottom:after, section.faq .line-bg-gray-bottom:before, section.faq .line-bg-gray-top:after, section.faq .line-bg-gray-top:before {
		width: 150px;
		height: 150px
	}

	.qurbani-box-africa .qurbani-heading p, .qurbani-box-asia .qurbani-heading p {
		min-height: 44px
	}

	.qurbani-banner {
		height: 600px
	}

	.qur_img_description figure.image img {
		min-height: 205px
	}

	.total_qurbanis.sticly {
		top: 70px
	}

	.head-inner nav.navbar ul.navbar-nav li a.highlighter-new {
		font-size: 12px;
		padding: 10px 14px
	}

/* ============================
zakat page 2026 css start here
================================== */

.news-banner.new-main-banner {
    min-height: 534px;
}


.news-banner.new-main-banner .title-wrapper {
    margin-top: 0px;
}

.news-banner.new-main-banner h3 {
    font-size: 49px;
    margin-bottom: 15px;
}

.news-banner.new-main-banner p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 27px;
}

.title {
    font-size: 28px;
    line-height: 63px;
}


.donation-enquiry .phone a, 
.zakat-intro .title-wrapper .title {
    font-size: 28px;
}

.middle-content h2.title {
    font-size: 28px;
}

.zakat-intro.what-zakat .container {
    max-width: 960px;
}

.zakat-intro .about-intro img {
    height: auto;
}

.middle-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.key-facts.nisab-there .counter-block {
    width: 300px;
    height: 300px;
}

.key-facts.nisab-there .dot-block {
    width: 260px;
    height: 260px;
    text-align: center;
}

.key-facts.nisab-there .dot-block .price {
    font-size: 42px;
}

.key-facts.nisab-there .dot-block p {
    font-size: 22px;
}

.key-facts.nisab-there span.app {
    font-size: 22px;
}

.accordian-section .title-wrapper h2.title {
    font-size: 28px;
}

.accordian-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.accordian-section .title-wrapper {
    margin-bottom: 25px;
}


.bg-red.zakat-start-ups {
    position: relative;
    padding: 95px 0 54px;
}


.bg-red.zakat-start-ups .key-content {
    padding: 48px 31px;
    margin: 0 auto;
}

.bg-red.zakat-start-ups .key-content h2.title.title-green {
    font-size: 28px;
}

.bg-red.zakat-start-ups .key-content p {
    font-size: 20px;
}

.key-points-sec ul li {
    font-size: 17px;
}

.accordian-section .accordian-wrapper .accordian-block label.accordion-title {
 font-size: 17px;
}


.bg-red.zakat-start-ups .line-bg-gray-top::after,
.bg-red.zakat-start-ups .line-bg-gray-top::before {
    left: 0;
    width: 150px;
    height: 150px;
      top: -50px;
}

.bg-red.zakat-start-ups .line-bg-gray-top::after {
    right: 0;
    left: inherit;
}

.bg-red.zakat-start-ups .line-bg-gray-bottom {
    position: relative;
    z-index: 10;
}


.bg-red.zakat-start-ups .line-bg-gray-bottom::before {
    width: 150px;
    height: 150px;
    left: 0;
}

.bg-red.zakat-start-ups .line-bg-gray-bottom::after {
    width: 150px;
    height: 150px;
    right: 0;
}


.middle-content .middle-content-sec p {
    font-size: 16px;
}

.blockquote-block span.name {
    font-size: 16px;

}

.blockquote-block p {
    font-size: 16px;
    text-align: left;
}

section.bg-green.maxi-zakat h2.title.title-red {
    font-size: 28px;
    padding: 10px 23px;
    line-height: normal;
    margin: -75px auto 19px;
}

section.bg-green.maxi-zakat .key-content p {
    font-size: 18px;
}

.bg-red.zakat-start-ups .key-content h2.title.title-green {
    font-size: 28px;
    padding: 10px 23px;
    line-height: normal;
    margin: -75px auto 37px;
}

.middle-content.zakat-dist p strong {
    font-size: 19px;
}


.middle-content .check-points {
    width: 100%;
    padding-top: 29px;
    margin-top: 16px;
}


.bg-red.zakat-start-ups.transform-zakat .action-btn {
    display: block;
}

.bg-red.zakat-start-ups.transform-zakat .action-btn a {
    margin: 19px 0;
}

section.faq .faq-content {
    padding: 66px 0;
}

.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-top::before,
section.bg-green.maxi-zakat .line-bg-gray-top::before {
    left: 0px;
    width: 150px;
    height: 150px;
}


.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-top::after,
section.bg-green.maxi-zakat .line-bg-gray-top::after {
    width: 150px;
    height: 150px;
    right: 0;
}

section.bg-green.maxi-zakat .line-bg-gray-top .line-bg-gray-bottom {
    position: relative;
    z-index: 10;
}


.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-top .line-bg-gray-bottom::before,
section.bg-green.maxi-zakat .line-bg-gray-top .line-bg-gray-bottom::before {
    left: 0px;
    width: 150px;
    height: 150px;
    z-index: 1;
}


.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-bottom::after,
section.bg-green.maxi-zakat .line-bg-gray-bottom::after {
    right: 0;
    width: 150px;
    height: 150px;
}

section.bg-green.maxi-zakat .key-content {
    position: relative;
    z-index: 50;
}

.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-bottom .key-content {
    position: relative;
    z-index: 20;
    padding-bottom: 30px;
}

.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-top::after, .bg-red.zakat-start-ups.transform-zakat .line-bg-gray-top::before {
    top: -50px;
}

.bg-red.zakat-start-ups.transform-zakat .line-bg-gray-bottom::after, .bg-red.zakat-start-ups.transform-zakat .line-bg-gray-bottom::before {
    bottom: -50px;
}

.bg-red.zakat-start-ups.transform-zakat {
    padding-bottom: 83px;
}

.news-banner.new-main-banner h3 br {
    display: none;
}

.news-banner.new-main-banner p br{
	display: none;
}

.bg-red.zakat-start-ups.transform-zakat h2.title.title-green {
    margin: -85px auto 37px;
}

/* ============================
Ramadan page 2026 css start here
================================== */


.ramdan-intro .content h2 {
    font-size: 30px;
}

.about-facitlity.your-donation h2.title {
    font-size: 28px;
}

.about-facitlity.your-donation {
    padding: 43px 0;
}

.about-facitlity.your-donation .facitlity-border {
    padding-top: 0px;
}

.about-facitlity.your-donation .facitlity-block {
    margin-left: 0px;
    margin-right: 0px;
    padding: 21px 17px;
}

.emergency-appeals .casue-item-content {
    padding: 20px 22px 34px;
}

.donation-help .casue-item-content .heading-content {
    font-size: 22px;
    min-height: 53px;
}


.donation-help .casue-item-content .price {
    margin-top: 15px;
    font-size: 28px;
    margin-bottom: 18px;
}

.donation-help .casue-item-content p {
    font-size: 16px;
    line-height: normal;
    min-height: 38px;
}

.under-zakat {
    padding-top: 44px;
    padding-bottom: 44px;
}

.under-zakat .title-sec h2 {
    font-size: 28px;
}

.under-zakat .understanding-items .title-red {
    font-size: 31px;
}

.under-zakat .understanding-items p {
    font-size: 16px;
}

.under-zakat .understanding-items .action-btn a.green-btn {
    min-width: 202px;
    font-size: 13px;
}

section.bg-green.maxi-zakat.maxi-ramdan .key-content p {
    font-size: 20px;
}


section.bg-green.maxi-zakat.maxi-ramdan .key-content p:empty {
    display: none;
}

section.bg-green.maxi-zakat.maxi-ramdan h2.title.title-red {
    margin: -67px auto 19px;
}

section.bg-green.maxi-zakat.maxi-ramdan {
    padding: 83px 0;
}


section.bg-green.maxi-zakat.maxi-ramdan .line-bg-gray-top::after,
section.bg-green.maxi-zakat.maxi-ramdan .line-bg-gray-top::before {
    top: -55px;
}

section.bg-green.maxi-zakat.maxi-ramdan .line-bg-gray-bottom::after,
section.bg-green.maxi-zakat.maxi-ramdan .line-bg-gray-bottom::before {
    bottom: -57px;
}


.sucess-stories h2.title {
    font-size: 28px;
}

.sucess-stories {
    padding-top: 50px;
    padding-bottom: 50px;
}

.sucess-stories h3.green-title {
    font-size: 26px;
}

.testimonials-impact h3 {
    font-size: 26px;
}

.testimonials-impact .stories-block p {
    font-size: 16px;
    line-height: 23px;
}

.testimonials-impact .stories-block {
    padding: 25px 23px 20px;
}

.key-statistics .key-statistics-block .count {
    font-size: 51px;
}

.key-statistics .key-statistics-block {
    padding: 39px 30px;
}

.key-statistics .key-statistics-block p {
    font-size: 21px;
    width: 71%;
    line-height: normal;
}

.testimonials-impact .stories-block .author {
    margin-top: 12px;
}

.testimonials-impact .stories-block .author span.img-au img {
    width: 35px;
}

.choose-amount {
    padding: 40px 0;
}

.choose-amount .title h2 {
    font-size: 28px;
}


.choose-amount .donation-inner .col-donate .price {
    font-size: 51px;
}


.choose-amount .donation-inner .col-donate p {
    font-size: 21px;
    width: 100%;
    margin: 0 auto;
    line-height: normal;
}

.choose-amount .donation-wrapper.line-bg-gray-top::before {
    left: 0px;
}

.choose-amount .donation-wrapper.line-bg-gray-top::after {
    right: 0px;
}

.choose-amount .donation-inner.line-bg-gray-bottom::before {
    left: 0px;
}

.choose-amount .donation-inner.line-bg-gray-bottom::after {
     right: 0px;
}

.choose-amount .donation-inner .col-donate {
    position: relative;
    z-index: 10;
}

.credibility-sect .item-box .name-cred {
    font-size: 23px;
    width: 100%;
}

.trust-credi h2.title {
    font-size: 28px;
}

.credibility-sect .item-box p {
    font-size: 16px;
}

section.bg-green.maxi-zakat.your-generosity h2.title.title-green {
    font-size: 28px;
    margin: -75px auto 19px;
}

section.bg-green.maxi-zakat {
    position: relative;
    padding: 99px 0;
}

section.faq .faq-content {
    padding: 1px 0;
}


.bg-red.emergency-appeals.donation-help h2.title {
    font-size: 28px;
}

.bg-red.emergency-appeals.donation-help {
    padding: 45px 0;
}

.under-zakat .line-bg-gray-top::before {
    left: 0px;
            top: -140px;
        width: 150px;
        height: 150px;
}


.under-zakat .line-bg-gray-top::after{
    right: 0px;
            top: -140px;
        width: 150px;
        height: 150px;
}

.under-zakat .line-bg-gray-bottom::before {
    left: 0px;
    width: 150px;
        height: 150px;
        bottom: -20px;
}

.under-zakat .line-bg-gray-bottom::after {
     right: 0px;
     width: 150px;
        height: 150px;
        bottom: -20px;
}

.under-zakat .understanding-items {
    position: relative;
    z-index: 10;
        padding: 20px 15px;
}


section.faq .title {
    font-size: 28px;
}

.zakat-content .blockquote-block {
    margin-top: 25px;
}

.key-facts.nisab-there .counter {
    padding-top: 0px;
}


.key-facts.nisab-there .counter::before {
    top: -17px;
}

.donate-form .form-group {
    max-width: 736px;
}


.donate-form .form-group button {
    padding: 13px 18px;
}


.donate-form .form-group button span.btn_text {
    font-size: 16px;
}

.donate-form .form-group input {
    min-height: 50px;
}

.donate-form .form-group button span.arrow-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    top: 0;
    right: 0px;
}

.bg-red.zakat-start-ups .key-points-sec {
    margin-top: 15px;
    max-width: 786px;
}


/* ======================================================================
All pages css start here after upgrade
======================================================================= */


.donate-icon-title a.quick-donate {
    padding: 15px 19px 12px 28px;
    font-size: 13px;
}

.counter .counter-block .counter-price {
        font-size: 30px;
}



.innerappeals-help .casue-item-content .donate-btn-title {
    font-size: 17px;
}


.counter .counter-block .value-data {
    font-size: 30px;
}

.counter .counter-block p {
    font-size: 17px;
}


.deliver-product p {
    font-size: 18px;
}

.product-available .product-content .product-title a {
    font-size: 18px;
}


.affilate-title .affilate-heading {
    font-size: 22px;
}


.affilate-title .affilate-subheading {
    color: #47912f;
    font-size: 16px;
    margin-bottom: 16px;
}

.prayer-calnder .title h2 {
    font-size: 28px;
}

.news-banner.new-main-banner h1 {
    font-size: 49px;
    margin-bottom: 15px;
}
/* 
=====================================
New quarbani page css start here
================================= */


.qurbani_page.main_qurbani_page .main_qurbani_description h1 {
    font-size: 28px;
}

section.bg-sec.page_description.qurbani_page.main_qurbani_page .main_qurbani_description p {
    font-size: 20px;
    margin-bottom: 40px;
}

.main_qurbani_description .heading-campaign-1 {
    font-size: 20px;
}

.qurbani_faqs h4, .qurbani_page.main_qurbani_page .main_qurbani_description h3, .qurbani-prices h2, section.how-it-works h2 {
    font-size: 28px;
    margin-bottom: 35px;
}

.qurbani_page.main_qurbani_page .main_qurbani_description .don-imp span.count {
  font-size: 20px;
        margin: 12px 0 0;
}


.qurbani-donation-list {
    margin-bottom: 0px;
}
/*15-04-26*/
section.events.bg-sec .event-blocks .item .event-block .event-img-shape::before {
    height: 610px;
}
/*15-04-26*/
/* 
=====================================
New quarbani page css start here
================================= */
}



@media only screen and (max-width:1199px) and (min-width:992px) {
	.emergency-appeals {
		padding-left: 50px;
		padding-right: 50px
	}

	.emergency-appeals .line-dark-bottom::before, .emergency-appeals .line-dark-top::before {
		left: -60px
	}

	.emergency-appeals .line-dark-bottom::after, .emergency-appeals .line-dark-top::after {
		right: -60px
	}

	.shop-information .shop-img {
		height: 320px
	}

	.shop-information .shop-img img {
		height: 100%;
		object-fit: cover
	}

	.follow-us-block {
		min-height: 600px
	}

	.dropdown-submenu .submenu-item a {
		font-size: 15px
	}

	.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover {
		top: 50px
	}

}

@media screen and (max-width:1024px) {
	.cart-popup {
		min-width: 410px
	}

}

@media only screen and (max-width:992px) and (min-width:768px) {
	.appeal-detail .inner-content .title {
		font-size: 30px
	}

}

@media screen and (max-width:991px) {
	.donate_form, .head-inner nav.navbar ul.navbar-nav li.ramadan-dropdown span.toggle_menu_m {
		position: static
	}

	.fixed-header .head-inner, .head-inner {
		padding: 16px 0
	}

	.title-wrapper {
		margin: 0 auto
	}

	section.quick-donate-bar .qdf_radio label input:checked+span {
		background: 0 0
	}

	button.navbar-toggler span.navbar-toggler-icon {
		background-image: url(../images/menu.svg);
		background-size: 20px
	}

	.head-inner nav.navbar ul.navbar-nav li {
		padding: 10px 8px;
		border-bottom: 1px solid #e7e5e8;
		display: block
	}

	.head-inner nav.navbar ul.navbar-nav li a.nav-link.green_highlighter, .head-inner nav.navbar ul.navbar-nav li a.nav-link.highlighter {
		margin-top: 0;
		padding: 6px 18px;
		font-size: 13px
	}

	#quick-donate-form-section, .about-color-left:before, .affilate-box:nth-child(2) .affilate-product:after, .bg-donation.bg-green:after, .bg-donation.bg-green:before, .bg-gray:before, .bg-ornage:after, .bg-ornage:before, .calculate-submenu, .donate_form .amount-donate-1.amount-donate-price, .event-img-shape:before, .head-inner nav.navbar .nav-item.dropdown .dropdown-menu, .navbar-expand-lg .navbar-nav .dropdown-toggle::after, .navbar-expand-lg .navbar-nav .nav-link:after, header.header .submenu-flex-img {
		display: none
	}

	.head-inner nav.navbar {
		position: absolute;
		background: 0 0;
		top: 77px;
		width: 100%;
		left: 0;
		right: 0;
		z-index: 99;
		padding-bottom: 0;
		margin-bottom: 0;
		padding-top: 0
	}

	.head-inner .red-btn {
		margin-left: 10px
	}

	.navbar-nav {
		background: #fff;
		max-height: 500px;
		overflow-y: auto
	}

	.about-content-block, .about-inner-img, .checkout-summary .activity-sec .activity-sec-block, .donate-block-2, .event-block-1, .event-block-2, .faq_sec1, .faq_sec2, .form-postcode .form-control, .news-block-content, .news-sec1, .quick-donate-content, .qur_img_description figure.image, .submenu-flex-img, .submenu-flex-item, .zipcode-text, figure.image {
		width: 100%
	}

	.dropdown-submenu .submenu-item {
		border-right: none;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		margin-top: 12px
	}

	.about-block, .head-inner .dropdown-submenu-list, .news-content {
		display: block
	}

	.head-inner .dropdown-submenu {
		min-width: auto;
		left: 0;
		top: 50px;
		margin-top: 8px
	}

	.head-inner {
		border-radius: 0;
		border: none
	}

	.about-content-sec, .footer-logo p, .mission-block, .submenu-flex, .vision-block {
		padding-left: 0
	}

	.donate_body_none .topbar, .donate_body_none header.header.fixed-header, .dropdown-submenu .submenu-item h4, .inner-content, .topbar, .video-sec .casue-item-content h4, header.header.fixed-header {
		margin-top: 0
	}

	.head-inner nav.navbar .nav-item.dropdown .dropdown-menu.show {
		display: block;
		min-width: auto;
		transform: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0
	}

	.donation-cost-sec h4, .donation-features-content, header.header .dropdown-item {
		padding: 0
	}

	.submenu-flex {
		max-height: initial;
		overflow: auto
	}

	header.header {
		background: #fff;
		z-index: 99;
		margin-top: 0;
		position: relative
	}

	.cart-popup {
		right: 48px
	}

	.donate_form {
		max-width: initial;
		margin-top: 24px;
		margin-bottom: 20px;
		margin-left: 0;
		transform: initial
	}

	.donate-icon-title h4, .introduction-sec-content p {
		text-align: center
	}

	.footer-logo, .footer-logo p {
		text-align: left
	}

	.donate-icon-title .donate_icon {
		top: -2px;
		left: -15px
	}

	.donation-today .form-check {
		margin-bottom: 0
	}

	.donation-today {
		max-width: 295px;
		margin: 10px auto;
		justify-content: center
	}

	.donation-today .form-check input+label, .donation-today .form-check input:checked[type=radio]+label {
		min-width: 150px
	}

	.donation-today .form-check input+label {
		font-size: 18px;
		line-height: 30px
	}

	.quick-donate-service {
		order: 1
	}

	.quick-donate-form .amount-donate {
		order: 2;
		flex-wrap: wrap;
		gap: 14px
	}

	.quick-donate-form .amount-donate .qdf_radio {
		width: 47%;
		background: #fff;
		padding: 8px;
		flex: 1 1 auto
	}

	.quick-donate-amount {
		order: 3;
		margin-top: 10px
	}

	.quick-donate-form .amount-donate .qdf_radio span {
		color: #db2422;
		font-size: 20px;
		background: 0 0
	}

	.quick-donate-form .amount-donate .qdf_radio.active span {
		color: #fff
	}

	.quick-donate-needed {
		order: 4
	}

	.quick-donate-form .quick-donate-btn {
		order: 5
	}

	.donate_form.inner-donate-form, .vision-mission {
		margin-top: 40px
	}

	.donation-today-bg .red-btn {
		max-width: 260px;
		margin: 20px auto
	}

	section.faq .accordion-body {
		padding-left: 28px
	}

	.about-inner-img, .about-inner-sec img, .casue-item-img, .event-img-shape, .profile-block-content img, .video-sec .casue-item-img, figure.image img {
		height: auto
	}

	.about-box .about-img img, .about_box img {
		border-radius: 30px 30px 0 0
	}

	.about-content {
		padding: 28px 40px 36px 34px
	}

	.humanity-sec {
		margin-top: 34px
	}

	.about-content .btn-common {
		margin-top: 12px
	}

	.block-help {
		margin-bottom: 40px
	}

	.help-sec .red-line:before {
		top: -22px;
		max-width: 362px
	}

	.bg-line {
		background-image: none
	}

	.counter, footer.footer ul {
		justify-content: start
	}

	.counter .counter-block {
		width: 290px;
		height: 290px
	}

	.dot-block {
		width: 247px;
		height: 247px
	}

	.achivements {
		padding: 50px 0
	}

	.event-block-content {
		padding: 12px 0 28px 20px
	}

	.event-block-1 {
		order: 2
	}

	.follow-us-block, section.news-sec-inner img {
		margin-bottom: 20px
	}

	.home_newsletter form {
		max-width: 469px;
		width: 100%
	}

	.newsletter h3 {
		font-size: 34px;
		padding: 0
	}

	footer.footer ul a {
		margin: 0 12px 0 0
	}

	footer h3 {
		margin-top: 24px
	}

	.news-block, footer.footer ul.social-f a {
		margin: 0
	}

	section.quick-donate-bar {
		position: relative;
		top: 0;
		z-index: 9;
		left: 0;
		right: 0;
		padding: 0;
		bottom: auto
	}

	.quick-donate-bar.fixed-quick-donate-bar {
		position: sticky;
		top: 75px
	}

	body.search-option-show section.quick-donate-bar {
		z-index: 1
	}

	.donate-icon-title {
		justify-content: center;
		margin-right: 0;
		display: block
	}

	.donate-icon-title h4 {
		font-size: 20px;
		padding: 10px 20px 10px 42px
	}

	.donate-icon-title h4 a {
		display: block;
		width: 100%
	}

	.quick-donate-icon {
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center
	}

	.quick-donate-bar-1 {
		display: block;
		padding: 18px 0 8px;
		margin: auto
	}

	.about-inner-sec h3, .mobile, .news-block-img {
		margin-top: 20px
	}

	.quick-donate-field {
		flex-direction: column
	}

	.quick-donate-content .quick-donate-1 {
		width: 100%;
		margin-bottom: 10px
	}

	.close-quick {
		position: absolute;
		right: 12px;
		top: -45px;
		border: 1px solid #dee2e6;
		border-radius: 50%;
		padding: 7px;
		width: 30px;
		height: 30px
	}

	.close-quick img {
		vertical-align: middle;
		display: flex;
		align-items: center
	}

	section.news-sec {
		padding: 60px 0 76px
	}

	.news-block-img {
		width: 100%;
		max-height: initial
	}

	.mission-block, .policy p {
		margin-top: 30px
	}

	.news-banner-inner .inner-content .title {
		font-size: 16px;
		line-height: 30px
	}

	section.news-sec-inner {
		padding: 60px 0 40px
	}

	.our-story .casue-item-content p, section.news-sec .casue-item-content h4, section.our-story .casue-item-content h4, section.our-story .casue-item-content h4 a {
		min-height: auto
	}

	.upcoming-table.eventlist-by-cats .title.upcoming-title {
		font-size: 18px
	}

	.title.upcoming-title .red-color {
		padding: 0 5px
	}

	.upcoming-event-table th {
		font-size: 16px;
		padding: 5px 15px
	}

	.upcoming-event-table tbody td {
		font-size: 16px;
		padding: 14px 15px
	}

	.key-facts p, .upcoming-event-table tbody td p, .water-wells h2.title {
		font-size: 16px
	}

	.appeals-banner, .events-banner, .innerappeals-banner, .zakat-banner {
		min-height: 550px
	}

	.events-banner .inner-content h1, .events-banner .inner-content h2, .power-zakat .title {
		font-size: 45px
	}

	.charity-integrate.water-wells .title, .checkoutsummary a, .note, section.faq .accordion-button, section.volunteer-sec .casue-item-content h4 {
		font-size: 20px
	}

	section.faq .accordion {
		margin-top: 0;
		column-count: 1
	}

	.faq-content {
		padding: 66px;
		grid-template-columns: repeat(1, 1fr);
		gap: 0
	}

	.line-dark-bottom::before, .line-dark-top::before, section.faq .line-bg-gray-bottom:before, section.faq .line-bg-gray-top:before {
		left: -30px
	}

	.line-dark-bottom::after, .line-dark-top::after, section.faq .line-bg-gray-bottom:after, section.faq .line-bg-gray-top:after {
		right: -30px
	}

	.introduction-sec, .resources_sec {
		padding: 60px 0 55px
	}

	.key-sec .title-red {
		font-size: 38px
	}

	.introduction-sec .title {
		margin-top: 24px;
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}

	.title.upcoming-title {
		margin-bottom: 40px;
		font-size: 54px
	}

	.line-bg-gray-top:after, .line-bg-gray-top:before {
		top: -175px;
		z-index: 2
	}

	.line-bg-gray-bottom:before, .line-bg-gray-top:before {
		left: -48px
	}

	.line-bg-gray-bottom:after, .line-bg-gray-top:after {
		right: -48px
	}

	.contact-us, .donate-item {
		margin-bottom: 30px
	}

	.about-sec-1 {
		width: 100%;
		padding-right: 0
	}

	.mission-block, .vision-block {
		width: 100%;
		border: none
	}

	.donate-sec {
		padding: 110px 0 150px
	}

	.donate-sec .title {
		margin-bottom: 28px
	}

	.donate-sec .line-dark-top::after, .donate-sec .line-dark-top::before {
		top: -190px
	}

	.about-facitlity h3 {
		padding-right: 0;
		padding-left: 0
	}

	.donate-block-1, .donate-inner-sec .facitlity-block {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}

	.terms-sec .tab-content ul.list-child {
		padding-left: 34px
	}

	.refund-sec p {
		padding-right: 0
	}

	section.refund-sec {
		padding: 55px 0 35px
	}

	.privacy-content .faq_sec1 {
		padding: 24px 12px 24px 26px
	}

	.key-sec .line-bg-gray-top:after, .key-sec .line-bg-gray-top:before {
		top: -130px
	}

	.volunteer-sec .humanity-sec h3 {
		font-size: 24px;
		padding: 24px 18px
	}

	section.volunteer-register h5:after, section.volunteer-register h5:before {
		width: 68px
	}

	.how-donation-sec .key-content {
		padding: 48px 18px
	}

	section.gift-aid h3 {
		text-align: center;
		max-width: initial
	}

	section.gift-aid {
		padding: 90px 0
	}

	section.gift-aid .donation-cost-content p {
		text-align: center;
		padding-right: 0
	}

	.how-donation-block1, .how-donation-block2 {
		width: 100%;
		margin-top: 40px
	}

	.bg-donation, .page_description_qurbani .container, .qurbani_page.qurbani_middle_page .container {
		max-width: initial
	}

	.donation-spentcost-sec .donation-cost-content {
		padding-left: 0;
		margin-top: 10px
	}

	section.apply-sec .form-contact .title-wrapper, section.gift-aid .bg-green {
		margin-bottom: 24px
	}

	.product-available, .shop-information .shop-content p {
		margin-bottom: 38px
	}

	.donation-cost-sec {
		padding: 23px 0
	}

	.uk-project hr {
		width: 14%
	}

	.appeals-content {
		justify-content: start;
		flex-wrap: wrap
	}

	.appeals-content .appeals-block, .zakat-project .nav-tabs .nav-link {
		width: 33%;
		margin-bottom: 16px
	}

	.donation-features-bg p {
		padding: 0;
		font-size: 18px
	}

	.key-facts .counter:before {
		max-width: 575px;
		top: 58px
	}

	.key-facts .dot-block {
		width: 160px;
		height: 160px
	}

	.key-facts .counter .counter-block.counter-block-red {
		width: 195px;
		height: 195px
	}

	.water-wells {
		padding: 60px 0
	}

	.water-wells .title-wrapper, section.where-work .title-wrapper {
		margin: 0 auto 40px
	}

	.job-sec .donate-block, .note {
		margin-right: 0
	}

	.emergency-appeals .line-dark-top::after, .emergency-appeals .line-dark-top::before {
		top: -204px
	}

	.emergency-appeals .line-dark-top::after {
		right: -38px
	}

	.innerappeals-help .casue-item-text {
		max-width: 260px
	}

	.appeals-banner .inner-content {
		left: 50px
	}

	.event-slider .carousel-indicators button {
		height: 70px
	}

	.job-msg {
		margin-top: 16px
	}

	.job-sec {
		padding-bottom: 45px
	}

	.job-sec-content {
		padding-top: 0
	}

	.apply-sec label {
		font-size: 13px
	}

	.job-detail-sec .donate-block-1 .green-btn, .job-detail-sec .donate-block-1 a {
		max-width: 100%;
		min-width: 100%
	}

	.zakat-intro .about-intro {
		margin-top: 32px
	}

	.zakat-content {
		padding-bottom: 42px
	}

	section.faq .accordion-button:not(.collapsed):before {
		top: 0
	}

	.express-logo {
		width: 48%;
		flex: initial
	}

	.continue-below h4:after, .continue-below h4:before {
		max-width: 190px
	}

	.checkout-summary-block .checkoutprice {
		font-size: 32px
	}

	.checkout-donation .activity-sec-block, .checkout-form .activity-sec-block, .power-zakat.qur_img_description.page_description figure.image {
		width: 50%
	}

	.poscode-msg {
		padding-left: 10px;
		max-width: 290px;
		margin-top: 10px
	}

	.note {
		padding: 4px 15px
	}

	.deliver-product h4 {
		font-size: 16px;
		padding-left: 14px
	}

	.deliver-product {
		padding: 18px 0
	}

	.available-sec {
		padding: 72px 0 34px
	}

	.available-sec .title-wrapper {
		margin-bottom: 32px
	}

	.product-available {
		height: auto;
		margin-right: 0
	}

	.review-content {
		padding: 54px 12px
	}

	.affilate-box {
		width: 50%;
		margin-bottom: 52px
	}

	.affilate-sec {
		padding: 62px 0 42px
	}

	.product-shop-content {
		margin-left: 0;
		margin-top: 20px
	}

	.shop-information .shop-content {
		padding-left: 0;
		margin-top: 20px
	}

	.shop-information .green-line {
		margin: 20px 0
	}

	.palestinin-feeding {
		margin-top: 38px
	}

	.js-cookie-consent .flex.items-center {
		margin-bottom: 43px
	}

	.key-facts .achivements-block .counter .counter-block h3 {
		font-size: 12px
	}

	.personal-information select {
		background-position-x: 97%
	}

	.checkout_shipping {
		padding: 0;
		margin: auto
	}

	.donate_form .amount-donate-2 {
		position: relative
	}

	.donate_form .amount-donate-2 span {
		position: absolute;
		left: 17px;
		top: 25px;
		color: #db2422;
		font-size: 18px;
		font-family: "Museo Sans Rounded 900"
	}

	.donate_form .amount-donate-2 .numbers.amount {
		padding-left: 40px
	}

	.home_newsletter:after, .home_newsletter:before {
		top: -20px
	}

	.donation-features {
		padding: 40px 0
	}

	.donation-features li {
		padding-right: 28px;
		margin-bottom: 16px
	}

	.events-tabs-block .events-block a {
		min-width: 218px
	}

	.news-sec-inner .news-block-content img {
		float: initial;
		max-width: initial;
		margin: 0 0 28px
	}

	.news-sec-inner h3 {
		font-size: 22px
	}

	.news-sec-inner figure.image {
		width: 100%;
		margin-bottom: 0
	}

	.qurbani_page.qurbani_middle_page h5 {
		font-size: 15px
	}

	.head-inner nav.navbar ul.navbar-nav li.ramadan-dropdown svg path {
		fill: #47912f
	}

	.line-bg-gray-bottom:after, .line-bg-gray-bottom:before, .line-bg-gray-top:after, .line-bg-gray-top:before {
		height: 150px;
		width: 150px
	}

	.qurbani-box .qurbani-heading p {
		font-size: 14px;
		min-height: 60px
	}

	.qurbani-banner {
		height: 470px
	}

	.qurbani-box-africa .qurbani-heading p, .qurbani-box-asia .qurbani-heading p, .qurbani-box-east .qurbani-heading p, .qurbani-box-prophetic .qurbani-heading p {
		min-height: 42px
	}

	.total_qurbanis.sticly {
		top: 78px
	}

	.quick-donate-content {
		position: absolute;
		left: 0;
		right: 0;
		padding: 0 20px;
		background: #47912f
	}

	#quick-donate-form-section {
		margin-top: 14px;
		padding-bottom: 24px;
		max-width: 720px;
		margin-left: auto;
		margin-right: auto
	}

	.quick-donate-icon {
		margin-bottom: 6px
	}

	.qurbani-box .add-to-cart .add-cart {
		font-size: 14px
	}



/* ============================
zakat page 2026 css start here
================================== */
.zakat-intro.what-zakat .container {
    max-width: 720px;
}

section.faq .line-bg-gray-bottom .title-wrapper {
    position: relative;
    z-index: 50;
}

section.bg-green.maxi-zakat .line-bg-gray-top::before,
section.bg-green.maxi-zakat .line-bg-gray-top::after {
    top: -75px;
}


.middle-content .check-points .row .col-md-6:before, 
.middle-content .check-points .row .col-md-4:before {
    right: 8px;
}



/* ============================
Ramadan page 2026 css start here
================================== */

.ramdan-intro.bg-sec .content {
    margin-top: 25px;
}


.about-facitlity.your-donation {
    padding-top: 0px;
}

.about-facitlity.your-donation .title-wrapper {
    margin-bottom: 29px;
}

.about-facitlity.your-donation h2.title {
    font-size: 27px;
}

.about-facitlity.your-donation .facitlity-block {
    min-height: auto;
}

.under-zakat .understanding-items {
    margin-bottom: 25px;
    height: auto;
}

.sucess-stories .title-wrapper {
    margin-bottom: 29px;
}


.choose-amount .donation-wrapper.line-bg-gray-top::after,
.choose-amount .donation-wrapper.line-bg-gray-top::before {
    top: 0;
}

.choose-amount .donation-inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 45px;
    margin-bottom: 45px;
}

.trust-credi {
    padding-top: 44px;
    padding-bottom: 50px;
}

.trust-credi .title-wrapper {
    margin-bottom: 29px;
}

.credibility-sect .item-box {
    height: auto;
    margin-bottom: 25px;
}

section.bg-green.maxi-zakat .key-content {
    padding: 48px 15px 35px;
}


.middle-content.zakat-dist.why .check-points .col-md-6:last-child ul {
    padding-left: 37px;
}


.key-facts.nisab-there .counter {
    padding-top: 50px;
}

.key-facts.nisab-there .counter::before {
    top: 33px;
}

.bg-red.zakat-start-ups .key-points-sec {
    max-width: 586px;
}


/* ======================================================================
All pages css start here after upgrade
======================================================================= */

.donate-icon-title a.quick-donate {
        font-size: 20px;
        padding: 10px 20px 10px 42px;
}

.casue-item-content .title-news {
    min-height: auto;
}

.counter .counter-block p {
    font-size: 12px;
}
section.bg-sec.red-line.water-wells.appeal-detail-intro.appeal-detail-page.purs  .title {
    font-size: 24px;
}
/* css 15-04-26 */
section.events.bg-sec .event-blocks .item .event-block .event-block-1, section.events.bg-sec .event-blocks .item .event-block .event-block-2 {
    width: 100%;
}
/* css 15-04-26 */
}

@media screen and (max-width:767px) {

	/*19-02-26 shanti*/
	.about-us-bg-sec {
    	padding: 42px 0 0;
	}

	.home-top-banner {
		margin-bottom: 35px;
	}

	.about-us-bg-sec {
    	padding: 42px 0 0 !important;
	}

	.home-top-banner {
		margin-bottom: 35px;
	}

	.pakistan-floods-emergency .water-wells .title-wrapper h1.title span {
		font-size: 15px;
	}

	.afghanistan-earthquake .water-wells .title-wrapper h1.title span {
		font-size: 15px;
	}

	.against-slavery .water-wells-text p br {
        display: none;
    }

    .against-slavery .un-section .un-logo {
        text-align: center;
        margin-top: 0;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 39px;
    }

	/*end*/




	.head-inner, header.header {
		position: relative
	}

	.upcoming-event-table tbody tr, .upcoming-event-table thead tr {
		border-bottom: 1px solid #ccc7c7
	}

	.donation-today-bg .red-btn, .topbar .container, header.header .container {
		max-width: initial
	}

	.home-banner.news-banner {
		min-height: 275px;
		background-position: center
	}

	.checkout-summary-block, .faq-content, .navbar-toggler, .page_description_qurbani .col-md-6, .qurbani_page.qurbani_middle_page .col-md-6 {
		padding: 0
	}

	.live-appeals .transparent-btn, .main_qurbani_description .heading-campaign-1, .main_qurbani_description .heading-campaign-2, .main_qurbani_description .heading-campaign-3, .main_qurbani_page h6 {
		font-size: 18px
	}

	.\33 way-help-section .desktop-view, .about-sec, .appeals-sec hr, .appeals-sec.recent-project .content-overlay, .appeals-sec.recent-project .content:hover .content-details, .green-appeals:after, .home_newsletter:after, .home_newsletter:before, .innerappeals-help .content-details.fadeIn-top, .key-facts .counter:before, .line-bg-gray-bottom:after, .line-bg-gray-bottom:before, .line-bg-gray-top:after, .line-bg-gray-top:before, .line-dark-bottom::after, .line-dark-bottom::before, .line-dark-top::after, .line-dark-top::before, .our-achievements-section .desktop-view, .our-stories-section .desktop-view, .page_description_qurbani:after, .qurbani_page.qurbani_middle_page:after, .steps-block .step:first-child .step-box:after, .steps-block .step:nth-child(2) .step-box:after, .upcoming-event-table thead:after, .upcoming-event-table thead:before, section.faq .line-bg-gray-bottom:after, section.faq .line-bg-gray-bottom:before, section.faq .line-bg-gray-top:after, section.faq .line-bg-gray-top:before, section.volunteer-register h5:after, section.volunteer-register h5:before {
		display: none
	}

	.appeals-sec.recent-project .content:hover .appeals-image {
		opacity: initial
	}

	.fixed-header .head-inner, .head-inner {
		padding: 13px 0
	}

	.video-container {
		height: 300px
	}

	.help-sec h2.title {
		margin: 0 auto 34px
	}

	button.navbar-toggler span.navbar-toggler-icon {
		background-size: 20px;
		margin-top: 5px
	}

	.head-inner nav.navbar {
		padding-top: 0;
		top: 31px
	}

	.navigation-middle {
		position: absolute;
		left: 0
	}

	.head-inner a.logo img {
		max-width: 120px
	}

	.achivements .counter .counter-block h3, .green-btn, .qurbani-box .add-to-cart .add-cart, .qurbani-subtitle, .red-btn, a.red-amount {
		font-size: 14px
	}

	.donation-today-bg .amount-donate-price select {
		background-position-x: 82%
	}

	.donation-today-bg {
		padding: 15px 18px 30px
	}

	.donation-today-bg p {
		padding-top: 0;
		font-size: 14px
	}

	.amount-donate .qdf_radio span {
		padding: 10px 17px
	}

	.affilate-box, .quick-donate-content .quick-donate-1, .zakat-project .casue-item {
		margin-bottom: 0
	}

	.quick-donate-content .quick-donate-1 select {
		margin-bottom: 14px;
		height: 52px
	}

	.quick-donate-form .input-group.curr input {
		height: 52px
	}

	.quick-donate-form .input-group.curr span {
		top: 14px
	}

	.quick-donate-amount {
		margin-top: 14px
	}

	.\33 way-help-section .owl-dots, .our-stories-section .mobile-view .owl-dots, .quick-donate-form .quick-donate-btn {
		margin-top: 8px
	}

	.bg-line {
		padding: 29px 14px 102px
	}

	.achivements .title, .charity-integrate.water-wells .title, .title, .zakat-intro .title-wrapper .title {
		font-size: 24px;
		line-height: 52px
	}

	.charity-integrate.water-wells .title {
		font-size: 17px !important
	}

	.newsletter h3, h3 {
		font-size: 24px;
		padding: 0
	}

	.about-box .about-content h1, .achivements .counter .counter-block h2, .appeal-detail-intro .title, .appeals-banner .inner-content h2, .checkout-sec h4, .donation-detail p, .facitlity-block h4, .how-donation-spent h3, .job-msg h4, .key-sec .title-red, .product-shop-content .product-price, .product-shop-list h2, .shop-information h3 {
		font-size: 24px
	}

	.about-img, .affilate-detail, .donate-sec .donate-item-img {
		height: auto
	}

	.event-blocks .event-img-shape img {
		border-radius: 30px
	}

	.newsletter .home_newsletter input {
		font-size: 12px;
		padding-left: 12px
	}

	.achivements .title, section.bg-foods .title {
		color: #fff
	}

	.title span {
		background: 0 0;
		padding: 0;
		margin-left: 0
	}

	.btn-common a {
		margin-bottom: 13px;
		margin-right: 0
	}

	.block-help .green-btn {
		max-width: 237px;
		min-width: auto;
		font-size: 16px
	}

	.achivements {
		padding: 35px 0
	}

	.achivements .counter {
		padding: 46px 0 0
	}

	.achivements .counter .counter-block {
		width: 200px;
		height: 200px;
		margin-right: 14px;
		margin-bottom: 30px
	}

	.achivements .counter .counter-block .dot-block {
		width: 170px;
		height: 170px
	}

	.counter, .events-banner .btn-common, .events-tabs-block, .footer-logo ul.social-f, .zakat-intro .title-wrapper {
		justify-content: center
	}

	.owl-nav button.owl-next span:after {
		right: 17px
	}

	.owl-nav button.owl-prev span:after {
		left: 17px
	}

	.event-slider .carousel-control-prev, .owl-nav button.owl-prev, .resources_sec .owl-nav button.owl-prev span:after, .resources_slider .owl-nav button.owl-prev, section.faq .accordion-button:before {
		left: 0
	}

	.event-slider .carousel-control-next, .owl-nav button.owl-next, .resources_sec .owl-nav button.owl-next span:after, .resources_slider .owl-nav button.owl-next {
		right: 0
	}

	footer h3 {
		margin-top: 40px;
		margin-bottom: 10px
	}

	.footer-logo p, footer.footer {
		padding: 14px 0;
		margin-top: 0
	}

	footer.footer {
		padding-bottom: 70px;
		padding-left: 12px;
		padding-right: 12px
	}

	.checkout-form-bg .checkbox-activity, .humanity-sec, .inner-content, .job-sec .contact-btn, .job-sec .humanity-sec, .news-banner .inner-content, .search-banner .inner-content, footer.footer ul {
		margin-top: 0
	}

	.footer-logo {
		margin: 24px auto 0;
		text-align: center;
		width: 100%;
		padding-bottom: 20px
	}

	footer .contact-list li span {
		margin-right: 0;
		padding-right: 4px
	}

	header.header .login-block img {
		max-width: 24px
	}

	footer.footer ul a {
		margin: 0
	}

	.search-top .green-btn {
		font-size: 14px;
		min-width: 128px;
		line-height: 30px;
		height: 49px
	}

	.search-top form .green-btn .arrow-btn {
		width: 32px;
		height: 32px;
		top: 10px;
		margin-left: 19px;
		right: 10px;
		padding: 5px 12px
	}

	.search-top form .arrow-btn svg {
		height: 22px !important
	}

	.achieved-sec h2, .donate_form h4 {
		font-size: 32px
	}

	.block-help-content {
		bottom: 30px
	}

	.how-it-works h3, .qurbani-prices h1, .qurbani-prices h3, .qurbani_order_page p {
		font-size: 20px
	}

	.help-sec {
		padding: 50px 0 60px
	}

	section.bg-foods {
		padding: 52px 0
	}

	section.follow-us {
		padding: 24px 0
	}

	.emergency-appeals, section.events {
		padding: 50px 0
	}

	section.events h2.title, section.follow-us .title {
		margin: 0 auto 45px
	}

	.quick-donate-bar .input-group, .quick-donate-bar select {
		margin-bottom: 14px;
		background-position-x: 96%;
		background-position-y: 20px
	}

	.qurbani-box, .shop-information .shop-content p, form.quick-donate-form .red-btn {
		margin-bottom: 20px
	}

	.cart-popup {
		right: 6px
	}

	.video-banner {
		min-height: 400px;
		background-size: cover
	}

	.casue-item-text {
		max-width: max-content
	}

	.job-banner, .news-banner, .zakat-banner {
		min-height: 250px;
		background-position: center;
		background-size: cover
	}

	.inner-content .title {
		background: #47912f;
		color: #fff;
		padding-left: 11px;
		line-height: 43px;
		font-size: 32px
	}

	.inner-content .title .red-color:after, .news-banner-inner .title-red {
		background: #db2422
	}

	.inner-content .title .red-color {
		padding: 0 15px
	}

	.news-banner-inner {
		min-height: 320px;
		background-position: center
	}

	.news-date a {
		font-size: 14px;
		padding: 9px 11px
	}

	.news-banner-inner .inner-content {
		margin-top: 0;
		transform: initial;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		left: 0;
		padding: 0 20px
	}

	.live-appeals .title {
		margin: 0 auto 38px
	}

	section.our-story .btn-transparent {
		margin-top: 50px
	}

	.donation-today-bg select {
		background-position-x: 95%
	}

	section.news-sec-inner {
		padding-left: 20px;
		padding-right: 20px
	}

	.event-banner {
		min-height: 250px
	}

	section.event-sec {
		padding: 60px 0 102px
	}

	.events-banner .btn-common .green-btn {
		min-width: 310px;
		margin-left: 6px
	}

	.events-banner .green-btn span, .events-banner .red-btn span {
		margin-left: 14px
	}

	.tour-sec:before {
		border-right: 90px solid transparent;
		border-bottom: 90px solid #db2422;
		border-left: 90px solid transparent;
		width: 150px;
		top: -100px
	}

	.location-icon {
		top: -45px
	}

	.location-icon img {
		width: 40px
	}

	.events-banner .inner-content h1, .events-banner .inner-content h2 {
		font-size: 34px
	}

	.events-banner {
		min-height: 450px
	}

	.title.title-green {
		background: #47912f;
		color: #fff;
		margin-bottom: 25px
	}

	.title.title-red {
		background: #db2422;
		color: #fff;
		margin-bottom: 25px
	}

	.key-sec {
		padding: 90px 0 70px
	}

	.key-content {
		margin: 0;
		padding: 48px 35px
	}

	.activity-sec .activity-sec-block, .affilate-box, .review-content, section.faq .accordion-item {
		width: 100%
	}

	section.faq .title {
		margin-bottom: 40px;
		margin-top: 40px
	}

	section.faq {
		padding: 15px 20px 72px
	}

	.event-slider .carousel-indicators {
		bottom: 4px
	}

	.event-slider .carousel-indicators button {
		height: 50px;
		margin-right: 7px;
		width: 150px
	}

	.tour-sec h3 {
		font-size: 24px;
		line-height: 32px
	}

	section.event-slider.red-line:after {
		height: 80px
	}

	.upcoming-event-table {
		display: block;
		overflow-x: auto;
		border: none;
		border-radius: 0
	}

	.upcoming-event-table th, .upcoming-event-table th.date-event {
		padding: 10px;
		color: #000;
		text-align: center
	}

	.introduction-sec .title {
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}

	.upcoming-event-table tbody td.event-name {
		text-align: left;
		font-family: "Museo Sans Rounded 300"
	}

	.upcoming-event-table .event-year a {
		font-family: "Museo Sans Rounded 500";
		font-size: 16px
	}

	.upcoming-event-table tbody td {
		text-align: center;
		padding: 10px;
		font-family: "Museo Sans Rounded 500"
	}

	.appeals-sec .casue-item-content, .qurbani-box .qurbani-type, .upcoming-event-table tbody td.date-event, .upcoming-event-table th.date-event {
		padding: 10px
	}

	.upcoming-event-table tbody tr:nth-of-type(2n), .upcoming-event-table thead tr {
		background: #e8e8e8
	}

	.donate-sec {
		padding: 50px 0 55px
	}

	.achieved-sec {
		padding-top: 65px
	}

	.about-inner-sec {
		padding: 72px 0 55px
	}

	.about-facitlity h3, .water-wells-content p, .water-wells-text {
		padding-left: 0;
		padding-right: 0
	}

	.about-facitlity {
		padding: 85px 0 55px
	}

	.donate-banner, .search-banner {
		height: 250px
	}

	.search-result {
		padding: 72px 0 60px
	}

	.search-result .about-box {
		padding: 30px
	}

	.terms-sec .nav-link {
		padding: 14px 10px;
		font-size: 17px
	}

	.terms-sec .tab-content {
		padding: 20px 20px 0 0
	}

	.teamc-logo {
		margin: 24px auto 30px;
		text-align: center
	}

	.volunteer-sec .humanity-sec {
		margin-bottom: 35px
	}

	.head-inner .red-btn {
		margin-left: 6px
	}

	.volunteer-sec {
		padding: 12px 0 45px
	}

	.recent-project .title-wrapper {
		margin: 0 auto 40px
	}

	.volunteer-form-bg {
		padding: 45px 16px 15px
	}

	.donation-cost-content p, .donation-features li, .donation-spentcost-sec .donation-cost-content p, .vision-block p, .zakat-intro .introduction-sec-content, footer.footer ul.contact-list li.email p {
		padding-right: 0
	}

	section.gift-aid .bg-green {
		margin-right: 0
	}

	section.gift-aid {
		padding: 60px 0 90px
	}

	.donation-features, .product-shop-list {
		padding: 24px
	}

	.how-donation-banner {
		min-height: 310px
	}

	.appeals.appeals-sec {
		padding: 64px 0 72px
	}

	.appeals-sec .casue-item .content {
		max-height: initial
	}

	.appeals-content .appeals-block {
		padding-bottom: 24px;
		display: flex;
		margin-bottom: 0
	}

	.appeals-sec {
		padding: 0 0 40px
	}

	.appeals-all .appeals-image, .appeals-image {
		height: 180px
	}

	.appeals-sec .title {
		margin-left: 17px;
		margin-right: 17px
	}

	.innerappeals-banner {
		min-height: 330px
	}

	.appeals-banner .inner-content h5 {
		line-height: 25px;
		font-size: 16px
	}

	.innerappeals-banner .inner-content:before {
		height: 125px
	}

	.appeals-all {
		padding: 50px 0 40px
	}

	.key-facts .counter-content {
		margin-bottom: 50px
	}

	.key-facts .counter .counter-block.counter-block-red:after {
		position: absolute;
		content: "";
		top: -18px;
		background: #fff;
		height: 3px;
		left: 0;
		right: 0;
		z-index: 1;
		margin: auto
	}

	.key-facts {
		padding: 42px 0 0
	}

	.water-wells h4 {
		font-size: 24px;
		line-height: 34px
	}

	.job-sec .humanity-sec h3 {
		margin-bottom: 55px;
		font-size: 24px;
		padding: 18px
	}

	.zakat-project .nav-tabs .nav-link {
		width: 100%;
		justify-content: center;
		padding-bottom: 12px;
		border-bottom: 1px solid #fff
	}

	.zakat-project .nav-tabs .nav-link.active {
		border-bottom: 1px solid #fff
	}

	.power-zakat .zakat-msg p {
		margin-bottom: 8px;
		font-size: 16px;
		padding: 8px
	}

	.zakat-calculate img {
		border-radius: 28px;
		height: 285px;
		object-fit: cover
	}

	.zakat-slider .carousel-control-next-icon, .zakat-slider .carousel-control-prev-icon {
		height: 70px
	}

	.zakat-help .title-wrapper {
		margin: 8px auto 40px
	}

	.zakat-project .appeals-sec-top {
		padding-bottom: 10px
	}

	.our-achievements-section .achivemnet-content .green-btn, .our-achievements-section .counter .counter-block, .zakat-intro .calculate-zakat .green-btn {
		margin: auto
	}

	.zakat-project .appeals.appeals-sec {
		padding: 55px 0 20px
	}

	.calculate-debts, .calculate-income {
		padding: 40px 18px
	}

	.express-logo {
		width: 45%
	}

	.checkout-form-bg .form-postcode .form-control {
		width: 100%;
		margin-bottom: 15px
	}

	.poscode-msg {
		margin-bottom: 17px;
		margin-top: 0
	}

	.continue-below h4:after, .continue-below h4:before {
		max-width: 80px
	}

	.checkout-heading h4 {
		padding: 24px 34px 0;
		margin-bottom: 20px
	}

	.affilate-product .cart-btn, .appeals-sec .casue-item, .checkout-form, .checkout-form-bg .checkout-form .form-control, .checkout-information p {
		margin-bottom: 24px
	}

	.checkout-form {
		padding: 24px 34px 12px
	}

	.checkout-activity {
		padding-top: 14px;
		margin-bottom: 20px
	}

	.checkout-banner {
		height: 220px
	}

	.checkout-summary .cart-popup, .page_description_qurbani .container, .qurbani_page.qurbani_middle_page .container {
		max-width: 100%
	}

	section.checkout-sec {
		padding: 42px 0
	}

	.footer-logo p, .our-achievements-section .achivemnet-content, .vision-mission, .zakat-content, .zakat-msg {
		text-align: center
	}

	.deliver-msg, .qurbani-flex {
		flex-wrap: wrap
	}

	.deliver-product h4 {
		text-align: center;
		margin-top: 18px;
		line-height: 22px;
		padding-left: 0
	}

	.affilate-product:after {
		width: 100%;
		height: 2px;
		bottom: 0
	}

	.affilate-box:nth-child(2) .affilate-product:after {
		display: block
	}

	.affilate-sec {
		padding: 54px 0 0
	}

	.available-sec {
		padding: 54px 0 34px
	}

	.product-shop {
		padding: 62px 0
	}

	.product-shop-content p, section.news-sec-inner .news-text p {
		font-size: 17px
	}

	.shop-information {
		padding: 68px 0 14px
	}

	.product-shop .carousel-indicators button {
		height: 50px
	}

	.qty {
		padding: 0 12px;
		margin-top: 12px
	}

	.qty label {
		margin-right: 8px;
		font-size: 16px
	}

	.qty button {
		width: 24px;
		height: 24px;
		font-size: 14px;
		line-height: 24px
	}

	.step-box img, footer.footer ul.contact-list li.email span.icon img {
		width: 20px;
		height: 20px
	}

	.qty input {
		font-size: 20px;
		padding-left: 5px
	}

	.product-shop-content .cart-btn {
		margin-top: 18px
	}

	.title.upcoming-title {
		font-size: 24px;
		margin-top: 45px
	}

	.upcoming-event-table tbody tr:nth-child(odd):after {
		position: static
	}

	.error-page {
		padding: 30px 0 72px
	}

	.appeals-sec .casue-item-content .learn-more, .casue-item-content h4, .gift-wrap-detail-msg p, .main_qurbani_description p, .main_qurbani_page.page_description ul li, .water_price .price_block p {
		font-size: 16px
	}

	.zakat-project .casue-item-content {
		padding: 20px 10px 14px
	}

	.how-donation-banner .title {
		font-size: 28px
	}

	.innerappeals-help .casue-item-content h4 {
		font-size: 15px;
		padding-bottom: 0;
		margin-top: 0;
		min-height: 49px
	}

	.zakat-project.innerappeals-help .innerappeals-img {
		height: 168px
	}

	span.close-icon {
		right: 12px
	}

	.appeal-detail h2.title, .qurbani-box .qurbani-type .qurbani-title {
		font-size: 15px
	}

	.form-postcode .shipping_pclookup_addr select, section.checkout-sec #addr_select_wrapper select {
		min-width: auto;
		max-width: initial
	}

	.checkout-register-form .red-btn {
		min-width: 300px
	}

	.donation-features ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1
	}

	.policy .list-child {
		padding-left: 0
	}

	.zakat-project .appeals-sec {
		padding: 0 0 42px
	}

	.appeals-content .appeals-block a {
		font-size: 12px;
		align-items: center;
		line-height: 1
	}

	.appeals-content .appeals-block img {
		width: 18px;
		height: 18px;
		margin-right: 4px
	}

	.appeals-sec-block-bar {
		padding-bottom: 0
	}

	.events-tabs-block .events-block img {
		width: 1.5rem
	}

	.events-tabs-block .events-block a {
		min-width: 160px;
		max-width: 160px;
		padding: 8px 4px;
		font-size: 12px
	}

	.news-banner-inner .inner-content .title {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 14px
	}

	.qurbani_page.qurbani_middle_page {
		padding: 14px 0 0
	}

	.qurbani_page.qurbani_middle_page .right-side-qurbani {
		background: #47912f;
		padding: 25px
	}

	.page_description_qurbani, .page_description_qurbani:nth-child(odd) {
		background: 0 0;
		padding-bottom: 0
	}

	.page_description_qurbani .left-side-qurbani {
		background: #f5f5f5;
		padding: 25px 15px
	}

	.page_description_qurbani .right-side-qurbani {
		background: #e7e7e7;
		padding: 25px 15px
	}

	.main_qurbani_description a.qurbani-btn {
		font-size: 14px;
		padding: 10px 24px
	}

	section.quick-donate-bar .donate-icon-title h4 {
		min-width: 200px;
		justify-content: center;
		font-size: 16px;
		min-height: 35px
	}

	.innerappeals-help .col-6.col-lg-3 {
		margin-bottom: 25px
	}

	.innerappeals-help .content {
		height: 100%;
		margin-bottom: 20px;
		background: #fff
	}

	.where-work-block h4 {
		min-height: auto
	}

	.where-work-block a.red-btn {
		max-width: 128px;
		min-width: 128px;
		height: 40px
	}

	.steps-block p, .where-work-block a.red-btn span {
		font-size: 12px
	}

	.where-work-block a.red-btn span.flag-btn {
		width: 29px;
		height: 29px
	}

	.where-work-block a.red-btn span.arrow-btn {
		width: 29px;
		height: 29px;
		padding: 1px 6px
	}

	.\33 way-help-section .mobile-view .item, .our-stories-section .mobile-view .item, .where-work-block {
		padding: 16px
	}

	.where-work-block a.red-btn span.arrow-btn svg {
		height: 11px !important
	}

	.where-work-block .dropdown-menu-1 {
		position: static;
		margin: 3px auto auto;
		box-shadow: none
	}

	.donate-icon-title .donate_icon {
		top: -5px;
		left: -8px
	}

	.gift-wrap-detail {
		margin: 10px auto 0;
		padding: 28px
	}

	.gift-wrap-detail-msg ul li {
		font-size: 16px;
		padding-left: 24px
	}

	.gift-wrap-detail-msg ul li:before {
		width: 18px;
		height: 18px;
		top: 5px
	}

	.about_box_content h3 {
		font-size: 18px;
		margin-bottom: 8px
	}

	.about_box_content p {
		font-size: 16px;
		padding-right: 0
	}

	.water_price {
		margin-top: 24px
	}

	.water_price .price_block h5 {
		font-size: 15px;
		margin-bottom: 4px
	}

	.about_box_content {
		padding: 24px 14px
	}

	.live-appeals {
		padding-top: 16px
	}

	.qurbani-banner {
		height: 310px
	}

	.step-box {
		min-height: 50px;
		max-width: 50px;
		padding: 0
	}

	.step-box img {
		object-fit: contain
	}

	.steps-block .step h6 {
		font-size: 12px;
		margin-top: 0
	}

	.qurbani-prices {
		padding: 19px 8px 18px
	}

	.qurbani-box .qurbani-heading h4 {
		font-size: 15px;
		max-width: 142px;
		margin: 0 auto 9px
	}

	.qurbani-box .qurbani-heading p {
		font-size: 9px;
		min-height: 37px
	}

	.qurbani-box .qurbani-heading {
		padding: 18px 11px
	}

	.qurbani-price {
		font-size: 20px;
		font-family: "Museo Sans Rounded 500"
	}

	.qurbani-prices-block {
		max-width: initial;
		margin: 14px auto 0
	}

	.qurbani-box label {
		text-align: center;
		display: block;
		font-size: 14px
	}

	.qurbani-box .add-to-cart {
		padding: 0 8px
	}

	.qurbani-box .qurbani-form, .qurbani-totals {
		padding: 8px
	}



	
	.qurbani-box-africa .qurbani-heading p, .qurbani-box-asia .qurbani-heading p, .qurbani-box-east .qurbani-heading p, .qurbani-box-prophetic .qurbani-heading p {
		min-height: 29px
	}

	.qurbani-box-east .qurbani-heading h4 {
		min-height: 36px
	}

	.qurbani_page.main_qurbani_page {
		padding: 38px 0 0
	}

	.qurbani-donation-list {
		padding: 28px
	}

	.power-zakat.qur_img_description.page_description figure.image {
		width: 50%;
		margin: 0
	}

	.qur_img_description figure.image img {
		min-height: 154px
	}

	.power-zakat .zakat-msg, .power-zakat.qur_img_description.page_description .power-zakat .zakat-msg {
		padding-top: 0
	}

	.total_qurbanis p span {
		display: block;
		margin-top: 10px
	}

	.total_qurbanis a+a {
		font-size: 12px;
		margin-left: 1px
	}

	.total_qurbanis.sticly {
		top: 62px
	}

	.\33 way-help-section .mobile-view .owl-nav button {
		top: -75px
	}

	.\33 way-help-section .mobile-view .owl-nav button.owl-prev span:after {
		left: 30px
	}

	.\33 way-help-section .mobile-view .owl-nav button.owl-next span:after {
		right: 30px
	}

	section.our-story {
		padding-bottom: 80px
	}

	.our-stories-section .mobile-view .owl-nav button.owl-prev span:after {
		left: 20px
	}

	.our-stories-section .mobile-view .owl-nav button.owl-next span:after {
		right: 20px
	}

	section.events .event-blocks .owl-item {
		padding: 0 16px
	}

	.our-achievements-section .mobile-view .owl-nav button.owl-prev span:after {
		left: 30px;
		background-image: url(../images/arrow-left-red.png)
	}

	.our-achievements-section .mobile-view .owl-nav button.owl-next span:after {
		right: 30px;
		background-image: url(../images/arrow-right-red.png)
	}

	.our-achievements-section .mobile-view .owl-theme .owl-dots .owl-dot.active span {
		background: #db2422 !important
	}

	.our-achievements-section .mobile-view .owl-theme .owl-dots .owl-dot span {
		background: #fff !important
	}

	.our-achievements-section .title-wrapper {
		justify-content: center;
		margin: 28px 0 24px
	}

	.quick-donate-bar.fixed-quick-donate-bar {
		top: 68px
	}

	span.cart-type {
	    top: -14px;
	    font-size: 11px;
	    padding: 5px 20px;
	    letter-spacing: 0px;
	    left: 5px;
	}

	.donation-cart .cart-content button.change-to-onetime-btn {
	    font-size: 11px;
	    padding: 5px 11px;
	    letter-spacing: 0px;
	    border: none;
	    left: 102px;
	}



/* ============================
zakat page 2026 css start here
================================== */


.news-banner.new-main-banner {
    min-height: 431px;
}


.news-banner.new-main-banner h3 {
    font-size: 32px;
    margin-bottom: 15px;
}


.news-banner.new-main-banner p {
    font-size: 15px;
    margin-bottom: 21px;
}

.news-banner.new-main-banner .action-btn {
    display: block;
}


.new-main-banner .action-btn a.red-btn {
    min-width: 154px;
    width: auto;
    margin-bottom: 9px;
}

.middle-content h2.title {
    font-size: 24px;
}

.accordian-section .title-wrapper h2.title,
.middle-content .title-wrapper h2.title {
    display: block;
       font-size: 24px;

}

.accordian-section .title-wrapper h2.title .red-color:after,
.accordian-section .title-wrapper h2.title .green-color:after,
.middle-content .title-wrapper .green-color:after, 
.middle-content .title-wrapper .red-color:after {
    border-radius: 0 0px 12px 12px;
}
.middle-content .title-wrapper {
    margin-bottom: 15px;
}

.key-facts.nisab-there .counter-block:before{
	display: none;
}


.key-facts.nisab-there {
    padding: 40px 0;
}

.key-facts.nisab-there .counter {
    margin-top: 25px;
    padding: 0px;
}

.key-facts.nisab-there .counter-block {
    margin: 10px auto;
}


.bg-red.zakat-start-ups .key-content {
    padding: 28px 27px;
    margin: 0 auto;
}

.bg-red.zakat-start-ups .key-content p {
    font-size: 16px;
}

.bg-red.zakat-start-ups .key-content h2.title.title-green {
    margin: -53px auto 37px;
}

.key-points-sec ul {
    display: block;
}

.key-points-sec ul li {
    width: 100%;
}

section.bg-green.maxi-zakat h2.title.title-red {
    font-size: 24px;
 }

section.bg-green.maxi-zakat {
    position: relative;
    padding: 98px 0 61px;
}

.bg-red.zakat-start-ups.transform-zakat .key-content {
    padding: 48px 27px;
}

.bg-red.zakat-start-ups .key-content h2.title.title-green {
    font-size: 24px;
}

section.faq .faq-content {
    padding: 0px 0;
}


.zakat-intro.what-zakat .zakat-content h2.title {
    display: block;
}

.zakat-intro.what-zakat .zakat-content h2.title .red-color::after {
    border-radius: 0 0px 12px 12px;
}

.middle-content a.green-btn {
    position: relative;
    min-width: 308px;
}

section.bg-green.maxi-zakat .action-btn a.green-btn {
    min-width: 312px;
}


/* ============================
Ramadan page 2026 css start here
================================== */


.sucess-stories h2.title,
.about-facitlity.your-donation h2.title {
    display: block;
    font-size: 24px;
}

.sucess-stories h2.title .red-color:after,
.about-facitlity.your-donation h2.title .red-color:after{
    border-radius: 0 0px 12px 12px;
}

.donation-help .casue-item-content .heading-content {
    font-size: 21px;
    min-height: 53px;
}

.donation-help .casue-item-content .price {
    margin-top: 15px;
}

.under-zakat .title-sec {
    width: 100%;
}

.donate-form .form-group input#email {
    padding: 0 15px;
    min-height: 47px;
    border-radius: 12px 12px 0px 0px;
}

.donate-form .form-group {
    display: block;
    border-radius: 12px;
}

.donate-form .form-group button {
    font-size: 16px;
    border: none;
    position: relative;
    border-radius: 0px 0px 12px 12px;
    width: 100%;
    justify-content: center;
    padding: 12px 10px;
    right: 0;
    top: 0px;
}


.donate-form .form-group button span.arrow-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    line-height: 56px;
    top: 0;
    right: 0px;
    display: none;
}

section.faq h2.title {
    display: block;
}

section.faq h2.title .red-color:after{
    border-radius: 0 0px 12px 12px;
}


.donate-form .form-group {
    display: block;
}

.col-donate .casue-item-btn.fadeIn-top {
    opacity: 1;
    position: relative;
    background: none;
    height: auto;
    padding: 0px;
    display: block;
    margin-top: 24px !important;
}


.choose-amount .donation-inner .col-donate p {
    font-size: 18px;
    width: 100%;
    margin: 0 auto;
    line-height: normal;
    min-height: 42px;
}

.choose-amount .donation-inner .col-donate {
    padding: 20px 20px;
}

.middle-content .check-points .row .col-md-6:before, 
.middle-content .check-points .row .col-md-4:before {
    content: "";
    border-right: none;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0px;
    bottom: 0px;
    border-bottom: solid 2px #47912F;
}


.bg-red.emergency-appeals.donation-help h2.title{
    display: block;	
}

.bg-red.emergency-appeals.donation-help h2.title .red-color:after{
    border-radius: 0 0px 12px 12px;
}


.key-points-sec ul li:before {
    top: 0px;
}
.bg-red.zakat-start-ups ul {
    width: 80%;
    margin: 0 auto;
}

.middle-content.zakat-dist.why .check-points .col-md-6:last-child ul {
    padding-left: 0px;
}

/* ======================================================================
All pages css start here after upgrade
======================================================================= */

.live-appeals .casue-item-content .appeal-heading,
.live-appeals .casue-item-content .appeal-heading a {
    font-size: 16px;
}

.counter .counter-block .counter-price {
    font-size: 24px;
}

.casue-item-content .title-news a {
    font-size: 16px;
}

.innerappeals-help .casue-item-content .donate-btn-title {
    font-size: 15px;
    padding-bottom: 0;
        margin-top: 0;
        min-height: 49px;
}

.casue-item-content .heading-content {
    margin: 0 0 8px;
}

.deliver-product p {
    text-align: center;
    margin-top: 18px;
    line-height: 22px;
    padding-left: 0;
}

.product-available .product-content .product-title {
    min-height: auto;
    font-size: 14px;
}

.product-available .product-content .product-title a {
    font-size: 14px;
}

section.volunteer-sec .casue-item-content .heading-content{
	min-height: 50px;
}

section.volunteer-sec.news-sec .casue-item-content .heading-content {
    min-height: auto;
    margin-top: 14px;
    margin-bottom: 14px;
}


.steps-block .step .step-heading {
        font-size: 12px;
        margin-top: 0;
}

.qurbani-box .qurbani-heading .qurbanititle {
    font-size: 15px;
    max-width: 142px;
    margin: 0 auto 9px;
    line-height: normal;
}


.donate-icon-title a.quick-donate {
    min-width: 200px;
    justify-content: center;
    font-size: 16px;
    min-height: 35px;
}

.prayer-calnder .title h2 {
    font-size: 28px;
}
 
.prayer-calnder .action-btn a.red-btn {
    min-width: 291px;
}
 
.prayer-calnder {
    padding: 51px 0;
}
 
.prayer-calnder .title {
    margin-bottom: 22px;
}

section.faq .line-bg-gray-bottom .title-wrapper {
    position: relative;
    z-index: 1;
}

.water-wells .title-wrapper h1.title span {
    font-size: 12px;
}
 
 
.event-slider .carousel-control-prev-icon {
    width: 14px;
    height: 27px;
}
 
.event-slider .carousel-control-next-icon {
    width: 14px;
    height: 27px;
}

.news-banner.new-main-banner h1 {
	font-size: 32px;
	margin-bottom: 15px;
}
/* css 30-03-2026 */
.login-signupc section.faq {
    padding: 30px 5px 63px;
}

.login-signupc .form-mid .login-tabs {
    flex-direction: column;
}

.login-signupc .form-mid .form-content {
        padding: 2rem 1rem;
}
.donation-colum.checkout-dropdown {
    padding: .6rem 1.1rem 1.5rem;
}

.cart_bar .donation-colum.checkout-dropdown h6 {
    margin-bottom: 9px;
    margin-top: 0;
    padding-bottom: 9px;
}

.donation-colum.checkout-dropdown .select-country p {
    font-size: 14px;
    margin-bottom: 5px;
}

.donation-colum.checkout-dropdown .select-country .form-group select.form-group.country_sidebar {
    margin-bottom: 10px;
    font-family: "Museo Sans Rounded 500";
    font-size: 14px;
    height: auto;
    min-height: 35px;
    border-radius: 5px;
}

.checkout-dropdown .select-country .checkout-activity {
    padding-top: 0;
    font-size: 13px;
    line-height: 19px;
}

.donation-colum.checkout-dropdown .activity-sec {
    margin-bottom: 14px;
}

.donation-colum.checkout-dropdown .activity-sec .activity-sec-block {
    width: auto;
}

.donation-colum.checkout-dropdown .activity-sec .activity-sec-block label.checkbox-activity {
    font-size: 12px;
    padding-left: 33px;
    margin-bottom: 2px;
}

.donation-colum.checkout-dropdown .activity-sec .activity-sec-block label.checkbox-activity span.checkmark {
    border-radius: 5px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.checkout-dropdown .select-country .form-group {
    margin-bottom: 5px;
}

.donation-colum.checkout-dropdown #gift_section .cart-content-total {
    margin-bottom: 6px;
    padding: 13px 16px;
}

.donation-colum.checkout-dropdown #gift_section .cart-content-total .cart-totalbtn {
    margin-top: 27px;
}
button.btn-close-menu {
    font-size: 28px;
    padding: 1px 14px;
}
.donation-colum .checkbox-activity input:checked~.checkmark:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
}

/* css 30-03-2026 */

/* 
=====================================
New quarbani page css start here
================================= */
.qurbani-type h6.qurbani-price span.small_price {
    top: 2px;
    font-size: 14px;
}
.qurbani-prices .qurbani-box .qurbani-heading p {
    min-height: auto;
    font-size: 12px;
}
.qurbani_order_page {
    overflow-x: hidden;
}
section.bg-sec.qurbani_page.main_qurbani_page .home_newsletter form button {
    min-width: 104px;
    height: 40px;
    padding-left: 13px;
    font-size: 10px;
}

section.bg-sec.qurbani_page.main_qurbani_page .home_newsletter form button .arrow-btn {
    width: 35px;
    height: 35px;
    top: 3px;
    right: -1px;
    padding: 8px 11px;
}

section.bg-sec.qurbani_page.main_qurbani_page .home_newsletter form button .arrow-btn svg {
    height: 20px !important;
}

.qurbani_page.main_qurbani_page .main_qurbani_description .newsletter .home_newsletter input {
    min-height: 40px;
    padding-left: 7px;
    font-size: 11px;
}

section.bg-sec.qurbani_page.main_qurbani_page .home_newsletter form button span.btntext {
    line-height: 20px;
}

.qurbani-prices-block .col-6:nth-child(2) .qurbani-type {
    min-height: 62px;
}
.qurbani-prices-block .col-6:nth-child(1) {
    width: 100%;
}
/* 
=====================================
New quarbani page css start here
================================= */


.qurbani_page.main_qurbani_page .main_qurbani_description h1 {
    font-size: 24px;
}

.qurbani_faqs h4, .qurbani_page.main_qurbani_page .main_qurbani_description h3, .qurbani-prices h2, section.how-it-works h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.qurbani-prices-block .row {
    margin: 0px;
}

.qurbani-prices-block  .col-6 {
    /*width: 100%;*/
}

/*section.how-it-works.bg-sec .steps-block {
    display: block;
}
*/
section.how-it-works.bg-sec .steps-block .step {
    width: 100%;
}


section.how-it-works.bg-sec .steps-block .step h6 {
    font-size: 18px;
}

section.how-it-works.bg-sec .steps-block .step {
    width: 100%;
    margin-bottom: 0;
            padding: 0 4px;
}


.qurbani_page.main_qurbani_page .main_qurbani_description .don-imp {
            margin-bottom: 0;
        margin-top: 18px;
        padding: 12px 0;
}

section.how-it-works.bg-sec .steps-block .step-box {
            max-width: 40px;
        min-height: 40px;
}

section.how-it-works.bg-sec .steps-block .step h6 {
            font-size: 16px;
        margin-top: 8px;
        margin-bottom: 7px;
}

section.how-it-works.bg-sec .steps-block .step p {
            font-size: 14px;
        min-height: 64px;
}
.qurbani-prices-block .col-6:nth-child(3) {
    width: 100%;
}

.qurbani-prices-block .col-6:nth-child(4) {
    width: 100%;
}

.qurbani-prices-block .col-6:nth-child(3) .qurbani-flex {
    flex-wrap: nowrap;
}
.qurbani-prices-block .col-6:nth-child(4) .qurbani-flex {
    flex-wrap: nowrap;
}
.qurbani-prices-block .col-6:nth-child(5) {
    width: 100%;
}

.qurbani-prices-block .col-6:nth-child(5) .qurbani-flex {
    flex-wrap: nowrap;
}
.qurbani-prices-block .col-6:nth-child(6) {
    width: 100%;
}

.qurbani-prices-block .col-6:nth-child(6) .qurbani-flex {
    flex-wrap: nowrap;
}
/*.qurbani-prices-block .col-6:nth-child(1) p {
    min-height: 50px;
}*/

/*.qurbani-prices-block .col-6:nth-child(2) p {
    min-height: 50px;
}*/
.qurbani_page.main_qurbani_page .main_qurbani_description .don-imp img {
    width: 55px;
    height: 55px;
}

section.bg-sec.page_description.qurbani_page.main_qurbani_page .main_qurbani_description .don-imp p {
    font-size: 14px;
    margin-bottom: 0;
}


section.bg-sec.page_description.qurbani_page.main_qurbani_page.donation_impact p {
    margin-bottom: 5px;
}
.qurbani-totals .form_element span {
    width: 24px;
    height: 24px;
    font-size: 13px;
    top: 3px;
}

.qurbani-totals input {
    min-height: 30px;
    font-size: 12px;
    padding-left: 12px;
}
.qurbani-box.qurbani-box-cheapest .qurbani-flex {
    flex-wrap: nowrap;
}
.qurbani-prices-block .col-6:nth-child(2) {
    width: 100%;
}
/* 
=====================================
New quarbani page ends  here
================================= */
/* 02-04-26*/
.donation-cart .cart-content {
    margin: 0 0 14px;
}

.donation-cart .help-checkout .cart-content.admincost_option {
    margin-bottom: 14px;
}

.cart_bar .checkout-bottom .checkout-addbtn a.green-btn {
    height: 34px;
    font-size: 12px;
}

.cart-content.cart-add a {
    margin-top: 8px;
}

.donation-cart p, .donation-colum p {
    margin-bottom: 12px;
}

.cart_bar .donation-cart h6 {
    margin-bottom: 8px;
}

.donation-cart .help-checkout .cart-content.admincost_option {
    padding: 5px 20px;
}

.donation-cart .help-checkout .cart-content.admincost_option label.checkbox-activity span.checkmark, .donation-colum .checkbox-activity .checkmark {
    width: 18px;
    height: 18px;
    top: 0px;
}

.donation-cart .help-checkout .cart-content.admincost_option label.checkbox-activity {
    padding-left: 23px;
}

.checkbox-activity {
    font-size: 15px;
}

.donation-cart .help-checkout .cart-content.admincost_option label.checkbox-activity strong {
    font-size: 12px;
}

.donation-cart .help-checkout h4 {
    margin-bottom: 5px;
}

.cart_bar .checkout-bottom {
    margin-bottom: 12px;
}
.cart_bar button.btn-close-menu {
    font-size: 20px;
    padding: 1px 10px;
}

.donation-cart {
    padding: 1rem;
}
.cart_bar .checkout-bottom .checkout-addbtn a.green-btn span {
    font-size: 14px;
}

.cart-content.cart-add a {
    padding: 5px 16px 5px;
}
.cart_bar .donation-cart .cart-content.cart-add .cart-addbtn-cart .green-btn {
    margin-top: 0;
}
.gift_heading {
    font-size: 16px;
    padding: 12px 43px 12px 16px;
}
/* 02-04-26*/


}

@media screen and (max-width:567px) {
	.continue-below h4:after, .continue-below h4:before, .head-inner .red-btn {
		display: none
	}

	.newsletter .home_newsletter button {
		min-width: 138px;
		font-size: 12px
	}

	.cart-popup {
		min-width: auto;
		max-width: 445px;
		right: 0;
		top: 90px
	}

	.cart-popup:before {
		width: 24px;
		height: 24px;
		right: 40px;
		border-right: 14px solid transparent;
		border-bottom: 14px solid #f7f6f6;
		border-left: 14px solid transparent;
		left: auto
	}

	.cart-block1 h4, .cart-block1 span, .cart-block2 h4 {
		font-size: 16px
	}

	.cart-block2 {
		margin-left: 6px
	}

	.head-inner a.cart {
		margin: 0 12px
	}

	a.cart.cart-active .icon:after {
		left: -8px
	}

	.counter .counter-block {
		width: 240px;
		height: 240px;
		margin-right: 0
	}

	.dot-block {
		width: 195px;
		height: 195px
	}

	.event-banner .inner-content .title .red-color, .event-banner span.white-font {
		padding: 0 5px
	}

	.event-banner .inner-content .title {
		padding-left: 0;
		font-size: 24px;
		line-height: 50px
	}

	.contact-sec {
		padding: 85px 12px
	}

	.contact-sec h3 {
		font-size: 24px
	}

	.donation-enquiry .phone a {
		font-size: 28px
	}

	.donation-enquiry .phone img {
		width: 34px
	}

	.contact-us, .donation-enquiry {
		padding: 28px 24px
	}

	.facitlity-block {
		display: block;
		text-align: center
	}

	.search-banner p {
		font-size: 20px;
		margin-top: 18px
	}

	.donate-block .facitlity-content, .facitlity-content {
		padding-left: 0
	}

	.donate-block .facitlity-block h4, .facitlity-block h4 {
		margin-bottom: 12px
	}

	.facitlity-icon {
		margin: 0 auto 12px
	}

	.donate-deatil {
		text-align: center;
		padding: 14px
	}

	p.donate-msg {
		padding: 0 16px
	}

	.paypal-sec p {
		font-size: 17px;
		text-align: center;
		word-break: break-all
	}

	.donate-msg {
		padding-right: 0
	}

	.terms-sec .nav-tabs {
		display: block
	}

	.terms-sec .nav-link {
		width: 100%;
		border: 2px solid #e0e4e7;
		border-bottom: none
	}

	.checkout-summary-block .checkoutprice, p.terms-content {
		font-size: 20px
	}

	.checkoutsummary a, .job-detail b, .job-detail p, .policy p, .refund-sec p {
		font-size: 17px
	}

	.express-checkout, .terms-sec {
		padding: 24px
	}

	.job-sec .facitlity-block h4 {
		font-size: 20px;
		line-height: 24px
	}

	.job-detail {
		margin-top: 18px;
		text-align: center
	}

	.job-sec .donate-block-1 .green-btn {
		margin: 30px auto 0
	}

	.job-detail-sec .btn-common {
		margin-top: 0
	}

	.job-detail-sec .donate-block-1 .green-btn {
		margin-bottom: 14px
	}

	.zakat-project .nav-tabs .nav-link {
		font-size: 14px;
		text-align: left
	}

	.power-zakat .title {
		font-size: 18px
	}

	section.faq .accordion-button {
		font-size: 18px;
		padding: 16px 0 16px 16px
	}

	.zakat-calculatesec {
		padding: 50px 0
	}

	.checkoutsummary svg {
		height: 24px;
		margin-left: 8px
	}

	.checkout-form {
		padding: 24px 24px 12px
	}

	.cart-content.cart-add .cart-addbtn a, .express-logo {
		width: 100%
	}

	.checkout-summary .cart-popup .cart-content {
		margin: 0 0 24px
	}

	.event-blocks .owl-nav button.owl-prev span:after {
		left: 18px;
		background-size: contain
	}

	.event-blocks .owl-nav button.owl-next span:after {
		right: 18px;
		background-size: contain
	}

	.event-block-content {
		text-align: center;
		padding-left: 24px;
		padding-right: 24px
	}

	.event-blocks .btn-common {
		justify-content: center
	}

	.event-blocks .btn-common .green-btn {
		margin-right: 0
	}

	.event-blocks span.date-event {
		margin-left: auto;
		margin-right: auto
	}

	.inner-content .title {
		font-size: 13px;
		line-height: 45px
	}

	.emergency-appeals .casue-item-content h4, .emergency-appeals .casue-item-content p {
		min-height: auto
	}

	.charity-integrate.water-wells .title {
		font-size: 14px !important
	}

	.cart-content.cart-add .cart-addbtn {
		width: 100%;
		margin-left: 0
	}

	.checkout-popup-block .activity-sec-block {
		column-count: 1
	}

	section.follow-us ul.social-f a {
		width: 40px;
		height: 40px;
		margin: 0 5px
	}

	section.follow-us ul.social-f a svg {
		padding-top: 10px;
		font-size: 20px;
		width: 20px
	}

	.how-it-works.bg-sec {
		padding: 15px 0
	}

	.step-box {
		min-height: 26px;
		min-width: 45px
	}

	.step-box img {
		width: 14px;
		height: 14px
	}

	.steps-block p {
		font-size: 10px;
		min-height: 30px
	}

	.qurbani-box .qurbani-heading p {
		min-height: 62px
	}

	.qurbani-box-africa .qurbani-heading p, .qurbani-box-asia .qurbani-heading p, .qurbani-box-east .qurbani-heading p, .qurbani-box-prophetic .qurbani-heading p {
		min-height: 38px
	}

	.checkout-summary-block .checkoutprice .total_amount, .checkout-summary-block .checkoutsummary span, .qty_field_wrapper input, .qurbani-totals input {
		font-size: 14px
	}

	.qurbani_order_page {
		padding: 26px 0;
		text-align: center
	}

	.qurbani_order_page .call-us-now {
		max-width: 320px;
		padding: 10px 8px 10px 35px
	}

	.qurbani_order_page .call-us-now:before {
		left: 27px
	}

	footer.footer ul a, footer.footer ul p {
		font-size: 13px
	}

	footer.footer .contact-list p {
		padding-right: 0;
		margin-left: 4px
	}

	footer .contact-list li span {
		line-height: 10px
	}

	footer.footer ul.contact-list li.email p a {
		font-size: 12px
	}

	footer.footer .col-6 {
		padding: 0
	}

	.checkout-summary {
		padding-left: 10px;
		padding-right: 10px
	}

	.quick-donate-bar.fixed-quick-donate-bar {
		top: 62px
	}


/* ============================
Ramadan page 2026 css start here
================================== */

.bg-red.emergency-appeals.donation-help .row .col-6.col-lg-4 {
    width: 100%;
}

.under-zakat .row .col-6.col-lg-3 {
    width: 100%;
}

.key-statistics {
    display: block;
}

.key-statistics .key-statistics-block {
    padding: 39px 30px;
    margin-bottom: 25px;
}

.choose-amount .donation-inner {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 15px;
}

.choose-amount .title {
    text-align: center;
}

/* css 30-03-2026 */
.currency_switcher {
    font-size: 12px;
}

.topbar a.btn.btn-login {
    font-size: 12px;
}

.topbar a.btn.btn-signup {
    font-size: 12px;
}

/* css 30-03-2026 */
}

@media screen and (max-width:359px) {
	.appeals-content .appeals-block {
		width: 50%
	}

	.qurbani-box-africa .qurbani-heading p, .qurbani-box-asia .qurbani-heading p, .qurbani-box-east .qurbani-heading p, .qurbani-box-prophetic .qurbani-heading p {
		min-height: 50px
	}

	.qurbani-box .qurbani-heading h4 {
		font-size: 14px
	}

	.qurbani-box .add-to-cart .add-cart {
		font-size: 12px
	}

}