.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;
	
	position: absolute;
  z-index: 999;
  right: 20px;
  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%;


    }





}