@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--white: white;
	--black: #000000;
	--org50: #FFFAF0;
	--org400: #ED8936;
	--yellow600: #B7791F;
	--yellow500: #D69E2E;
	--yellow400: #ECC94B;
	--blue: #002A6C;
	--blue50: #3182CE;
	--blue600: #2B6CB0;
	--gray700: #2D3748;
	--gray600: #4A5568;
	--gray500: #718096;
	--gray400: #A0AEC0;
	--gray200: #E2E8F0;
	--gray300: #CBD5E0;
	--gray100: #EDF2F7;
	--gray50: #F7FAFC;
	--red: #E26127;
	--teal600: #2C7A7B;
	--green400: #48BB78;
	--green600: #25855A;
	--green900: #1C4532;
	--font-public: 'Public Sans', sans-serif;
}

:is(h1, h2, h3, h4, h5, h6, p) {
	margin: 0px;
	height: fit-content;
	text-align: left;
	letter-spacing: 0em;
}

input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

img {
	user-select: none;
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none;
	color: #000;
	display: block;
}

ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

textarea,
input,
button {
	border-radius: 0px;
	background-color: transparent;
	outline: none;
	border: none;
	padding: 0;
}

.slick-initialized {
	opacity: 1 !important;
	visibility: visible !important;
}

body {
	min-height: 100vh;
	text-align: left;
	scroll-behavior: smooth;
	display: flex;
	font-family: 'Inter', sans-serif;
	flex-direction: column;
}

.custom-container {
	max-width: 1200px;
	margin: 0px auto;
	width: 100%;
}

.header {
	background-color: #fff;
	position: sticky;
	top: 0px;
	width: 100%;
	padding: 21px 0px 19px 0px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	z-index: 999;
	min-height: 80px;
}

.header .custom-container {
	max-width: 1304px;
}

.header .head-wraper {
	display: flex;
	column-gap: 30px;
	justify-content: end;
}

.semi {
	font-weight: 600 !important;
}

.bold {
	font-weight: 700 !important;
}

.medium {
	font-weight: 500 !important;
}

.regular {
	font-weight: 400 !important;
}

.text-xl {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0em;
}

.text-lg {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
}

.text-4xl {
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0em;
}

.text-5xl {
	font-size: 48px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: 0em;
}

.text-2xl {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.text-3xl {
	font-size: 30px;
	font-weight: 600;
	line-height: 36px;
}

.text-sm {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.text-md {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.text-xs {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.btn-md {
	height: 40px;
	padding: 10px 16px 10px 16px;
	line-height: 15px;
	gap: 16px;
	font-size: 16px;
}

.btn-lg {
	height: 48px;
	padding: 10px 14px 10px 14px;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0em;
}

.btn-sm {
	height: 32px;
	padding: 10px 12px 10px 12px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0em;
}

.btn-xs {
	height: 24px;
	padding: 10px 8px 10px 8px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0em;
	gap: 8.75px;
}

.btn-xs .btn-icon {
	height: 9.370292663574219px;
	width: 10.5px;
}

.btn-md .btn-icon {
	height: 16px;
	width: 16px;
}

.cm-btn.out-blk {
	border: 1px solid var(--blue);
	color: var(--gray700);
}

.cm-btn.out-blk:hover {
	background-color: var(--gray100);
}

.cm-btn.out-blu {
	border: 1px solid var(--blue);
	color: var(--blue);
}

.outlink-black {
	border: 1px solid var(--black);
	color: var(--black) !important;
}

.cm-btn.outline {
	border: 1px solid var(--gray100);
	color: var(--gray700);
}

.cm-btn.outline:hover {
	background-color: var(--gray200);
}

.cm-btn.wht {
	color: #fff;
	border: 1px solid var(--white);
}

.cm-btn.wht:hover {
	background-color: var(--gray200);
}

.cm-btn .btn-icon {
	object-fit: contain;
}

.cm-btn {
	display: flex;
	align-items: center;
	border-radius: 6px;
	width: fit-content;
	color: #fff;
	cursor: pointer;
	user-select: none;
	font-weight: 600;
	white-space: nowrap;
	justify-content: space-between;
	transition: all 300ms ease-out;
}

.cm-btn.primary {
	background-color: var(--blue);
	color: #fff;
}

.status-alert .button:hover,
.cm-btn.primary:hover {
	background-color: var(--teal600);
}

.cm-btn.orange {
	background-color: var(--red);
}

.cm-btn.yellow {
	background-color: var(--yellow400);
}

.cm-btn.approved {
	background-color: var(--green400);
}

.cm-btn.orange:hover {
	background-color: var(--teal600);
}

.custom-select {
	outline: none;
	width: fit-content;
	border-radius: 6px;
	border-width: 1px;
	border-color: var(--gray200);
	transition: all 120ms ease-out;
	cursor: pointer;
	background-image: url("../images/select-arrow.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	appearance: none;
	background-position: calc(100% - 14px) 51%;
}

.custom-select.md {
	padding: 8px 44px 8px 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	height: 40px;
}

.custom-select.lg {
	height: 48px;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	padding: 10px 40px 10px 16px;
}

.custom-select.sm {
	height: 32px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	padding: 6px 40px 6px 12px;
}

.input-field {
	position: relative;
}

.search-btn {
	position: absolute;
	right: 10px;
	top: 0px;
	background-image: url("../images/search-icon.svg");
	height: 20px;
	width: 20px;
	bottom: 0px;
	margin: auto;
}

.input:hover,
.custom-select:hover {
	border-color: var(--gray300);
}

.input.md {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	height: 40px;
	padding: 8px 44px 8px 16px;
}

.input.md::placeholder {
	font-size: 14px;
	font-weight: 400;
}

.input.sm {
	height: 32px;
	font-size: 14px;
	font-weight: 400;
	padding: 6px 40px 6px 12px;
}

.input.sm::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--gray700);
}

.input:focus,
.custom-select:focus {
	border-color: var(--blue50);
}

.custom-title {
	margin-bottom: 38px;
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
}

.custom-title .text-3xl {
	margin-bottom: 12px;
	color: var(--black);
	text-align: center;
}

.custom-title .text-3xl.bl {
	color: var(--blue);
	text-align: center;
}

.custom-title p {
	color: var(--gray400);
	text-align: center;
}

.agencies-involved .custom-title p {
	color: var(--gray500);
}

.input {
	border-width: 1px;
	border-style: solid;
	letter-spacing: 0em;
	color: var(--gray700);
	border-color: var(--gray200);
	border-radius: 6px;
}

.input.md::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: var(--gray700);
}

header .custom-select {
	width: 224px;
}

header .nav-btn {
	height: 40px;
	width: 40px;
	border-radius: 12px;
	display: flex;
	background-color: var(--gray50);
	transition: all 300ms ease-out;
}

header .nav-btn:hover {
	background-color: var(--gray100);
}

header .nav-btn img {
	object-fit: scale-down;
}

.home-banner {
	margin-top: 40px;
}

.header .user-profile {
	height: 40px;
	width: 40px;
	border-radius: 50px;
	overflow: hidden;
}

.header .user-profile img {
	object-fit: cover;
}

.banner-slider .slid {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	height: 568px;
	display: flex;
}

.banner-slider .slid .title {
	margin: auto 0px;
	position: relative;
	z-index: 1;
	margin-left: 102px;
	max-width: 483px;
}

.banner-slider .slid img {
	object-fit: cover;
	position: absolute;
	z-index: -1;
}

.banner-slider {
	visibility: hidden;
	opacity: 0;
}

.banner-slider .slid:after {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 26.56%, rgba(0, 0, 0, 0) 100%);
	content: '';
	left: 0px;
}

.banner-slider .slick-arrow {
	height: 24.78545379638672px;
	width: 24px;
	visibility: hidden;
}

.banner-slider .slick-next {
	right: 24px;
}

.banner-slider .slick-prev {
	left: 24px;
	z-index: 1;
	transform: rotate(180deg);
}

.banner-slider .slick-arrow:after {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	content: '';
	left: 0px;
	visibility: visible;
	background-image: url("../images/slid-arrow-right.svg");
	background-repeat: no-repeat;
}

.banner-slider .text-2xl,
.banner-slider .text-5xl {
	margin-bottom: 12px;
	text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
	color: #fff;
	transform: translateY(-20px);
	transition: all 1s;
}

.banner-slider :is(.text-sm, .cm-btn) {
	transform: translateY(20px);
	transition: all 1s;
}

.banner-slider .slid.slick-slide.slick-current.slick-active :is(.text-2xl, .text-5xl, .text-sm, .cm-btn) {
	transform: translateY(0px);
}

.banner-slider .text-sm {
	margin-bottom: 30px;
	text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06);
	color: #fff;
}

.donate-needed {
	padding-top: 40px;
}

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

.donate-card:hover {
	border-color: var(--gray400);
}

.donate-card .text {
	display: flex;
	border-bottom: 1px solid #0000000A;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

.donate-card .text-xs,
.donate-card .text-md {
	color: var(--black);
}

.donate-card {
	padding: 16px 22px 16px 17px;
	border: 1px solid var(--gray200);
	border-radius: 16px;
	transition: all 300ms ease-out;
}

.donate-card .icon {
	height: 40px;
	width: 40px;
	margin-right: 16px;
}

.donate-card .cm-btn {
	margin-left: auto;
}

.progress {
	height: 9px;
	border-radius: 6px;
	background-color: var(--gray200);
}

.progress .progress-bar:after {
	background-color: #e261276e;
	position: absolute;
	top: 0px;
	content: '';
	height: 100%;
	width: 10px;
	right: 10px;
	transform: translateX(100%);
	border-radius: 16px;
	z-index: -1;
	transition: all 800ms ease-out;
}

.item:hover .progress-bar:after,
.items-donate .box:hover .progress-bar:after,
.active-emergencies .box:hover .progress-bar:after,
.donate-card:hover .progress-bar:after,
.disaster-list .item:hover .progress-bar:after {
	width: 40%;
}

.progress-bar {
	height: 9px;
	border-radius: 6px;
	background-color: var(--red);
	position: relative;
	transition: all 300ms ease-out;
	overflow: visible;
	z-index: 1;
}

.progress-labels {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
	color: var(--black);
}

.donate-needed .col-lg-4 {
	padding: 0px 15px;
}

.support-countries {
	padding-top: 40px;
}

.support-countries .support-box {
	display: flex;
	align-items: center;
	border-radius: 12px;
	padding: 12px 8px 12px 7px;
	border: 1px solid var(--gray50);
}

.support-countries .support-box:hover {
	border-color: var(--gray200);
}

.support-countries .support-box .text-sm {
	color: var(--black);
}

.support-countries .support-box .icon {
	border: 1px solid #00000014;
	height: 20px;
	width: 32px;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	margin-right: 13px;
}

.support-countries .support-box .cm-btn {
	margin-left: auto;
}

.support-countries .row {
	border: 1px solid #E2E8F0;
	row-gap: 18px;
	border-radius: 12px;
	padding: 30px 23px 36px 25px;
	justify-content: center;
}

.support-box.active {
	background-color: var(--gray50);
}

.global-emergencies {
	padding: 40px 0px;
}

.global-emergencies .map {
	height: 500px;
	width: 100%;
	border-radius: 16px;
	position: relative;
	overflow: hidden;
}

.global-emergencies .map iframe {
	width: 100%;
	height: 100%;
}

.global-emergencies .map:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.2%, rgba(0, 0, 0, 0.2) 100%);
	box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.global-emergencies .column>img {
	object-fit: cover;
	position: absolute;
	top: 0px;
	z-index: -1;
}

