.elementor-81283 .elementor-element.elementor-element-51e3838e{--display:flex;}.elementor-81283 .elementor-element.elementor-element-216ca72{--display:flex;}/* Start custom CSS */.roi-simulator-page,
.roi-simulator-page * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.roi-simulator-page__wrapper {
  max-width: 840px;
  margin: 0 auto;
  padding: 40px 0 195px;
}

.roi-simulator-page .roi-simulator-body {
  display: flex;
  gap: calc(30 / 840 * 100%);
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-body {
    flex-direction: column;
    gap: 0;
  }
}

.roi-simulator-page .roi-simulator-form {
  width: calc(380 / 840 * 100%);
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form {
    width: 100%;
  }
}

.roi-simulator-page .roi-simulator-summary {
  width: calc(430 / 840 * 100%);
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-summary {
    width: 100%;
  }
}

.roi-simulator-page #summary-after-calculate {
  display: none;
}

.roi-simulator-page{
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.roi-simulator-page .mb-none{
  display: block;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .mb-none{
    display: none;
  }
}

.roi-simulator-page .pc-none{
  display: none;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .pc-none{
    display: block;
  }
}

.roi-simulator-page .roi-simulator-page__wrapper h1{
  font-size: 36px;
  font-weight: 600;
  color: #0073CD;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-page__wrapper h1{
    font-size: 28px;
  }
}

.roi-simulator-page .roi-simulator-form section{
  background: #F5F5F5;
  padding: 20px;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form section{
    margin-bottom: 20px;
  }
}

.roi-simulator-page .roi-simulator-form__title{
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  color: #0073CD;
}

.roi-simulator-page .roi-simulator-form__title-mini{
  font-size: 16px;
  font-weight: 900;
  line-height: 20px;
  color: #0073CD;
  margin-bottom: 12px;
}

.roi-simulator-page .roi-simulator-form section h3{
  font-size: 16px;
  font-weight: 600;
}

.roi-simulator-page .roi-simulator-form__flex-box{
  display: flex;
  align-items: center;
}

.roi-simulator-page #select-currency{
  width: 96px;
  background: #F5F5F5;
  border: 1px solid #000;
  border-radius: 0;
  margin-left: 20px;
  padding-left: 8px;
  height: 20px;
  font-size: 12px;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(https://dgshape.com/wp-content/uploads/2026/02/arrow-bottom-black.png);
  background-position: right 6.9px center;
  background-repeat: no-repeat;
  background-size: 8.7px 4.9px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page #select-currency{
    height: 28px;
    font-size: 14px;
  }
}

.roi-simulator-page section input{
  background: #F5F5F5;
  border-radius: 0;
  font-size: 12px;
  text-align: right;
  padding: 2px 8px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page section input{
    font-size: 16px;
    padding: 4px 8px;
  }
}

.roi-simulator-page .roi-error-message  {
  color: #FF4949;
  font-size: 8px;
  line-height: 1.3;
}

.roi-simulator-page .roi-simulator-form-sales-plan .roi-error-message,.roi-simulator-page .roi-simulator-form-sales-milling-cost .roi-error-message,.roi-simulator-page .roi-simulator-form-sales-loan .roi-error-message{
  width: 100%;
  text-align: right;
  margin-top: 2px;
}

.roi-simulator-page .roi-simulator-form-investment-cost{
  display: flex;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-investment-cost{
    justify-content: space-between;
    gap: 34px;
  }
}

.roi-simulator-page .roi-simulator-form-investment-cost-box{
  width: 49%;
}

.roi-simulator-page .roi-simulator-form-investment-cost-box .roi-error-message  {
  width: 100%;
  padding-top: 2px;
  padding-left: 28px;
}

.roi-simulator-page .roi-simulator-form-investment-cost-box label{
  width: 100%;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-investment-cost-box label{
    margin-bottom: 6px;
  }
}

.roi-simulator-page .roi-simulator-form-investment-cost-box [data-currency]{
  margin-left: 14px;
  margin-right: 2px;
}


.roi-simulator-page .roi-simulator-form-investment-cost-box input{
  width: 80px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-investment-cost-box input{
    width: 77%;
  }
}

