/*==================================================
TIMELINE
==================================================*/

.avi-timeline{

    padding:110px 0;

    background:#fafafa;

    position:relative;

}

.avi-timeline-grid{

    position:relative;

    display:grid;

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

    gap:40px;

    margin-top:80px;

}

.avi-timeline-line{

    width:100%;

    height:2px;

    background:#e6e6e6;

    margin-top:70px;

}

.avi-timeline-item{

    position:relative;

    background:#fff;

    padding:40px;

    border-radius:22px;

    border:1px solid #ececec;

    transition:.35s;

}

.avi-timeline-item:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.avi-timeline-dot{

    width:18px;

    height:18px;

    border-radius:50%;

    background:#a50f15;

    position:absolute;

    top:-49px;

    left:45px;

    border:5px solid #fff;

    box-shadow:0 0 0 4px #a50f15;

}

.avi-stage{

    display:inline-block;

    padding:8px 18px;

    border-radius:999px;

    background:#fdeceb;

    color:#a50f15;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.avi-timeline-item h3{

    margin:0 0 18px;

    font-size:28px;

    color:#222;

    line-height:1.4;

}

.avi-timeline-item p{

    margin:0;

    color:#666;

    line-height:1.9;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

    .avi-timeline{

        padding:80px 0;

    }

    .avi-timeline-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .avi-timeline-line{

        display:none;

    }

    .avi-timeline-dot{

        display:none;

    }

}

@media(max-width:767px){

    .avi-timeline{

        padding:60px 0;

    }

    .avi-timeline-item{

        padding:30px;

    }

    .avi-timeline-item h3{

        font-size:24px;

    }

}