.global-emergencies .column .text-sm {
	font-weight: 700;
	color: var(--white);
	margin-bottom: 2px;
}

.global-emergencies .column .text-xs {
	color: var(--white);
	margin-bottom: 12px;
}

.global-emergencies .column .cm-btn {
	font-weight: 400;
}

.global-emergencies .custom-container {
	position: relative;
}

.global-emergencies .row {
	max-width: calc(100% - 206px) !important;
	width: 100%;
	margin: auto;
	transform: translateY(calc(-100% - 24px));
	column-gap: 30px;
	position: absolute;
	right: 0px;
	left: 0px;
}

.global-emergencies .row .column {
	width: calc(100% / 5 - 24.24px);
	height: 120px;
	border-radius: 16px;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

.global-emergencies .row .column:after {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
	background: #000000;
	opacity: 0.32;
	transition: 0.2s;
}

.global-emergencies .row .column:hover:after {
	opacity: 0;
}

footer {
	padding: 19px 0px 20px;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
	margin-top: auto;
}

footer p a {
	color: rgba(0, 0, 0, 0.48) !important;
	text-underline-offset: 3px;
	text-decoration: underline;
}

footer p {
	color: rgba(0, 0, 0, 0.48);
}

footer .col-lg-6:last-of-type {
	display: flex;
	align-items: center;
	justify-content: end;
}

footer .col-lg-6:last-of-type p {
	display: flex;
	gap: 4px;
}

.breadcrumbs {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 40px 0px 20px;
}

.breadcrumbs a {
	position: relative;
	font-family: var(--font-public);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	color: #919EAB;
}

.breadcrumbs a:after {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	height: 4px;
	width: 4px;
	border-radius: 50px;
	transform: translateX(-16px);
	left: 0px;
	background: #919EAB !important;
	content: '';
}

.breadcrumbs a:nth-child(1):after {
	display: none;
}

.breadcrumbs a:nth-child(1) {
	color: #212B36;
}

.about-agenc-banner {
	margin-bottom: 40px;
}

.about-agenc-banner .main-img {
	height: 200px;
	width: 100%;
	border-radius: 15px 15px 0px 0px;
	overflow: hidden;
}

.about-agenc-banner .main-img img {
	object-fit: cover;
}

.about-agenc-banner .text-content {
	background: #FFFFFF;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 0px 0px 16px 16px;
	padding-bottom: 21px;
}

.about-agenc-banner .text-content .profile-wraper {
	display: flex;
	gap: 30px;
}

.about-agenc-banner .text-content .profile-wraper .img-wraper {
	height: 177px;
	width: 177px;
	min-width: 177px;
	border-radius: 100px;
	background: #D9D9D9;
	border: 6px solid #FFFFFF;
	margin-top: -42px;
	overflow: hidden;
}

.about-agenc-banner .text-content .profile-wraper .img-wraper img {
	object-fit: cover;
}

.about-agenc-banner .text-content .custom-row {
	max-width: calc(100% - 205px);
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.about-agenc-banner .text-content .profile-wraper .text-2xl {
	color: var(--black);
	margin-bottom: 4px;
}

.about-agenc-banner .text-content .cm-btn.primary {
	margin-top: 21px;
}

.about-agenc-banner .text-content .profile-wraper .text-md {
	font-weight: 400;
	color: var(--black);
	margin-bottom: 8px;
}

.about-agenc-banner .text-content .profile-wraper .title {
	padding-top: 20px;
}

.about-agenc-banner .text-content .profile-wraper .rating {
	display: flex;
	gap: 5px;
	width: fit-content;
	align-items: center;
}

.about-agenc-banner .text-content .profile-wraper .rating li {
	height: 24px;
	width: 24px;
	display: flex;
}

.media-images-content {
	margin-bottom: 40px;
}

.media-images-content .custom-row .media-images {
	border: 1px solid #E2E8F0;
	padding: 20px 20px 28px;
	width: calc(61% + 58px);
	border-radius: 20px;
}

.media-images-content .custom-row {
	display: flex;
	align-items: baseline;
	gap: 30px;
}

.media-images-content .custom-row .content-right {
	width: 380px;
}

.media-images-content .custom-row .about-text-box {
	border: 1px solid #E2E8F0;
	padding: 20px;
	border-radius: 16px;
	margin-bottom: 25px;
}

.media-images-content .custom-row .about-text-box:nth-last-of-type(1) {
	margin-bottom: 0px;
}

.media-images-content .custom-row .about-text-box p {
	margin-bottom: 22px;
	color: var(--black);
}

.media-images-content .custom-row .about-text-box p:last-of-type {
	margin-bottom: 0px;
}

.media-images-content .custom-row .about-text-box .text-xl {
	margin-bottom: 18px;
	color: var(--black);
}

.media-images-content .custom-row .images {
	display: flex;
	flex-wrap: wrap;
	max-height: 436px;
	align-items: center;
	gap: 20px;
	overflow: auto;
}

.media-images-content .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.media-images-content .title .see {
	color: var(--blue);
	font-weight: bold;
}

.media-images-content .title .text-xl {
	color: var(--black);
}

.media-images-content .custom-row .img-wraper {
	height: 132px;
	width: 132px;
	border-radius: 16px;
	overflow: hidden;
	width: calc(100% / 5 - 16px);
}

.media-images-content .custom-row .img-wraper img {
	object-fit: cover;
}

.certified-suppliers .custom-container {
	border: 1px solid #E2E8F0;
	border-radius: 16px;
	padding: 20px;
}

.certified-suppliers .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.certified-suppliers .title .see {
	color: var(--blue);
	font-weight: bold;
}

.certified-suppliers .title .text-xl {
	color: var(--black);
}

.certified-suppliers .box {
	width: calc(100% / 5 - 15px);
	transition: all 300ms ease-out;
	border-radius: 15px;
}

.certified-suppliers .box:hover {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.certified-suppliers .box .img-wraper {
	height: 100px;
	width: 100%;
	border-radius: 16px 16px 0px 0px;
	background-color: #D9D9D9;
	overflow: hidden;
}

.certified-suppliers .box .img-wraper img {
	object-fit: cover;
	transition: all 0.5s;
}

.agencies-involved .box:hover .img-wraper img,
.certified-suppliers .box:hover .img-wraper img {
	transform: scale(1.1);
}

.certified-suppliers {
	margin-bottom: 274px;
}

.certified-suppliers .box .text {
	background: #F7FAFC;
	border-radius: 0px 0px 16px 16px;
	padding: 0px 25px 22px;
}

.certified-suppliers .box .text h6 {
	color: var(--black);
	margin-bottom: 2px;
	text-align: center;
	font-weight: 500;
}

.certified-suppliers .box .text h5 {
	color: #000000A3;
	margin-bottom: 2.67px;
	text-align: center;
}

.certified-suppliers .box .logo {
	height: 60px;
	width: 60px;
	border-radius: 50px;
	overflow: hidden;
	margin: auto;
	margin-top: -30px;
	position: relative;
}

.certified-suppliers .box .text .rating {
	display: flex;
	align-items: center;
	gap: 2px;
	width: fit-content;
	margin: auto;
}

.certified-suppliers .custom-row {
	display: flex;
	column-gap: 18px;
	align-items: baseline;
	row-gap: 28px;
	flex-wrap: wrap;
}

.certified-suppliers .box .text li {
	height: 10px;
	display: flex;
	width: 10px;
}

.certified-suppliers .box .text .para {
	color: var(--black);
	text-align: center;
}

.certified-suppliers .box .text .titles {
	margin-bottom: 12px;
	margin-top: 6px;
}

.about-supplier-banner {
	margin-bottom: 40px;
}

.about-supplier-banner .main-img {
	height: 200px;
	width: 100%;
	border-radius: 15px 15px 0px 0px;
	overflow: hidden;
}

.about-supplier-banner .main-img img {
	object-fit: cover;
}

.about-supplier-banner .text-content {
	background: #FFFFFF;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 0px 0px 16px 16px;
	padding-bottom: 21px;
}

.about-supplier-banner .text-content .custom-row {
	max-width: calc(100% - 205px);
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.about-supplier-banner .text-content .profile-wraper .img-wraper {
	height: 177px;
	width: 177px;
	border-radius: 100px;
	background: #D9D9D9;
	border: 6px solid #FFFFFF;
	margin-top: -42px;
	overflow: hidden;
}

.about-supplier-banner .text-content .rating {
	display: flex;
	gap: 5px;
	width: fit-content;
	align-items: center;
}

.about-supplier-banner .text-content .rating li {
	height: 24px;
	width: 24px;
	display: flex;
}

.about-supplier-banner .text-content .reviews p {
	text-align: center;
	color: var(--gray600);
	margin-top: 12px;
}

.about-supplier-logos {
	display: flex;
	gap: 28px;
}

.about-supplier-logos img {
	object-fit: scale-down;
	max-height: 60px;
	width: auto;
}

.media-images-content .custom-row .about-text-box .more {
	margin-top: 12px;
	color: var(--blue);
	margin-bottom: 0px;
}

.about-supplier-page .media-images-content .custom-row .about-text-box .text-xl {
	margin-bottom: 12px;
}

.about-supplier-page .media-images-content .custom-row .about-text-box:first-child {
	padding-bottom: 14px;
}

.previous-service {
	background: #FFFAF0;
	border: 1px solid #FFFAF0;
	padding: 51px 0px;
	overflow: hidden;
}

.previous-service .slid {
	height: 418px;
	max-width: 892px;
	border-radius: 16px;
	overflow: hidden;
	margin-right: 30px;
}

.previous-service .slid img {
	object-fit: cover;
}

.previous-service .slick-list {
	overflow: visible;
}

.previous-service .slick-list:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #FFFAF0;
	content: '';
	transform: translateX(-100%);
}

.previous-service .slick-prev,
.previous-service .slick-next {
	top: -43px;
	left: auto;
	right: 0px;
	height: 36px;
	width: 36px;
	visibility: hidden;
}

.previous-service .slick-prev:after,
.previous-service .slick-next:after {
	background-image: url("../images/previous-service-arrow-circle-active.svg");
	content: '';
	top: 0px;
	visibility: visible;
	height: 100%;
	left: 0px;
	width: 100%;
	position: absolute;
}

.previous-service .slick-prev {
	right: 43px;
	z-index: 1;
	transform: rotate(180deg) translate(0px, 50%);
}

.previous-service .slick-prev.slick-disabled::after {
	background-image: url("../images/previous-service-arrow-circle-left-disabled.svg");
	transform: rotate(180deg);
}

.previous-service .slick-next.slick-disabled::after {
	background-image: url("../images/previous-service-arrow-circle-left-disabled.svg");
	transform: rotate(180deg);
}

.previous-service h3 {
	margin-bottom: 24px;
	max-width: calc(100% - 72px);
	color: var(--black);
}

.previous-service p {
	margin-bottom: 24px;
	color: var(--black);
	max-width: 481px;
}

.previous-service-slider {
	margin-bottom: 24px;
}

.certified-products {
	padding: 60px 0px 53px;
}

.certified-products .box {
	position: relative;
	border-radius: 16px;
	transition: all 300ms ease-out;
}

.certified-products .box:hover {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.certified-products .img-wraper {
	height: 200px;
	width: 100%;
	border: 1px solid var(--gray200);
	background: #FFFFFF;
	border-radius: 16px 16px 0px 0px;
	display: flex;
	align-items: center;
	transition: all 300ms ease-out;
}


.certified-products .box:hover :is(.text, .img-wraper) {
	border-color: var(--gray300);
}

.certified-products .img-wraper img {
	object-fit: scale-down;
}

.certified-products .box .sp-name {
	transition: all 300ms ease-out;
}

.certified-products .box:hover .sp-name {
	transform: translateY(-5px);
}

.certified-products .box .text {
	background: #FFFAF0;
	border: 1px solid #E2E8F0;
	border-radius: 0px 0px 16px 16px;
	border-top: 0px;
	padding: 9px 18px 18px;
	transition: all 300ms ease-out;
}

.certified-products .box .list {
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, 0.92);
	gap: 2px;
	margin-bottom: 8px;
}

.certified-products .box h6 {
	margin-bottom: 2px;
	color: var(--black);
}

.certified-products .box .list a {
	position: relative;
	color: var(--blue);
}

.certified-products .box .list a:after {
	position: absolute;
	bottom: 1px;
	height: 1px;
	left: 0px;
	width: 100%;
	background-color: var(--blue);
	content: '';
}

.certified-products .box .list p {
	display: flex;
	align-items: center;
	gap: 2px;
}

.certified-products .box .list .star {
	height: 10px;
	width: 10px;
}

.certified-products .box .list .verify {
	height: 16px;
	width: 16px;
}

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

.certified-products .box .add {
	height: 28px;
	width: 28px;
	margin-left: auto;
}

.certified-products .box .bottom {
	display: flex;
	align-items: center;
}

.certified-products .box .bottom h5 {
	color: #000000EB;
}

.certified-products .box sub {
	bottom: -1px;
	left: 1px;
	color: #000000EB;
}

.certified-products .col-lg-3 {
	padding: 0px 15px;
}

.certified-products .title h3 {
	color: var(--black);
}

.certified-products .title .see {
	color: var(--blue);
	font-weight: bold;
}

.certified-products .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.disaster-details-section {
	position: relative;
}

.disaster-details-section .media {
	height: 687px;
	width: 100%;
	position: relative;
}

.disaster-details-section .map {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
}

.disaster-details-section .map iframe {
	width: 100%;
	height: 100%;
}

.disaster-details-section .map:after {
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.048) 100%);
	border: 1px solid #E2E8F0;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.disaster-details-section .media .title {
	position: relative;
	margin-top: 110px;
}

.disaster-details-section .media .title h2 {
	color: #fff;
	margin-bottom: 12px;
	font-weight: 600;
}

.eshop-banner .title .location,
.disaster-details-section .media .title .location {
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--white);
}