.roi-simulator-page .roi-simulator-form-link_button{
  background: #fff;
  color: #0073CD;
  padding: 4px 30px 4px 12px;
  border: 1px solid #0073CD;
  position: relative;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  transition: all .3s;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-link_button{
    margin-top: 8px;
  }
}

.roi-simulator-page .roi-simulator-form-link_button:hover{
  background: #E2F2FF;
}

.roi-simulator-page .roi-simulator-form-link_button::after{
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  background: url(https://dgshape.com/wp-content/uploads/2026/02/arrow-right-blue.png) no-repeat center center / cover;
  position: absolute;
  top: 50%;
  right: 14.9px;
  translate: 0 -50%;
}

.roi-simulator-page .roi-simulator-form-total{
  margin-top: 19px;
  padding-top: 12px;
  border-top: 1px solid #053998;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.roi-simulator-page #total-initial-investment,.roi-simulator-page #total-sales,.roi-simulator-page #total-material-cost,.roi-simulator-page #total-labor-cost,.roi-simulator-page #total-milling-cost,.roi-simulator-page #monthly-loan-payment{
  font-size: 20px;
}

.roi-simulator-page .roi-simulator-form-sales-plan{
  border-left: 2px solid #0073CD;
  padding-left: 8px;
  margin-bottom: 12px;
  margin-left: 4px;
}

.roi-simulator-page .roi-simulator-form-sales-plan-top{
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-plan-top{
    margin-top: 2px;
    margin-bottom: 8px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-plan-bottom{
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-plan-bottom{
    margin-bottom: 20px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-plan>div{
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-plan>div{
    margin-bottom: 4px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-plan-price{
  text-align: right;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-plan-price{
    width: 39%;
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    align-items: center;
  }
}

@media screen and (max-width: 860px) {
  .roi-simulator-form-sales-plan label[for="input-glass-ceramics-price"]{
    display: flex;
    flex-direction: column;
  }
}

.roi-simulator-page label[for="input-glass-ceramics-price"] span{
  font-size: 8px;
}

.roi-simulator-page .roi-simulator-form-sales-plan div input{
  width: 68px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-plan div input{
    width: 90px;
  }
  .roi-simulator-page .roi-simulator-form-sales-plan .roi-simulator-form-sales-plan-price input,.roi-simulator-page .roi-simulator-form-sales-plan .roi-simulator-form-sales-plan-price input {
    width: 90px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-milling-cost-box{
  padding-right: 20px;
}

.roi-simulator-page .roi-simulator-form-sales-milling-cost .roi-error-message{
  width: 100%;
}
.roi-simulator-page .roi-simulator-form-sales-milling-cost>div{
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-milling-cost>div{
    margin-bottom: 4px;
  }
  .roi-simulator-page .roi-simulator-form-sales-milling-cost .roi-simulator-form-sales-milling-cost-mb-margin{
    margin-bottom: 8px;
  }
  .roi-simulator-page .roi-simulator-form-sales-milling-cost .roi-simulator-form-sales-milling-cost-sp-wrap{
    position: relative;
    align-items: flex-start;
  }
  .roi-simulator-page .roi-simulator-form-sales-milling-cost-sp-wrap .roi-error-message{
    position: absolute;
    right: 0;
    bottom: 7px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-milling-cost>div:nth-last-of-type(1){
  margin-bottom: 0;
}

.roi-simulator-page .roi-simulator-form-sales-milling-cost>div input{
  width: 68px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-milling-cost>div input{
    width: 80px;
  }
}

.roi-simulator-page label span{
  font-size: 12px;
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page label span{
    margin-left: 0;
  }
}

.roi-simulator-page label[for="input-material-cost-glass"]{
  position: relative;
}
@media screen and (max-width: 850px) {
  .roi-simulator-page label[for="input-material-cost-glass"]{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  .roi-simulator-page label[for="input-material-cost-glass"] br{
    display: none;
  }
}

.roi-simulator-page .input-material-cost-glass-mini{
  font-size: 8px;
  margin-left: 0;
  position: absolute;
  left: 0;
  bottom: -10px;
}

.roi-simulator-page .roi-simulator-form-sales-milling-cost-total{
  flex-wrap: wrap;
  margin-bottom: 0;
}

.roi-simulator-page .roi-simulator-form-sales-milling-cost-total>div{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.roi-simulator-page .roi-simulator-form .roi-simulator-form-sales-loan{
  margin-bottom: 27px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form .roi-simulator-form-sales-loan{
    margin-bottom: 20px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-loan>div{
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-loan>div{
    margin-bottom: 8px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-loan>div:nth-last-of-type(1){
  margin-bottom: 0;
}

.roi-simulator-page .roi-simulator-form-sales-loan-box{
  padding-right: 13px;
}

.roi-simulator-page .roi-simulator-form-sales-loan-second-box{
  padding-right: 0;
}

.roi-simulator-page .roi-simulator-form-sales-loan-second-box #input-annual-interest-rate+span{
  font-size: 12px;
}

.roi-simulator-page .roi-simulator-form-sales-loan div input{
  width: 80px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-loan div #input-down-payment{
    width: 100px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-loan-button span{
  margin-left: 0;
  font-size: 16px;
}

.roi-simulator-page .roi-simulator-form-sales-loan-button label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.roi-simulator-page .roi-simulator-form-sales-loan-button input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 36px;
  height: 20px;
  background-color: #ccc;
  border-radius: 24px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.25s ease;
}

.roi-simulator-page .roi-simulator-form-sales-loan-button input[type="checkbox"]::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: transform 0.25s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.roi-simulator-page .roi-simulator-form-sales-loan-button input[type="checkbox"]:checked {
  background-color: #0073CD;
}

.roi-simulator-page .roi-simulator-form-sales-loan-button input[type="checkbox"]:checked::before {
  transform: translateX(16px);
}


.roi-simulator-page #button-calculate{
  width: 100%;
  background: #0073CD;
  color:#fff;
  font-size: 24px;
  padding: 30px 0;
  border: none;
  border-radius: 0;
  line-height: 0.667;
  margin-bottom: 11px;
}
.roi-simulator-page #button-calculate:hover{
  background: #065FA4;
  color:#fff;
}
.roi-simulator-page #button-calculate.roi-error{
  background: #99A9B0;
  pointer-events: none;
  cursor: not-allowed;
}

.roi-simulator-page #button-reset{
  width: 100%;
  color: #0073CD;
  border: 2px solid #0073CD;
  border-radius: 0;
  padding: 12px 0;
  line-height: 1;
  font-weight: 600;
}

.roi-simulator-page #button-reset:hover,.roi-simulator-page #button-reset:focus{
  background: #0073CD;
  color: #fff;
}




.roi-simulator-page .roi-simulator-summary{
  background: #E2F2FF;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-summary{
    margin-top: 40px;
  }
}

.roi-simulator-page .roi-simulator-summary-title{
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  color: #0073CD;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-summary-title{
    margin-bottom: 24px;
    text-align: center;
  }
}

.roi-simulator-page .roi-simulator-summary-title-before{
  text-align: center;
}

.roi-simulator-page .roi-simulator-summary-title-after{
  text-align: left;
}

.roi-simulator-page #summary-before-calculate{
  text-align: center;
}

.roi-simulator-page .summary-after-calculate-first{
  background: #fff;
  padding: 24px 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-first{
    padding: 15px 12px;
  }
}

.roi-simulator-page .summary-after-calculate-chart{
  background: #fff;
  padding: 6px 12px 0px 0px;
  margin-bottom: 20px;
}

.roi-simulator-page .summary-after-calculate-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid #053998;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-top{
    margin-bottom: 10px;
    padding-bottom: 6px;
  }
}

.roi-simulator-page .summary-after-calculate-payback-period{
  padding-top: 2px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-payback-period{
    padding-bottom: 4px;
    margin-bottom: 15px;
  }
}

.roi-simulator-page .summary-after-calculate-top #summary-initial-cost,.roi-simulator-page .summary-after-calculate-top #summary-payback-period{
  font-size: 28px;
}

.roi-simulator-page .dollar-box{
  display: flex;
  align-items: center;
}

.roi-simulator-page .summary-after-calculate-initial-cost span[data-currency]{
  font-size: 20px;
}

.roi-simulator-page .summary-after-calculate-bottom{
  padding: 8px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-bottom{
    padding: 12px 8px;
  }
}

.roi-simulator-page .summary-after-calculate-bottom dl{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.roi-simulator-page .summary-after-calculate-bottom dl:nth-last-of-type(1){
  margin-bottom: 0;
}

.roi-simulator-page .summary-after-calculate-bottom dt{
  width: auto;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-bottom dt{
    width: calc(100% - 40% - 26px);
  }
}

.roi-simulator-page .summary-after-calculate-bottom dd{
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-bottom dd{
    width: auto;
    justify-content: flex-end;
  }
}

.roi-simulator-page .summary-after-calculate-bottom dd{
  font-size: 20px;
  position: relative;
  padding-left: 32px;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-bottom dd{
    padding-left: 22px;
  }
}

.roi-simulator-page .summary-after-calculate-bottom dd::after{
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  left: 0px;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .roi-simulator-page .summary-after-calculate-bottom dd::after{
    width: 16px;
    height: 1px;
    left: 0;
  }
}

.roi-simulator-page .summary-after-calculate-bottom dd span[data-currency]{
  font-size: 16px;
}

.roi-simulator-page .summary-after-calculate-blue{
  background: #E2F2FF;
  padding-bottom: 20px;
  margin-bottom: 8px;
}

.roi-simulator-page .summary-after-calculate-red{
  background: #FFEFEF;
}

.roi-simulator-page .summary-after-calculate-last{
  margin-top: 20px;
}

.roi-simulator-page .summary-after-calculate-last h3{
  font-size: 12px;
  margin-bottom: 20px;
}

.roi-simulator-page .summary-after-calculate-last__button{
  display: block;
  font-size: 24px;
  color: #053998;
  background: #95E03D;
  border-radius: 0;
  padding: 32px 0;
  text-align: center;
  line-height: 0.667;
  transition: all .3s;
}

.roi-simulator-page .summary-after-calculate-last__button:hover{
  background: #71B323;
  color: #fff;
}

.roi-simulator-page .roi-simulator-form-sales-unit{
  display: flex;
  align-items: center;
  gap: 2px;
  padding-right: 0;
}

.roi-simulator-page .roi-simulator-form-sales-unit-pcs{
  font-size: 12px;
}

.roi-simulator-page span[data-currency]{
  font-size: 12px;
}





.roi-simulator-page .roi-simulator-form-sales-milling-cost>.roi-simulator-form-toggle {
  margin: 16px 0 12px;
  display: block;
  background: #FFFFFF;
  padding: 2px 12px;
  width: calc(100% - 20px);
}

.roi-simulator-page .roi-simulator-form-toggle__button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-weight: 500;
  background: transparent;
  color: #0073CD;
  font-size: 12px;
}

.roi-simulator-page .roi-simulator-form-toggle__button:hover,.roi-simulator-page .roi-simulator-form-toggle__button:focus{
  background: transparent;
  color: #0073CD;
}

.roi-simulator-page .roi-simulator-form-toggle__arrow {
  display: inline-block;
  transition: transform 0.3s ease;
  rotate: 90deg;
  width: 4.7px;
}

.roi-simulator-page .roi-simulator-form-toggle.is-open .roi-simulator-form-toggle__arrow {
  transform: rotate(180deg);
}

.roi-simulator-page .roi-simulator-form-toggle__content {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease, margin-bottom 0.3s ease;
}

.roi-simulator-page .roi-simulator-form-toggle__content-inner {
  font-size: 12px;
  line-height: 14px;
}


@media screen and (max-width: 768px) {
  .roi-simulator-page .roi-simulator-form-sales-milling-cost .u-mb-22{
    margin-bottom: 22px;
  }
}

.roi-simulator-page .roi-simulator-form-sales-milling-cost>.u-d-nn{
  display: none;
}

#button-reset {
    background-color: #fff;
}/* End custom CSS */