.elementor-37186 .elementor-element.elementor-element-e461ea0 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-37186 .elementor-element.elementor-element-e461ea0{text-align:center;}.elementor-37186 .elementor-element.elementor-element-e461ea0 .elementor-heading-title{font-size:30px;font-weight:600;color:#00745D;}/* Start custom CSS for html, class: .elementor-element-32faab3 */.elementor-37186 .elementor-element.elementor-element-32faab3 .label__calc {
    color: #137A63 !important;
}/* End custom CSS */
/* Start custom CSS */* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.wrapper__calc {
  width: 900px;
  margin: 40px auto;
  position: relative;
  padding: 10px;
}
.header__calc {
}
.heading__primary--calc {
  text-transform: uppercase;
  color: #fff;
  font-size: 17px;
  padding: 10px;
  display: block;
  background-color: #137a63;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
  position: absolute;
  top: -21px;
  left: 287px;
}
.container__calc {
  padding: 20px;
}
.row__calc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
}
.label__calc {
  padding: 5px;
  display: block;
  font-size: 16px;
}
.combined__calc {
  display: flex;
  align-items: center;
  width: 40%;
}
.input__calc {
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #ffffff;
  border-radius: 5px !important;
  display: block;
  width: 100%;
  font-size: 17px;
  height: auto;
}
.info__icon {
  margin-left: 10px;
}
.btn__calc {
  width: 100%;
  display: block;
  background-color: #137a63 !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 7px 20px;
  text-transform: uppercase;
  font-size: 16px;
}
.output__container--calc {
  padding: 10px;
  text-align: center;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #137a63;
  color: #fff;
}
.res__label {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff
  margin: 0 auto;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.res__value {
  display: block;
  font-size: 25px;
  text-align: center;
}
table {
  display: none;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table tr {
  border: 1px solid #ddd;
  padding: 2px;
}

table th,
table td {
  padding: 2px;
  text-align: center;
}

table th {
  font-size: 0.85em;
  text-transform: uppercase;
  background-color: #ddd;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }

  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }

  table td::before {
    /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}

@media only screen and (max-width: 900px) {
  .wrapper__calc {
    width: 100%;
  }
}
@media only screen and (max-width: 687px) {
  .heading__primary--calc {
    left: 230px;
  }
}
@media only screen and (max-width: 600px) {
  .heading__primary--calc {
    position: initial;
  }
  .wrapper__calc {
    border: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .row__calc {
    flex-direction: column;
  }
  .label__calc {
    width: 100%;
    margin-bottom: 10px;
  }
  .combined__calc {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .output__container--calc {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 400px) {
  .container__calc {
    padding: 5px;
  }
}/* End custom CSS */