/**--- OTHER CSS INCLUDE ---*/
@import url(libs.css);
@import url(variables.css);
/**--- OTHER CSS INCLUDE ---*/


/**--- RESETS START ---*/
* {
	margin: 0;
	padding: 0;
}

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

a,
a:hover {
	text-decoration: none;
	color: var(--clr-dark);
}

html,
body {
	/* overflow-x: hidden; */
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family: var(--ff-primary);
}

section {
	padding: var(--section-padding);
}

input[type='number']::-webkit-inner-spin-button {
	appearance: none;
}

/* SCROLL BAR RESET START */

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.workDonationContainer {
    display: none !important;
}

.aboutusPanel a.btn.btn-green-border {
    display: none;
}

::-webkit-scrollbar-thumb {
	background: var(--clr-secondary);
	border-radius: 1px;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-track {
	background-color: #e0e0e0;
}

/* SCROLL BAR RESET END */
img {
	max-width: 100%;
	height: auto;
}

button {
	background: none;
	outline: none;
	border: none;
}

ul,
ol {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0;
	margin-bottom: 0;
}

p {
	font-size: var(--fs-16);
	font-weight: 400;
	line-height: normal;
}

:disabled {
	background: gray;
}

/* input.disabled {
	background: #ddd;
	border: 1px solid #fff;
	cursor: not-allowed;
} */

input.disabled {
	    background: #ddddddc4;
    border: 1px solid #cac6c6;
    cursor: not-allowed;
}
}

input.disabled:hover {
	box-shadow: none !important;
}

input {
	outline: none;
	width: 100%;
}

label {
	display: block;
	letter-spacing: 0.27px;

}

input[type="checkbox"],
input[type="radio"],
label {
	cursor: pointer;
}

/* SLICK RESET */

.slick-dots li {
	padding: 0;
	margin: 0;
	height: auto;
	width: auto;
}

.slick-dots li button::before {
	display: none;
}

.slick-dots li button {
	--_size: 16px;

	display: block;
	background: #D9D9D9;

	height: var(--_size);
	width: var(--_size);

	border-radius: 100%;

	margin: 0 2px;

	padding: 0;

	transition: width 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transform-origin: center;
}

.slick-dots li.slick-active button {
	background: var(--clr-primary);
}

.slick-dots li.slick-active~li button {
	--_size: 14px;
}

.slick-dots li.slick-active~li:last-child button {
	--_size: 12px;
}

.slick-slide {
	height: auto;
}

.splide__list {
	height: auto !important;
}

/* SLICK RESET */


/* LOADER */