.eshop-banner .title .location img,
.disaster-details-section .media .title .location img {
	height: 20px;
	width: 20px;
}

.eshop-banner .breadcrumbs a,
.disaster-details-section .breadcrumbs a {
	color: var(--white);
}

.eshop-banner .breadcrumbs a:after,
.disaster-details-section .breadcrumbs a:after {
	background-color: var(--white) !important;
}

.disaster-list {
	position: relative;
	transform: translateY(calc(-100% - 65px));
	position: absolute;
	right: 0px;
	left: 0px;
	overflow: hidden;
}

.disaster-list .item .text-lg {
	font-weight: 500;
	color: #000000EB;
}

.disaster-list .item {
	height: 140px;
	width: 278px;
	min-width: 278px;
	border-radius: 16px;
	background-color: #fff;
	position: relative;
	padding: 19px 11px 12px 11px;
	margin-right: 30PX;
}

.disaster-list .item::before {
	counter-increment: section;
	content: "#" counter(section);
	font-size: 24px;
	font-style: italic;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: right;
	color: var(--blue);
	top: 6px;
	position: absolute;
	right: 12px;
}

.disaster-list .item .title {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-bottom: 14px;
}

.disaster-list .item .progress {
	margin-bottom: 12px;
}

.disaster-list .item .title .icon {
	display: flex;
	height: 24px;
	min-width: 20px;
}

.disaster-list .custom-container {
	position: relative;
}

.disaster-list:not(.p-0) .slick-track {
	padding-top: 35px;
}

.disaster-list .custom-row {
	display: flex;
	align-items: center;
	gap: 29px;
	counter-reset: section;
	width: 100vw;
	position: unset;
}

.agencies-involved {
	padding-top: 40px;
}

.agencies-involved .box {
	width: calc(100% / 4 - 23px);
}

.agencies-involved .custom-row {
	display: flex;
	column-gap: 30px;
	align-items: flex-start;
	row-gap: 28px;
	flex-wrap: wrap;
	justify-content: center;
}

.agencies-involved .box .img-wraper {
	width: 100%;
	border-radius: 16px 16px 0px 0px;
	background-color: #D9D9D9;
	height: 127px;
	overflow: hidden;
}

.agencies-involved .box .text {
	background: var(--org50);
	border-radius: 0px 0px 16px 16px;
	padding: 0px 32px 22px;
	flex-direction: column;
	display: flex;
	align-items: center;
}

.agencies-involved .box .logo {
	height: 73px;
	width: 73px;
	border-radius: 50px;
	overflow: hidden;
	margin: auto;
	margin-top: -36px;
	position: relative;
}

.agencies-involved .box .text .titles {
	margin-bottom: 12px;
	margin-top: 6px;
}

.agencies-involved .box .text .para {
	color: #0000007A;
	text-align: center;
	margin-bottom: 16px;
}

.agencies-involved .box .text .rating {
	display: flex;
	align-items: center;
	gap: 2px;
	width: fit-content;
	margin: auto;
}

.agencies-involved .box .text li {
	height: 10px;
	display: flex;
	width: 10px;
}

.agencies-involved .box .img-wraper img {
	object-fit: cover;
	transition: all 0.5s;
}

.agencies-involved .box .titles a {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 3px;
	margin-bottom: 2px;
	min-height: 48px;
	align-items: flex-end;
	display: flex;
	color: var(--black);
}

.agencies-involved .box .titles .text-xs {
	color: #000000A3;
	margin-bottom: 2.67px;
	text-align: center;
}

.items-donate {
	padding: 40px 0px 35px;
}

.items-donate .row {
	row-gap: 20px;
}

.items-donate .box {
	border-radius: 16px;
	transition: all 300ms ease-out;
}

.items-donate .box:hover {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.items-donate .justify-center {
	justify-content: center;
}

.items-donate .justify-center .img-wraper img {
	object-fit: cover;
	transition: transform 0.5s ease-in-out;
}


.items-donate .img-wraper {
	height: 200px;
	width: 100%;
	border: 1px solid #E2E8F0;
	background: #FFFFFF;
	border-radius: 16px 16px 0px 0px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.items-donate .img-wraper img {
	object-fit: scale-down;
}

.items-donate .box .text {
	background: var(--org50);
	border: 1px solid #E2E8F0;
	border-radius: 0px 0px 16px 16px;
	border-top: 0px;
	padding: 15px 10px 17px 13px;
}

.items-donate .box .text .text-lg {
	font-weight: 500;
	color: #000000EB;
	margin-bottom: 12px;
}

.items-donate .box .text .progress {
	margin-bottom: 12px;
}

.items-donate .shop {
	margin: 49px auto 0px;
}

.items-donate .col-lg-3 {
	padding: 0px 15px;
}

.eshop-banner {
	height: 466px;
	position: relative;
}

.eshop-banner-slider {
	height: 100%;
	width: 100%;
	overflow: hidden;
	border: 1px solid #E2E8F0;
	position: absolute;
	top: 0px;
}

.eshop-banner-slider.overlay::after {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.eshop-banner-slider img {
	object-fit: cover;
	object-position: center;
}

.eshop-banner-slider :is(.slick-list, .slick-track) {
	height: 100%;
}

.eshop-section {
	position: relative;
}

.eshop-banner .title {
	position: relative;
	margin-top: 20px;
}

.eshop-banner h2 {
	color: var(--white);
	margin-bottom: 8px;
}

.eshop-title {
	background-color: var(--org50);
	padding-top: 46px;
	margin-bottom: 46px;
}

.eshop-title.title2 {
	padding: 88px 0;
}

.eshop-title.title2 .custom-title {
	margin: 0;
}

.eshop-title .cm-btn {
	margin-top: 24px;
}

.eshop-title p:nth-child(3) {
	margin-top: 20px;
}

.take-me {
	background-image: url("../images/take-bg.svg");
	border-radius: 12px;
	position: relative;
	max-width: 790px;
	overflow: hidden;
	z-index: 1;
	padding: 19px 41px 17px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
	margin-bottom: 40px;
}

.take-me::after {
	background: #002A6C;
	mix-blend-mode: overlay;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.take-me .text-sm {
	margin-bottom: 8px;
	color: var(--white);
	font-weight: 700;
}

.take-me .text-xs {
	color: var(--white);
}

.take-me .title {
	max-width: 290px;
}

.filters {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 30px;
	margin-bottom: 34px;
	row-gap: 20px;
}

.filters .select-wraper {
	width: calc(100% / 4 - 23px);
	display: flex;
	flex-direction: column;
}

.filters label {
	cursor: pointer;
	margin-bottom: 8px;
	color: var(--black);
}

.filters .select-wraper select {
	width: 100%;
}

.min-max {
	display: flex;
	align-items: center;
	gap: 20px;
}

input.number,
.min-max input {
	height: 32px;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	padding: 0px 0px 0px 12px;
	color: var(--black);
	width: 100%;
}

.min-max input::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--black);
}

.sp-name {
	position: absolute;
	top: 25px;
	z-index: 1;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0em;
	background: #FF9933;
	height: 24px;
	width: fit-content;
	left: -6px;
	padding: 4px 8px 4px 8px;
}

.sp-name:after {
	position: absolute;
	bottom: 0px;
	left: 0px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
	background: #FF9933;
	height: 4.5px;
	transform: translateY(100%);
	width: 6px;
	content: '';
}

.other-disasters-slider {
	display: flex;
	flex-wrap: wrap;
	margin-top: 91px;
	justify-content: center;
	opacity: 0;
}

.other-disasters {
	padding: 30px 0px 90px;
}

.other-disasters h3 {
	color: var(--blue);
	text-align: center;
}

.other-disasters-slider .slid .text-lg {
	color: var(--white);
	margin-bottom: 2px;
	font-weight: 700;
}

.other-disasters-slider .slid .text-sm {
	color: var(--white);
	margin-bottom: 12px;
}

.other-disasters-slider .slid .text-xs {
	padding: 0px 12px;
	color: var(--white);
	opacity: 0.64;
	margin-bottom: 12px;
	text-align: center;
}


.other-disasters-slider .slid {
	height: 360px;
	width: calc(100% / 4 - 30px);
	border-radius: 16px;
	border-radius: 16px;
	margin: 0px 15px;
	flex-direction: column;
	position: relative;
	align-items: center;
	display: flex;
	justify-content: end;
	padding-bottom: 32px;
	overflow: hidden;
}

.other-disasters-slider .slid:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.58%, rgba(0, 0, 0, 0.8) 80.73%);
	transition: all 0.3s ease-in-out;
	z-index: -1;
	opacity: 1;
}

