.calc {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.calc-title {
	font-family: Literata;
	font-weight: 700;
	font-size: 48px;
	line-height: 125%;
	color: #1B593E;
}

.calc-text {
	font-family: Montserrat;
	font-weight: 400;
	font-size: 16px;
	line-height: 175%;
	color: #606060;
}

.calc-wrapper {
	display: flex;
	flex-direction: column;
	background-color: #857040;
	border-radius: 10px;
	padding: 40px;
	max-width: 820px;
	flex-grow: 1;
	box-sizing: border-box;
}

.calc-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.calc-progressbar__left {
	margin: 0;
	font-family: Literata;
	font-weight: 500;
	font-size: 24px;
	line-height: 125%;
	color: #c1c1c1;
}

.calc-progressbar__right {
	display: flex;
	gap: 12px;
}

.calc-progressbar__item {
	background-color: #ffdeb3;
	width: 21px;
	height: 21px;
	border-radius: 21px;
	cursor: pointer;
}

.calc-progressbar__item.is-active {
	background-color: #a2894e;
}

.calc-question {
	margin: 0;
	font-family: Literata;
	font-weight: 600;
	font-size: 32px;
	line-height: 125%;
	color: #fff;
}

.calc-form {
	display: flex;
	gap: 40px;
	align-items: center;
	margin: 40px 0;
}

.calc-answers {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.calc-answer {
	display: flex;
	gap: 10px;
}

.calc-answer__name {
	font-family: Montserrat;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
}

.calc-buttons {
	display: flex;
	gap: 40px;
}

.calc-buttons button {
	padding: 10px 20px;
	border-radius: 4px;
	outline: none;
	font-family: Montserrat;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	cursor: pointer;
}

.calc-btn__prev {
	background-color: inherit;
	color: #dcba6a;
	border: 1px solid #dcba6a;
}

.calc-btn__next {
	background-color: #dcba6a;
	border: none;
	color: #fff;
}

@media (max-width: 992px) {
	.calc {
		flex-direction: column;
	}	
	.calc-wrapper {
		max-width: none;
	}
}