.custom-main-section {
  display: flex;
    align-items: center;
}
.custom-main-section .description {
  width: 30vw;
  margin-right: 140px;
}
.custom-main-section .description .article-text {
  display: none;
}
.custom-main-section .description .article-text.show{
  display: block;
}

.circle {
  display: grid;
  position: relative;
  grid-template-areas: "layer";
  place-items: center;
  background: #E6F7FE;
  border-radius: 50%;
  --radius: 25vmin;
  width: calc(2 * var(--radius));
  height: calc(2 * var(--radius));
}

.middle img {
  max-width: 80%;
  filter: opacity(0.5);
  transform: rotate(69deg);
}

.middle span {
  filter: opacity(0.5);
  font-size: 3rem;
  font-weight: bold;
}
.middle {
  position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    /*border: 1px solid red;*/
    width: 65%;
    height: 65%;
    justify-content: center;
}
.stat {
  grid-area: layer;
  z-index: 99;
  width: 14vmin;
  height: 14vmin;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: white;
  color: #185adb;
  font-weight: bold;
  font-size: 3vmin;
  --d: calc(var(--i) / var(--total));
  --r-offset: -0.25turn;
  --r-amount: 1turn;
  --r: calc((var(--r-amount) * var(--d)) + var(--r-offset));
  --transform: rotate(var(--r)) translate(var(--radius))
    rotate(calc(-1 * var(--r)));
  transform: var(--transform);
  /*transition: transform 1.5s ease-in-out;*/

  align-content: center;
  user-select: none;
  gap: 3px;
  cursor: pointer;
  box-shadow: 2px 5px 7px 0px rgb(0 0 0 / 20%) !important;
}

.stat span {
  font-size: 0.8rem;
  font-weight: bold;
}
.stat img {
  height: 40px;
  width: 40px;
}

.stat:hover {
  border: 2px solid #add6e7;
}
.stat.active {
  /*transform: scale(1.1);*/
  border: 2px solid #80bbd3;
}

.circle:hover .stat {
  /*--radius: calc(-20vmin);*/
  /*--r-offset: -1.75turn;*/
}

.article-text h3 {
    font-size: 32px;
    font-weight: 700;
    color: #001e61;
/*     border-top: 2px solid #001e61; */
    width: 300px;
    padding-top: 25px;
}

/* process title */
section.custom-main-section h1.process_title{
	color: #FFFFFF00;
    font-family: "Sansation Bold", Sans-serif;
    font-size: 160px;
    line-height: 1em;
    -webkit-text-stroke: 1px #fff;
}
.description p {
    width: 20vw;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .custom-main-section {
    display: flex;
    flex-direction: column;
  }
  
  .custom-main-section .description {
    width: 80vw !important;
    margin-right: 0 !important;
    padding-bottom: 30px;
  }
}