/* =========================
   STEPS SECTION
========================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:#fafaf8;
}

.process{
    padding:90px 8%;
}

.container{
    max-width:1300px;
    margin:auto;
    text-align:center;
}

/* Badge */


/* Heading */

.process h2{

    font-family:'Cormorant Garamond',serif;

    font-size:58px;

    color:black;

    margin-bottom:20px;

}

.subtitle{

    font-size:22px;

    color:black;

    margin-bottom:70px;

    font-family:'Cormorant Garamond',serif;

}

/* Timeline */

.timeline{

    position:relative;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:42px;

}

/* Horizontal Line */

.line{

    position:absolute;

    top:26px;

    left:8%;

    width:80%;

    height:3px;

    background:#6f9878;

    z-index:0;

}

/* Step */

.step{

    position:relative;

    z-index:2;

}

.circle{

    width:56px;

    height:56px;

    margin:auto 0 30px;

    background:#2d6b3e;

    border-radius:50%;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    font-family:'Cormorant Garamond',serif;

    font-weight:700;

    border:4px solid #fff;

    box-shadow:0 6px 15px rgba(0,0,0,.15);

}

.step h3{

    font-family:'Cormorant Garamond',serif;

    color:black;

    font-size:34px;

    margin-bottom:18px;

}

.step p{

    color:black;

    line-height:1.9;

    font-size:18px;

}

/* Hover */

.step:hover .circle{

    background:#174b43;

    transform:scale(1.08);

    transition:.3s;

}

/* Responsive */

@media(max-width:992px){

.timeline{

    grid-template-columns:repeat(2,1fr);

}

.line{

    display:none;

}

}

@media(max-width:600px){

.process h2{

    font-size:38px;

}

.subtitle{

    font-size:18px;

}

.timeline{

    grid-template-columns:1fr;

}

.step{

    margin-bottom:50px;

}

.step h3{

    font-size:28px;

}

}