body {
  background: #f0f7f6;
  direction: rtl;
  text-align: right; }
.hidden {
    display: none;
  }
img {
  max-width: 100%; }

.calculate {
  padding: 80px 0; }
  .calculate .cal-table {
    background: #fff;
    padding: 20px;
    border-radius: 20px; }
    .calculate .cal-table form {
      padding: 30px;
      background: #f9f9f9; }
    .calculate .cal-table .result-content h3 {
      margin-bottom: 30px; }
    .calculate .cal-table .result-content .boxes .box {
      text-align: center;
      padding: 30px;
      border: 1px solid #f9f9f9;
      margin-bottom: 30px;
      background: #fbfbfb;
      min-height: 150px;
      border-radius: 20px;
      border: 1px solid #e4e4e4; }
      .calculate .cal-table .result-content .boxes .box h4 {
        color: #0d7de0; }
      .calculate .cal-table .result-content .boxes .box.border {
        border: 1px solid #1aaf99 !important;
        background: #effffd; }
    .calculate .cal-table .result-content .phases {
      padding: 20px 0; }
      .calculate .cal-table .result-content .phases .phase {
        padding: 20px;
        border: 1px solid #cbdedb;
        box-shadow: 0px 12px 20px 4px #e9e9e9; }
    .calculate .cal-table .result-content .green-bold {
      font-weight: bold;
      color: green; }
    .calculate .cal-table .bmi-bar {
      position: relative; }
      .calculate .cal-table .bmi-bar .col {
        padding: 20px 0;
        margin: 0;
        text-align: center; }
      .calculate .cal-table .bmi-bar .background {
        margin-top: 50px;
        background-color: #3399ff;
        background-image: linear-gradient(to left, #3399ff 0px, #009933 33%, #ffd633 65%, #d81e05 100%);
        height: 15px;
        border-radius: 15px;
        width: 100%;
        position: relative; }
        .calculate .cal-table .bmi-bar .background .res {
          position: absolute;
          top: -45px;
          background: #e2e2e2;
          padding: 5px 15px;
          border-radius: 6px;
          font-weight: bold; }
          .calculate .cal-table .bmi-bar .background .res:after {
            position: absolute;
            content: '';
            width: 10px;
            height: 10px;
            background: #e2e2e2;
            bottom: -5px;
            left: 50%;
            transform: rotate(45deg); }

/*# sourceMappingURL=cal-style.css.map */