*:has(> .loader.center) {
	position: relative;
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes loader {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.loader {
	display: none;
	--size: 50px;
	height: var(--size);
	width: var(--size);
	border: calc(var(--size) * .16) solid #f3f3f3;
	border-radius: 100%;
	border-top: calc(var(--size) * .16) solid var(--clr-secondary);
	animation: loader 2s linear infinite;
}

.loader.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* LOADER */

/**--- RESETS END ---*/


/**--- CUSTOM LAYOUT CSS START ---*/
.grid {
	display: grid;
}

.grid-center {
	place-content: center;
}

.flex-1 {
	flex: 1;
}

.gap-5 {
	gap: 5px;
}

.gap-10 {
	gap: 10px;
}

.gap-15 {
	gap: 15px;
}

.gap-20 {
	gap: 20px;
}

.gap-25 {
	gap: 25px;
}

.gap-30 {
	gap: 30px;
}

.gap-40 {
	gap: 40px;
}

.gap-50 {
	gap: 50px;
}

.gap-60 {
	gap: 60px;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-45 {
	margin-bottom: 45px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.row-gap-30 {
	row-gap: 30px;
}

.no-child-mb>* {
	margin-bottom: 0 !important;
}

.hover-bg-green:hover {
	background: var(--clr-secondary);
	color: #FFF;
}

.util__panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.border-none {
	border: none !important;
}

.lines-count-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lines-count-3 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.w-max-content {
    width: max-content !important;
}
.text-shadow-black {
	text-shadow: 3px 3px 8px rgba(0, 0, 0, .7);
}

@media only screen and (max-width: 992px) {
	.util__panel {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 20px;
	}
}

@media only screen and (min-width: 1200px) {
	.container-left {
		margin-right: 0;
		max-width: calc(1320px + ((100% - 1320px) / 2));
	}

	.container-right {
		margin-left: 0;
		max-width: calc(1320px + ((100% - 1320px) / 2));
	}
}

/**--- CUSTOM LAYOUT CSS START ---*/

/**--- UTLITIY CLASSES START ---*/

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	/* padding: .95em 1.95em; */
	padding: .7em 1.85em;
	font-size: var(--fs-16);
	border-radius: 30px;
	font-weight: 700;

	line-height: normal;
	transition: all 250ms ease;
}

.btn:is(:hover):not(.hover_none) {
	box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.3);
	color: currentColor;
}

.btn:is(:focus) {
	outline: none;
	box-shadow: none !important;
}

.btn-lg {
	width: 100%;
	max-width: 100%;
}

.btn-green:hover,
.btn-green {
	background-color: var(--clr-secondary);
	color: #FFF;
}

.btn-green-border {
	background-color: transparent;
	border: 2px solid #71AF34;
	color: var(--clr-secondary);
	padding: 1em 2em;
	font-size: var(--fs-16);
	max-width: 164px;
	width: 100%;
}

.btn-green-border:hover {
	background-color: var(--clr-secondary);
	color: #FFF;
}

a.btn.btn-green:hover {
	color: #fff;
}

button.btn.btn-green:hover {
	color: #fff;
}
.cs_select_btn .rf-custom-select .btn:focus {
    outline: 1px solid var(--clr-secondary);
}
.btn-grey {
	background-color: var(--clr-grey-600);
	color: var(--clr-dark);
	font-weight: 700;
}

.btn-silver {
	background-color: var(--clr-silver);
	color: var(--clr-dark);
	font-weight: 700;
}


.section__label {
	color: var(--clr-secondary);
	font-size: var(--fs-16);
	font-weight: 700;
	line-height: normal;
	margin-bottom: 15px;
	position: relative;

	--spacing: 51px;
	width: max-content;
}

.section__label::after,
.section__label::before {
	content: "";
	background-color: currentColor;
	height: 2px;
	width: 37px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.section__label::before {
	left: calc(var(--spacing) * -1);
}

.section__label::after {
	right: calc(var(--spacing) * -1);
}

.section__label.left::after,
.section__label.right::before,
.section__label.none::after,
.section__label.none::before {
	display: none;
}

.section__heading {
	font-size: var(--fs-40);
	font-weight: 700;
	color: var(--clr-primary);
	line-height: normal;
	margin-bottom: 15px;
}


.section__text {
	max-width: 715px;
	width: 100%;
	margin-inline: auto;
}

.section__text.small {
	max-width: 499px;
	width: 100%;
	margin-inline: auto;
}

.grey__main {
	padding: 50px 0;
	background: #FAFAFA;
}

.hidden {
	display: none;
}

.span-two {
	grid-column: span 2;
}


*:has(> .error_message) {
	position: relative;
}

*:has(> .success_message) {
	position: relative;
}

.error_message {
	position: absolute;
	bottom: -18px;
	left: 10px;
	font-size: 11px;
	color: crimson;
	font-weight: 700;
	display: none;
}

.success_message {
	position: absolute;
	bottom: -18px;
	left: 10px;
	font-size: 11px;
	color: green;
	font-weight: 700;
	display: none;
}

.error+.error_message {
	display: block;
}

.border-right {
	border-right: 1px solid var(--fc-accent);
	padding-right: 10px;
}

.border-right+* {
	padding-left: 10px;
}

.cs_select,
::placeholder {
	color: #9D9D9D;
}

.cs_select,
.basic_input {
	padding: .9em 1.2em;
	color: var(--clr-dark);
	border: 1px solid #C4C4C4;
	outline: none;
	border-radius: 30px;
	font-size: var(--fs-16);
	font-weight: 700;
}

.basic_input_500 {
	border-radius: 2rem;
	background-color: var(--clr-grey-500);
	font-size: var(--fs-20);
	font-weight: 500;
	color: #555;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: .9em 1.1em;
	border: 1px solid var(--clr-secondary);
	align-items: center;
}

.basic_input_500::placeholder {
	color: #555 !important;
}

.basic_input_500,
.cs_select,
.basic_input {
	transition: all 250ms ease;
}

:is(.cs_select, .basic_input, .basic_input_500):where(:focus, :hover) {
/* 	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); */
	outline: 1px solid var(--clr-primary);
	color: currentColor;
}

.cs_select {
	position: relative;
}

/* CUSTOM SELECT CSS START*/
.rf-custom-select {
	position: relative;
	height: auto;

	--dropDownHeight: auto;
	--dropDownBg: #FFF;
	--optionHeight: auto;
	--optionBg: #FFF;
	--optionPadding: 8px 22px;
	--optionColor: #DDD5D5;
	--optionFs: var(--fs-16);
	--activeOptionBg: #EAF1FA;
	--activeOptionClr: #9D9D9D;
	--activeOptionBorder: 1px solid var(--clr-secondary);
}

[data-cus-select-item],
.cs__selectInput {
	cursor: pointer;
	user-select: none;
}

[data-cus-select] {
	position: relative;
	gap: 7px;
	padding-inline: 19px;
	/* padding-block: 15px; */
}

[data-cus-select]:not(.no-menu)::after {
	content: url(../images/icons/arrow-down-dark.svg);
}

.rf-customer-select-dropdown {
	position: absolute;
	top: 100%;
	/* width: 120%; */
	width: 100%;

	z-index: 11;
	display: none;

	min-height: var(--dropDownHeight);

	background: var(--dropDownBg);
	box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.20);
	border-radius: 8px;

	max-height: 200px;    
    overflow-y: scroll;
	padding: 10px 0;
}

.rf-customer-select-dropdown.small {
max-height: 111px;    
}

.rf-customer-select-dropdown::-webkit-scrollbar {
  width: 5px; 
}

.rf-customer-select-dropdown::-webkit-scrollbar-track {
  background: transparent; /* Make the scrollbar track invisible */
}

.rf-customer-select-dropdown::-webkit-scrollbar-thumb {
  background-color: var(--clr-secondary);
  border: 1px solid #fff; 
  border-radius: 5px; 
}


[data-cus-select-item] {
	height: var(--optionHeight);
	padding: var(--optionPadding);
	display: block;
	width: 100%;

	background: var(--optionBg);

	color: var(--optionColor);
	font-size: var(--optionFs);
	font-weight: 500;
	line-height: normal;

	border-bottom: 1px solid #DDD;
	border-left: 1px solid #fff;
	color: #DDD5D5;
	font-size: var(--fs-16);
	font-weight: 500;
}
[data-cus-select-item]:focus,
[data-cus-select-item].selected,
[data-cus-select-item]:hover {
	/* background: var(--activeOptionBg); */
	border-left: var(--activeOptionBorder);
	color: var(--activeOptionClr);
	outline:none;
}

[data-cus-select-item]:nth-last-of-type(1) {
	border-bottom: none;
}

/* CUSTOM SELECT CSS END*/

@media only screen and (min-width: 1800px) {
	.text-md-nowrap {
		text-wrap: nowrap;
	}
}

.fixed {
	position: fixed;
}

.stickyTop {
	position: fixed;
	top: 0;
}

.absoluteBottom {
	position: absolute;
	bottom: 0;
	top: unset;
}

.hover_green {
	transition: all 250ms ease;
}

.hover_green:hover {
	color: var(--clr-secondary);
}

.border_green {
	border: 1px solid var(--clr-secondary);
}

.border-r-2 {
	border-radius: 2rem;
}

.grid-column-3 {
	grid-template-columns: repeat(3, 1fr);
}

.mw-1100 {
	max-width: 1100px;
	width: 100%;
}

.grid-auto-flow-dense {
	grid-auto-flow: dense;
}

.border-top {
	border-top: .75px solid var(--clr-grey-700) !important;
}

.border-bottom {
	border-bottom: .75px solid var(--clr-grey-700) !important;
}

.bg-none {
	background: none !important;
}
.inherit-style > * {
    font: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    margin: inherit;
}
.inherit-style > :is(h1,h2,h3,h4,h5,h6) {
  font-size: var(--fs-30) !important;
  color: var(--clr-dark) !important;
  font-weight: 700 !important;
  line-height: normal !important;
}
.inherit-style :is(img) {
	width: 100%;
	margin: inherit;
}

/* BACKGROUNDS START */

.bg-white {
	background: #FFF;
}

.bg-black {
	background: #000;
}

.bg-primary {
	background-color: var(--clr-primary) !important;
}

.bg-secondary {
	background-color: var(--clr-secondary) !important;
}

.bg-secondary-300 {
	background-color: var(--clr-secondary-300);
}

.bg-primary-300 {
	background: var(--clr-primary-300);
}

.bg-grey-400 {
	background-color: var(--clr-grey-400);
}

.bg-grey-500 {
	background-color: var(--clr-grey-500);
}

.bg-grey-600 {
	background-color: var(--clr-grey-600);
}

.bg-grey-650 {
	background-color: var(--clr-grey-650);
}

.bg-grey-700 {
	background-color: var(--clr-grey-700);
}

.bg-dark {
	background-color: var(--clr-dark);
}

.bg-highlight {
	background-color: var(--clr-highlight);
}

/* BACKGROUNDS END */

/* FONT FAMILIES START */

.ff-primary {
	font-family: var(--ff-primary);
}

.ff-secondary {
	font-family: var(--ff-secondary);
}

/* FONT FAMILIES END */

/* FONT COLORS START */

.fc-white {
	color: #FFF;
}

.fc-black {
	color: #000;
}

.fc-primary {
	color: var(--clr-primary);
}

.fc-primary-300 {
	color: var(--clr-primary-300);
}

.fc-secondary {
	color: var(--clr-secondary) !important;
}

.fc-secondary-300 {
	color: var(--clr-secondary-300);
}

.fc-grey-400 {
	color: var(--fc-grey-400);
}

.fc-grey-300 {
	color: var(--fc-grey-300) !important;
}

.fc-grey-500 {
	color: var(--clr-grey-500);
}

.fc-grey-600 {
	color: var(--clr-grey-600);
}

.fc-grey-650 {
	color: var(--clr-grey-650);
}

.fc-grey-700 {
	color: var(--clr-grey-700);
}

.fc-dark {
	color: var(--clr-dark);
}

.fc-white-300 {
	color: var(--fc-white-300);
}

.fc-highlight {
	color: var(--clr-highlight);
}

/* FONT COLORS END */

/* FONT WEIGHTS START */

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

/* FONT WEIGHTS END */

/* LINE HEIGHT START */
.lh-1 {
	line-height: 1;
}

.lh-1-1 {
	line-height: 1.1;
}

.lh-1-2 {
	line-height: 1.2;
}

.lh-1-3 {
	line-height: 1.3;
}

.lh-1-4 {
	line-height: 1.4;
}

.lh-1-5 {
	line-height: 1.5;
}

.lh-normal {
	line-height: normal;
}

/* LINE HEIGHT END */


/* FONT SIZES START */

.fs-10 {
	font-size: var(--fs-10);
}

.fs-11 {
	font-size: var(--fs-11);
}

.fs-12 {
	font-size: var(--fs-12);
}

.fs-13 {
	font-size: var(--fs-13);
}

.fs-14 {
	font-size: var(--fs-14);
}

.fs-16 {
	font-size: var(--fs-16);
}

.fs-18 {
	font-size: var(--fs-18);
}

.fs-20 {
	font-size: var(--fs-20);
}

.fs-22 {
	font-size: var(--fs-22);
}

.fs-24 {
	font-size: var(--fs-24);
}

.fs-25 {
	font-size: var(--fs-25);
}

.fs-30 {
	font-size: var(--fs-30);
}

.fs-35 {
	font-size: var(--fs-35);
}

.fs-40 {
	font-size: var(--fs-40);
}

.fs-45 {
	font-size: var(--fs-45);
}

.fs-50 {
	font-size: var(--fs-50);
}

.fs-55 {
	font-size: var(--fs-55);
}

.fs-60 {
	font-size: var(--fs-60);
}

.fs-65 {
	font-size: var(--fs-65);
}

.fs-70 {
	font-size: var(--fs-70);
}

.fs-80 {
	font-size: var(--fs-80);
}

.fs-90 {
	font-size: var(--fs-90);
}

/* FONT SIZES END */
/**--- UTLITIY CLASSES END ---*/


/**--- HEADER START ---*/
header {
	border-radius: 0px 0px 6px 6px;
	/*border: 1px solid #C4C4C4;*/
	background: #FFF;
	/*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
}

.bottomHeader.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.bottomHeader {
	background-color: #FFF
}

.headerContainer {
	padding-inline: 45px;
}

.headerContainer>div {
	padding-inline: 37px;
}

.topHeader {
	border-bottom: 1.2px solid #C4C4C4;
	padding-block: 15px;
}

.bottomHeader nav {
	padding-top: 12px;
	padding-bottom: 15px;

	border-radius: 0px 0px 6px 6px;
/* 	border-bottom: 1px solid #C4C4C4; */
	background: #FFF;

	position: relative;
	z-index: 10;
}

.headerRightSegment {
	max-width: 375px;
	width: 100%;
	gap: 40px;
}

.nav_list>li>a {
	font-weight: 700;
	color: var(--clr-dark);
/* 	font-size: 12px; */
	font-size: 16px;
	padding-inline: 10px;
	text-transform: capitalize;
	transition: all 150ms ease-out;
	position: relative;
}

.nav_list>li:nth-of-type(1)>a {
	/* padding-left: 0; */
}

.nav_list>li:hover>a {
	color: var(--clr-secondary);
}

.nav_list>li>a::after {
	content: "";
	position: absolute;
	bottom: -20px;
	height: 3px;
	width: 100%;
	display: block;
	transform: scaleY(0);
	transition: all 250ms ease;
	left: 0;
	background: var(--clr-secondary);
}


.nav_list>li:hover>a::after {
	transform: scaleY(1);
}

.nav_list li a i {
	position: relative;
	top: 1px;
}


/* HEADER SUBMENU START */
.rf_submenu li a {
	padding: 0;
}

.rf_headerSubmenuButton:not(.isLarge) {
	position: relative;
}

.rf_headerSubmenuButton:hover .rf_submenu {
	display: block;
}

.rf_headerSubmenuButton>i {
	position: relative;
	right: 10px;
	top: 3px;
}

.rf_submenu {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;

	/* max-width: 375px; */
	width: max-content;

	padding-top: 17px;
	z-index: -1;
	background: #FFF;
}

.rf_submenu.isLarge {
	max-width: 1100px;
	width: 100%;
	/* width: max-content; */
}


.rf_submenuWrapper {
	border: 1px solid #C4C4C4;
	box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15) inset;
	background: #FFF;


	/* padding: 40px 50px; */
/* 	padding: 40px 110px 40px 32px; */
	width: 100%;
/* 	min-width: 340px; */
	
	min-width: 247px;
    padding-block: 22px;
    padding-inline: 20px;
    padding-bottom: 0;
}

.rf_submenu.isLarge .rf_submenuWrapper {
	min-height: 600px;
	padding: 40px 50px;
}

.rf_submenu .icon_wrap {
	min-width: 29px;
}

.headerSubmenuTitle {
	margin-bottom: 7px;
}

.headerSubmenuList li {
	margin-bottom: 4px;
	line-height: normal;
}

.headerSubmenuList a:hover {
	color: var(--clr-dark);
	font-weight: 500;
}

.headerSubmenuList li a {
	color: var(--clr-grey-700);
	font-size: var(--fs-14);
	font-weight: 400;
	line-height: normal;
	transition: all 150ms ease;
}

.headerSubmenuGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 992px) {
	.rf_submenu {
		padding: 40px 30px;
		max-width: 822px;
	}
}

