main div.section4{
    width: 100%;
    height: 100vh;

    background-color: #ffffff;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

div.section4 div.work{
    width: 87%;
    height: 80%;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
}

div.work div.head{
    text-align: center;
}
div.work div.head h2{
    color: #080808;
    font-size: 34px;
    /* vertical-align: bottom; */
}
div.work div.head p{
    font-size: 14px;
    color: #9C9C9C;
    line-height: 24px;
    letter-spacing: 1%;
}

/*  */

div.work div.slider{
    flex: 1;

    padding: 0px 100px;

    display: flex;
    justify-content: center;
    gap: 30px;
    
}
div.work div.slider div.project{
    width: 40%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 25px;
}

div.slider div.project div.card-img{
    width: 100%;
    height: 60%;
    border-radius: 6px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.slider .proj1{
    background-image: url(../imgs/slider/1.png);
}
div.slider .proj2{
    background-image: url(../imgs/slider/2.png);
}

/*  */
div.slider div.project div.card-body h2{
    color: #080808;
    font-size: 24px;

    margin-top: 15px;
}
div.slider div.project div.card-body p{
    color: #9C9C9C;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1%;

    margin-top: 15px;
}
div.slider div.project div.card-body button{
    margin-top: 15px;
    width: 140px;
    height: 38px;

    border: 1px solid #62BA1B;
    border-radius: 4px;
    box-shadow: 0px 8px 30px 0 #3F8E004D;
    
    padding: 10px 24px;
    background-color: #3F8E00;

    color: 14px;
    color: #ffffff;
}