.sd-calculator {
  margin-top: calc(96px + 12px);
  margin-bottom: 44px;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
}

@media (max-width: 992px) {
  .sd-calculator {
    margin-bottom: calc(44px - 16px);
  }
}

.sd-calculator__wrapper {
  display: flex;
  gap: 24px;
}

@media (max-width: 992px) {
  .sd-calculator__wrapper {
    flex-direction: column;
    gap: 24;
  }
}

.sd-calculator__left,
.sd-calculator__right {
  flex: 1 1 50%;
  position: relative;
}

.sd-calculator__left {
  padding: 44px;
}

@media (max-width: 992px) {
  .sd-calculator__left,
  .sd-calculator__right {
    flex: 1 1 100%;
    width: 100%;
  }
  .sd-calculator__left {
    padding: 24px;
    height: 294px;
  }
}

.sd-calculator__title {
  color: #fff !important;
  font-size: 40px;
  font-weight: 700 !important;
  line-height: 48px !important;
}

@media (max-width: 992px) {
  .sd-calculator__title {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}

.sd-calculator__description {
  margin-top: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.sd-calculator__bg {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  overflow: hidden;
  z-index: -1;
}
.sd-calculator__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sd-calculator__bg:before {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

@media (max-width: 992px) {
  .sd-calculator__bg:before {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(0, 0, 0, 0.6) 100%
    );
  }
}

/* CALCULATOR FORM */
.sd-calculator__form {
  display: grid;
  gap: 44px;
  padding: 44px;
  border-radius: 8px;
  border: 1px solid #d8d8d8;
}

@media (max-width: 992px) {
  .sd-calculator__form {
    padding: 24px 20px;
  }
}
.sd-calculator__form-control {
  display: grid;
  gap: 12px;
}

@media (max-width: 992px) {
  .sd-calculator__form-control {
    width: 100%;
  }
}
.sd-calculator__label {
  color: #262626;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

@media (max-width: 992px) {
  .sd-calculator__label {
    font-size: 16px;
    line-height: 24px;
  }
}

.sd-calculator__select {
  height: 44px;
  padding: 13px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  color: #4e4e4e;
  background: transparent;
  cursor: pointer;
}

.sd-calculator__select option:not(:first-of-type) {
  color: #000;
}

.sd-calculator__select:invalid {
  color: #4e4e4e;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.sd-calculator__input-wrapper {
  position: relative;
}

.sd-calculator__select--arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M11.06 6L8 9.09042L4.94 6L4 6.95142L8 11L12 6.95142L11.06 6Z" fill="%23828282"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

input.sd-calculator__input[type='text'],
input.sd-calculator__input[type='number'] {
  display: flex;
  border-radius: 4px;
  width: 100%;
  height: 44px;
  padding: 11px 16px;
  border: 1px solid #d8d8d8;
  background: #fff;
}

.sd-calculator__input-wrapper:has(
    #connective-htmlcw-pf-property-price
  )::before {
  content: '$';
  position: absolute;
  top: 50%;
  left: 0;
  width: 41px;
  height: 20px;
  border-right: 1px solid #d8d8d8;
  transform: translateY(-50%);
  color: var(--Text-Black, #212121);
  font-family: 'Open Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  text-transform: capitalize;
  z-index: 1;
}

.sd-calculator__input#connective-htmlcw-pf-property-price {
  padding-left: 61px;
}

.sd-calculator__input-wrapper.validation-failed
  :is(.sd-calculator__input, .sd-calculator__select) {
  position: relative;
  border-color: #ff0000;
}

.sd-calculator__input-wrapper.validation-failed::after {
  position: absolute;
  left: 0;
  bottom: -25px;
  content: attr(data-error);
  color: #ff0000;
}

.sd-calculator__input[type='number'] {
  -moz-appearance: textfield;
}

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

.sd-calculator__input-icon::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 20px;
  background-color: #d8d8d8;
}

.sd-calculator__radio-wrapper {
  display: flex;
  gap: 15px;
}

@media (max-width: 992px) {
  .sd-calculator__radio-wrapper {
    flex-wrap: wrap;
  }
}
.sd-calculator__radio-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  height: 44px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  background: #fff;
  cursor: pointer;
  color: #000;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 992px) {
  .sd-calculator__radio-label {
    width: calc(50% - 7.5px);
    white-space: nowrap;
  }

  .sd-calculator__radio-label:nth-of-type(3) {
    width: 100%;
  }
}
.sd-calculator__input:focus-visible,
.sd-calculator__radio-label:focus-within {
  border-color: #000;
}

.sd-calculator__radio-label:has(input:checked) {
  border: 1px solid var(--Yellow-Primary, #fdb948);
  background: var(--Yellow-light, #fff5e2);
  color: var(--Grey-dark, #262626);
  font-weight: 600;
}

.sd-calculator__radio-wrapper .sd-calculator__radio-label:has(input:disabled) {
  background: rgb(248, 246, 246);
  color: rgb(121, 118, 118);
  border: 1px solid #d8d8d8;
  font-weight: 400;

  pointer-events: none;
}

.sd-calculator__radio-label .sd-calculator__radio-input {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.sd-calculator__checkbox-wrapper {
  display: grid;
  gap: 44px;
}

.sd_calculator__submit {
  margin-inline: auto;
  width: 400px;
  height: 48px;
  border: none;
  color: #000;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
}

@media (max-width: 992px) {
  .sd_calculator__submit {
    width: 100%;
    max-width: 400px;
  }
}
.sd-result {
  font-family: 'Open Sans', sans-serif;
}
.sd-result__wrapper {
  display: flex;
  gap: 55px;
}

@media (min-width: 1439px) {
  .sd-result__wrapper {
    margin-right: -120px;
  }
}

@media (max-width: 992px) {
  .sd-result__wrapper {
    flex-direction: column;
    gap: 24px;
  }
}
.sd-result__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 600px;
}

@media (max-width: 992px) {
  .sd-result__left {
    gap: 16px;
  }
}
.sd-result__right {
  width: 680px;
}

@media (max-width: 1440px) {
  .sd-result__right,
  .sd-result__left {
    width: 50%;
  }
}

@media (max-width: 992px) {
  .sd-result__right,
  .sd-result__left {
    width: 100%;
  }
}
.sd-result__block {
  padding: 16px;
  border-radius: 24px;
  background: #f8f8f8;
}

@media (max-width: 992px) {
  .sd-result__block {
    padding: 12px;
  }
}

.sd-result__back {
  display: flex;
  align-items: center;
  border: none;
  background: none;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.sd-result__back--desktop {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sd-result__back--desktop::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M8.22711 2L1 9.22712L8.22711 16.4542L9.60562 15.0757L4.73179 10.2019H17V8.25235H4.73179L9.60562 3.37853L8.22711 2Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.sd-result__back--mobile {
  display: none;
}

@media (max-width: 992px) {
  .sd-result__back {
    color: #000;
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .sd-result__back--desktop {
    display: none;
  }

  .sd-result__back--mobile {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .sd-result__back--mobile::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.774 17.9994L14.95 19.1754C15.1322 19.364 15.233 19.6166 15.2307 19.8788C15.2284 20.141 15.1232 20.3918 14.9378 20.5772C14.7524 20.7626 14.5016 20.8678 14.2394 20.87C13.9772 20.8723 13.7246 20.7715 13.536 20.5894L10.707 17.7614C10.5195 17.5738 10.4142 17.3195 10.4142 17.0544C10.4142 16.7892 10.5195 16.5349 10.707 16.3474L13.536 13.5184C13.7236 13.3309 13.9781 13.2256 14.2434 13.2257C14.5086 13.2258 14.763 13.3312 14.9505 13.5189C15.138 13.7065 15.2433 13.961 15.2432 14.2262C15.2431 14.4915 15.1376 14.7459 14.95 14.9334L13.883 15.9994H16C17.0609 15.9994 18.0783 15.5779 18.8284 14.8278C19.5786 14.0777 20 13.0602 20 11.9994C20 10.9385 19.5786 9.92109 18.8284 9.17094C18.0783 8.4208 17.0609 7.99937 16 7.99937C15.7348 7.99937 15.4804 7.89401 15.2929 7.70648C15.1054 7.51894 15 7.26459 15 6.99937C15 6.73415 15.1054 6.4798 15.2929 6.29226C15.4804 6.10473 15.7348 5.99937 16 5.99937C17.5913 5.99937 19.1174 6.63151 20.2426 7.75673C21.3679 8.88195 22 10.4081 22 11.9994C22 13.5907 21.3679 15.1168 20.2426 16.242C19.1174 17.3672 17.5913 17.9994 16 17.9994H13.774ZM10.273 5.99937L9.176 4.90337C9.08309 4.81046 9.00939 4.70016 8.95911 4.57876C8.90882 4.45737 8.88294 4.32726 8.88294 4.19587C8.88294 3.9305 8.98836 3.67601 9.176 3.48837C9.36364 3.30073 9.61814 3.19531 9.8835 3.19531C10.1489 3.19531 10.4034 3.30073 10.591 3.48837L13.419 6.31737C13.6065 6.5049 13.7118 6.7592 13.7118 7.02437C13.7118 7.28953 13.6065 7.54384 13.419 7.73137L10.591 10.5594C10.4035 10.747 10.1491 10.8525 9.88385 10.8526C9.61858 10.8527 9.36414 10.7474 9.1765 10.5599C8.98886 10.3724 8.88339 10.118 8.8833 9.85272C8.8832 9.58745 8.98849 9.33301 9.176 9.14537L10.323 7.99937H8C6.93913 7.99937 5.92172 8.4208 5.17157 9.17094C4.42143 9.92109 4 10.9385 4 11.9994C4 13.0602 4.42143 14.0777 5.17157 14.8278C5.92172 15.5779 6.93913 15.9994 8 15.9994C8.26522 15.9994 8.51957 16.1047 8.70711 16.2923C8.89464 16.4798 9 16.7342 9 16.9994C9 17.2646 8.89464 17.5189 8.70711 17.7065C8.51957 17.894 8.26522 17.9994 8 17.9994C6.4087 17.9994 4.88258 17.3672 3.75736 16.242C2.63214 15.1168 2 13.5907 2 11.9994C2 10.4081 2.63214 8.88195 3.75736 7.75673C4.88258 6.63151 6.4087 5.99937 8 5.99937H10.273Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.sd-result__block-content {
  margin-top: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(162, 162, 162, 0.14);
  background: #fff;
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.sd-result__row {
  display: flex;
  justify-content: space-between;
}

.sd-result__total {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sd-result__total .sd-result__label {
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
}

@media (max-width: 992px) {
  .sd-result__total .sd-result__label {
    font-size: 14px;
    line-height: 36px;
  }
}

.sd-result__value {
  color: #000;
}

.sd-result__total .sd-result__value {
  color: #ec9b16;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

@media (max-width: 992px) {
  .sd-result__total .sd-result__value {
    font-size: 14px;
    line-height: 36px;
  }
}

.sd-result__regular {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

@media (max-width: 992px) {
  .sd-result__regular {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
}

.sd-result__title {
  color: #000;
  font-size: 36px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.54px;
}
.sd-result__title b {
  font-weight: 700;
}

.sd-result__title span {
  font-weight: 700;
  color: #ec9b16;
}

@media (max-width: 992px) {
  .sd-result__title {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.39px;
  }
}

.sd-result__content-title {
  color: #000 !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.27px;
}

.sd-result__content-list {
  margin-top: 18px;
}

@media (max-width: 992px) {
  .sd-result__content-list {
    margin-top: 12px;
  }
}

.sd-result__list {
  position: relative;
  display: grid;
  gap: 12px;
  counter-reset: sd-calculator;
  color: #000;
  font-family: 'Open Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 992px) {
  .sd-result__list {
    gap: 6px;
    color: #444;
  }
}

.sd-result__list::after {
  position: absolute;
  top: 0;
  left: 13px;
  content: '';
  display: block;
  width: 2px;
  height: 82%;
  background: #ec9b16;
  z-index: -1;
}

@media (max-width: 992px) {
  .sd-result__list::after {
    left: 11px;
  }
}
.sd-result__list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.sd-result__list-item::before {
  flex-shrink: 0;
  counter-increment: sd-calculator;
  content: counter(sd-calculator);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #ec9b16;
}

@media (max-width: 992px) {
  .sd-result__list-item::before {
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
  }
}

.sd-result__right {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  padding-top: 72px;
}

@media (max-width: 992px) {
  .sd-result__right {
    margin-left: -16px;
    width: calc(100% + 32px);
    padding: 40px 16px;
  }
}

.sd-result__form .gf-result__leading {
  display: none;
}

.sd-result__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.sd-result__bg::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
  z-index: 1;
}

@media (max-width: 992px) {
  .sd-result__bg::before {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.76) 0%,
      rgba(0, 0, 0, 0.76) 100%
    );
  }
}

.sd-result__bg img {
  position: absolute;
  top: -460px;
  left: -144px;
  width: 854px;
  max-width: 854px !important;
}

@media (max-width: 992px) {
  .sd-result__bg img {
    position: absolute;
    top: 0px;
    left: auto;
    width: 100%;
    max-width: none !important;
  }
}

@media (max-width: 501px) {
  .sd-result__bg img {
    position: absolute;
    top: -25px;
    left: -494px;
    width: 1000px;
    max-width: 1000px !important;
  }
}

.sd-result__arrow {
  position: absolute;
  top: 45%;
  left: -38px;
  object-fit: contain;
}

@media (max-width: 992px) {
  .sd-result__arrow {
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 52deg;
    width: 60px;
    height: 60px;
  }
}

.sd-result__badges {
  margin-top: 16px;
}

@media (max-width: 992px) {
  .sd-result__badges {
    margin-top: 24px;
  }
}

.sd-result__awards {
  padding-block: 44px;
}

@media (max-width: 992px) {
  .sd-result__awards {
    padding: 0;
    margin-top: 24px;
  }
}

@media (max-width: 1440px) {
  .sd-calculator .top-badges__item {
    max-width: 240px;
    width: auto;
    padding-inline: 10px;
  }
}

@media (max-width: 1440px) {
  .sd-calculator .top-badges__item:first-child {
    max-width: 200px;
    width: auto;
  }

  .sd-calculator .top-badges__item:nth-child(3) {
    max-width: 200px;
    width: auto;
  }
}

@media (max-width: 1440px) {
  .sd-calculator .top-badges__item-content {
    gap: 7px;
    max-width: 100%;
    width: 120px;
  }
}

.sd-result__notes {
  margin-top: 56px;
  display: grid;
  justify-content: center;
  gap: 24px;
}

@media (max-width: 992px) {
  .sd-result__notes {
    margin-top: 24px;
    display: none;
  }
}

.sd-result__notes p {
  max-width: 908px;
  color: #828282;
  text-align: center;
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}