/* HEADER SUBMENU END */



/* MOBILE MENU START */
.burgerButton {
	display: none;
	width: 40px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.burgerButton div {
	margin-bottom: 4px;
	background: var(--clr-secondary);
	border-radius: 10px;
	display: block;
	width: 100%;
	height: 6px;
}

/* MOBILE MENU START */
.mobileMenu {
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	padding: 0px;
	width: 100%;
	background: #FFF;
	border-right: 1px solid #e7e7e7;

	transform: translateX(-100%);
	transition: transform 200ms ease;
	z-index: 10;
	overflow-y: scroll;
}

/* SCROLL BAR RESET START */

.mobileMenu::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}



/* SCROLL BAR RESET END */
.mobileMenu.active {
	transform: translateX(0);
}

.mobileMenuHeader {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 15px;
	margin: 0;
	border-bottom: 1px solid #E3E4E6;
}

.mobileMenuClose i {
	color: #000;
	font-size: 2rem;
}

.mobileMenuButton {
	font-size: 19px;
	font-weight: 600;
	color: #555;
	border-bottom: 1px solid #E3E4E6;
}

.mobileMenuButton.active {
	background-color: #F4F5F6
}

.mobileMenuButton i {
	font-family: 'remixicon' !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mobileMenuButton i::before {
	content: "\ea4e";
}

.mobileMenuButton.active i::before {
	content: "\ea78";
}

.inner_mobileMenuList {
	display: none;
}

.mobileMenuPanel {
	display: none;
	border-bottom: 1px solid #E2E8F0;
}


.mobileMenuListButton {
	font-size: 16px;
	padding-block: 12px;
	font-weight: 500;
}

.mobileMenuListButton.active+ul,
.mobileMenuListButton.active {
	padding-inline: 40px !important;
}

.mobileMenuListButton.active i {
	position: absolute;
	left: 20px;
}

.mobileMenuListButton.active i::before {
	content: "\ea64";
}



@media screen and (max-width: 800px) {
	.headerContainer {
		position: relative;
	}

	.bottomHeader {
		display: none;
	}

	.headerRightSegment {
		margin-left: 0 !important;
	}

	.headerButtons {
		justify-content: start !important;
	}

	.headerContainer>div {
		padding-inline: 0;
	}

	.mobileMenu,
	.burgerButton {
		display: block;
	}
}

/**--- HEADER END ---*/


/**--- HOME BANNER START ---*/
.homeBanner {
	background-color: rgba(0, 0, 0, .7);
}

.bannerSlide .img_wrap img {
	width: 100%;
}

.bannerSlide .img_wrap img {
	width: 100%;
	max-height: 760px;
	object-fit: cover;
}

.bannerText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 590px;
	width: 100%;
}

