.calculator_block .block_title {
	margin-bottom: 50px;
}

.calculator_block_top {
	display: grid; gap: 30px;
	grid-template-columns: 1fr 1fr;
}

.calculator_block_elem {
	display: flex; gap: 20px;
	flex-direction: column;
}
.calculator_block__form {
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}
}

.calculator_block__fields {
	display: flex; gap: 50px;
	flex-direction: column;
}

.input-wrapper-extra {
	display: grid;
	grid-template-columns: 7fr 6fr 4fr;
	gap: 60px;
	padding: 20px;
	transition: all 0.3s ease-in;
}

.input-wrapper-extra:not(:last-child) {
	border-bottom: 1px solid #d9dce3;
}

.input-wrapper-extra > * {
	display: flex;
	align-items: center;
}

.input-wrapper-extra.active {
	background: #E0ECFF;
}

.calculator_block_extra_elems {
	border: 1px solid #d9dce3;
	border-radius: 10px;
	overflow: hidden;
	background: #FFFFFF;
}

.extra_title, .extra_price, .extra_num, .sost_btn,
.calculator_result_price_title {
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	color: #1D1D1F;
}

.extra_price, .calculator_result_price_title {
	color: #697180;
}

.extra_input button {
	width: 40px; height: 40px;
	border-radius: 10px;
	background: #E0ECFF;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in;
	border: none;
	flex-shrink: 0;
	cursor: pointer;
	color: #1D1D1F;
	svg path {
		stroke: #1D1D1F;
	}
}

.input-wrapper-extra.active .extra_input button {
	background: #0360FE;
	color: #FFFFFF;
	svg path {
		stroke: #FFFFFF;
	}
	
}

.extra_input button svg, .extra_input button svg path {
	transition: all 0.3s ease-in;
}

.extra_input button:hover {
	background: #0360FE;
	transition: all 0.3s ease-in;
	color: #FFFFFF;
	svg path {
		stroke: #FFFFFF;
	}
}

.input-wrapper-extra.active .extra_input button:hover {
	background: #0849C6;
}

.extra_input button.gray {
	background: #F6F6F6;
	color: #1D1D1F;
	svg path {
		stroke: #1D1D1F;
	}
	pointer-events: none;
}

.input-wrapper-extra.active .extra_input button.gray {
	pointer-events: all;
}

.extra_num {
	height: 19px !important;
	width: 60px !important;
	border-radius: 0 !important;
	text-align: center;
	border: none !important;
	background: none !important;
	padding: 0 !important;
}

.extra_input {
	gap: 30px;
	justify-content: end;
	position: relative;
}

.sost_btn {
	/* max-width: 200px; */
	width: 200px;
	border-radius: 10px;
	height: 40px;
	background: #E0ECFF;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in;
	border: none;
	cursor: pointer;
	color: #1D1D1F;
	font-weight: 500;
	padding: 10.5px 20px;
	flex-shrink: 0;
}

.input-wrapper-extra.active .sost_btn {
	background: #0360FE;
	color: #FFFFFF;
}

.extra_input input[type="checkbox"] {
	position: absolute;
	right: 0; top: 0;
	width: 100%; height: 100%;
	max-width: 200px;
	opacity: 0;
}

.extra_input input[type="checkbox"]:hover + .sost_btn {
	background: #0360FE;
	color: #FFFFFF;
}

.input-wrapper-extra.active .extra_input input[type="checkbox"]:hover  + .sost_btn {
	background: #0849C6;
	color: #FFFFFF;
}

.calculator_block__result {
	padding: 40px;
	background: #F6F6F6;
	border-radius: 10px;
	display: flex; gap: 30px;
	flex-direction: column;
}

.calculator_result_title {
	color: #000000;
	padding-bottom: 30px;
	border-bottom: 1px solid #D9DCE3;
}

.calculator_block_price {
	color: #000;
}
.calculator_result_price_container {
	display: flex; gap: 20px;
	flex-direction: column;
}
.calculator_result_price_container p{
	font-size: 14px;
	color: #697180;
}

.calculator_result_price_top {
	display: flex; gap: 20px;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.calculator_block_price {
	text-wrap: nowrap;
}

.calculator_result_form {
	display: flex; gap: 30px;
	flex-direction: column;
}

.calculator_result_form_elems {
	display: flex; gap: 10px;
	flex-direction: column;
}

.calculator_block__form {
	display: flex; gap: 30px;
	flex-direction: row;
}

.calculator_block__result {
	height: fit-content;
	max-width: 490px;
}

.select__wrapper {
    position: relative;
}

.select__wrapper select {
    padding: 14px 19px;
    padding-right: 48px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 60px;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--main-text-primary);
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid var(--stroke-secondary);
    background: transparent;
    transition: all 0.3s ease-in;
}


.select__wrapper select:hover, .select__wrapper select:focus {
    transition: all 0.3s ease-in;
    border: 1px solid var(--primary);
}

.select__wrapper select:hover + svg, .select__wrapper select:focus + svg {
    transform: rotate(-180deg);
}
.select__wrapper select.error {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
}

.select__wrapper svg {
    position: absolute;
    top: 0; bottom: 0;
    margin: auto 0;
    right: 20px;
    pointer-events: none;    
    transition: all 0.3s ease-in;
}

.calculator_result_form_elems input, .calculator_result_form_elems textarea {
    background: #fff;
}
.calculator_block .policy-checkbox {
    padding-top: 0;
    align-items: start;
    label {
        color: #697180;
        a {
            color: #0849C6;
            text-decoration: underline;
        }
    }
}

.extra_title_с {
  display: flex; gap: 10px;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  .extra_price {
    display: none;
  }
}


.calculator_block__result {
    position: sticky;
    top: 220px;
}

@media (max-width:1200px){
    .calculator_block__form {
        flex-direction: column;
    }

.calculator_block__result {
    max-width: none;
}
}
@media (max-width:700px){
    .calculator_block_top {
        grid-template-columns: 1fr;
    }
    .input-wrapper-extra {
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
    .input-wrapper-extra > .extra_price {
        display: none;
    }
    .extra_title_с {
        justify-content: start;
        align-items: start;
    }
    .extra_title_с .extra_price {
        display: flex;
      }

    .calculator_block .block_title {
        margin-bottom: 30px;
    }
}
@media (max-width:500px){
    .input-wrapper-extra {
        grid-template-columns: 1fr;
    }
    .extra_input {
      justify-content: start;
    }
    .sost_btn {
      width: 100%;
    }
    .calculator_block__result {
      padding: 20px;
      gap: 20px;
    }
    .calculator_block_top {
      gap: 20px;
    }
    .calculator_block_elem {
      gap: 15px;
    }

.extra_num {
  width: 100% !important;
}
.calculator_block__fields {
    gap: 30px;
}
}