@keyframes move-forever {
  0% {
    transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }
}
._1xynjwx0 {
  position: relative;
  isolation: isolate;
  padding-block: 56px;
}
._1xynjwx1 {
  background: var(--_1073cm81);
}
._1xynjwx2 {
  background: var(--_1073cm88);
}
._1xynjwx3 {
  background: var(--_1073cm8f);
}
._1xynjwx4 {
  background: var(--_1073cm8m);
}
._1xynjwx5 {
  flex: 1 1 0%;
}
._1xynjwx6 {
  line-height: 1.25;
}
._1xynjwx7 {
  color: var(--_1073cm85);
}
._1xynjwx8 {
  color: var(--_1073cm8c);
}
._1xynjwx9 {
  color: var(--_1073cm8j);
}
._1xynjwxa {
  color: var(--_1073cm8q);
}
._1xynjwxb {
  line-height: 1.5;
  margin-top: 1.5rem;
}
._1xynjwxc {
  color: var(--_1073cm83);
}
._1xynjwxd {
  color: var(--_1073cm8a);
}
._1xynjwxe {
  color: var(--_1073cm8h);
}
._1xynjwxf {
  color: var(--_1073cm8o);
}
._1xynjwxg {
  background-color: #1C3D57;
  color: #fff;
  padding: 12px;
  text-align: center;
  font: 700 20px / 1.25 var(--header-font-family);
}
._1xynjwxh {
  background-color: #E7F5FA;
  border-radius: 16px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px , rgba(0,0,0,0.1) 0px 6px 12px -4px , rgba(0,0,0,0.2) 0px -3px 0px inset;
  overflow: hidden;
  width: 400px;
}
._1xynjwxi {
  padding: 28px 32px;
}
._1xynjwxj {
  position: relative;
}
._1xynjwxj select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
}
._1xynjwxj select:hover {
  cursor: pointer;
}
._1xynjwxj label {
  background-color: #1C3D57;
  color: #fff;
  display: grid;
  place-items: center;
  padding-inline: 18px;
}
._1xynjwxk {
  border: none;
  outline: none;
  padding: .7rem 18px;
  width: 100%;
}
._1xynjwxj label[for='loanYears'] {
  order: 2;
}
._1xynjwxj label[for='interestRate'] {
  order: 2;
  min-width: 77px;
}
._1xynjwxl {
  bottom: -20px;
  color: #8C1900;
  font-size: 12px;
  left: 15px;
  position: absolute;
}
._1xynjwxm {
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  width: 100%;
}
._1xynjwxn {
  background-color: #1F7A96;
  border-radius: 8px;
  box-shadow: rgba(31,122,150,0.3) 8px 8px 16px 0px;
  color: #fff;
  padding: 32px 28px;
}
._1xynjwxo {
  font-size: 2.5rem;
  font-weight: 700;
}
._1xynjwxp {
  color: rgb(255 255 255 / 73%);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .4px;
}
._1xynjwxq {
  bottom: 0;
  height: 200px;
  left: 0;
  margin-bottom: -7px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
._1xynjwxr > use {
  animation: move-forever 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;
}
._1xynjwxr > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
._1xynjwxr > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
._1xynjwxr > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
._1xynjwxr > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
._1xynjwx4 ._1xynjwxh {
  background-color: var(--_1073cm88);
}
.page_body_contents > div:has(._1xynjwxr) {
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  ._1xynjwx0 {
    padding-block: 42px;
  }
}
@media screen and (max-width: 768px) {
  ._1xynjwx0 {
    padding-block: 2rem;
  }
}
@media screen and (max-width:1023px) {
  ._1xynjwx5 {
    text-align: center;
  }
  ._1xynjwxh {
    width: min(400px, 100%);
  }
  ._1xynjwxk {
    width: 100%;
  }
  ._1xynjwx0 .gap_24 {
    flex-direction: column;
  }
}
@media screen and (min-width:1024px) {
  ._1xynjwx6 {
    font-size: 48px;
  }
}
@media screen and (max-width:470px) {
  ._1xynjwxg {
    font-size: 18px;
  }
  ._1xynjwxi {
    padding: 24px 16px;
  }
  ._1xynjwxn {
    margin-top: 16px;
    padding: 18px 16px;
  }
  ._1xynjwxp {
    font-size: 15px;
  }
}
@media screen and (max-width:500px) {
  ._1xynjwxq {
    height: 105px;
    margin-bottom: -3px;
  }
}