.bannerArrows {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;

	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bannerArrows button {
	width: 44px;
	height: 74px;
	transition: all 150ms ease;
}

.bannerArrows button:hover {
	background-color: var(--clr-primary-300) !important;
	outline: 1px solid var(--clr-primary);

}

.bannerArrows button:hover * {
	color: #FFF !important;
}

.bannerArrows button.next {
	border-radius: 10px 0 0 10px;
}

.bannerArrows button.prev {
	border-radius: 0 10px 10px 0;
}

.quickDonate {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px;
	border: 1px solid #C4C4C4;
	border-top: none;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(203, 197, 197, 0.25);
	max-width: 1119px;
/* 	max-width: 1354px; */
	width: 100%;

}

.quickDonateMain {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cs_select_btn {
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
}

.cs_select_btn.no-width-transition {
	width: auto;
}

.cs_select_btn .rf-custom-select .btn {
	height: 100%;
    font-size: 14px;
    transition: all 250ms ease;
    margin-left: auto;
    display: flex;
    max-width: 100px;
    width: 100%;
}

.cs_select_btn .rf-custom-select .btn.selected {
	max-width: 100%;
	width: 100%;
}

*:has(>.cs_select_btn) {
	position: relative;
}

/**--- HOME BANNER END ---*/

/**--- RECENT CAUSE START ---*/
.recentCauseCard {
	border-radius: 11px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(189, 184, 184, 0.15);
	max-width: 347px;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 15px;
}

  .recentCauseCard .img_wrap > img {
   height: 219px;
    width: auto;
    border-radius: 10px 10px 0px 0px;
    object-fit: cover;
    object-position: right;
}


.categoryLabel {
	padding: 6px 10px;
	color: var(--clr-grey-700);
	font-size: var(--fs-14);
	font-weight: 700;
	border-radius: 24px;
	background: rgba(225, 246, 255, 0.70);
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: flex;
	align-items: center;
}

.categoryLabel .icon_wrap {
	display: flex;
	align-items: center;
}

.recentCauseCard:hover h6 {
    color: var(--clr-secondary);
}
.recentCauseCard:hover .categoryLabel {
	background: #FFF;
}

/**--- RECENT CAUSE END ---*/

/**--- GOAL SECTION START ---*/
.goalSection  {
	overflow: hidden;
}
.goalImage {
	position: absolute;
	bottom: -21px;
	right: -40px;

}

.goalCard {
	width: 100%;
	margin-bottom: 30px;
	/* padding-block: 39px; */
	padding-inline: 19px;
	min-height: 182px;
	text-align: center;
	display: grid;
	place-content: center;
	border-radius: 10px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(224, 221, 221, 0.25);
	transition: all 250ms ease;
}
.goalCard .increaseScale {
	scale: 1.4;
}

.goalCard:hover {
	background-color: var(--clr-primary-300);
	outline: 1px solid var(--clr-primary);
}

/**--- GOAL SECTION END ---*/


/**--- NUMBER SECTION START ---*/
.numberSectionMain {
	min-height: 650px;
	display: grid;
	align-items: center;

	background-size: 100% 100% !important;
}
/* 
@media only screen and (min-width: 1440px) {
	.numberSectionMain {
		min-height: 740px;
	}
} */


.numberCardContainer {
	max-width: 650px;
	width: 100%;
	gap: 24px;
}

.numberCard {
	padding: 31px 32px 20px;
	max-width: 309px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(147, 143, 143, 0.20);
	cursor: pointer;
}

.numberCard:hover {
	outline: 2px solid var(--clr-primary);
}

.numberCardContainer:nth-of-type(3) {
	margin-left: 20px;
}

.videoPlayIcon.icon_wrap {
	position: absolute;
	bottom: 50px;
	right: 15%;
	height: 52px;
	width: 54px;
	display: grid;
	place-content: center;
	border: 2px solid currentColor;
	border-radius: 50%;
	cursor: pointer;
	transition: scale 250ms ease;
}

.videoPlayIcon.icon_wrap:hover {
	scale: 1.11;
}

/**--- NUMBER SECTION END ---*/

/**--- DONATION SECTION START ---*/
.donationSectionMain {
	padding-top: 78px;
	padding-bottom: 109px;


	border: 1px solid #C4C4C4;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(200, 200, 200, 0.25);
}

.donationSectionMain .container {
	position: relative;
	z-index: 1;
}

.donationBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
	width: 50%;
	object-fit: cover;
}

input[type="radio"]:checked {
	position: relative;
	border: none;
	outline: none;
}

input[type="radio"]:not(.form-check-input):checked::after {
	content: "";
	height: 7px;
	width: 10px;
	background: red;
	display: block;
	position: absolute;
	top: 6px;
	z-index: 2;
	border-radius: 100%;
	width: 8px;
	height: 8px;
	left: 2px;
	outline: 1px solid #C4C4C4;
	outline-offset: 2px;
}

.donationFormContainer input:not(.noStyling) {
	color: #000;
	font-size: 14px;
	font-weight: 500;
}

.donationFormContainer input::placeholder {
	color: #9D9D9D;
}

.donationFormContainer .cs_select {
	color: #9D9D9D;
	font-size: 14px;
	font-weight: 500;
}

.donationFormContainer {
	max-width: 572px;
	width: 100%;
	margin-left: auto;
}

.donationSectionText {
	max-width: 408.33px;
	width: 100%;
	margin-right: auto;
}

/**--- DONATION SECTION END ---*/

/**--- BLOG SECTION START ---*/

.blogCard.big .blogDate {
	width: 100px;
	height: 100px;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13);
}

@media only screen and (min-width: 1360px) {
	.blogCard.big .text_wrap {
		max-width: 385px;
	}

	.blogCard.big .blogCardText {
		position: relative;
		top: -8px;
	}
}


.blogDate {
	display: grid;
	place-content: center;
	text-align: center;
	transition: all 120ms ease;
}

.blogCard.small .blogDate {
	width: 88px;
	height: 89px;
	border-radius: 7px;
	background: rgba(0, 0, 0, 0.10);
	flex: 1 0 auto;
}

.blogCard.small .blogDate p:nth-of-type(2) {
	color: #3FA3FF;
}

.blogCard.small {
	margin-bottom: 60px;
}

.blogCard:hover h6 {
	color: var(--clr-primary);
}

.blogCard:hover .blogDate {
	background: #FFF;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
}

.blogCard:hover .blogDate * {
	color: var(--clr-secondary);
}

/**--- BLOG SECTION END ---*/

/**--- CTA SECTION START ---*/
.ctaSectionMain {
	min-height: 654px;
}

@media only screen and (min-width: 1440px) {
	.ctaSectionMain {
		min-height: 724px;
	} 
}

/**--- CTA SECTION END ---*/

/**--- NEWSLETTER SECTION START ---*/
.newsletterSection {
	position: absolute;
	top: -72px;
	left: 0;
	right: 0;
	margin-inline: auto;
}

.newsletterMain {
	padding: 28px 63px;
	border-radius: 10px;
	background: #FFF;

/* 	max-width: 891px; */
	max-width: 1100px;
	width: 100%;
	margin-inline: auto;
}

.newsletterInput {
	border-radius: 30px;
	border: 1px solid #C4C4C4;
	padding: 8px 15px;
}

