.section-wrap.law-statistics {
     padding: 5rem 0;
 }
 
 .section-wrap.section-wrap--color.law-statistics {
     background: #3C0000;
 }
 
 .law-statistics .stat-container {
	 width: 100%;
	 background-color: #fff;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 border: 5px solid #732F2F;
}

.section-wrap--color.law-statistics .stat-container {
    background: #3C0000;
    color: #fff!important;
}

.section-wrap--color.law-statistics .stat-container * {
    color: #fff!important;
}

.law-statistics h2 {
    margin-bottom: 3rem;
}

.stat-container .stat-content {
	 max-width: 400px;
	 width: 100%;
	 height: 100%;
	 position: relative;
	 box-sizing: border-box;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 padding: 2rem;
}
 .stat-container .stat-block {
	 position: relative;
	 z-index: 1;
	 flex-direction: column;
	 justify-content: flex-start;
	 gap: 4px;
	 display: flex;
	 align-items: center;
	 height: 100%;
}
 .stat-container .stat-icon {
	 opacity: 10%;
	 height: 5rem;
	 width: 5rem;
}
 .stat-container .stat {
	 font-family: "Oswald";
	 font: normal normal 800 67px/92px Open Sans;;
	 color: #500000;
	 font-size: calc(30px + 1.5vw);
}

.stat-content.decimal .stat {
     left: -10px;
     position: relative;
}
 
 .stat-container .stat-title {
    font: normal normal 600 32px/47px Oswald;
    letter-spacing: 0px;
    color: #520001;
    opacity: 1;
    text-align: center;
}
 .stat-container .stat-subtitle {
	 font: italic normal 600 20px/27px Open Sans;
	 color: #000;
	 padding: 5px 0;
	 text-align: center;
	 font-weight: 400;
}

.grid .stat-container .stat-subtitle {
    min-height: 30px;
}
 .stat-container .stat-link {
	 font-family: "Open Sans";
	 font-size: 0.9rem;
	 font-weight: 600;
	 text-align: left;
	 color: #003c71;
}
/* .stat-container .stat-highlighted span {*/
/*	 background-color: #500000;*/
/*	 color: #fff;*/
/*	 padding: 5px;*/
/*}*/
 .stat-background-plain {
	 background-color: #ffff;
}
 .stat-background-light {
	 background-color: #fff;
}
 .stat-background-dark {
	 background-color: #eaeaea;
}
 .law-statistics .grid {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 flex-wrap: wrap;
	 gap: 3rem;
}
 .law-statistics .grid.two {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 flex-wrap: wrap;
	 width: 50%;
	 gap: 3rem;
}
 .law-statistics .grid .stat-container {
	 width: 100%;
	 max-width: 100%;
	 display: flex;
	 align-items: center;
	 box-sizing: border-box;
}
 .law-statistics .grid .stat-container .stat-content {
	 margin-left: inherit;
}
 .law-statistics .grid .stat-container .stat-block {
	 position: relative;
	 z-index: 1;
	 width: inherit;
}

/* TODO: remove this later */
 .stat-container .stat-with-icon {
    display: none;
}


/*-----------PERCENTAGE CIRCLE STYLES--------------*/

.stat-with-indicator {
    position: relative;
    width: 100%;
    height: 100%;
}

.circular-progress {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(270deg);
  position: absolute;
  top: 25px;
  left: 10px;
  display: none;
}

.inner-circle {
  position: absolute;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #fff;
}

.percentage {
  position: relative;
  font-size: 2rem;
  color: green;
}


/*----------MEDIA BREAKPOINTS------------*/

@media screen and (max-width: 768px) {
  .circular-progress {
    width: 100px;
    height: 100px;
  }

  .inner-circle {
    width: 85px;
    height: 85px;
  }

  .percentage {
    font-size: 1rem;
  }
  .stat-container .stat-content {
      min-height: 270px;
  }
}

 @media screen and (max-width: 992px) {
     .law-statistics .grid {
         grid-template-columns: repeat(1, 1fr);
         box-sizing: border-box;
     }
	 .law-statistics .grid .stat-container {
		 max-width: 100%;
	}
	.law-statistics .stat-container .stat {
	    font-size: 3rem;
	}
}