.whatsapp-form{
    padding: 45px 45px;
    width: 95%;
    border: 1px solid rgba(241, 241, 241, 1);
    border-radius: 15px;
    box-shadow: 2px 2px 2px 0px rgba(216, 216, 216, 0.25);
}

.whatsapp-form:hover{
    box-shadow: 0px 0px 25px 5px rgba(196, 196, 196, 0.25);
    transition: 0.5s;
}

.pad-form-order{
    padding: 20px 20px;
}

.pad-ab-col2-order{
    padding: 80px 0;
}

.datainput{
    margin-bottom: 20px;
}

.inputan{
    border-radius: 5px;
    border: 1px solid rgba(222, 222, 222, 1);
    padding: 5px 10px;
    width: 100%;
    background-color: #fdfdfd;
}


.btn-hijau{
    background-color: #0040A1;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 0 35px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    width: 100%;
}

.btn-hijau:hover{
    background-color: #002F76;
    transition: 0.5s;
}

.col-50-order{
    width: 50%;
    float: left;
}

.order-flex{
    display: flex;
    flex-wrap: wrap;
}

.order-col-form{
    order: 0;
}

.pad-sec-order{
    padding: 100px 35px;
}

@media screen and (max-width:884px){
    .col-50-order{
        width: 100%;
        float: left;
    }

    .pad-ab-col2-order{
        padding: 10px 0;
    }

    .order-flex{
        display: flex;
        flex-wrap: wrap;
    }
    
    .order-col-form{
        order: 2;
    }

    .pad-sec-order{
        padding: 50px 20px;
    }

    .pad-form-order{
        padding: 20px 10px;
    }
    
}

@media screen and (max-width:500px){
    .whatsapp-form{
        padding: 20px 20px;
        width: 100%;
        border: 1px solid rgba(241, 241, 241, 1);
        border-radius: 15px;
        box-shadow: 2px 2px 2px 0px rgba(216, 216, 216, 0.25);
    }

    .col-50-order{
        width: 100%;
        float: left;
    }

    .pad-ab-col2-order{
        padding: 10px 0;
    }

    .order-flex{
        display: flex;
        flex-wrap: wrap;
    }
    
    .order-col-form{
        order: 2;
    }

    .pad-sec-order{
        padding: 40px 20px;
    }

    .pad-form-order{
        padding: 0px 0px;
    }
}