@charset "ISO-8859-1";

body {
	width: 100vw;
	overflow-x: hidden;
	background-color: #fafafa;
}

.redText {
	font-family: TheSansArabic;
	color: #FF3830;
}

.orangeText {
	font-family: TheSansArabic;
	color: #ff8954;
}

.card {
	border: none;
}
.imgClass{
	object-fit: cover;
	border-radius: 0px 0px 8px 8px
}
.btn-danger {
	object-fit: contain;
	background: linear-gradient(90deg, rgba(210, 38, 48, 1) 0%,
		rgba(210, 38, 48, 1) 59%, rgba(255, 80, 80, 1) 100%);
	border-radius: 25px;
	font-family: TheSansArabic;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.7;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}

.logo {
	width: 141px;
}

.imageWidth {
	width: 96px;
}

.message {
	font-family: TheSansArabic;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #54585b;
}

.smallText {
	font-family: TheSansArabic;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #54585b;
}

@media only screen and (min-device-width: 375px) and (max-device-width:
	812px) {
	.logo {
		width: 104px;
	}
	.imageWidth {
		width: 56px;
	}
}