:root {--slider-progress: 30%;}
.calculator{position:relative; padding:70px 0}
.calculator__container{position:relative; z-index:1}
.calculator__bg{position:absolute; left:0; top:0; right:0; bottom:0;}
.calculator__bg picture, .calculator__bg img{width:100%; height:100%; object-fit:cover}
.calculator__bg::before{content:"";  background: linear-gradient(0deg, rgba(42, 38, 57, 0.66), rgba(42, 38, 57, 0.66)); position:absolute; left:0; right:0; bottom:0; top:0}
.calculator__title{padding-bottom: 10px}
.calculator__left{background:#fff; border-radius:12px; padding:40px 48px 60px}
.calculator__row {display: flex;gap:15px}
.calculator__left {flex: 0 0 885px; max-width: 885px}
.calculator__right {flex: 0 0 calc(100% - 900px);max-width: calc(100% - 900px);display: flex;flex-direction: column;padding: 40px;border-radius: 10px;border: 7px solid #FBD653;align-items: start;}
.calculator__info-block {display: flex;justify-content: space-between;align-items: center}
.calculator__info-text {font-weight: 600;font-size: 16px;line-height: 1.4;color: #332E47;}
.calculator__info-btn .btn.btn-border{width:100%;max-width:300px;min-width:300px;gap:10px;display:flex;align-items:center;justify-content:center;padding: 13px;}
.btn__icon{width: 35px;height: 29px}
.calculator__form{display: flex; gap:40px; padding-top: 50px; justify-content:space-between}
.calculator__form-left{width:430px}
.calculator__form-right{width:300px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.calculator__field{margin-bottom: 25px;}
.calculator__form-left .calculator__field:last-child{margin:0}
.calculator__field-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom: 16px;}
.calculator__field-heading .calculator__field-title, .calculator__field-heading .calculator__area-value{margin:0}
.calculator__field-title, .calculator__counter-title{font-size: 15px;font-weight: 600;margin-bottom: 16px;color: #262C32}
.calculator__area-value {font-weight: 300;font-size: 16px;line-height: 1.2;text-align: center;color: #262C32}
.calculator__area-number{font-weight: 700;font-size: 22px;line-height: 1.2;color: #262C32}
.calculator__range {width: 100%;height: 8px;border-radius: 60px;background: linear-gradient(to right, #FFD51C 0%, #FFD51C 30%, #F0F3FD 30%, #F0F3FD 100%) !important;outline: none;-webkit-appearance: none}
.calculator__range::-webkit-slider-thumb{margin-top:-10px; -webkit-appearance: none;width: 30px;height: 30px;background: #fff; box-shadow:0 0 0 8px #F9BC37 inset; border-radius: 100%;cursor: pointer}
.calculator__range::-webkit-slider-runnable-track {width: 100%;height: 8px;border-radius: 60px;background: linear-gradient(to right, #FFD51C 0%, #FFD51C var(--slider-progress, 30%), #F0F3FD var(--slider-progress, 30%), #F0F3FD 100%) !important}
.calculator__range::-moz-range-track {width: 100%;height: 8px;border-radius: 60px;background: linear-gradient(to right, #FFD51C 0%, #FFD51C var(--slider-progress, 30%), #F0F3FD var(--slider-progress, 30%), #F0F3FD 100%) !important;border: none}
.calculator__range::-moz-range-thumb{width: 30px;height: 30px;background: #fff; box-shadow:0 0 0 8px #F9BC37 inset; border:none; border-radius: 100%;cursor: pointer}
.calculator__range-labels {display: flex;justify-content: space-between;font-size: 14px;color: #828282;padding-top: 10px}
.calculator__select{cursor: pointer;background-color: #F0F3FD;font-size: 16px;font-weight: 700;color: #332E47;height: 51px}
.calculator__counter {margin-bottom: 25px;width: 130px}
.calculator__counter-controls{display: flex;align-items: center}
.calculator__counter-btn{width: 30px;height: 30px;background-color: #F0F3FD;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 6px;color: #332E47;font-weight: 800;padding: 0 0 4px 0}
.calculator__counter-btn:hover{color:#fff; background:#FFD51C}
.calculator__counter-btn:focus{color:#fff; background:#F9BC37}
.calculator__counter-input {width: 60px;height: 30px;border-left: none;border-right: none;text-align: center;-moz-appearance: textfield;font-size: 22px;font-weight: 700;color: #262C32}
.calculator__counter-input::-webkit-outer-spin-button, .calculator__counter-input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
.calculator__form-right .calculator__counter:nth-child(3), .calculator__form-right .calculator__counter:nth-child(4){margin-top:auto; margin-bottom:0}
.calculator__result-title {font-size: 20px;font-weight: 600;padding: 8px 12px;background: #332E47;border-radius: 6px;line-height:1;color: #FFFFFF;display: inline-block;}
.calculator__arrow {width: 55px;height: 52px;color: #fff;position: absolute;right: 40px;transform: rotate(140deg);top: 70px}
.calculator__total-amount{font-size:48px; color:#FFD51C; font-weight:700}
.calculator__total{margin-top: 40px;margin-bottom: 50px;}
.calculator__total-label {font-size: 24px;color: #fff;margin-bottom: 5px;line-height: 1}
.calculator__total-value {font-size: 32px;color: #fff}
.calculator__phone{margin-top: auto}
.calculator__right button{width:100%;margin-top: 12px;cursor:pointer}
.calculator__agreement{font-size: 10px;margin-top: 12px;line-height: 1.3;color: #fff;font-weight: 500}
.calculator__agreement a {color: #fff;text-decoration: underline}
.calculator__disclaimer {font-size: 10px;margin-top: 10px;color: #fff;font-weight: 300}


@media(max-width:1399px){
    .calculator {padding: 60px 0}
	.calculator__title{padding-bottom: 20px}
    .calculator__left{padding: 30px;flex: 0 0 620px;max-width: 620px}
    .calculator__right{flex: 0 0 calc(100% - 635px);max-width: calc(100% - 635px);padding: 20px}
    .calculator__info-text{font-size: 14px}
    .calculator__info-btn .btn.btn-border {max-width: 250px;min-width: 250px}
    .calculator__form {gap: 30px;}
    .calculator__form-left {width: 320px}
    .calculator__field-title, .calculator__counter-title {font-size: 14px;}
    .calculator__counter {width: 120px}
    .calculator__counter-input {width: 50px}
    .calculator__arrow {right: 20px;top: 50px}
    .calculator__total-amount {font-size: 42px;}
    .calculator__total {margin-top: 35px;margin-bottom: 40px;}
    .calculator__total-label {font-size: 18px;margin-bottom: 0px;}
    .calculator__total-value {font-size: 26px}
}
@media(max-width:991px){
	.calculator__arrow{display:none}
    .calculator {padding: 50px 0}
    .calculator__result-title {font-size: 18px; padding: 6px 8px; margin-right: 10px}
	.calculator__info-btn .btn.btn-border {max-width: 220px;min-width: 220px;}
	.btn__icon {width: 29px;height: 24px}
    .calculator__right .calculator__phone{width:65%;margin-top: 15px;}
    .calculator__right .btn.btn-shadow{width: 33%;margin-left: auto;margin-top: 15px;}
    .calculator__row{flex-direction: column}
    .calculator__left {padding: 30px;flex: 0 0 100%;max-width: 100%}
    .calculator__info-block {gap: 30px}
    .calculator__right{flex: 0 0 100%;max-width: 100%;padding: 20px;flex-direction: row;flex-wrap: wrap;align-items: center;}
    .calculator__form {gap: 30px;padding-top: 30px;}
    .calculator__form-left {width: 320px}
    .calculator__field-title, .calculator__counter-title {margin-bottom: 10px}
    .calculator__counter {width: 130px}
    .calculator__total {margin-top: 0;margin-bottom: 0;display: flex;align-items: center;gap: 10px;}
}
@media(max-width: 767px) {
    .calculator {padding: 40px 0}
    .calculator__form-right {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px}
    .calculator__left{padding:20px}
    .calculator__select {font-size: 14px;height: 46px}
    .calculator__counter-btn {min-width: 30px;}
    .calculator__agreement {text-align: center;}
    .calculator__title {text-align: center;}
    .calculator__counter-input {width: 100%;font-size: 18px;}
    .calculator__field-title, .calculator__counter-title {font-size: 13px;}
    .calculator__info-block {flex-direction: column;text-align: center}
    .calculator__right {justify-content: center;}
    .calculator__form {flex-wrap: wrap;}
    .calculator__form-left {width: 100%;}
    .calculator__counter {width: calc((100% - 30px) / 4);margin: 0;}
}
@media(max-width: 575px) {
    .calculator__disclaimer {text-align: center;}
    .calculator__total-amount {font-size: 32px;}
    .calculator__right .calculator__phone {width: 100%;margin-top: 15px;}
    .calculator__right {flex-direction: column;flex-wrap: wrap;align-items: center;}
    .calculator__counter {width: calc((100% - 30px) / 2);margin-bottom: 15px;text-align: center;}
    .calculator__right .btn.btn-shadow {width: 100%;margin-top: 10px;}
}