.darujte-block dl {
    display: flex;
    flex-direction: row;
    height: 300px;
    position: relative;
    margin: 0 0 0 auto;
    padding: 0;
  }
  .darujte-block dl dd {
    margin-left: 15px;
  }
  .darujte-block dl dd:nth-child(even) {
    margin-right: 5px;
  }
  @media only screen and (min-width: 627px) {
    .darujte-block dl dd:nth-child(even) {
      margin-right: 40px;
    }
  }
  .darujte-block dl dd:nth-child(even):last-child {
    margin-right: 0;
  }
  .darujte-block .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20px;
    position: absolute;
    bottom: -30px;
    color: #8DC73F;
  }
  @media only screen and (min-width: 627px) {
    .darujte-block .text {
      width: 32px;
    }
  }
  .darujte-block .percentage {
    font-size: 19px;
    text-transform: uppercase;
    height: 100%;
    width: 20px;
  }
  @media only screen and (min-width: 627px) {
    .darujte-block .percentage {
      width: 32px;
      font-size: 26px;
    }
  }
  .darujte-block .percentage:after {
    content: "";
    display: block;
    background-color: #8DC73F;
    border-radius: 20px;
    width: auto;
    margin: auto;
    height: 90%;
    position: relative;
    top: 100%;
    transform: translateY(-100%);
    transition: background-color 0.3s ease;
  }
  .darujte-block .percentage-1 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-1:after {
    height: 1%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-2 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-2:after {
    height: 2%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-3 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-3:after {
    height: 3%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-4 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-4:after {
    height: 4%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-5 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-5:after {
    height: 5%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-6 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-6:after {
    height: 6%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-7 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-7:after {
    height: 7%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-8 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-8:after {
    height: 8%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-9 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-9:after {
    height: 9%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-10 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-10:after {
    height: 10%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-11 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-11:after {
    height: 11%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-12 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-12:after {
    height: 12%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-13 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-13:after {
    height: 13%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-14 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-14:after {
    height: 14%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-15 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-15:after {
    height: 15%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-16 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-16:after {
    height: 16%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-17 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-17:after {
    height: 17%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-18 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-18:after {
    height: 18%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-19 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-19:after {
    height: 19%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-20 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-20:after {
    height: 20%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-21 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-21:after {
    height: 21%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-22 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-22:after {
    height: 22%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-23 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-23:after {
    height: 23%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-24 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-24:after {
    height: 24%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-25 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-25:after {
    height: 25%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-26 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-26:after {
    height: 26%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-27 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-27:after {
    height: 27%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-28 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-28:after {
    height: 28%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-29 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-29:after {
    height: 29%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-30 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-30:after {
    height: 30%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-31 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-31:after {
    height: 31%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-32 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-32:after {
    height: 32%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-33 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-33:after {
    height: 33%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-34 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-34:after {
    height: 34%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-35 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-35:after {
    height: 35%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-36 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-36:after {
    height: 36%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-37 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-37:after {
    height: 37%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-38 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-38:after {
    height: 38%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-39 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-39:after {
    height: 39%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-40 .text {
    color: #E91D1C;
    font-family: "SourceSansProBold";
  }
  .darujte-block .percentage-40:after {
    height: 40%;
    background-color: #E91D1C;
  }
  .darujte-block .percentage-41:after {
    height: 41%;
  }
  .darujte-block .percentage-42:after {
    height: 42%;
  }
  .darujte-block .percentage-43:after {
    height: 43%;
  }
  .darujte-block .percentage-44:after {
    height: 44%;
  }
  .darujte-block .percentage-45:after {
    height: 45%;
  }
  .darujte-block .percentage-46:after {
    height: 46%;
  }
  .darujte-block .percentage-47:after {
    height: 47%;
  }
  .darujte-block .percentage-48:after {
    height: 48%;
  }
  .darujte-block .percentage-49:after {
    height: 49%;
  }
  .darujte-block .percentage-50:after {
    height: 50%;
  }
  .darujte-block .percentage-51:after {
    height: 51%;
  }
  .darujte-block .percentage-52:after {
    height: 52%;
  }
  .darujte-block .percentage-53:after {
    height: 53%;
  }
  .darujte-block .percentage-54:after {
    height: 54%;
  }
  .darujte-block .percentage-55:after {
    height: 55%;
  }
  .darujte-block .percentage-56:after {
    height: 56%;
  }
  .darujte-block .percentage-57:after {
    height: 57%;
  }
  .darujte-block .percentage-58:after {
    height: 58%;
  }
  .darujte-block .percentage-59:after {
    height: 59%;
  }
  .darujte-block .percentage-60:after {
    height: 60%;
  }
  .darujte-block .percentage-61:after {
    height: 61%;
  }
  .darujte-block .percentage-62:after {
    height: 62%;
  }
  .darujte-block .percentage-63:after {
    height: 63%;
  }
  .darujte-block .percentage-64:after {
    height: 64%;
  }
  .darujte-block .percentage-65:after {
    height: 65%;
  }
  .darujte-block .percentage-66:after {
    height: 66%;
  }
  .darujte-block .percentage-67:after {
    height: 67%;
  }
  .darujte-block .percentage-68:after {
    height: 68%;
  }
  .darujte-block .percentage-69:after {
    height: 69%;
  }
  .darujte-block .percentage-70:after {
    height: 70%;
  }
  .darujte-block .percentage-71:after {
    height: 71%;
  }
  .darujte-block .percentage-72:after {
    height: 72%;
  }
  .darujte-block .percentage-73:after {
    height: 73%;
  }
  .darujte-block .percentage-74:after {
    height: 74%;
  }
  .darujte-block .percentage-75:after {
    height: 75%;
  }
  .darujte-block .percentage-76:after {
    height: 76%;
  }
  .darujte-block .percentage-77:after {
    height: 77%;
  }
  .darujte-block .percentage-78:after {
    height: 78%;
  }
  .darujte-block .percentage-79:after {
    height: 79%;
  }
  .darujte-block .percentage-80:after {
    height: 80%;
  }
  .darujte-block .percentage-81:after {
    height: 81%;
  }
  .darujte-block .percentage-82:after {
    height: 82%;
  }
  .darujte-block .percentage-83:after {
    height: 83%;
  }
  .darujte-block .percentage-84:after {
    height: 84%;
  }
  .darujte-block .percentage-85:after {
    height: 85%;
  }
  .darujte-block .percentage-86:after {
    height: 86%;
  }
  .darujte-block .percentage-87:after {
    height: 87%;
  }
  .darujte-block .percentage-88:after {
    height: 88%;
  }
  .darujte-block .percentage-89:after {
    height: 89%;
  }
  .darujte-block .percentage-90:after {
    height: 90%;
  }
  .darujte-block .percentage-91:after {
    height: 91%;
  }
  .darujte-block .percentage-92:after {
    height: 92%;
  }
  .darujte-block .percentage-93:after {
    height: 93%;
  }
  .darujte-block .percentage-94:after {
    height: 94%;
  }
  .darujte-block .percentage-95:after {
    height: 95%;
  }
  .darujte-block .percentage-96:after {
    height: 96%;
  }
  .darujte-block .percentage-97:after {
    height: 97%;
  }
  .darujte-block .percentage-98:after {
    height: 98%;
  }
  .darujte-block .percentage-99:after {
    height: 99%;
  }
  .darujte-block .percentage-100:after {
    height: 100%;
  }