.other-disasters-slider .slid:hover:after {
	opacity: 0;
}

.other-disasters-slider .slid .img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: transform 0.5s ease-in-out;
	transform: scale(1);
	z-index: -1;
}

.other-disasters-slider .slid:hover .img {
	transform: scale(1.1);
}


.other-disasters-slider .slick-prev,
.other-disasters-slider .slick-next {
	top: -50px;
	left: auto;
	right: auto;
	height: 36px;
	width: 36px;
	visibility: hidden;
}

.other-disasters-slider .slick-prev:after,
.other-disasters-slider .slick-next:after {
	background-image: url("../images/previous-service-arrow-circle-active.svg");
	content: '';
	top: 0px;
	visibility: visible;
	height: 100%;
	left: 0px;
	width: 100%;
	position: absolute;
}

.other-disasters-slider .slick-prev {
	z-index: 1;
	transform: rotate(180deg) translate(20px, 50%);
}

.other-disasters-slider .slick-next {
	z-index: 1;
	transform: translate(20px, -50%);
}

.other-disasters-slider .slick-prev.slick-disabled::after {
	background-image: url("../images/previous-service-arrow-circle-left-disabled.svg");
	transform: rotate(180deg);
}

.other-disasters-slider .slick-next.slick-disabled::after {
	background-image: url("../images/previous-service-arrow-circle-left-disabled.svg");
	transform: rotate(180deg);
}

.active-emergencies .box {
	display: flex;
	border-radius: 16px;
	overflow: hidden;
}

.active-emergencies .row {
	row-gap: 40px;
}

.active-emergencies .box .img-wraper {
	height: 385px;
	max-width: 278px;
	overflow: hidden;
	width: 100%;
}

.active-emergencies .box .img-wraper img {
	object-fit: cover;
}

.active-emergencies .box .text-content {
	padding: 30px 18px 24px;
	flex-direction: column;
	width: -webkit-fill-available;
	display: flex;
	border: 1px solid #E2E8F0;
	border-left: 0px;
	border-radius: 0px 16px 16px 0px;
}

.active-emergencies .box .text {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.active-emergencies .box .text .icon {
	height: 48px;
	width: 48px;
	margin-right: 18px;
}

.active-emergencies .box .title .text-md {
	margin-bottom: 4px;
}

.active-emergencies .box .title .text-xs,
.active-emergencies .box .title .text-md {
	color: var(--black);
}

.active-emergencies .box .title .text-xs {
	display: flex;
	align-items: baseline;
	max-width: 180px;
	gap: 4px;
}

.active-emergencies .box .title .text-xs img {
	height: 12px;
	width: 12px;
}

.active-emergencies .box .remain {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.active-emergencies .box .bottom {
	margin-top: auto
}

.active-emergencies .box .remain p {
	color: var(--black);
}

.active-emergencies .box .progress {
	margin-bottom: 20px;
}

.active-emergencies {
	margin-bottom: 80px;
}

.active-emergencies .box .list {
	display: flex;
	align-items: flex-start;
	padding: 12px 0px;
	flex-wrap: wrap;
	row-gap: 9px;
	justify-content: space-between;
	column-gap: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.active-emergencies .box .list li {
	max-width: 91px;
	width: 100%;
}

.active-emergencies .box .list li .name {
	color: var(--red);
	margin-bottom: 4px;
}

.active-emergencies .box .list li p:not(.name) {
	color: var(--black);
}

.emergencies-banner .main-img {
	height: 200px;
	width: 100%;
	border-radius: 15px 15px 0px 0px;
	overflow: hidden;
}

.emergencies-banner .main-img iframe {
	height: 100%;
	width: 100%;
}

.emergencies-banner .text-content {
	background: #FFFFFF;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 0px 0px 16px 16px;
	padding-bottom: 21px;
}

.emergencies-banner {
	margin-bottom: 40px;
}

.emergencies-banner .text-content .profile-wraper {
	display: flex;
	gap: 30px;
}

.emergencies-banner .text-content .profile-wraper .img-wraper {
	height: 177px;
	width: 177px;
	border-radius: 100px;
	background: var(--gray100);
	border: 6px solid #FFFFFF;
	margin-top: -42px;
	overflow: hidden;
}

.emergencies-banner .text-content .profile-wraper .img-wraper img {
	object-fit: scale-down;
}

.emergencies-banner .text-content .custom-row {
	max-width: calc(100% - 205px);
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.emergencies-banner .text-content .profile-wraper .text-2xl {
	color: var(--black);
	font-weight: 600;
	margin-bottom: 8px;
}

.emergencies-banner .text-content .profile-wraper ul {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.emergencies-banner .text-content .profile-wraper .title {
	margin-top: 24px;
}

.emergencies-banner .text-content .profile-wraper li {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--gray700);
}

.emergencies-banner .text-content .profile-wraper li img {
	max-height: 16px;
	max-width: 16px;
}

.active-emergencies h2 {
	margin-bottom: 30px;
	text-align: center;
	color: var(--black);
}

.products-model .modal-dialog {
	max-width: 955px;
}

.products-model .modal-body {
	padding: 76px 101px 85px 103px;
}

.products-model .modal-header {
	border: none;
	padding: 0px;
	margin-bottom: 40px;
}

.products-model .modal-header .btn-close {
	padding: 0;
	margin: 0;
	background-image: url("../images/close-circle.svg");
	height: 36px;
	background-size: cover;
	width: 36px;
	box-shadow: none;
}

.products-model .modal-body .product-row .img-wraper {
	height: 278px;
	min-width: 278px;
	border-radius: 12px;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
}

.products-model .modal-body .product-row {
	display: flex;
	align-items: flex-start;
	gap: 30px;
}

.products-model .modal-body .product-row .item-details {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	height: 278px;
	width: 100%;
	padding: 20px 25px 20px 20px;
}

.products-model .modal-body .product-row .item-details .title p {
	display: flex;
	align-items: center;
	gap: 2px;
}

.products-model .modal-body .product-row .item-details .title {
	margin-bottom: 32px;
}

.products-model .modal-body .product-row .item-details .title .list {
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, 0.92);
	gap: 2px;
	margin-bottom: 8px;
	font-weight: 400;
}

.products-model .modal-body .product-row .item-details .title a {
	position: relative;
	color: var(--blue);
}

.products-model .modal-body .product-row .item-details .verify {
	height: 16px;
	width: 16px;
}

.products-model .modal-body .product-row .item-details .label {
	color: var(--gray400);
	margin-bottom: 4px;
	display: block;
}

.products-model .modal-body .product-row .item-details .price .d-flex {
	gap: 4px;
}

.products-model .modal-body .product-row .item-details .price {
	margin-bottom: 32px;
}

.products-model .modal-body .product-row .item-details .price h3 {
	font-weight: 700;
}

.products-model .modal-body .product-row .item-details .price .d-flex sub {
	color: rgba(0, 0, 0, 0.92);
	bottom: -6px;
}


.products-model .modal-body .product-row .item-details .quantity button {
	height: 30px;
	width: 30.000001907348633px;
	border-radius: 50px;
	position: relative;
	border: 1.5px solid #292D32;
}

.products-model .modal-body .product-row .item-details .quantity button.min:after {
	position: absolute;
	height: 1px;
	width: 12.000000953674316px;
	left: 0;
	top: 0;
	border-radius: 0px;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: #292D32;
	z-index: 1;
	content: '';
}

.products-model .modal-body .product-row .item-details .quantity button.max:before,
.products-model .modal-body .product-row .item-details .quantity button.max:after {
	position: absolute;
	height: 1px;
	width: 12.000000953674316px;
	left: 0;
	top: 0;
	border-radius: 0px;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: #292D32;
	z-index: 1;
	content: '';
}

.products-model .modal-body .product-row .item-details .quantity input {
	width: 50px;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: center;
	color: #000;
}

.products-model .modal-body .product-row .item-details .quantity button.max:before {
	transform: rotate(270deg);
}

.products-model .modal-body .product-row .item-details .quantity {
	display: flex;
	align-items: center;
}

.products-model .modal-body .product-row .item-details .quantity input::-webkit-outer-spin-button,
.products-model .modal-body .product-row .item-details .quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.products-model .modal-body .product-row .item-details .bottom {
	display: flex;
	justify-content: space-between;
}

.modal-backdrop.show {
	background: #000000;
	opacity: 0.6;
}

.products-model .modal-body .btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E2E8F0;
	padding: 24px 0px;
}

.similar-product .img-wraper {
	padding: 23px 12px 13px;
	height: 140px;
	width: 100%;
	border: 1px solid #E2E8F0;
	border-radius: 16px 16px 0px 0px;
}

.similar-product .img-wraper img {
	height: 55.811519622802734px;
	width: 82px;
	margin-bottom: 12px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.similar-product .img-wraper .tag {
	font-size: 10px;
	font-weight: 500;
	line-height: 12px;
	letter-spacing: 0em;
	color: var(--red);
	display: flex;
	padding: 2px 6px;
	min-width: 70px;
	height: 16px;
	width: fit-content;
	background: #FFF5F5;
	border-radius: 4px;
	margin-bottom: 4px;
}

.similar-product .text-wraper .list {
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, 0.92);
	gap: 2px;
	margin-bottom: 8px;
}

.similar-product .text-wraper .list a {
	position: relative;
	color: var(--blue);
}

.similar-product .text-wraper .list .verify {
	height: 16px;
	width: 16px;
}

.similar-product .text-wraper .list a:after {
	position: absolute;
	bottom: 1px;
	height: 1px;
	left: 0px;
	width: 100%;
	background-color: var(--blue);
	content: '';
}

.similar-product .text-wraper {
	background: #FFFAF0;
	border: 1px solid #E2E8F0;
	border-radius: 0px 0px 16px 16px;
	border-top: 0px;
	padding: 17px 12px 17px;
	border-top: none;
}

.similar-product .text-wraper .bottom {
	display: flex;
	align-items: center;
}

.similar-product .text-wraper .bottom h5 {
	color: #000000EB;
}

.products-model .similar-product .text-wraper sub {
	bottom: -1px;
	left: 1px;
	color: #000000EB;
}

.products-model .similar-product .text-wraper .add {
	height: 18px;
	width: 18px;
	margin-left: auto;
	display: flex;
}

.products-model .similar-product .text-wraper h4 {
	margin-bottom: 2px;
	color: rgba(0, 0, 0, 0.92);
}

.products-model .similar-products {
	padding-top: 40px;
}

.products-model .similar-products .row {
	row-gap: 20px;
}

.products-model .similar-products h2 {
	color: var(--black);
	margin-bottom: 40px;
	text-align: center;
}

.products-model .modal-content {
	border-radius: 0px;
}

.products-model .modal-title {
	color: var(--black);
}

.checkout-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 104px;
	margin-bottom: 80px;
	margin-top: 60px;
	border: 0;
}

.checkout-nav li a img {
	height: 24px;
	width: 24px;
	margin-bottom: 8px;
}

.checkout-nav li a.active:after {
	filter: invert(195%) sepia(100%) saturate(75%) hue-rotate(104deg) brightness(91%) contrast(104%);
}

.checkout-nav li a:after {
	content: '';
	background-image: url("../images/ch-arrow-right.svg");
	height: 24px;
	width: 24px;
	position: absolute;
	left: 0px;
	transform: translateX(-62px);
}

.checkout-nav li:nth-child(1) a:after {
	display: none;
}


.checkout-nav li a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: center;
	color: var(--gray400) !important;
	position: relative;
	border: none !important;
	padding: 0px;
}

