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

.pcb-timeline{

    padding:var(--space-11) 0;

}

.pcb-timeline-header{

    max-width:820px;

    margin:0 auto;

    text-align:center;

}

.pcb-timeline-header h2{

    margin:var(--space-3) 0;

}

.pcb-timeline-header p{

    max-width:760px;

    margin:auto;

}


/*============================*/

.pcb-timeline-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:90px;

    margin-top:var(--space-11);

}

.pcb-timeline-row.left{

    direction:rtl;

}

.pcb-timeline-row.left>*{

    direction:ltr;

}


/*============================*/

.pcb-timeline-image img{

    width:100%;

    border-radius:24px;

    display:block;

}


/*============================*/

.pcb-timeline-title{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:26px;

}

.pcb-timeline-icon{

    width:58px;

    height:58px;

    border-radius:14px;

    background:#EEF7FF;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.pcb-timeline-icon img{

    width:24px;

}

.pcb-timeline-title h3{

    margin:0;

}


/*============================*/

.pcb-timeline-content{

    border-left:3px solid #3CA8FF;

    padding-left:22px;

    margin-left:30px;
    border-radius: 10px 0 0  10px

}

.pcb-timeline-content p{

    margin:0;

}


/*============================
TABLET
============================*/

@media(max-width:991px){

.pcb-timeline-row{

    grid-template-columns:1fr;

    gap:40px;

}

.pcb-timeline-row.left{

    direction:ltr;

}

}


/*============================
MOBILE
============================*/

@media(max-width:767px){

.pcb-timeline{

    padding:var(--space-9) 0;

}

.pcb-timeline-row{

    margin-top:var(--space-8);

    gap:24px;

}

.pcb-timeline-title{

    gap:14px;

    margin-bottom:18px;

}

.pcb-timeline-icon{

    width:48px;

    height:48px;

}

.pcb-timeline-icon img{

    width:20px;

}

.pcb-timeline-content{

    margin-left:24px;

    padding-left:16px;

}

}