.newsletterInput input {
	width: 100%;
	display: block;
	border: none;
	outline: none;
	padding: 0;
	height: auto;
	color: rgba(51, 51, 51, 0.40);
	font-family: Plus Jakarta Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.newsletterInput .btn {
	padding: 10px 30px;
}

/**--- NEWSLETTER SECTION END ---*/


/**--- FOOTER START ---*/
footer {
	padding-block: 61px;

	background-color: #DFDFDF;
	position: relative;
}
.topFooter .flex-1.ps-xxl-5.ms-xxl-3 {
    padding: 0 !important;
    margin: 0 !important;
}

@media only screen and (min-width: 992px) {
	footer {
		margin-top: 100px;
/* 		padding-top: 160px; */
		padding-top: 100px;
		padding-bottom: 20px;
	}

	.noFooterMargin~footer {
		margin-top: 0;
	}
}

.footer_title {
	/* color: #262626; */
	color: var(--clr-secondary);
	font-family: Poppins;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	font-family: var(--ff-secondary);
	margin-bottom: 20px;
}

.footerListContainer {
	/* max-width: 220px; */
	width: 100%;
	margin-inline: auto;
/* 	margin-bottom: 100px; */
	margin-bottom: 40px;
}


.footer_list {
	list-style: none;
	padding: 0;

}

.footer_list li {
	margin-bottom: 10px;
}

.footer_list li a {
	/* color: #FFF; */
	color: var(--clr-dark);
	font-family: var(--ff-secondary);
	font-size: var(--fs-16);
	font-weight: 400;
	line-height: 1.2;
	transition: color 150ms ease;
}

.footer_list li a:hover {
	color: var(--clr-primary);
	text-decoration: underline;
}

.bottomFooter {
	/* max-width: 1120px; */
	width: 100%;
	margin-inline: auto;
}

.contactContainer {
	/* max-width: 1110px; */
	width: 100%;
	margin-inline: auto;
	padding-block: 40px;
	border-block: 1px solid rgba(196, 196, 196, 0.40);
}

.contactContainer .basic_input {
	font-weight: 500;
}

.copyrightContainer {
	padding-block: 22px;
	border-bottom: 1px solid rgba(196, 196, 196, 0.40);
}

.footerSocialContainer {
	padding-top: 20px;

}

.footer_social_list a {
	transition: all 250ms ease;
}

.footer_social_list li:hover a svg {
	transform: scale(1.09);
}

/**--- FOOTER END ---*/


/**--- About us Main Section start ---*/

/* about lists */
.highlight_block {
	border-radius: 6px;
	border: 1px solid #C4C4C4;
}

.side_list {
/* 	background: #F5FAFF; */
	box-shadow: 0px 4px 30px 0px rgba(139, 137, 137, 0.15);
}
/* new list css */
.side_list.highlight_block {
	border: none;
}

.side_list li {
    border-inline: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
background: #F5FAFF;
}
.side_list li:first-child {
    border-top: 1px solid #C4C4C4;
    border-radius: 6px 6px 0 0;
}
.side_list li:last-child {
    border-radius: 0 0 6px 6px;
    border-top: none;
}
.side_list li.active  + .side_sublist_container + li {
	border-top: 1px solid #c4c4c4 !important;
}


.side_list {
	overflow: hidden;
}

/* About buttons */
.side_list button {
	padding: 14px 23px;
	font-size: var(--fs-20);
	font-weight: 400;
	position: relative;
	color: var(--clr-grey-700);

	transition: background 250ms ease, color 500ms ease;
}

.side_list button:nth-last-of-type(1) {
/* 	border-bottom: 1px solid #ddd; */
}


.side_list button:hover,
.side_list li.active button {
	color: var(--clr-primary);
	font-size: var(--fs-20);
	font-weight: 700;
	background-color: #FFF;
}

.side_list button::after {
	content: "";
	background-color: var(--clr-secondary);
	position: absolute;
	left: 0;
	width: 5px;
	height: 100%;
	transform: scaleX(0);
	transform-origin: left;

	transition: transform 250ms ease;
}

.side_list li.active button::after,
.side_list button:hover::after {
	transform: scaleX(1);
}


/* about icons */
.side_list .icon_wrap {
	display: none;
}

.side_list li:not(.active):hover > button > .icon_wrap.open {
	display: block;
}

.side_list li.active .icon_wrap.close {
	display: block;
}


/* about containers */
.aboutusTestimonialContainer,
.aboutusPanel {
	border-radius: 10px;
	border: 1px solid #DDD;
	background: #FAFAFA;
	padding: 30px 30px 40px;
	margin-bottom: 63px;
}

.aboutusTestimonialContainer {
	padding: 62px 30px;
	box-shadow: 0px 4px 4px 0px rgba(208, 202, 202, 0.15);
	position: relative;
	margin-bottom: 0;
}

.aboutusTestimonialContainer::after {
	content: url(../images/icons/comma-green.svg);
	position: absolute;
	left: 48px;
	top: -14px;
}

.aboutusPanel:not(.active) {
	display: none;
}

/* setting widths of about container */
@media only screen and (min-width: 1200px) {

	.aboutusSectionContainer {
		max-width: 1150px;
		margin: 0 auto;
	}

	.aboutusListContainer {
		max-width: 322px;
		width: 100%;
	}

	.aboutusTestimonialContainer,
	.aboutusPanelContainer {
		max-width: 767px;
		width: 100%;
		margin-left: auto;
	}

	.aboutusMainSection {
		margin-bottom: 150px;
	}
}

/* about us section for wp */
.aboutusPanel h5 {
	color: var(--clr-dark);
	font-size: var(--fs-30);
	font-weight: 700;
	line-height: normal;
	margin-top: 40px;
}

.aboutusLabel p {
	color: var(--clr-grey-700);
	font-size: var(--fs-16);
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
}

.aboutusListContainer.stickyTop {
	top: 60px;
}

.aboutusListContainer {
	transition: all 250ms esae;
}

.aboutusListContainer.fixed {
	padding-top: 70px;
}

.page_banner_img {
	max-height: 749px;
	min-height: 500px;
}

/* horizontal card */
.horizontalCard {
	padding: 10px;
	box-shadow: 0px 4px 4px 0px rgba(189, 184, 184, 0.15);
	background: #FFF;
}

.contactUsContainer label {
	letter-spacing: .27px;
	margin-bottom: 10px;
}

.addressContainer {
	padding: 24px 24px 20px;
	border-radius: 6px;
	border: 1px solid #DDD;
	background: #FAFAFA;
}

.workButtonList {
	display: none;
}

.blockCards {
	padding: 29px 20px 20px;
	box-shadow: 0px 4px 4px 0px rgba(189, 184, 184, 0.15);
	min-height: 265px;
	cursor: pointer;
	transition: all 250ms ease;
}

.blockCards:hover {
	background: var(--clr-primary-300) !important;
	outline: 1px solid var(--clr-primary);
}

.blockCardsText p {
	max-width: 215px;
	width: 100%;
}

/**--- About us Main Section end ---*/


/**--- Appeal Page Start ---*/
.appealSliderSection {
	padding: 35px 0;

	background: #FAFAFA;
	box-shadow: 0px 4px 4px 0px rgba(200, 200, 200, 0.25);
}

.appealSliderSection .splide__slide {
	margin-right: 8rem;
}

.appealSliderSection .splide__list {
	align-items: center;
}

.appealSliderCard button {
	text-align: left;
	transition: color 250ms ease;
}

.appealSliderCard button:hover,
.appealSliderCard button.active {
	color: var(--clr-primary);
	font-weight: 700;
}

/**--- Appeal Page end ---*/

/**--- Selectable label start ---*/
.rf_selectableLabel {
	padding: 18px 0;
	text-transform: uppercase;
	border-radius: 40px;
	background: #F7F7F7;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	gap: 1.5rem;
	width: 100%;

	transition: all 150ms ease;
}

.rf_selectableLabel .icon_wrap {
	display: none;

	flex: 0 0 auto;
}

.rf_selectableLabel:hover,
input:checked+.rf_selectableLabel {
	background: var(--clr-secondary);
	color: #fff;
}

input:checked+.rf_selectableLabel .icon_wrap {
	display: flex;
	align-items: center;
}

.presetAmountLabel {
	padding: 13px 18px;
	font-size: 28px;
	color: #9D9D9D;
	font-weight: 600;
	justify-content: start;
	border: 1px solid #ddd;
}

input:checked+.presetAmountLabel {
	justify-content: space-between;
}

/**--- Selectable label end ---*/


/**--- Further Appeal section start ---*/
.furtherAppealTitle {
	border-radius: 10px;
	background: rgba(217, 217, 217, 0.20);
	backdrop-filter: blur(5px);
	padding: 17px 30px;
	transition: all 250ms ease;
}


.furtherAppealCard {
	max-width: 535px;
	width: 100%;
	margin: 0 auto;
}

.furtherAppealCard::after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 20px;
	background-color: var(--clr-secondary);
	transform: scaleY(0);
	transform-origin: top;
	transition: all 250ms ease;
	border-radius: 10px 10px 0 0;
}

.furtherAppealCard:hover::after {
	transform: scaleY(1);
}

.furtherAppealCard img {
	width: 100%;
	height: auto;
	object-fit: cover;
	min-height: 382px;
	border-radius: 10px;
}

.furtherAppealCard:hover .furtherAppealTitle {
	color: #FFF;
	padding: 40px 10px;
}

.furtherApealSliderContainer {
	max-width: 1100px;
	width: 100%;
	margin-inline: auto;
}

.furtherAppealArrow button {
	height: 42px;
	width: 42px;
	border-radius: 100%;
	border: 1px solid var(--clr-secondary);
}

.furtherAppealArrow button * {
	fill: #c3c3c3;
}

.furtherAppealArrow button:hover {
	color: var(--clr-secondary);
}

/**--- Further Appeal section end ---*/

/**--- Impact section start ---*/
.impactCards {
	padding: 18px 28px;
	border: 3px solid transparent;
	transition: all 150ms ease;
	background-color: #FFF;
}

.impactCards:hover {
	border: 1px solid var(--clr-secondary);
	border-radius: 10px;
	border: 3px solid #71AF34;
	background: rgba(217, 217, 217, 0.20);
	box-shadow: 0px 4px 4px 0px rgba(144, 140, 140, 0.25);
	backdrop-filter: blur(5px);
}

.impactSectionMain {
	box-shadow: 0px 4px 4px 0px rgba(199, 197, 197, 0.15);
}

/**--- Impact section end ---*/


/**--- Counter Section Start ---*/
.counterCardContainer {
	padding: 27px 0;
	border-top: .75px solid #555;
}

@media only screen and (min-width: 992px) {
.counterCardText {
    max-width: 100%;
    width: 100%;
    padding-right: 15px;
}

	.counterCardText p {
		max-width: 260px;
		width: 100%;
	}
}

/**--- Counter Section end ---*/


/**--- Gallery Section Start ---*/
.galleryGrid {
	grid-template-columns: repeat(4, 257px);
	grid-template-rows: repeat(3, auto);
	justify-content: center;
	align-items: center;
}

.row-span-two {
	grid-row: span 2;
}

.galleryGrid .img_wrap a {
	position: relative;
	overflow: hidden;
	display: block;
}

.galleryGrid .icon_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60%;
	height: 60%;
	background-color: var(--clr-secondary);
	text-align: right;
	box-sizing: border-box;
	border-radius: 0 100% 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fs-35);
	color: #FAFAFA;

	transition: all 400ms ease;

	transform: translate(-100%, 100%);
}

.galleryGrid .img_wrap:hover .icon_wrap {
	transform: translate(0, 0);
}


/**--- Gallery Section end ---*/

/**--- Appeal Cta Section Start ---*/
.appealCtaHeading {
	border-radius: 4px;
	padding: 7px 35px 17px;
	width: max-content;
	line-height: normal;
}

a:empty {
	display: none;
}