.checkout-nav li .show,
.checkout-nav li .active {
	color: #000 !important;
}

.checkout-nav li:not(:first-of-type) .show img,
.checkout-nav li:not(:first-of-type) .active img {
	filter: invert(195%) sepia(100%) saturate(75%) hue-rotate(104deg) brightness(91%) contrast(104%);
}


.checkout-section .table>:not(:last-child)>:last-child>* {
	border-bottom-color: #E2E8F0;
	padding: 0px 0px 24px;
	font-weight: 500;
	color: #000;
}

.checkout-section .table [scope="row"] {
	width: 513px;
}

.checkout-section .table-footer .text-md {
	color: var(--black);
}

.checkout-section .table-btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkout-section .table-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 24px;
	margin-bottom: 48px;
}

.checkout-section .table .main-product .img-wraper {
	height: 115px;
	width: 115px;
	border-radius: 16px;
	border: 1px solid #E2E8F0;
	justify-content: center;
	align-items: center;
	display: flex;
}

.checkout-section .table .main-product .text .text-lg {
	font-weight: 700;
	color: rgba(0, 0, 0, 0.92);
}

.checkout-section .table .main-product .img-wraper img {
	height: 60px;
}

.checkout-section .table .main-product .list {
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, 0.92);
	gap: 2px;
	margin-bottom: 8px;
}

.checkout-section .table .main-product {
	display: flex;
	align-items: center;
	gap: 30px;
}

.checkout-section .table .main-product .list a {
	position: relative;
	color: var(--blue);
}

.checkout-section .table .main-product .list .verify {
	height: 16px;
	width: 16px;
}

.checkout-section .table .main-product .list a:after {
	position: absolute;
	bottom: 1px;
	height: 1px;
	left: 0px;
	width: 100%;
	background-color: var(--blue);
	content: '';
}

.checkout-section .table .price {
	display: flex;
	align-items: center;
	width: 99px;
}

.checkout-section .table .price h5 {
	color: #000000EB;
}

.checkout-section .table .price sub {
	bottom: -1px;
	left: 1px;
	color: #000000EB;
}

.checkout-section .table .total {
	color: rgba(0, 0, 0, 0.92);
	font-weight: 700;
}

.checkout-section .table .remove {
	color: var(--red);
	display: flex;
	margin-left: auto;
}

.checkout-section .table>:not(caption)>*>* {
	padding-top: 28px;
	padding-bottom: 18px;
	vertical-align: middle;
	padding-left: 0px;
}

.checkout-section {
	margin-bottom: 224px;
}

.quantity.sm button {
	height: 23.333332061767578px;
	width: 23.333332061767578px;
	border-radius: 50px;
	position: relative;
	border: 1.5px solid #292D32;
}

.quantity.sm button.min:after {
	position: absolute;
	height: 1px;
	width: 9px;
	left: 0;
	top: 0;
	border-radius: 0px;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: #292D32;
	z-index: 1;
	content: '';
}

.quantity.sm button.max:before,
.quantity.sm button.max:after {
	position: absolute;
	height: 1px;
	width: 9px;
	left: 0;
	top: 0;
	border-radius: 0px;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: #292D32;
	z-index: 1;
	content: '';
}

.quantity.sm input {
	width: 50px;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: center;
	color: #000;
}

.quantity.sm button.max:before {
	transform: rotate(270deg);
}

.quantity.sm {
	display: flex;
	align-items: center;
}

.quantity.sm input::-webkit-outer-spin-button,
.quantity.sm input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.disaster-list :is(.slick-prev, .slick-next) {
	right: 0px;
	left: auto;
	height: 21px;
	top: 9px;
	width: 21px;
	visibility: hidden;
	z-index: 1;
}

.disaster-list :is(.slick-prev, .slick-next)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../images/disaster-list-arrow-circle-right.svg");
	visibility: visible;
	background-size: contain;
	top: 0px;
	left: 0;
}

.disaster-list .slick-prev {
	transform: translate(-29px, -50%) rotate(180deg);
}

.disaster-list h6 {
	color: #fff;
	margin-bottom: 12px;
}

.bundle-card {
	border: 1px solid var(--gray200);
	border-radius: 16px;
	overflow: hidden;
	transition: all 300ms ease-out;
}

.bundle-card:hover .title,
.bundle-card:hover {
	border-color: var(--gray400);
}

.bundle-card .title {
	padding: 15px 20px 14px;
	border-bottom: 1px solid var(--gray200);
	transition: all 300ms ease-out;
}

.bundle-card .title h3 {
	color: var(--black);
}

.bundle-card .title p {
	color: var(--org400);
}

.bundle-card li .product {
	display: flex;
	gap: 12px;
	min-width: 157px;
}

.bundle-card ul {
	padding: 25px 20px 26px;
}

.bundle-card li {
	display: flex;
	align-items: center;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	justify-content: space-between;
	margin-bottom: 12px;
	transition: all 300ms ease-out;
}

.bundle-card li:hover {
	border-color: var(--gray400);
}

.bundle-card li:nth-last-of-type(1) {
	border: none;
	margin: 0;
	padding: 0;
}

.bundle-card li .product .img {
	height: 40px;
	width: 40px;
	border-radius: 8px;
}

.bundle-card li .product .text h6 {
	color: var(--blue);
	margin-bottom: 4px;
	font-weight: 600;
}

.bundle-card li .product .text a {
	color: var(--blue);
}

.bundle-card li .product .text {
	display: flex;
	flex-direction: column;
}

.bundle-card li .size {
	min-width: 80px;
	color: var(--blue);
}

.bundle-card li .price {
	color: var(--blue);
	font-weight: 600;
}

.bundle-card .bottom {
	display: flex;
	justify-content: center;
	padding: 14px 0px;
	border-top: 1px solid var(--gray200);
}

.bundle-cards {
	margin-bottom: 96px;
}

.bundle-cards .row {
	row-gap: 20px;
}

.certified-products.m-y {
	margin-bottom: 52px;
}

.sign-in-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

.sign-in-section .img-wraper {
	height: 770px;
	border-radius: 40px;
	overflow: hidden;
}

.sign-in-section .img-wraper img {
	object-fit: cover;
}

.sign-in-section .text-wraper {
	max-width: 380px;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: auto;
	justify-content: center;
}

.sign-in-section .text-wraper .title {
	margin-bottom: 40px;
}

.sign-in-section .text-wraper .title h3 {
	margin-bottom: 12px;
	color: var(--black);
}

.sign-in-section .text-wraper .title p {
	color: var(--gray400);
}

.sign-in-section .text-wraper .option {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sign-in-section .text-wraper .option li a {
	background: var(--gray50);
	border: 1px solid #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	height: 72px;
	width: 332px;
	border-radius: 12px;
	padding: 24px 23px 24px 23px;
	display: flex;
	position: relative;
	color: var(--black);
	transition: all 300ms ease-out;
}

.sign-in-section .text-wraper .option li a:hover {
	background: var(--gray100);
}

.sign-in-section .text-wraper .option li a:after {
	position: absolute;
	top: 0px;
	right: 24px;
	height: 24px;
	width: 24px;
	background-image: url("../images/option-arrow-right.svg");
	content: '';
	margin: auto;
	bottom: 0;
}

.input-control {
	display: flex;
	flex-direction: column;
	margin-bottom: 24px;
}

.input-control select {
	width: 100%;
}

.input-control label {
	color: var(--gray700);
	margin-bottom: 8px;
}

.sign-in-section .text-wraper .input-control input::placeholder {
	color: rgba(0, 0, 0, 0.36);
}

.sign-in-section .text-wraper .sign {
	margin-top: 40px;
}

.dashboard-section {
	padding-top: 40px;
	padding-bottom: 80px;
	overflow: hidden;
}

.dashboard-section .dashboard-row {
	display: flex;
	gap: 30px;
}

.dashboard-section .dashboard-row .side-nav {
	width: 278px;
	position: relative;
	z-index: 11;
}

.dashboard-section .dashboard-row .side-nav .dashboard-nav {
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 32px 30px 32px 24px;
	margin-bottom: 35px;
}

.dashboard-section .dashboard-row .side-nav .dashboard-nav ul {
	display: flex;
	gap: 24px;
	flex-direction: column;
}

.dashboard-section .dashboard-row .side-nav .dashboard-nav .text-md {
	display: flex;
	gap: 12px;
	font-weight: 400;
	height: 46px;
	width: 100%;
	padding: 11px 12px 11px 12px;
	color: var(--black);
	border-radius: 12px;
	transition: all 0.3s;
	white-space: nowrap;
}

.dashboard-section .dashboard-row .side-nav .dashboard-nav .text-md:hover,
.dashboard-section .dashboard-row .side-nav .dashboard-nav .text-md.active {
	background: rgba(0, 0, 0, 0.04);
}

.dashboard-section .dashboard-row .side-nav .dashboard-nav .text-md img {
	height: 24px;
	width: 24px;
}

.dashboard-section .dashboard-row .side-nav .cm-btn.center {
	justify-content: center;
}

.dashboard-section .dashboard-row .side-nav .cm-btn {
	width: 100%;
	margin-bottom: 18px;
}

.dashboard-banner {
	height: 390px;
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 12px;
	padding: 45px 72px;
}

.dashboard-banner .bg {
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	z-index: -1;
}

.dashboard-section .dashboard-row .content-right {
	width: 100%;
	max-width: calc(100% - 308px);
}

.dashboard-banner.overlay::after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: -1;
}

