.elementor-15 .elementor-element.elementor-element-5edebef:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-5edebef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0E0F;}.elementor-15 .elementor-element.elementor-element-5edebef{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:88px 48px 56px 48px;}.elementor-15 .elementor-element.elementor-element-5edebef > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-7dae895{text-align:center;}.elementor-15 .elementor-element.elementor-element-7dae895 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:5px;color:#B08C4D;}.elementor-15 .elementor-element.elementor-element-6ad4a99{text-align:center;}.elementor-15 .elementor-element.elementor-element-6ad4a99 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:58px;font-weight:500;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d6ad7d5:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-d6ad7d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F3EE;}.elementor-15 .elementor-element.elementor-element-d6ad7d5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 48px 100px 48px;}.elementor-15 .elementor-element.elementor-element-d6ad7d5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-c87d610 .elementor-button{background-color:#B08C4D;font-family:"Jost", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;line-height:1.2em;letter-spacing:2.5px;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 34px 15px 34px;}.elementor-15 .elementor-element.elementor-element-c87d610{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-c87d610 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-c87d610 .elementor-button:focus{color:#000000;}.elementor-15 .elementor-element.elementor-element-c87d610 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-c87d610 .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-5edebef{padding:60px 30px 60px 30px;}.elementor-15 .elementor-element.elementor-element-b36ea47 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-15 .elementor-element.elementor-element-7dae895 .elementor-heading-title{letter-spacing:3px;}.elementor-15 .elementor-element.elementor-element-6ad4a99 .elementor-heading-title{font-size:40px;}.elementor-15 .elementor-element.elementor-element-d6ad7d5{padding:40px 30px 40px 30px;}.elementor-15 .elementor-element.elementor-element-c87d610{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-c87d610 .elementor-button{padding:20px 50px 20px 50px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-5edebef{padding:40px 20px 40px 20px;}.elementor-15 .elementor-element.elementor-element-6ad4a99 .elementor-heading-title{font-size:45px;line-height:1.2em;}.elementor-15 .elementor-element.elementor-element-d6ad7d5{padding:30px 10px 30px 10px;}.elementor-15 .elementor-element.elementor-element-c87d610 .elementor-button{padding:18px 0px 18px 0px;}}/* Start custom CSS */body,
html {
  overflow-x: hidden;
}

.mortgage-calculator {
  margin: 0;
  background: #f6f3ec;
  font-family: Jost, Arial, sans-serif;
}
.mortgage-calculator {
  max-width: 1100px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  background: #fffefb;
  border: 1px solid rgba(22, 20, 15, 0.12);
}
.left {
  padding: 56px 52px;
  border-right: 1px solid rgba(22, 20, 15, 0.12);
}
.right {
  background: #0b0b0c;
  color: #fff;
  padding: 56px 48px;
}
.small {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #b08c4d;
  margin-bottom: 30px;
}
.group {
  margin-bottom: 30px;
}
.row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
label {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5c574c;
  margin-bottom: 12px;
}
.val {
  font: 24px "Cormorant Garamond", serif;
}
.gold {
  color: #b08c4d;
}
input[type="range"] {
  width: 100%;
}
.term {
  display: flex;
  gap: 10px;
}
.term button {
  flex: 1 1 0%;
  padding: 12px 0px;
  font-family: Jost, sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  cursor: pointer;
  background: transparent;
  color: rgb(22, 20, 15);
  border: 1px solid rgb(176, 140, 77);
  border-radius: 0 !important;
}
.term button.active {
  background: #b08c4d;
}
.big {
  font: 56px "Cormorant Garamond", serif;
  margin: 20px 0;
}
.list .row {
  margin: 14px 0;
}

.list .row span:first-child {
  color: rgb(156, 149, 135);
}

.list {
  border-top: solid 1px rgba(176, 140, 77, 0.2);
}

.total {
  border-top: 1px solid rgba(176, 140, 77, 0.2);
  padding-top: 14px;
  color: rgb(205, 171, 110) !important;
}

.list .row.total span:first-child {
  color: rgb(205, 171, 110) !important;
  text-transform: uppercase;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 2px;
  background: rgba(176, 140, 77, 0.3);
  border-radius: 999px;
  outline: none;
  cursor: pointer;
}

/* Chrome / Edge / Safari */

input[type="range"]::-webkit-slider-runnable-track {
  height: 2px;
  background: rgba(176, 140, 77, 0.3);
  border-radius: 999px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #b08c4d;
  border-radius: 50%;
  margin-top: -9px; /* Centers thumb on 2px track */
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: 0.2s ease;
}

input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.08);
}

/* Firefox */

input[type="range"]::-moz-range-track {
  height: 2px;
  background: rgba(176, 140, 77, 0.3);
  border-radius: 999px;
}

input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #b08c4d;
  border: 3px solid #fffefb;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Remove Firefox focus border */

input[type="range"]::-moz-focus-outer {
  border: 0;
}

@media (max-width: 768px) {
  .mortgage-calculator {
    grid-template-columns: 1fr;
  }
  .left {
    border-right: 0;
    border-bottom: 1px solid #ddd;
  }
}

@media (max-width: 767px) {
  .left,
  .right {
    padding: 40px 20px;
  }
}/* End custom CSS */