* {
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	margin: 0;
	font-family: "Cairo", sans-serif;
	background: #f6f5f1;
	color: #202020;
	line-height: 1.8
}

.calc_section {
	padding-left: 12px;
	padding-right: 12px;

	margin-top: 12px;
	margin-bottom: 12px;
/*	 border: 1px solid var(--border);
  border-radius: 10px;
	*/
	position: relative;
	min-height: 330px;
	color: #fff;
	overflow: hidden
}

.calc_section-bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, .86),
		rgba(0, 0, 0, .48), rgba(0, 0, 0, .08)),
		url("/mean/assets/calc_section.svg") center/cover no-repeat
}

.calc_section-in {
	position: relative;
	min-height: 330px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px
}

.calc_section-copy {
	max-width: 650px
}

.pill {
	display: inline-block;
	padding: 6px 13px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 999px;
	font-size: 13px;
	background: rgba(255, 255, 255, .08);
	margin-top: 8px;
}

h1 {
	font-size: clamp(42px, 6vw, 70px);
	line-height: 1.2;
	margin: 16px 0
}

h1 b {
	color: #f04b50
}

.calc_section p {
	font-size: 18px;
	color: #eee;
	max-width: 600px
}

.btn {
	display: inline-block;
	background: #d71920;
	color: #fff;
	padding: 12px 25px;
	border-radius: 9px;
	text-decoration: none;
	font-weight: 800;
	margin-top: 12px;
	margin-bottom: 12px;
}

.calc_section-stat {
	width: 230px;
	padding: 25px;
	border: 1px solid rgba(255, 255, 255, .2);
	background: rgba(0, 0, 0, .3);
	backdrop-filter: blur(8px);
	border-radius: 18px
}

.calc_section-stat span, .calc_section-stat small {
	display: block;
	color: #ddd
}

.calc_section-stat strong {
	display: block;
	font-size: 42px;
	margin: 5px 0
}

@media ( max-width :850px) {
	nav {
		display: none
	}
	.calc_section-in {
		align-items: flex-end;
		padding-bottom: 55px
	}
	.calc_section-stat {
		display: none
	}
	.intro, .two, .calculator {
		grid-template-columns: 1fr;
		gap: 30px
	}
}