.dashboard-banner .logo {
	height: 86px;
	width: 86px;
	border-radius: 50px;
	overflow: hidden;
	border: 6px solid #FFFFFF;
	margin-bottom: 14px;
}

.dashboard-banner .title {
	margin-bottom: 8px;
}

.dashboard-banner .title .text-xl {
	color: var(--white);
	margin-bottom: 4px;
}

.dashboard-banner .title .text-sm {
	color: var(--white);
}

.dashboard-banner .rating {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.dashboard-banner .rating li {
	height: 18px;
	width: 18px;
	display: flex;
}

.dashboard-banner .active-emergencies-list .custom-row .item {
	height: 78px;
	min-width: 330px;
	border-radius: 16px;
	background-color: var(--white);
	padding: 19px 20px;
	display: flex;
}

.active-emergencies-list h5 {
	margin-bottom: 8px;
	color: var(--white);
}

.dashboard-banner .active-emergencies-list .custom-row {
	display: flex;
	overflow: auto;
	width: 100vw;
	max-width: 821px;
	padding-right: 71px;
	gap: 20px;
}

.dashboard-banner .active-emergencies-list .custom-row::-webkit-scrollbar {
	height: 0;
}

.dashboard-banner .active-emergencies-list .custom-row .item .text-md {
	color: var(--black);
}

.dashboard-banner .active-emergencies-list .custom-row .item .text-xs {
	color: var(--black);
}

.dashboard-banner .active-emergencies-list .custom-row .item img {
	height: 40px;
	width: 40px;
	margin-right: 16px;
}

.summary-donations {
	padding-top: 40px;
	position: relative;
}

.summary-donations.overflow {
	margin-bottom: 40px;
}

.summary-donations.overflow:after {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100vw;
	left: 0px;
	background-color: #fff;
	content: '';
	transform: translateX(-100%);
}

.summary-donations.overflow .slick-list {
	overflow: visible;
}

.summary-donations h3 {
	color: var(--black);
	margin-bottom: 24px;
}

.summary-donations .slid {
	background: #FFFFFF;
	border: 1px solid var(--gray200);
	border-radius: 16px 16px;
	max-width: 380px;
	width: 100%;
	margin-right: 24px;
}

.summary-donations .slid .title {
	padding: 17px 27px 17px 18px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	border-bottom: 1px solid var(--gray200);
}

.summary-donations .slid .title .logo {
	height: 48px;
	width: 48px;
}

.summary-donations .slid .title .text .location img {
	height: 12px;
	width: 12px;
	object-fit: contain;
}

.summary-donations .slid .title .text .location {
	display: flex;
	align-items: center;
	gap: 3px;
}

.summary-donations .slid .title .tag {
	display: flex;
	width: fit-content;
	height: 24px;
	border-radius: 6px;
	padding: 2px 8px;
	background-color: var(--green400);
	color: var(--white);
	margin-left: auto;
	margin: auto 0px auto auto;
}

.summary-donations .slid .title .tag.pending {
	background-color: var(--yellow500);
}

.summary-donations .slid .item .text-wraper img {
	height: 40px;
	width: 40px;
	border-radius: 8px;
}

.summary-donations .items {
	display: flex;
	flex-direction: column;
	padding: 23px 27px 21px 18px;
}

.summary-donations .slid .item .text-wraper {
	display: flex;
	gap: 12px;
}

.summary-donations .slid .item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.summary-donations .slid .item:last-of-type {
	margin-bottom: 0px;
}

.summary-donations .slid .item .text-wraper .text-sm {
	color: var(--blue);
	margin-bottom: 2px;
}

.summary-donations .slid .item .text-wraper .text-xs {
	color: var(--blue);
}

.summary-donations .slid .item .progress-wraper {
	width: 100%;
	max-width: 154px;
	margin-top: 4px;
}

.summary-donations .slid .item .progress-wraper .persent {
	margin-left: auto;
}

.summary-donations .see {
	color: var(--blue);
	width: fit-content;
	margin-left: auto;
	font-family: Inter;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-decoration: underline;
	margin-top: 12px;
}

.summary-donations :is(.slick-prev, .slick-next) {
	top: -38px;
	left: auto;
	right: 0;
	height: 28.000000000000107px;
	width: 28.000000000000107px;
	visibility: hidden;
	z-index: 1;
}

.summary-donations :is(.slick-prev, .slick-next):after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url("../images/summary-arrow-left.svg");
	visibility: visible;
}

.summary-donations .slick-prev::after {
	transform: rotate(180deg) translatex(34px);
}

.summary-slider {
	opacity: 0;
}

.alert-donations {
	padding-top: 23px;
}

.alert-donations h3 {
	margin-bottom: 28px;
	color: var(--black);
	text-transform: capitalize;
}

.alert-donations .slid {
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	margin-right: 10px;
	padding: 24px;
	min-height: 272px;
}

.alert-donations .slid p {
	margin-bottom: 20px;
	color: var(--black);
}

.alert-donations .slid .see {
	color: var(--blue);
	width: fit-content;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.05em;
	text-decoration: underline;
	text-underline-offset: 2px;
	margin-top: 12px;
}

.alert-donations :is(.slick-prev, .slick-next) {
	top: -38px;
	left: auto;
	right: 0;
	height: 28.000000000000107px;
	width: 28.000000000000107px;
	visibility: hidden;
	z-index: 1;
}

.alert-donations :is(.slick-prev, .slick-next):after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-image: url("../images/alert-arrow-right.svg");
	visibility: visible;
	background-position: center;
}

.alert-donations .slick-prev::after {
	transform: rotate(180deg) translatex(34px);
}

.alert-slider .slick-list {
	margin-right: -20px;
}

.alert-slider h4 {
	margin-bottom: 21px;
	color: var(--black);
}

.dashboard-main .filter-area {
	padding-top: 40px;
}

.already {
	display: flex;
	align-items: center;
	font-family: var(--font-public);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	color: var(--black);
	margin-top: 40px;
	gap: 4px;
}

.already a {
	color: var(--org400);
}

.sign-in-section.forget-password .text-wraper {
	justify-content: flex-start;
	padding-top: 150px;
}

.tab-pills {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 36px;
}

.tab-pills .nav-link {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: var(--gray600);
	padding: 8px 16px;
	border-radius: 50px;
}

.tab-pills .nav-link.active {
	background-color: var(--blue600);
	color: var(--white);
}

[aria-labelledby="pills-user-tab"] .regular.title {
	margin-bottom: 27px;
	color: var(--black);
}

.table.custom {
	border-radius: 1px;
	margin: 12px;
	border: none;
}

.table.custom.table-bordered {
	outline: 1px solid var(--gray200);
	outline-offset: 12px;
}

.table.custom thead tr {
	border-top: none;
}

.table.custom thead tr :is(th, td) {
	color: var(--gray600);
	padding: 0px 28px 20px;
}

.status-alert .table {
	outline: none !important;
	margin: 0;
}

.table.custom :is(tr, th, td) {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-color: var(--gray200);
}

.table.custom tbody :is(th, td) {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	color: var(--gray700);
	padding: 16px 28px;
}

.table.custom .approved {
	color: var(--green600) !important;
}

.table.custom .pending {
	color: var(--yellow600) !important;
}

.table.custom .action {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 20px;
}

.table.custom .decline {
	color: #E26127 !important;
}

.table.custom .end {
	text-align: end;
}

.table-title {
	margin-bottom: 24px;
	color: var(--black);
}

.humanitarian-content .chart-wraper {
	max-width: 790px;
	width: 100%;
}

.humanitarian-content .chart-wraper .chart {
	border: 1px solid #E2E8F0;
	border-radius: 16px;
	height: 490px;
	border-radius: 16px;
	display: flex;
}

.humanitarian-content {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 18px;
}

.humanitarian-content .need-list-wraper {
	width: 380px;
}

.dashboard-emergency .humanitarian-title {
	margin-bottom: 12px;
	width: 100%;
	color: var(--black);
	white-space: nowrap;
}

.need-list-wraper .card {
	flex-direction: row;
	width: 100%;
	border-radius: 16px;
	border: 1px solid #E2E8F0;
	padding: 25px 28px;
	gap: 24px;
	align-items: center;
	margin-bottom: 18px;
}

.circle {
	position: relative;
	height: 80px;
	width: 80px;
}

.circle .num {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	width: fit-content;
	height: fit-content;
	left: 0px;
	right: 0px;
}

.circle canvas {
	height: 80px !important;
	width: 80px !important;
}

.need-list-wraper .card h5 {
	margin-bottom: 8px;
	color: var(--black);
}

.need-list-wraper .button {
	display: flex;
	background-color: var(--blue);
	color: var(--white);
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 62px;
	border-radius: 6px;
	padding: 10px 12px 10px 12px;
}

.need-list-wraper .button img {
	height: 16px;
	width: 16px;
}

.humanitarian-uplode .button {
	height: 94px;
	max-width: 253px;
	width: 100%;
	border-radius: 6px;
	padding: 10px 33px 10px 33px;
	background-color: var(--blue);
	align-items: center;
	color: var(--white);
	gap: 8px;
	display: flex;
}

.humanitarian-uplode .button img {
	height: 18px;
	width: 18px;
}

.humanitarian-uplode .box {
	min-height: 300px;
	border-radius: 16px;
	border: 1px solid #E2E8F0;
	padding: 44px 18px;
	display: flex;
	column-gap: 30px;
	row-gap: 24px;
	flex-wrap: wrap;
	justify-content: center;
}

.humanitarian-uplode .org {
	background-color: var(--red) !important;
}

.humanitarian-uplode {
	margin-bottom: 26px;
}

.requests-content .head-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.requests-content .head-group .nav {
	gap: 0px;
	margin: 0;
}

.requests-content .head-group .cm-btn {
	border-radius: 50px;
}

.requests-table-content {
	border: 1px solid var(--gray200);
	padding: 21px 23px 17px 23px;
	border-radius: 12px;
}

.requests-table-content .title-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.requests-table-content .title-group .title h3 {
	color: var(--black);
	margin-bottom: 4px;
}

.requests-table-content .title-group .title {
	margin-bottom: 28px;
}

.requests-table-content .title-group .title p {
	color: var(--gray400);
}

.requests-table-content .title-group .btns {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 24px;
}

.requests-content {
	margin-bottom: 10px;
}

