@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

:root {
  --color-ppc01: #161F48;
  --color-ppc02: #E1C582;
  --color-ppc03: #AC9055;
}

.ppc .stat-strip {
  color: #fff;
  border-radius: 18px;
  padding: 36px 30px 16px 30px;
  margin-bottom: 4rem;
}
.ppc .block_dark_bg {
  background: var(--color-ppc01) url("../images/bg_cir2.png") no-repeat right bottom;
}
.ppc .stat-title {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;
  color: var(--color-ppc02);
  font-size:2.25rem;
}
.ppc .stat-desc {
  font-family: "Roboto", serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  font-size: 1rem;
  display: block;
  line-height: 1.2;
  margin: 1rem 0;
}
.ppc .mini-title
{
  font-family: "Roboto", serif;
  font-weight: 300;
  font-style: normal;
  color: var(--color-ppc03);
  font-size: 1.25rem;
}
.ppc h1, .ppc h2, .ppc h3, .ppc h4 {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:"SOFT" 0, "WONK" 0;
  letter-spacing: -0.01em;
  color: var(--color-ppc01);
  margin: 0;
  margin-top: 0px;
}
.ppc h2 {
  font-size: 2rem;
  margin-bottom: 3rem;
}



.ppc .process-section{
  padding:0;
  margin-bottom: 4rem;
}

.ppc .timeline{
    position:relative;
    max-width:900px;
    margin:auto;
}

.ppc .step{
    display:flex;
    position:relative;
    padding-bottom:10px;
}

.ppc .step:last-child{
    padding-bottom:0;
}

.ppc .step-number{
    width:60px;
    height:60px;
    border-radius:50%;
    background:var(--color-ppc01);
    color:var(--color-ppc02);
    font-size:24px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    position:relative;
    z-index:2;
}

.ppc .step:not(:last-child) .step-number:after{
    content:"";
    position:absolute;
    top:60px;
    left:50%;
    width:4px;
    height:calc(100% + 30px);
    transform:translateX(-50%);
    background:var(--color-ppc01);
}

.ppc .step-content{
    margin-left:30px;
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
  width: 100%;
}

.ppc .step-content h3{
    margin-bottom:10px;
}

.ppc .step-content p{
    margin:0;
}
/*
.ppc .step{
    opacity:0;
    transform:translateY(40px);
    transition:.8s ease;
}

.ppc .step.active{
    opacity:1;
    transform:none;
}
*/