.box-percentage *{-webkit-box-sizing:border-box;box-sizing:border-box}.box-percentage_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:120px;max-width:var(--box-max-width)}.box-percentage_wrap.vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.box-percentage_wrap.horizontal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}.box-percentage_wrap.horizontal .percent_title{display:block;width:100%;-ms-flex-negative:0;flex-shrink:0;margin-bottom:10px}.box-percentage_wrap.horizontal .percent_text{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}.box-percentage_wrap .percent_title{font-size:16px;font-weight:600;text-transform:uppercase}.box-percentage_wrap .percent_wrap{position:relative;display:-ms-grid;display:grid;place-content:center;margin:15px 0;width:117px;height:117px;border-radius:15px;background-color:rgba(255,255,255,0.15)}.box-percentage_wrap .percent_wrap .arrow{position:absolute;top:0;right:0;display:-ms-grid;display:grid;place-content:center;width:48px;height:48px;border-radius:50%;background-color:#28DD6E;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.rtl .box-percentage_wrap .percent_wrap .arrow{right:auto;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.box-percentage_wrap .percent_wrap .arrow.down{-webkit-transform:translate(50%,-50%) rotate(90deg);transform:translate(50%,-50%) rotate(90deg)}.rtl .box-percentage_wrap .percent_wrap .arrow.down{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.box-percentage_wrap .percent_wrap .arrow svg{display:block;width:auto;height:auto}.box-percentage_wrap .percent_wrap .percent{color:#fff;font-size:42px;line-height:1;font-weight:600;letter-spacing:-2.1px}.box-percentage_wrap .percent_text{max-width:100%}