.education{
    padding: 40px 0;
    .education_wrapper{
        margin-top: 50px;
        position: relative;
        &::after{
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            height:  100% ;
            width: 1px;
            background-color: #c3c3c371;
        }
        .c_padding_right{
            padding-right: 50px !important;
        }
        .c_padding_left{
            padding-left: 50px !important;
        }
        .education_left_card{
            height: 230px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 1px 1px 1px rgb(0 0 0/13%);
            padding: 30px 20px 20px 20px;
            border-top: 3px solid $primaryColor;
            position: relative;
            .left_dot{
                position: absolute;
                top: 35px;
                right: -58px;
                i{
                    color: $primaryColor;
                }
            }
            &::after{
                position: absolute;
                content: '';
                right: -16px;
                top: 30px;
                height: 32px;
                width: 32px;
                background-color: #fff;
                box-shadow: 0 1px 1px 1px rgb(0 0 0/13%);
                transform: rotate(-45deg);
                z-index: -1;
            }
            h4{
                font-size: 22px;
                font-weight: 500;
                color: $primaryColor;
                line-height: 30px;
            }
            .card_date{
                font-size: 15px;
                font-weight: 400;
                color: $primaryColor;
            }
            h5{
                font-size: 17px;
                font-weight: 400;
                color: #000;
                line-height: 20px;  
            }
        }
        .education_right_card{
            height: 230px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 1px 1px 1px rgb(0 0 0/13%);
            padding: 30px 20px 20px 20px;
            border-top: 3px solid $primaryColor;
            position: relative;
            margin-top: 100px;
            .right_dot{
                position: absolute;
                top: 35px;
                left: -58px;
                i{
                    color: $primaryColor;
                }
            }
            &::after{
                position: absolute;
                content: '';
                left: -16px;
                top: 30px;
                height: 32px;
                width: 32px;
                background-color: #fff;
                box-shadow: 0 1px 1px 1px rgb(0 0 0/13%);
                transform: rotate(45deg);
                z-index: -1;
            }
            h4{
                font-size: 22px;
                font-weight: 500;
                color: $primaryColor;
                line-height: 30px;
            }
            .card_date{
                font-size: 15px;
                font-weight: 400;
                color: $primaryColor;
            }
            h5{
                font-size: 17px;
                font-weight: 400;
                color: #000;
                line-height: 20px;  
            }
        }
    }
}