.blueDonation {
	background: linear-gradient(90deg, #2C3C86 50%, #FFF 50%);
	border: none;
	box-shadow: none;
}

/**--- Appeal Cta Section end ---*/

/**--- Event Section Start ---*/
.eventCardContainer {
	max-width: 1100px;
	width: 100%;
	margin-inline: auto;

}

.eventCard {
	max-width: 347px;
	width: 100%;
	margin-inline: auto;
}

.eventCard img {
	min-height: 230px;
	width: 100%;
	aspect-ratio: 2 / 1;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

.eventCardText {
	padding: 20px 39px 20px 20px;


	border-radius: 0px 0px 10px 10px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(189, 184, 184, 0.15);
	transition: all 100ms ease;
}

.eventCard:hover .eventCardText {
	box-shadow: 4px 4px 10px rgba(0, 0, 0, .4);
}

.eventCard:hover h6 {
	color: var(--clr-secondary);
}

.eventCardText p a,
.eventCardText a:nth-of-type(2) {
	color: var(--clr-highlight);
	font-weight: 700;
	text-decoration: underline;
}

.eventCardText p {
	text-decoration: none !important;
}

.eventCard:hover a {
	color: var(--clr-dark);
}

.eventDate {
	max-width: 54px;
	width: 100%;
	border-radius: 4px 4px 0px 0px;
	background: rgba(202, 231, 175, 0.90);
	min-height: 60px;

	color: var(--clr-dark);
	font-size: var(--fs-18);
	font-weight: 700;
	line-height: normal;
	text-align: center;
}

.eventCard:hover .eventDate {
	background: var(--clr-primary);
	color: #FFF;
}

/**--- Event Section End ---*/


/**--- VACANCY  Start ---*/
.vacancyTable {
	cursor: pointer;
	padding: 13px 27px 12px;

	border-radius: 6px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(189, 184, 184, 0.15);
	transition: all 150ms ease;
}

.vacancyTable:hover {
	box-shadow: 4px 4px 12px rgba(0, 0, 0, .3);
}

.vacancyContent :where(h2, h3, h4, h5, h6) {
	color: var(--clr-dark);
	font-size: var(--fs-16);
	font-weight: 600;
	line-height: normal;
	margin-bottom: 15px;
}

.vacancyContent :where(p, li) {
	color: var(--clr-grey-700);
	font-size: var(--fs-16);
	font-weight: 400;
	line-height: 1.3;
}

.vacancyContent :where(ol, p, ul) {
	margin-bottom: 15px;
}

.vacancyContent :where(ol, ul) {
	padding-left: 19px;
}

/**--- VACANCY  End ---*/

/**--- Volunteer  Start ---*/
.progressBar {
	height: 5px;
	border: 1px solid #B3B3B3;
	background: #D9D9D9;
	overflow: hidden;
}

.volunteerHeading {
	color: #FFF;
	font-size: var(--fs-16);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	min-height: 59px;
	display: flex;
	align-items: center;
	padding: 0 18px;
	background: var(--clr-primary);
	border-radius: 10px;
}

.interestFormWrapper {
	padding: 16px 0 25px;
}

.interestInformation .form-check {
	margin-bottom: 6px;
}

.volunteerSuccessModalMain {
	padding: 17px 17px 40px;

	border-radius: 6px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(189, 184, 184, 0.15);
}

.volunteerSuccessModalMain p {
    margin-top: 0;
    position: relative;
    top: -44px;
}

.volunteerSuccessIcon {
	position: relative;
	top: -85px;
	margin: 0 auto;
	display: block;
}

/**--- Volunteer  end ---*/

/**--- Zakat Calculator  start ---*/
.calculatorFormInputs {
	max-width: 538px;
	width: 100%;
}

.calculatorInput {
	display: flex;
}

.calculatorInput input {
	border-radius: 30px 0px 0px 30px;
	border: 1px solid #DDD;
	background: #FFF;

	padding: 10px 15px;
}

.calculatorInput label {
	border-radius: 0px 30px 30px 0px;
	border: 1px solid #DDD;
	display: flex;
	align-items: center;

	color: var(--clr-primary);
	font-size: var(--fs-16);
	font-weight: 400;
	line-height: normal;

	flex: 0 0 143.894px;

	padding: 12px 0;
	justify-content: center;
}

.calculatorInput input:focus,
.calculatorInput:hover input {
	box-shadow: -2px 0px 4px rgba(0, 0, 0, .2)
}

.zakatCalculatedAmount {
	border-radius: 20px;
	background: #F5FAFF;
	padding-block: 40px;
}

/**--- Zakat Calculator  end ---*/

/**====ACCORDION CSS START====*/
.accordion__panel {
	display: none;
}

.accordion {
	--accordion-bd-radius: 6px;
	--accordion-container-mb: 10px;
	--accordion-container-width: 721px;

	--button-bg: #FFF;
	--button-padding: 21px 14px;
	--button-mb: 0 0 0;
	--accordion-title-clr: var(--clr-primary);

	--accordion-symbol-size: 24px;
	--accordion-symbol-clr: var(--clr-primary);

	--panel-bg: #FFF;
	--panel-padding: 0 32px 26px 17px;
}

.accordion__container {
	margin-bottom: var(--accordion-container-mb);
	width: 100%;
	margin-inline: auto;

	border-radius: 6px;
	background: #FFF;
	box-shadow: 0px 4px 30px 0px #F2F2F2;
	transition: all 250ms ease;
}

.accordion__button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;

	background: var(--button-bg);
	padding: var(--button-padding);
	margin: var(--button-mb);
	border-radius: var(--accordion-bd-radius);
}


.accordion__symbol.open {
	display: block;
}

.accordion__symbol.close {
	display: none;
	scale: 3.3;
}

.accordion__button:hover .accordion__title {
	color: var(--clr-secondary);
}

.accordion__button.active .accordion__symbol.close {
	display: block;
}

.accordion__button.active .accordion__symbol.open {
	display: none;
}


.accordion__button.active {
	padding-bottom: 15px;
}

.accordion__panel {
	background: var(--panel-bg);
	padding: var(--panel-padding);
	border-radius: var(--accordion-bd-radius);
}

.accordion__title {
	color: var(--clr-dark);
	font-size: var(--fs-20);
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}

.accordion__text {
	color: var(--clr-grey-700);
	font-size: var(--fs-14);
	font-weight: 400;
	line-height: 1.3;
}

.accordion__symbol i {
	color: var(--accordion-symbol-clr);
	font-size: var(--accordion-symbol-size);
}

/**==== ACCORDION CSS END ====*/

/* Program Page Banner start */
.programBannerText {
	padding: 33px 32px;
	background-color: white;
	border-radius: 10px;
}

@media only screen and (min-width: 1660px) {
	.programBannerText {
		max-width: 267px;
		width: 100%;
	}
}

/* Program Page Banner end */

/* Seasonal Program Start */
.seasonalText {
	max-width: 1100px;
	margin: 0 auto;
}

.seasonalText p {
	color: var(--clr-grey-700);
	font-size: var(--fs-18);
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 15px;
}

.seasonalText p:has(+ :is(h1, h2, h3, h4, h5, h6)) {
	margin-bottom: 20px;
}

.seasonalText p:has(.btn) {
	margin-bottom: 30px;
}

.seasonalText strong {
	color: var(--clr-secondary);
	font-size: var(--fs-18);
	font-weight: 500;
	line-height: 1.3;
}

.seasonalText :is(h1, h2, h3, h4:not(.section__heading), h5, h6) {
	color: var(--clr-dark);
	font-size: var(--fs-30);
	font-weight: 700;
	line-height: normal;
	margin-bottom: 20px;
}

/* Seasonal Program end */

/* Table Layout Start */
.tableContainer {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;

	border-radius: 10px;
	border: 1px solid #DDD;
	background: #FAFAFA;
}

.tableCell {
	flex: 0 1 33.3%;
	padding: 23px 5px 23px 50px;

	font-size: var(--fs-24);
	line-height: normal;
}

.tableRow .tableCell:nth-of-type(2) {
	position: relative;
	padding-left: 67px;
}

.table-two-columns .tableCell:nth-of-type(1) {
	flex: 0 1 384px;
}

.table-two-columns .tableCell:nth-of-type(2) {
	flex: 0 1 calc(1100px - 384px);
	padding-left: 50px;
}

.tableHeader .tableCell {
	color: var(--clr-dark);
	font-weight: 600;
}

.tableRow .tableCell {
	color: var(--clr-primary);
	font-weight: 500;
}

.tableDataRows .tableCell:nth-of-type(even) {
	border-inline: 1px solid rgba(221, 221, 221, 0.87);
}

.table-two-columns .tableDataRows .tableCell:nth-of-type(even) {
	border-right: 0;
}

.tableDataRows:not(:nth-last-of-type(1)) {
	border-bottom: 1px solid rgba(221, 221, 221, 0.87);
}

/* Table Layout end */

/* Image CTA Start */
.imageCta img {
	max-height: 705px;
	width: 100%;
}

/* Image CTA end */

/* Qurabni Label Card Start */

.qurbaniLabelCard {
	border-radius: 5px;
	border: 1px solid #BDBDBD;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(165, 165, 165, 0.10);
	margin-bottom: 20px;
	position: relative;
}

input:checked+.qurbaniLabelCard,
label.qurbaniLabelCard:hover {
	border: 1px solid var(--clr-secondary);
}

input:checked+.qurbaniLabelCard::after,
.qurbaniLabelCard::after {
	opacity: 1;
}

.qurbaniLabelCard::after {
	content: url("../images/icons/check-mark-green.svg");
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0;
}

.qurbaniLabelCard .iconWrapper {
	padding-block: 23px;
}

.qurbaniLabelCard .icon_wrap {
	width: 76.37px;
	height: 77.055px;
	background-color: #F1F7EB;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 100%;
	border: 2px solid #FFF;
	outline: 5px solid var(--clr-primary);
}

.qurbaniLabelTitle {
	color: #222;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	padding: 6px 3px;
	text-align: center;
	border-top: 1px solid #DDD;
}
.qurbaniPricePanel h5 {
    color: var(--clr-dark);
    font-size: var(--fs-13);
    font-weight: 600;
    line-height: normal;
}

.qurbaniPricePanel {
    padding: 0 14px 6px;
}
.ramdanSectionContainer {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}

/* Qurabni Label Card end */

/* Donation end */
.donationRecentCauseSection section.recentCause {
	padding: 0 !important;
}

.donationRecentCauseSection .bg-grey-500 {
	background: #FFF !important;
}

.donationBannerText {
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.90);
	padding: 27px;
}

