.acf-form{
    max-width:800px;
    margin:0 auto;
}

.acf-row{
    display:flex;
    flex-wrap:wrap;
    margin-left:-10px;
    margin-right:-10px;
}

.acf-field{
    padding:10px;
    box-sizing:border-box;
}

.acf-width-100{
    width:100%;
}

.acf-width-50{
    width:50%;
}

.acf-field label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#222;
}

.acf-required{
    color:red;
}

.acf-field input,
.acf-field textarea,
.acf-field select{
    width:100%;
    padding:12px 15px;
    border:1px solid #dcdcdc;
    border-radius:6px;
    font-size:14px;
    box-sizing:border-box;
    transition:all .3s ease;
    color: #000;
}

.acf-field textarea{
    min-height:120px;
    resize:vertical;
}

.acf-field input:focus,
.acf-field textarea:focus,
.acf-field select:focus{
    outline:none;
    border-color:#2271b1;
    box-shadow:0 0 0 2px rgba(34,113,177,.15);
}

.acf-submit{
    margin-top:20px;
}

.acf-submit button{
    background:#2271b1;
    color:#fff;
    border:none;
    padding:12px 30px;
    border-radius:6px;
    cursor:pointer;
    font-size:15px;
    transition:.3s;
}

.acf-submit button:hover{
    opacity:.9;
}

.acf-invalid{
    border:1px solid #d63638 !important;
}

.acf-field-error{
    color:#d63638;
    font-size:13px;
    margin-top:5px;
}

.acf-success{
    background:#f0fff4;
    border:1px solid #8ad5a0;
    padding:15px;
    margin-bottom:20px;
    border-radius:6px;
    color:#0a7d35;
}


.acf-loader{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:20px;
    font-size:15px;
    font-weight:500;
}

.acf-spinner{
    width:24px;
    height:24px;
    border:3px solid #e5e5e5;
    border-top:3px solid #000;
    border-radius:50%;
    animation:acfSpin .8s linear infinite;
}

@keyframes acfSpin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@media(max-width:767px){

    .acf-width-50{
        width:100%;
    }

}