.table .edits {
	display: flex;
	align-items: center;
	gap: 11px;
	justify-content: end;
}

.table .edits.left {
	justify-content: left;
}

.table .edits .button {
	color: var(--blue);
}

.requests-table-content .table {
	max-width: 709px;
}

.supliar-item-box {
	background: #FFFFFF;
	border: 1px solid var(--gray200);
	border-radius: 16px 16px;
	width: 100%;
	height: 100%;
}

.supliar-item-box .title {
	padding: 19px 13px 19px 16px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	border-bottom: 1px solid var(--gray200);
}

.supliar-item-box .title h4 {
	color: var(--black);
	margin-bottom: 4px;
}

.supliar-item-box .items {
	display: flex;
	flex-direction: column;
	padding: 23px 27px 21px 18px;
}

.supliar-item-box .items .item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
	align-items: center;
}

.supliar-item-box .items .item:last-of-type {
	margin-bottom: 0px;
}

.supliar-item-box .items .item .text-wraper img {
	height: 40px;
	width: 40px;
	border-radius: 8px;
}

.supliar-item-box .items .item .text-wraper .sub:not(.text-xs) {
	font-size: 9px;
	font-weight: 400;
	line-height: 11px;
	letter-spacing: 0em;
}

.supliar-item-box .items .item .text-wraper .sub {
	color: var(--blue);
}

.supliar-item-box .items .item .text-wraper {
	display: flex;
	width: 100%;
	gap: 12px;
}

.supliar-item-box .see {
	color: var(--blue);
	width: fit-content;
	margin-left: auto;
	font-family: Inter;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-decoration: underline;
	margin-top: 12px;
}

.supliar-item-box .items .item .text-wraper .text h6 {
	color: var(--blue);
}

.supliar-item-box .items .progress-wraper {
	width: 100%;
	max-width: 154px;
}

.supliar-item-box.content-lg .items .item .text-wraper img {
	height: 58px;
	width: 58px;
}

.supliar-item-box.content-lg .items .item {
	flex-direction: column;
}

.supliar-item-box.content-lg .items .progress-wraper .progress {
	width: 100%;
	max-width: 154px;
}

.supliar-item-box.content-lg .items .progress-wraper {
	display: flex;
	flex-direction: row-reverse;
	max-width: unset;
	justify-content: flex-end;
	align-items: center;
}

.supliar-item-box.content-lg .text {
	width: 100%;

}

.supliar-item-box.content-lg .progress-labels {
	margin: 0px;
}

.supliar-item-box .price {
	display: block;
	color: var(--black);
}

.row.supliar {
	row-gap: 16px;
}

.status-alert .button {
	display: flex;
	background-color: var(--blue);
	color: var(--white);
	width: 100%;
	align-items: center;
	gap: 11px;
	border-radius: 6px;
	padding: 10px 12px 10px 12px;
	justify-content: center;
	max-width: 412px;
	margin: 28px auto 0;
	transition: all 300ms ease-out;
}

.status-alert .button img {
	height: 18px;
	width: 18px;
}

.status-alert .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.status-alert .head h4 {
	color: var(--black);
}

.status-alert .head .see {
	color: var(--blue);
	width: fit-content;
	font-size: 12px;
	font-weight: 400;
	text-underline-offset: 1px;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-decoration: underline;
}

.status-alert .alert-slider .slick-list {
	margin: 0;
}

.status-alert .alert-donations h3 {
	margin-bottom: 25px;
}

.status-alert .wraper {
	border-radius: 12px;
	padding: 12px;
	border: 1px solid #E2E8F0;
	padding-bottom: 17px;
}

.status-alert .wraper .button {
	margin: 4px auto 0;
}

.status-alert {
	margin-top: 26px;
}

.status-alert .alert-donations {
	padding: 0px;
}

