result css

main {
	background-image: url("/assets/las/images/resultBg.png");
	height: 100%;
}

.content-text {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	row-gap: 60px;
}

.content-title,
.content-subtitle,
.content-para {
	color: white;
	text-align: center;
}

.content-title h3 {
	font-size: 36px;
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
}

.content-title h6 {
	font-size: 28px;
	font-weight: 500;
}

.content-subtitle {
	position: relative;
}

.content-subtitle p {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 0;
}

.content-subtitle img {
	width: 100px;
	height: 100px;
}

.content-para p {
	font-size: 24px;
	font-weight: 500;
}

// Code Style
.code-content {
	display: flex;
	flex-direction: column;
	row-gap: 50px;
	justify-content: center;
	align-items: center;

	padding-inline: 15px;
}

.code-content h3 {
	text-align: center;
	color: white;
	font-size: 36px;
	font-weight: 500;
	margin-top: 40px;
	margin-bottom: 0;
}

.code-content .code-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

	width: fit-content;
	border-radius: 20px;
	background-color: #f9faf44f;
	padding: 18px 48px;
	min-height: 120px;
}

// .code-content .code-card img {
// 	width: 120px; // 84px;
// }

.code-content .code-card p {
	font-weight: 500;
	color: white;
	margin-bottom: 0;
}

.code-input p {
	color: white;
	font-weight: 400;
	letter-spacing: 0.4px;
	font-size: 18px;
}

.code-value {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	row-gap: 10px;

	text-align: center;
}

.code-value .code-value-card {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	column-gap: 20px;

	width: fit-content;
	border-radius: 20px;
	background-color: #7c7c7c80;
	padding: 24px;
}

.code-value .code-value-card i {
	color: white;
	font-size: 30px;
}

.code-value .code-value-card span {
	letter-spacing: 0.8px;
	color: white;
	font-size: 30px;
	font-weight: 500;
}

.code-value p {
	color: white;
	font-weight: 400;
	letter-spacing: 0.4px;
	font-size: 18px;
}

// Global CSS styles

// Input select
.input-group label {
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}

.input-group label img {
	width: auto;
	height: 20px;
	margin-left: 6px;
}

.form-select {
	background-image: url("/assets/las/images/downIcon.png");
	background-size: 14px 8px;
	background-position: right 1.6rem center;
}

.form-select:focus {
	box-shadow: none;
}

.input-group select {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding-block: 17px;
}

.input-group select option span {
	color: red;
}

.input-group select {
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}