footer {

	margin-top: 0;

}



.invoice {

	padding: 0;

}





.invoice .rTableCell:last-child {

	flex-basis: auto;

}



.invoice .resRow {

	padding: 15px 0;

}



.invoice-section {

	background-color: var(--white);

}



.invoice-section h3 {

	font-size: clamp(14px, 2vw, 20px);

}



.confirmation-information {

	padding: 10px;

	background-color: var(--invoice-yellow-light);

}



.confirmation-icon {

	box-shadow: 3px 3px 23.4px 0px rgba(253, 185, 0, 0.25);

	background-color: var(--invoice-yellow);

	border-radius: 5px;

}



.confirmation-icon i {

	color: var(--invoice-yellow-dark);

	padding: 15px;

	font-size: 30px;

}



.confirmation-information h4 {

	font-size: clamp(14px, 2vw, 20px);

}



.confirmation-information p {

	font-size: clamp(14px, 2vw, 16px);

	color: var(--grey);

}



.details p {

	font-size: clamp(14px, 1.5vw, 18px);

}



.download-invoice {

	background-color: var(--shop-filter-bck);

	padding: 12px;

	border-radius: 5px;

	border: 1px solid var(--line-color);

}



.download-invoice h4 {

	font-size: clamp(14px, 1.5vw, 18px);

	flex-basis: auto;

}



.download-invoice p {

	font-size: clamp(14px, 2vw, 16px);

	color: var(--grey);

	flex-basis: auto;

}



.download-icon {

	border-radius: 5px;

	padding: 7px;

	border: 1px solid var(--line-color);

}



.download-icon i {

	font-size: 22px;

	color: var(--grey);

}



.download-btn {

	width: fit-content;

	flex-basis: auto;

	order: 3; 

	background-color: transparent;

	text-align: end;

	font-size: clamp(14px, 1.5vw, 16px);

	transition: color .2s ease;

}



.download-btn:hover {

	color: var(--grey);

}



.download-btn:active {

	color: var(--primary);

}



.order {

	padding-block: 20px;

}



.order p {

	font-size: clamp(14px, 2vw, 18px);

}



.grey-text {

	color: var(--grey);

}



.order-bill {

	width: 100%;

	padding: 10px 0px;

	padding-top: 0;

}



.order-bill-price {

	border-top: 1px solid var(--line-color);

	border-bottom: 1px solid var(--line-color);

	padding-block: 16px;

}



.backToShop-btn {

	font-size: clamp(14px, 2vw, 16px);

	color: white;

	padding: 14px 36px;

	background-color: var(--black);

	transition: background-color .2s ease;

	border-radius: 5px;

}



.backToShop-btn:hover {

	background-color: var(--grey);

}



.backToShop-btn:active {

	background-color: var(--black);

}



@media (min-width: 768px) {

	.invoice {

		padding: 20px 40px;

	}

	

	.confirmation-information {

		padding: 16px;

	}



	.order-bill {

		padding: 10px 5px;

		padding-top: 0;

	}



	.order {

		padding-block: 40px;

	}



	.download-invoice h4 {

		flex-basis: 49%;

	}



	.download-invoice p {

		flex-basis: 100%;

		order: 3;

	}



	.download-btn {

		flex-basis: 49%;

		order: 2; 

	}



	.download-invoice {

		padding: 16px;

	}



	.download-icon {

		padding: 12px;

	}



	.download-icon i {

		font-size: 32px;

	}

}



@media (min-width: 992px) {

	.invoice {

		padding: 40px 80px;

	}



	.confirmation-icon i {

		padding: 20px;

		font-size: 40px;

	}



	.confirmation-information {

		padding: 32px;

	}



	.order-bill {

		width: 45%;

	}



	.order {

		padding-block: 50px;

	}

	

	.download-invoice {

		max-width: 700px;

	}



	.download-invoice {

		padding: 20px;

	}



	.download-icon i {

		font-size: 41px;

	}

}



@media (min-width: 1200px) {

	.confirmation-information p {

		max-width: 1000px;

	}

}