@media only screen and (min-width: 1660px) {
	.donationBannerText {
		max-width: 427px;
		width: 100%;
	}

	.donationPageFormText {
		max-width: 366px;
		width: 100%;
	}
}

.donatePageDonationForm {
	border-radius: 10px;
	background: #FFF;
	padding: 20px;
}

.donationPageFormText {
	bottom: 45px;
	left: 30px;
}

/* Donation end */
#donationModule2,
#donationModule1 {
	transform: translateX(100%);
}

#donationModule1.hardClose {
	transform: translateX(100%) !important;
}

#donationModule2.active,
#donationModule1.active {
	transform: translateX(0);
}

.donationModule {
	border-radius: 10px 0px 0px 10px;
	background: var(--clr-grey-400);
	max-width: 353px;
	height: 100vh;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: transform 400ms ease;

	position: fixed;
	top: 0;
	right: 0;
	z-index: 12;
	border-left: 1px solid #e7e7e7;

	overflow-y: scroll;
}

.donationModule::-webkit-scrollbar {
	display: none;
	appearance: none;
}

.donationModule#donationModule2 {
	border-radius: 0px;
	max-width: 413px;
}

.donationModuleClose {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	background: var(--clr-secondary);
}

.donationModuleClose:hover {
	opacity: .8;
}

.donationModuleHeader {
	padding: 15px 0 9px;
	max-width: 321px;
	width: 100%;
	margin-inline: auto;
	border-bottom: 1px solid #DDD;
	text-align: center;
}

.donationModuleTitle {
	font-size: var(--fs-30);
	font-weight: 700;
	line-height: normal;
	color: var(--clr-dark);
}

.donationModuleBody {
	padding-block: 35px;
}

.donationItem {
	padding: 12px;
	border-radius: 5px;
	background: #FFF;
	max-width: 295px;
	width: 100%;
	margin: 0 auto 15px;
	/* transition: all 250ms ease; */
	cursor: pointer;
	border: 1px solid #fff;
}

.donationItem:hover {
	border: 1px solid #e7e7e7;
}

.donationItem button:hover {
	text-decoration: underline;
}

.donationModuleFooter {
	padding: 33px 26px;
	background: #FFF;
}

.donationModuleFooter button {
	width: 100% !important;
	max-width: 100% !important;
}

.donationModuleFooter button {
	padding-block: 12px;
}

.otherCauseContainer {
	border-radius: 2px;
	padding: 15px;
	max-width: 374px;
	width: 100%;
	margin-inline: auto;
}

.otherCauseItem {
	margin-bottom: 15px;
}

.otherCauseItem label {
	border-radius: 4px;
	border: 1px solid #DDD;
	background: #FFF;
	padding: 12px;
}

.otherCauseItem h6 {
	margin-bottom: 15px;
}

.otherCauseItem p,
.otherCauseItem h6 {
	color: #8F8F8F;
}

.otherCauseItem span {
	color: #666;
}

.otherCauseItem:where(:hover, :focus) h6,
.otherCauseItem:has(input:checked) h6,
.otherCauseItem.active h6 {
	color: var(--clr-primary);
}

.otherCauseItem input[type="checkbox"] {
	width: 20.953px;
	height: 21.728px;
	margin-right: 12px;
}

@media only screen and (max-width: 767px) {
	.donationModule {
		max-width: 50% !important;
		width: 100%;
	}
}

@media only screen and (max-width: 560px) {
	.donationModule {
		max-width: 100% !important;
		width: 100%;
		border-radius: 0px !important;
	}

	.donationModuleBody {
		padding-inline: 10px
	}

	.otherCauseContainer,
	.donationItem {
		max-width: 100%;
	}
}

/* Donation Side Module Modal CSS */

/* Checkout page */
.checkoutSection {
	min-height: 698px;
}

.donationSummaryItem {
	max-width: 100%;
	padding: 17px 14px;
	border-radius: 2px;
}

.donationSummary {
	padding: 22px;
	width: 100%;
	margin-bottom: 30px;
}

.checkoutFormMain {
	padding: 30px 20px;
	border-radius: 10px;
	background: #FAFAFA;
}

.donationSummaryItem.donationItem:hover :where(span, h6) {
	color: var(--clr-primary);
}

.donationSummaryItem.donationItem:hover button {
	text-decoration: underline;
}

@media only screen and (min-width: 992px) {
	.donationSummary {
		max-width: 388px;
		width: 100%;
		margin-top: 57px;
	}

	.checkoutFormContainer {
		max-width: 595px;
		width: 100%;
	}

	.giftAidContentContainer {
		max-width: 409px;
		width: 100%;
		margin-inline: auto;
	}
}

.checkoutStepDetails {
	max-width: 363px;
	width: 100%;
	margin-inline: auto;
	position: relative;
	margin-bottom: 20px;
}

.checkoutStepDetails::after {
	content: "";
	height: 1px;
	width: 100%;
	display: block;
	background-color: #ddd;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}

.checkoutStepDetails button {
	height: 32px;
	width: 32px;
	background-color: #FFF;
	border-radius: 100%;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	display: grid;
	place-content: center;
	border: 1px solid #ddd;
}

.checkoutStepDetails button:hover,
.checkoutStepDetails button.active {
	background: var(--clr-secondary);
	border: 1px solid var(--clr-secondary);
	color: #FFF;
}

.giftAidChecks input {
	width: 13px;
	height: 20px;
	position: absolute !important;
	left: -21px;
	top: 50%;
	transform: translateY(-50%);
}

.checkoutFormMain .checkoutNavigatorButton:hover {
	background: #FFF !important;
	outline: 1px solid var(--clr-primary);
	color: var(--clr-primary);
}

/* Checkout page */

/* Image Banner Section */
.imageBannerSection {
	position: relative;
}
.imageBannerSection  > img {
	max-height: 749px;
}
.imageBannerSection::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 60%;
    background: linear-gradient(180deg, rgba(38, 38, 38, 0.00) 0%, #000 100%);
    display: block;
    width: 100%;
}
.imageBannerSection .container {
	position: static;
}

@media only screen and (min-width:1240px) {
	.imageBannerSection .container {
		bottom: 18%;
		margin: 0 auto;
		position: absolute;
		display: block;
		left: 0;
		right: 0;
	z-index: 2;
	}
}

.imageBannerSection h1 {
	text-shadow: 3px 3px 8px rgba(0, 0, 0, .7);
}

/* Image Banner Section */

/* Format Content */
.formatContent {
	max-width: 1100px;
	width: 100%;
	margin-inline: auto;
}

.formatContent :where(h1, h2, h3, h4, h5, h6) {
	color: var(--clr-primary);
	font-size: var(--fs-45);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 15px;
}

.formatContent p {
	color: var(--clr-grey-700);
	font-size: var(--fs-20);
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 15px;
}

.formatContent img {
	text-align: center;
}

/* Format Content */

/* Single Event */
.singleEventPanels .row:nth-of-type(even) {
	flex-direction: row-reverse;
}

.singleEventCard:hover h5 {
	color: var(--clr-secondary);
}

/* Single Event */


/* Work Content Formatting */
.formatWorkContent :where(h1, h2, h3, h4, h5, h6) {
	color: var(--clr-primary);
	font-size: var(--fs-45);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
}

.formatWorkContent strong {
	color: var(--clr-secondary);
	font-size: var(--fs-20);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 40px;
	display: block;
}

.formatWorkContent p {
	color: var(--clr-grey-700);
	font-size: var(--fs-16);
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 10px;
}

/* Work Content Formatting */
#volunteerInterestFormError {
	bottom: unset !important;
}