.status-alert thead tr :is(th, td) {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.dashboard-emergency {
	padding-top: 40px;
}

.map-inventory {
	padding-top: 69px;
}

.map-inventory .custom-title {
	margin-bottom: 19px;
}

.alert-slider {
	opacity: 0;
}

.map-inventory iframe {
	height: 500px;
	box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	width: 100%;
}

.status-alert .slid {
	margin-right: 0px;
	padding: 21px 24px 23px;
}

.humanitarian-content .chart-wraper .chart canvas {
	height: 400px;
	max-width: 651px;
	margin: auto;
}

.approvedto {
	color: var(--green900);
}

.list-emergency-requests .table.custom .approved {
	color: var(--green400) !important;
}

.create-emergencies .back,
.emergencies-list .back {
	position: absolute;
	left: 0px;
	top: -7px;
	bottom: 0px;
	margin: auto;
	height: 33.333335876464844px;
	width: 33.333335876464844px;
	transform: translateX(-100%);
}

.create-emergencies {
	padding-top: 48px;
}

.emergencies-list {
	padding-top: 42px;
}

.create-emergencies .custom-title {
	margin-bottom: 42px !important;
}

.side-tab .custom-title,
.emergencies-step-two .custom-title,
.dashboard-emergency.request-list .custom-title,
.create-emergencies .custom-title,
.emergencies-list .custom-title {
	position: relative;
	justify-content: center;
	margin: 0px auto 86px;
	max-width: 585px;
}

.create-emergencies .custom-title h3,
.emergencies-list .custom-title h3 {
	margin: 0;
}

.dashboard-emergency.request-list .requests-table-content {
	max-width: -webkit-fill-available;
	margin-bottom: 47px;
}

.dashboard-emergency.request-list .requests-table-content {
	padding: 21px 49px 42px 34px;
}

.dashboard-emergency.request-list .requests-table-content .table .edits {
	justify-content: flex-start;
}

.dashboard-emergency.request-list .humanitarian-uplode {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dashboard-emergency.request-list .requests-content .head-group {
	margin-bottom: 40px;
}

.dashboard-emergency.request-list .humanitarian-content {
	margin-bottom: 119px;
}

.dashboard-section.local-authority .summary-donations :is(.slick-prev, .slick-next) {
	right: 127px;
}

.create-emergencies .form {
	max-width: 377px;
	margin: auto;
}

.create-emergencies .form :is(input, select) {
	height: 40px !important;
}

textarea.md {
	height: 80px;
	width: 100%;
	border-radius: 6px;
	border: 1px solid #E2E8F0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	color: rgba(0, 0, 0, 0.64);
	padding: 8px 16px;
}

.create-emergencies .form input::-webkit-inner-spin-button,
.create-emergencies .form input::-webkit-outer-spin-button {
	height: 40px;
}

.create-emergencies .form .inputs ul li {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.create-emergencies .form .inputs ul li input {
	width: 100%;
}

.create-emergencies .form .inputs .add {
	color: var(--blue);
}

.create-emergencies .form .inputs p {
	color: var(--gray700);
	margin-bottom: 8px;
}

.create-emergencies .form .inputs .remove {
	background-image: url("../images/close-circle-input.svg");
	height: 18px;
	width: 18px;
}

.create-emergencies .btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 585px;
	margin: 40px auto;
}

.emergencies-step-two .btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.emergencies-step-two .humanitarian-uplode {
	margin-bottom: 40px;
}

.emergencies-step-two .humanitarian-uplode h4 {
	margin-bottom: 24px;
}

.emergencies-step-two {
	padding-top: 40px;
}

.humanitarian-uplode h4 {
	color: var(--black);
}

.my-profile .banner {
	height: 200px;
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 40px;
}

.my-profile .banner img {
	object-fit: cover;
}

.my-profile .profile {
	object-fit: cover;
}

.my-profile .profile {
	height: 88px;
	width: 88px;
	border-radius: 50px;
	margin: 0px auto 38px;
}

.my-profile .form {
	max-width: 377px;
	margin: auto;
}

.my-profile .form .cm-btn {
	margin: auto;
	margin-top: 40px;
}

.list-emergency-requests {
	padding-top: 42px;
}


.list-emergency-requests .custom-title h3 {
	margin: 0px;
}

.list-emergency-requests .d-flex {
	gap: 40px;
}

.list-emergency-requests .d-flex h4 {
	margin-bottom: 40px;
	cursor: pointer;
}

.list-emergency-requests .d-flex h4:hover {
	color: var(--gray500);
}

.list-emergency-requests .wraper {
	display: none;
}

.list-emergency-requests .wraper.show {
	display: block;
	opacity: 1;
}

.categories .box {
	transition: all 300ms ease-out;
	border-radius: 15px;
}

.categories .box .img-wraper {
	height: 100px;
	width: 100%;
	border-radius: 16px 16px 0px 0px;
	background-color: #D9D9D9;
	overflow: hidden;
}

.categories .box .img-wraper img {
	object-fit: cover;
	transition: all 0.5s;
}

.categories .box .text {
	background: #F7FAFC;
	border-radius: 0px 0px 16px 16px;
	padding: 0px 20px 31px;
}

.categories .box .logo {
	height: 48px;
	width: 48px;
	border-radius: 50px;
	overflow: hidden;
	margin: auto;
	margin-top: -24px;
	position: relative;
}

.categories .box .text .titles {
	margin-top: 6px;
}


.categories .box .text h5 {
	color: #000000A3;
	margin-bottom: 2.67px;
	text-align: center;
}

.categories .box .text .rating {
	display: flex;
	align-items: center;
	gap: 2px;
	width: fit-content;
	margin: auto;
}

.categories .box .text li {
	height: 10px;
	display: flex;
	width: 10px;
}

.categories .box .text h6 {
	color: var(--black);
	margin-bottom: 2px;
	text-align: center;
	font-weight: 500;
}

.categories {
	max-width: 796px;
	margin: auto;
}

.categories .row {
	row-gap: 26px;
}

.e-catalogue-section {
	padding-top: 40px;
}

.custom-title .back {
	position: absolute;
	left: 0px;
}

.categories .buttons {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
	justify-content: center;
	flex-wrap: wrap;
}

.categories .button {
	display: flex;
	align-items: center;
	color: var(--white);
	background-color: var(--red);
	padding: 10px 10px 12px 12px;
	border-radius: 6px;
	max-width: 223px;
}

.categories .button img {
	height: 18px;
	width: 18px;
}

.eq-box .img-wraper {
	height: 140px;
	background: #FFFAF0;
	border: 1px solid var(--gray200);
	border-radius: 16px 16px 0px 0px;
}

.eq-box .img-wraper img {
	object-fit: scale-down;
}

.eq-box .text {
	min-height: 240px;
	border-top: none !important;
	border: 1px solid var(--gray200);
	padding: 17px 12px;
	border-radius: 0px 0px 16px 16px;
}

.eq-box .text h3 {
	margin-bottom: 24px;
	color: rgba(0, 0, 0, 0.92);
}

.eq-box ul li {
	width: 50%;
	color: var(--black);
}

.eq-box ul {
	display: flex;
	flex-wrap: wrap;
	row-gap: 12px;
}

.heavy-equipment-purchase .img-slider div.slick-slide {
	height: 73px;
	width: 73px;
	border-radius: 12px;
	border: 1px solid #E2E8F0;
	padding: 9px;
	margin: 0px 15px;
}

.heavy-equipment-purchase .img-slider img {
	object-fit: scale-down;
}

.heavy-equipment-purchase .main-img {
	height: 348.69696044921875px;
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #E2E8F0;
	margin-bottom: 112px;
	display: flex;
}

.heavy-equipment-purchase .main-img img {
	height: 286px;
	width: 286px;
	margin: auto;
}

.heavy-equipment-purchase .content-left {
	width: 380px;
}

.heavy-equipment-purchase .custom-row {
	display: flex;
	column-gap: 32px;
	margin-bottom: 15px;
}

.heavy-equipment-purchase .content-right {
	padding-top: 30px;
	width: 380px;
}

.heavy-equipment-purchase .img-slider .slick-list {
	margin: 0px -15px;
}

.heavy-equipment-purchase .img-slider .slick-prev {
	right: 0px;
	height: 100%;
	opacity: 0;
	z-index: 1;
}

.heavy-equipment-purchase .img-slider {
	opacity: 0;
}

.heavy-equipment-purchase .img-slider .slick-next {
	right: auto;
	left: 0px;
	height: 100%;
	opacity: 0;
}

.heavy-equipment-purchase .content-right .title p {
	margin-bottom: 8px;
	color: var(--black);
}

.heavy-equipment-purchase .content-right .title h3 {
	color: rgba(0, 0, 0, 0.92);
	margin-bottom: 24px;
}

.heavy-equipment-purchase .content-right .info a {
	display: initial;
	text-decoration: underline;
	color: var(--org400);
	position: relative;
}

.heavy-equipment-purchase .content-right .info {
	color: var(--black);
}


.heavy-equipment-purchase .content-right .quantity button {
	height: 30px;
	width: 30.000001907348633px;
	border-radius: 50px;
	position: relative;
	border: 1.5px solid #292D32;
}

.heavy-equipment-purchase .content-right .quantity {
	display: flex;
	align-items: center;
	gap: 14px;
}

.heavy-equipment-purchase .content-right .quantity input {
	width: 50px;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: center;
	color: #000;
	height: 52px;
	width: 113px;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 12px;
	padding: 10px 40px 10px 40px;
}

.heavy-equipment-purchase .content-right .quantity input::-webkit-inner-spin-button,
.heavy-equipment-purchase .content-right .quantity input::-webkit-outer-spin-button {
	appearance: none;
}

.heavy-equipment-purchase .content-right .quantity button.max:before,
.heavy-equipment-purchase .content-right .quantity button.max:after {
	position: absolute;
	height: 1.5px;
	width: 12.000000953674316px;
	left: 0;
	top: 0;
	border-radius: 0px;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: #292D32;
	z-index: 1;
	content: '';
}

.heavy-equipment-purchase .content-right .quantity button.max:before {
	transform: rotate(270deg);
}

.heavy-equipment-purchase .content-right .quantity button.min:after {
	position: absolute;
	height: 1.5px;
	width: 12.000000953674316px;
	left: 0;
	top: 0;
	border-radius: 0px;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: #292D32;
	z-index: 1;
	content: '';
}

.heavy-equipment-purchase .content-right .quantity-wraper {
	margin-top: 140px;
	margin-bottom: 24px;
}

.heavy-equipment-purchase .content-right .quantity-wraper .label {
	color: var(--gray400);
	margin-bottom: 4px;
	display: block;
}

.heavy-equipment-purchase .content-right .cm-btn {
	width: 100%;
	justify-content: center;
}

.heavy-equipment-purchase {
	max-width: 819px;
	margin: auto;
	padding-bottom: 100px;
}

.heavy-equipment-purchase .back {
	position: relative;
	margin-bottom: 14px;
	height: 33.333335876464844px;
	width: 33.333335876464844px;
}

.about-supplier-banner .text-content .custom-row {
	justify-content: unset;
}

.about-supplier-banner .text-content .reviews p {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 9px;
}

.emergency-numbers .box {
	height: 120px;
	width: 175px;
	background: #F7FAFC;
	border: 3px solid #002A6C;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.emergency-numbers .box h3 {
	color: var(--blue);
	text-align: center;
	margin-bottom: 8px;
}

.emergency-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	background-color: var(--org50);
	padding: 40px 0px;
	justify-content: center;
	margin-bottom: 40px;
}

.account-boxes .box {
	width: 229px;
	border-radius: 12px;
	padding: 40px;
	border: 1px solid #EDF2F7;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: flex;
	gap: 10px;
	transition: 0.3s;
}

.account-boxes:hover .box {
	background-color: var(--org50);
}

.account-boxes .box:hover .icon {
	background-color: var(--org400);
}

.account-boxes {
	display: flex;
	align-items: center;
	gap: 30px;
	max-width: 767px;
	margin: auto;
	flex-wrap: wrap;
	margin-bottom: 54px;
}

.account-boxes .icon {
	height: 80px;
	width: 80px;
	background-color: var(--gray100);
	border-radius: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.account-boxes .icon img {
	object-fit: scale-down;
}

.account-boxes p {
	text-align: center;
	color: var(--black);
}

.about-donor .location {
	display: flex;
	gap: 7px;
	color: var(--gray700);
	align-items: center;
}

.about-donor .location img {
	height: 16px;
	width: 16px;
}

.about-donor .about-agenc-banner .text-content {
	padding-bottom: 65px;
}

.user-messege {
	position: relative;
	width: 100%;
	background: #FFFAF0;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 16px;
	padding: 50px 20px;
	background-image: url("../images/user-messege-stars.png");
	background-position: calc(100% - 103px) calc(100% - 19px);
	background-repeat: no-repeat;
	background-size: 113px 91px;
	z-index: 1;
	margin-bottom: 40px;
}

.user-messege:after {
	position: absolute;
	height: 55px;
	width: 54.00016784667969px;
	left: 103px;
	top: 38px;
	background-image: url("../images/user-messege-effect.svg");
	content: '';
	z-index: -1;
}

.user-messege h4 {
	text-align: center;
	margin-bottom: 24px;
	color: var(--blue);
}

.user-messege p {
	text-align: center;
	margin: 0px auto 22px;
	color: var(--blue);
	max-width: 585px;
}

.user-messege .cm-btn {
	margin: 0px auto;
}

.user-messege p * {
	text-align: center;
	margin-bottom: 24px;
	color: var(--red);
}

.about-donor .bundle-card .title {
	display: flex;
	padding: 17px 21px 17px 18px;
}

.about-donor .bundle-card .title p {
	color: var(--black);
}

.about-donor .bundle-card .title img {
	height: 48px;
	width: 48px;
	margin-right: 16px;
}

.about-donor .bundle-card .title .tag {
	display: flex;
	width: fit-content;
	height: 24px;
	border-radius: 6px;
	padding: 2px 8px;
	background-color: var(--red);
	color: var(--white);
	margin-left: auto;
	margin: auto 0px auto auto;
}

.about-donor .bundle-card li .size {
	text-align: center;
}

.about-donor .bundle-card ul {
	padding-bottom: 12px;
}

.about-donor .bundle-card {
	padding-bottom: 21px;
	margin-bottom: 40px;
}

.about-donor .bundle-card .see {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-align: right;
	text-decoration: underline;
	display: block;
	color: var(--blue);
	margin-right: 22px;
	text-underline-offset: 1px;
}

.traking-record {
	max-width: 585px;
	margin: auto;
}

.traking-record .table .end {
	text-align: right;
}

.traking-record .table>:not(:last-child)>:last-child>*,
.traking-record .table thead tr :is(th, td) {
	border-top: 1px solid #ddd;
	border-color: #ddd;
	color: var(--blue);
	padding-right: 0px;
	padding-left: 0px;
}

.traking-record .table .product {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.traking-record .table .product img {
	height: 40px;
	width: 40px;
	border-radius: 8px;
}

.traking-record .table .product h4 {
	margin-bottom: 4px;
	color: var(--blue);
}

.traking-record .table .product p {

	color: var(--blue);
}

.traking-record .table :is(td, th) {
	vertical-align: middle;
	color: var(--blue);
	padding-right: 0px;
	padding-left: 0px;
}

.traking-record .table {
	margin-bottom: 40px;
}

.about-donor {
	padding-bottom: 300px;
}

.nav-progress {
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	position: relative;
	padding: 0px 20px;
}

.nav-progress:before,
.nav-progress:after {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	height: 40px;
	width: 20px;
	background: white;
}

.nav-progress::before {
	right: 0px;
	left: auto;
}

.nav-progress li {
	height: 40px;
	width: 40px;
	background-color: var(--org50);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	margin-bottom: 44px;
}

.nav-progress li span {
	color: var(--black);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0em;
}

.nav-progress li:after {
	height: 2px;
	width: 288px;
	background-color: var(--org50);
	position: absolute;
	top: 0px;
	transform: translatex(0%);
	content: '';
	bottom: 0px;
	right: 0px;
	margin: auto;
	z-index: -1;
}

.nav-progress li.active span {
	color: var(--white);
}

.nav-progress li.active {
	background-color: var(--red);
}

.nav-progress li.active:after {
	background-color: var(--red);
}

.nav-progress li p {
	position: absolute;
	bottom: -24px;
	transform: translateY(100%);
	color: var(--black);
}

.day .requests-table-content .table {
	max-width: -webkit-fill-available;
}

.day .requests-content .head-group {
	margin-bottom: 40px;
}

.requests-table-content {
	padding: 21px 24px 61px 33px;
}

.supliar-item-box.tabs .text {
	width: 100%;
}

.supliar-item-box.tabs .progress-wraper {
	max-width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: baseline;
}

.supliar-item-box.tabs .progress {
	width: 100%;
	max-width: 154px;
}

.supliar-item-box.tabs .tab-list li.active {
	color: var(--white);
	background-color: var(--blue);
}

.supliar-item-box.tabs .tab-list li:first-of-type {
	border-left: 1px solid #EDF2F7;
}

.supliar-item-box.tabs .tab-list li {
	height: 30px;
	min-width: 55px;
	padding: 6px 12px 6px 12px;
	border: 1px solid #EDF2F7;
	border-left: 0px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0em;
	cursor: pointer;
}

.supliar-item-box.tabs .tab-list {
	display: flex;
	margin-top: 17px;
	margin-left: 23px;
	margin-bottom: -5px;
}

.supliar-item-box.tabs .fade {
	display: none;
}

.supliar-item-box.tabs .show {
	display: block;
}

.day>.custom-title {
	margin-bottom: 84px;
}
.side-tab:not(.show ) {
	padding: 0px;
}
.side-tab {
	opacity: 0;
	height: 0px;
	overflow: hidden;
}

.side-tab.show {
	opacity: 1;
	height: auto;
	overflow: visible;
}