.wrapper-contact-us{
    padding: 96px 0;
    width: 100%;
    max-width: 1440px;
    margin: auto;
}

.wrapper-content{
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.wrapper-form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.wrapper-input{
    display: flex;
    width: 100%;
    align-items: center;
    gap: 24px;
}

.title-contact-us{
    font-size: 54px;
    line-height: 115%;
    font-weight: 600;
    color: #292524;
}

.input-form{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.wrapper-input-col{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.label-input{
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    color: #44403C;
}

.label-input span{
    color: #EF4444;
    font-size: 15px;
}

.input-style{
    border: 1px solid #343432 !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    width: 100% !important;
    height: 50px !important;
}

.style-number{
    padding: 10px 20px;
}

.style-date{
    padding: 10px 20px;
}

.select-style {
    width: 100% !important;
    height: 50px !important;
    padding: 0 16px;

    background-color: #ffffff !important;
    border: 1px solid #343432 !important;
    border-radius: 16px !important;

    font-size: 16px;
    font-family: inherit;
    color: #292524;

    appearance: none;         /* hilangkan default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;

    /* background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23343432' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); */
    /* background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px; */
}

/* .select-style:focus {
    border-color: #ba9764 !important;
    box-shadow: 0 0 0 3px rgba(186, 151, 100, 0.2);
    outline: none;
} */

.nice-select .list{
    padding: 0 !important;
}

.select-style option {
    color: #292524;
}


.textarea-style {
    width: 100% !important;
    background-color: #ffffff !important;

    border: 1px solid #343432 !important;
    border-radius: 16px !important;

    padding: 12px 16px !important;
    font-size: 16px;
    font-family: inherit;
    color: #292524;

    resize: vertical; /* boleh resize ke bawah saja */
    min-height: 160px; /* tinggi minimal */
    outline: none;
}

/* Chrome, Safari, Edge */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.button-send{
    background-color: #C35720;
     border-radius: 1000px;
     width: 93px;
     height: 52px;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #FAFAF9;
     font-size: 18px;
     font-weight: 500;
     line-height: 130%;
}

@media(max-width:768px){
    .wrapper-contact-us{
        padding: 80px 20px;
    }
    .title-contact-us{
        font-size: 28px;
    }
    .wrapper-input{
        flex-direction: column;
    }
}