.calculator {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto;
}

.calculator_desc_form_block {
    width: 100%;
}

.calculator_form_block {
  width: 100%;
  max-width: 440px;
}

.first_form_active {
  display: none !important; 
}

.calculator-form {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 64px;
}

.calculator .step.hide { 
  display: none;
}
.calculator .step.show {
  display: block;
}
.calculator .step .step-container { 
  border-radius: 8px;
  position: relative;
  z-index: 10;
  background: transparent;
  padding: 0;
}
.formData-field {
  padding-left: 0 !important;
}
.form-inner__item--half input, .form-inner__item input, .form-inner__item--full select, .form-inner__item--full select {
  background: transparent;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.calculator__title {
  text-align: center;
}
.calculator__description {
  text-align: center;
}
/* .calculator form input[type="number"],
.calculator form input[type="text"],
.calculator form input[type="email"],
.calculator form select,
.calculator form .btn {
  height: auto;
  display: inline-block;
  border: 1px solid #dcdcdc;
  box-shadow: none;
  background: #fff;
  padding: 10px 15px;
  font-weight: 400;
}
.calculator form .form-row {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f2f3f6;
}
.calculator form .form-row.not_border {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.calculator form .btn:hover,
.calculator form .btn:focus {
  background: #cd2122;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.calculator form .btn.load .spinner-border {
  display: inline-block;
}
.calculator form .btn .spinner-border {
  display: none;
  margin-left: 15px;
  color: #fff;
} */
.calculator .result {
  display: none;
  margin: 15px 0;
  position: relative;
  z-index: 90;
  min-width: 60vw;
}
.calculator .result .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;

  /* margin: 0 -15px; */
}
.calculator .result .cards .card {
  /* margin: 15px; */
  width: calc(50% - 0.75rem);

  font-size: 16px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 20px;
  box-shadow: 0 0 46.74px 10.26px rgba(106, 106, 106, 0.1);
}

.calculator .result .cards .card hr {
  overflow: visible;
  margin: 20px 0;
  position: relative;
  border-bottom: 1px solid #4D4D4D;
  width: 100%;
  opacity: 0.5;
}

.calculator .result .cards .card hr::after {
  position: absolute;
  content: "";
  right: -5px;
  width: 80px;
  bottom: -1px;
  height: 8px;
  background: #4d4d4d;
  transform: skew(-40deg, 0deg);
  border-radius: 5px;
}

.calculator .result .cards .card .card-header {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  background-color: transparent;
  text-align: left;
}
.calculator .result .cards .card .card-body {
  padding: 15px 0;
}
.calculator
  .result
  .cards
  .card
  .card-body
  .form-row:first-child
  div:first-child {
  border-right: 2px solid #dcdcdc;
}
.calculator .result .cards .card .card-body .card-title {
  font-size: 16px;
  margin: 10px 0;
  color: #353535;
}
.calculator .result .cards .card .card-body .value {
  font-weight: 700;
  font-size: max(1.35vw, 22px);
  line-height: normal;
  margin: 0 0 15px;
}
.calculator .result .cards .card .card-body .value .val {
  text-transform: uppercase;
}
.calculator .result .cards .card .card-body .value.manual {
  color: #f0a200;
}
.calculator .result .cards .card .card-body .value.automatic {
  color: #7ad233;
}
.calculator .result .cards .card .card-body .total-row-title {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0;
  text-transform: uppercase;
}
.calculator .result .cards .card .card-body .total {
  font-size: max(1.35vw, 22px);
  font-weight: 700;
  padding: 20px 0;
  color: #d80303;
  background: #f8f8f8;
}
.calculator .result .cards .card .card-body .message {
  font-size: 14px;
  padding: 10px 0;
}
.calculator .result .cards .card .card-body .note {
  font-size: 11px;
  padding: 0 10px;
}
.calculator .form-group.col-md-4 {
  width: calc(100% / 3);
}
.styled-select {
  padding: 10px 15px;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
}
.calculator form .form-group {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.calculator form .form-group input {
  width: 100%;
}
.calculator form .row {
  display: flex;
}
.calculator form .field50 {
  width: 50%;
}
.calculator form .field100 {
  width: 100%;
}
.calculator form input[type="submit"] {
  width: auto;
  margin: 0 auto;
  display: block;
}
.calculator form input[type="submit"]:hover {
  box-shadow: 0 0 8px rgb(0 0 0 / 60%);
}
.get_forms .form-row .cvbnm {
  display: flex;
  justify-content: center;
}
/* .calculator .result .cards .card {
  width: calc(50% - 30px);
} */
.calculator .result .cards .card-header {
  background-color: #cd2122;
}
.calculator .result .cards .row-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calculator .result .cards .col-xs-6 {
  width: 45%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.calculator .result .cards .col-xs-6:nth-child(1) {
  border-right: 1px solid #dcdcdc;
}
.calculator .result .cards .col-xs-6:nth-child(2) {
  border-left: 1px solid #dcdcdc;
}

/* My styles */
.calculator label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.calculator__description p {
  text-align: left;
}

.form-description {
  align-items: flex-start !important;
}

.form-description p:last-child {
  font-weight: 700;
}

.calculator .form-inner {
  --form-inner-gap: 3vh;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.form.calculation {
  --form-min-width: 60vw;
  width: 100%;
}

.form.calculation .form-inner {
  width: var(--form-inner-width);
}

.form_inp_width_btn input {
  text-align: center;
}

@media screen and (max-width: 1080px) {
  .form.calculation .form-inner {
    --form-inner-width: 80vw;
  }

  .calculator .result .cards {
    flex-direction: column;
    align-items: center;
  }

  .calculator__title {display: none;}
  .calculator {
    margin: 0 auto;
  }

  .form-description {
    align-items: flex-start !important; 
  }

  .form-description p {
    text-align: left;
  }
  .calculator-form {
    --form-min-width: 100%;
    flex-direction: column;
    margin-top: 12px;
  }
  .calculator .form-inner {
    --form-inner-gap: 3.5vh;
    --form-padding: 0;
  }

  .calculator .result .cards .card {
    width: 100%;
  }



  .calculator .step .step-container {
    box-shadow: none;
  }

  .track-button {
    --button-width: 100%;
  }
  .form.step {
    --form-padding: 0;
  }
  .calculator .form,
  .calculator .form-inner,
  .calculator .form-inner__item,
  .calculator .form-inner__item--half {
    --form-inner-gap: 1.5rem;
  }

  .calc_desc_blocks {
    flex-direction: column;
  }

  .form-inner__item {
      flex-direction: row !important;
  }

  .calc_desc_block {
    width: 100% !important;
  }
}