form[data-form-id="2"] .es-form-field-container .gjs-row {
	margin: 0 !important;
}

.gjs-cell {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gjs-cell input[type='submit'] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	/* padding: .95em 1.95em; */
	padding: .7em 1.85em;
	font-size: var(--fs-16);
	border-radius: 30px;
	font-weight: 700;

	line-height: normal;
	transition: all 250ms ease;
	color: var(--clr-secondary);
	background: var(--clr-secondary-300);
}

@media only screen and (min-width: 1220px) {
	.homeRecentCause section {
		padding-bottom: 50px;
	}
}
.aboutcontactForm p {
	line-height: 0.6;
	margin-bottom: 5px;
}

.aboutContactForm .wpcf7-not-valid-tip {
	margin: 10px 5px;
}

#volunteerDetailsForm .row div[class*='col'] {
    padding-inline: 19px !important;
}
:where(#volunteerDetailsForm, .contactUsContainer)  .basic_input:where(:hover, :focus) {
	outline: 1px solid var(--clr-primary);
	box-shadow: none;
}

.volunteerModalMain {
	min-height: 846px;
	display: grid; 
	place-content: center;
}

.homeDonationFormContainer .cs_select_btn .error_message {
	left: -20px;
}

.homeDonationFormContainer .donationPresetAmounts  input[type="checkbox"] {
display: none !important; 
}

.radioIcon::before {
	content: url(../images/icons/radio-off.svg);
	display: block;
}

label:hover .radioIcon::before,
input:checked + .radioIcon::before {
	content: url(../images/icons/radio-on.svg);
}

.loader-controller {
    position: absolute !important;
    inset: 0;
    backdrop-filter: blur(11px) brightness(0.9);
    width: 100%;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none;
    justify-content: center;
    align-items: center;
}
.loader-controller.active {
	display: flex;
}

.loader-controller .loader {
	display: block;
}

.galleryGrid img {
    border-radius: 15px;
}
.fileUploadName {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.StripeElement {
    padding: 20px 25px;
    border: 1px solid #cacaca;
    border-radius: 2rem;
}

.mainDonationSummary .donationItem {
	max-width: 100%;
}

.mainDonationSummary .donationItem > .d-flex:nth-of-type(1) span {
    flex-shrink: 0;
}

.quickDonateFormContainer {
    padding: 30px 40px;
}

.footer_social_list svg {
    scale: .8;
}

.donationCurrencySymbol {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 23px ;
	font-size: var(--fs-20);
    font-weight: 500;
    color: #555;
}

.donationOtherAmountContainer input {
    padding-left: 42px;
}

.workMapContainer {
	
	--bd-clr: #D6D6D6;
	border: 1px solid #b8b8b8;
	padding: 20px;

}

.workMapContainer > img {
	width: 100%;
	max-width: 100%;
			min-height: 487px;
	max-height: 707px;
}

.workDonationContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 379px;
	width: 100%;
	padding: 16px 11px;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.35);
	border-radius: 5px;
	background-color: #fff;
	opacity: 0;
	transition: all 250ms ease;
}

.workDonationContainer::after {
    content: "";
    position: absolute;
    bottom: -9px;
    height: 40px;
    width: 40px;
    background: #fff;
    rotate: -135deg;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.workMapContainer:hover  .workDonationContainer {
	opacity: 1;
}

.workBigNumbers h6 {
    font-size: 24px;
    color: #C00000;
    margin-bottom: 0;
    font-weight: 800;
}
.workBigNumbers p {
    font-size: 16px;
    color: #a9a9a9;
}
.workBigNumbers {
    padding: 0 5px;
}
.workPeopleNumber {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 2px solid var(--bd-clr);
}

.workBigNumbers  > *{
    padding-bottom: 10px;
}

.workDistributions.d-flex.align-items-center.justify-content-between {
    padding: 5px 5px;
    border-top: 2px solid var(--bd-clr);
}
.workDonationSmallTitle {
	color: #333;
	font-size: 16px;
	font-weight: 500;
}
.workDonationSmallTitle strong {
    color: #000;
    font-weight: 700;
}

.workDonationContainer img {
    scale: 1.6;
}

.workDonationButton {
    padding: 5px 10px;
    border: 2px solid var(--bd-clr);
    border-radius: 6px;
    font-size: 16px;
    color: #bbb;
    font-weight: 500;
	margin-bottom: 7px;
}

.workDonationCell {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
padding: 3px;
    border-bottom: 2px solid var(--bd-clr);
    flex: 1 1 auto;
}

.workDonationTable {
    border: 2px solid var(--bd-clr);
    border-bottom: none;
    margin-inline: 4px;
}

.workDonationTable .workDonationCell:nth-of-type(odd) {
	border-right: 2px solid var(--bd-clr);
}

/* Ways to donate start */
.waysToDonateContainer {
	max-width: 1100px;
	width: 100%;
	margin-inline: auto;
}
.waysCard {
    padding: 16px 33px 20px 25px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    min-height: 323px;
    display: grid;
    place-content: center;
	cursor: pointer;
}
.waysCard .img_wrap {
	height: 57px;
	width: 57px;
	display: grid;
	place-content: center;
	background: rgba(1, 89, 172, 0.15);
	border-radius: 100%;
	margin-bottom: 15px;
	color: var(--clr-primary);
	font-size: 1.3rem;
}
.waysCard p,
.waysCard h6 {
	margin-bottom: 15px;
}
.waysCard, .waysCard * {
	transition: all 100ms ease;
}
.waysCard p:last-child {
	margin-bottom: 0px;
}
.waysCard:hover path {
    fill: var(--clr-secondary);
}
.waysCard:hover .img_wrap {
    background: #FFF;
}
.waysCard:hover *:not(i) {
    color: #FFF !important;
}

.waysCard:hover i {
	color: var(--clr-secondary);
}
.waysCard:hover {
    background: var(--clr-secondary);
}
/* Ways to donate end */

/* Terms Start */
.termsLabel {
	font-size: var(--fs-16);
	font-weight: 700;
	max-width: 250px;
	min-height: 55px;
	border-radius: 27px;
	background: rgba(113, 175, 52, 0.2);
	display: grid;
	place-content: center;
	color: var(--clr-secondary);
	margin-bottom: 15px;
}

.termsMain {
	max-width: 897px;
	width: 100%;
	margin: 0 auto;
}
.termsMain li,
.termsMain p {
	color: #555555;
	font-weight: 400;
	font-size: var(--fs-16);
	margin-bottom: 15px;
	line-height: normal;
}
/* Terms end */

.horizontalCard .img_wrap img {
    height: 256px;
    width: 256px;
    object-fit: contain;
}

.waysCard *:not(.img_wrap, i) {
    min-width: 270px;
}
.gjs-cell input[type='submit']:is(:hover, :focus) {
    background: var(--clr-secondary) !important;
    color: #FFF;
}

.singleAppealCounter .counterCard {
	padding-block: 20px;
}
.singleAppealCounter .counterCard:nth-of-type(even) {
	border-block: 1px solid #e7e7e7;
}

.blogCard.big h6 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.recentCauseCardText p {
    min-height: 75px;
}

.eventCard .eventCardText h6:nth-of-type(1) {
    min-height: 44px;
}


.form_information_text {
    font-size: 12px;
    position: relative;
    /* white-space: nowrap; */
    top: -8px;
    font-weight: 700;
    color: var(--clr-secondary);
    display: none;
}

*:focus-within >  .form_information_text {
	display: block;
}

.numberSectionMain, .ctaSectionMain {
    position: relative;
    z-index: 99;
}
.numberSectionMain::before, .ctaSectionMain::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000082;
    z-index: -1;
}