@font-face {
    font-family: 'IBMPlexSansArabicBold';
    src: url('/fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansArabicExtraLight';
    src: url('/fonts/IBMPlexSansArabic-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansArabicLight';
    src: url('/fonts/IBMPlexSansArabic-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansArabicMedium';
    src: url('/fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansArabicRegular';
    src: url('/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansArabicSemiBold';
    src: url('/fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansArabicThin';
    src: url('/fonts/IBMPlexSansArabic-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Standard basket */
body {
	font-family: 'IBMPlexSansArabicMedium';
}
.basket-standard {
	padding: 0 0;
}

.basket-standard .header {
	align-items: center;
	padding: 0 1rem;
}

.basket-standard .header h1 {
	margin: 0;
}

.basket-standard .basket-save.input-group {
    border-bottom: 1px solid var(--ai-secondary);
	width: auto;
}

.basket-standard .basket-save .basket-name {
	border: none;
}

.basket-standard .basket-save .btn {
	border: none;
	width: 5rem;
}

.basket-standard-main {
	border: 1px solid var(--ai-tertiary);
	padding: 1rem;
	margin: 0;
}

.basket-standard-main quantity a,
.basket-standard-main action a {
	text-decoration: none;
}
h2#basket-title {
	margin-bottom: 3rem;
	font-size: xx-large;
	/* font-family: 'IBMPlexSansArabicExtraLight'; */
}
.basket-standard-coupon {
	padding: 1rem !important;
	text-align: center;
	margin: 0;
}

.basket-standard-coupon .header,
.basket-standard-coupon .content {
	vertical-align: middle;
	display: inline-block;
	width: 49%;
}

.basket-standard-coupon .header h2 {
	font-size: 1rem;
	margin: 10px 0;
}

.basket-standard-coupon .attr-list {
	display: inline-block;
	font-weight: bold;
	list-style: none;
	margin: 0.5rem;
}

.basket-standard-coupon .attr-item .coupon-code,
.basket-standard-coupon .attr-item .change {
	font-weight: bold;
	font-size: 133%;
	padding: 0.5rem;
}

.basket-standard-coupon .btn-primary,
.basket-standard-coupon .btn-primary:hover {
	background: none;
	border: none;
	color: var(--ai-primary);
	font-weight: bold;
	font-size: 125%;
}

.basket-standard-coupon .input-group {
	border-bottom: 1px solid var(--ai-secondary);
}

.basket-standard-coupon .coupon-new .btn {
	width: 5rem;
}

.basket-standard-coupon .coupon-new .coupon-code {
	width: calc(100% - 5rem);
	border: none;
}

.basket-standard-coupon .minibutton.delete:after {
	display: inline-block;
	font-size: 125%;
}

.aimeos .error-list {
	display: none;
}
.nb-courses-in-basket {
	margin-bottom: .5rem;
	border-bottom: 1px solid #E5E6E6;
	padding-bottom: .5rem;
}
.empty-basket-message {
	padding-top: 0 !important;
}
.available-courses-button {
	background: #aa163c !important;
	font-weight: bold;
	margin-top: .95rem;
	width: 10rem !important;
	font-size: 1rem !important;
}
.common-summary-detail .basket .product-item {
	background-color: white;
}
.common-summary-detail .basket .product-item a p.product-name {
	font-size: 1.25rem;
}
.product-item-container {
	display: flex !important;
	justify-content: space-between;
	align-items: center
}
.course-image-container {
	flex-basis: 20%;
}
.course-title-container {
	flex-basis: 50%;
}
.course-procedures-container {
	flex-basis: 12%;
}
.course-price-container {
	flex-basis: 18%;
}
.course-image {
	max-height: 200px !important;
	max-width: 250px !important;
	border-radius: .65rem;
}

.delete-btn {
	color: #aa163c !important;
	font-size: 1rem !important;
	background: white !important;
}
.delete-course-icon {
	width: 40px;
	height: 45px;
	/*object-fit: cover;*/
}
.total-container {
	/*margin-right: .25rem;*/
	/*border: 1px solid red;*/
	background: #F2F4F4;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.total-text {
	/* padding-top: 0 !important; */
	border: 1px solid #0343E1;
	padding: .5rem .85rem .65rem .85rem !important;
	border-radius: .25rem;
	text-align: center;
}
.total-to-pay {
	padding-top: .5rem !important;
	font-weight: bold !important;
}
p.product-name {
	font-weight: bold !important;
	margin-right: .75rem;
	margin-bottom: .2rem !important;
}
p.product-name:hover {
	color: black !important;
}
.btn-payment {
	background-color: #0030a8 !important;
	max-width: unset !important;
	font-weight: bold;
	font-size: large;
	width: 10rem !important;
}
.btn-full-width {
	width: 100% !important;
}
.btn-payment:hover, .btn-payment:visited {
	background-color: #0343e1 !important;
}
.course-price-container {
	color: #0343e1;
	font-weight: bold;
	font-size: x-large;
}
.course-price-container > div {
	/* margin: auto; */
}
.delete-course-text {
	display: none;
}
hr:last-child {
	display: none;
}
.steps-in-mobile {
    display: none;
}
.steps-in-desktop {
	display: flex;
	justify-content: space-between;
	margin: auto;
	padding-top: 1rem;
	margin-top: 3.75rem;
	text-align: center;
	margin-bottom: 1.5rem;
	align-items: baseline;
	max-width: 50%;
}
.steps-in-desktop div.single-step {
	text-align: center;
}
.steps-in-desktop div.single-step img {
	max-width: 75%;
}
.horiz-line {
	font-size: 2rem;
	color: #D2DBDB;
	font-family: Arial, Helvetica, sans-serif;
}
.product-nb-courses {
	margin-right: .75rem;
}
.display-none {
	display: none !important;
}
.old-price {
	text-decoration: line-through;
}
.course-price-container * {
	text-align: start !important;
}

@media (max-width: 992px) {
	hr:last-child {
		display: block;
	}
	.steps-in-desktop {
		display: none;
	}

	.steps-in-mobile {
		display: flex;
	}
	

}
@media (max-width: 767px) {
	.container {
		max-width: 100% !important;
	}
	h2#basket-title {
		margin-top: 3rem;
	}
	#currentProductsContainer .g-0.product-item.product-item-container .course-title-container {
		text-align: center;
	}

	#currentProductsContainer .g-0.product-item.product-item-container .course-title-container p.product-name {
			margin-bottom: 1.2rem !important;
	}
	.total-container {
		text-align: center;
		background-color: white;
	}
	.delete-course-icon {
		object-fit: cover;
	}
}
@media (max-width: 550px) {
	.basket-standard-coupon .header,
	.basket-standard-coupon .content {
		display: block;
		width: 100%;
	}
	#basket-title, .nb-courses-in-basket {
		text-align: center;
	}
	.product-item-container {
		flex-direction: column !important;
		align-items: center !important;
	}
	p.product-name {
		text-align: center;
	}
	.course-title-container {
		margin-top: 1rem;
	}
	.delete-course-text {
		display: inline;
		font-weight: bold;
	}
	.delete-course-icon {
		object-fit: unset;
	}
}