.chabok-contactus-field {
    margin-bottom: 0px;
}
.chabok-contactus-field label {
    display:block;
}

.chabok-contactus-field input, .chabok-contactus-field textarea {
    display:block;
    width:100%;
}
.chabok-multi-field-horizental {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.chabok-multi-field-horizental  .chabok-contactus-field {
    width:50%;
}
#chabok-contactus-message.chabok-error {
  background: #ffeaea;
  padding: 18px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.chabok-multi-field-horizental  .chabok-contactus-field.chabok-phone-field {
padding-right: 10px;
}
#chabok-contactus-submit {
    margin-right: auto;
    margin-left: 0;
}
.chabok-multi-field-horizental  .chabok-contactus-field.chabok-email-field {
    padding-left: 10px;
}

.rtl .chabok-multi-field-horizental  .chabok-contactus-field.chabok-phone-field {
    padding-left: 10px;
    padding-right: 0;
}
.rtl .chabok-multi-field-horizental  .chabok-contactus-field.chabok-email-field {
        padding-right: 10px;
        padding-left: 0;
}

 #chabok-contactus-submit[disabled="disabled"] {
    cursor: default;
    background: linear-gradient(to bottom, #ffffff 50%, #12974e 50%);
	background: -webkit-linear-gradient(to bottom, #ffffff 50%, #12974e 50%);
	background: -moz-linear-gradient(to bottom, #ffffff 50%, #12974e 50% );
	background-size: 100% 200%;
    transition: 2s background-position ease-in-out, 
    color 1.5s ease-in-out;
    background-position:0 100%;
    border:1px solid #12974e;
}

.chabok-contactus-success {
    background-color:rgba(18, 151, 78, 0.176);
    padding: 30px;
}

.chabok-contactus-error {
    color:red;
    line-height: normal;
    font-size: 13px;
}

#chabok-contactus-submit[disabled="disabled"],
#chabok-contactus-submit[disabled="disabled"]:hover,
#chabok-contactus-submit[disabled="disabled"]:focus {

   color:#fff;
}

.rtl .iti--separate-dial-code {
    direction: ltr;
}


/*=====================================
    Contact Form
======================================*/

#chabok-contactus-form{
    display:flex;
    flex-direction:column;
    gap:24px;
}

#chabok-contactus-form .chabok-multi-field-horizental{
    display:flex;
    gap:20px;
}

#chabok-contactus-form .chabok-multi-field-horizental>*{
    flex:1;
}

@media (max-width:768px){

    #chabok-contactus-form .chabok-multi-field-horizental{
        flex-direction:column;
        gap:24px;
    }

}

#chabok-contactus-form .chabok-contactus-field{
    display:flex;
    flex-direction:column;
}

#chabok-contactus-form label{
    font-size:.95rem;
    font-weight:600;
    color:#3b4656;
    margin-bottom:10px;
}

#chabok-contactus-form input,
#chabok-contactus-form textarea,
#chabok-contactus-form select{

    width:100%;
    background:#fff;
    border:1px solid #e4e8ef;
    border-radius:16px;
    padding:15px 20px;
    font-size:15px;
    color:#212529;

    transition:
            border-color .25s,
            box-shadow .25s,
            background .25s;
}

#chabok-contactus-form textarea{

    min-height:180px;
    resize:vertical;
}

#chabok-contactus-form input::placeholder,
#chabok-contactus-form textarea::placeholder{

    color:#adb5bd;
}

#chabok-contactus-form input:hover,
#chabok-contactus-form textarea:hover{

    border-color:#c6cfdb;
}

#chabok-contactus-form input:focus,
#chabok-contactus-form textarea:focus,
#chabok-contactus-form select:focus{

    outline:none;
    border-color:#214788;
    box-shadow:0 0 0 .25rem rgba(33,71,136,.12);
}


/*=====================================
        Phone Input
======================================*/

#chabok-contactus-form .iti{

    width:100%;
}

#chabok-contactus-form .iti input{

    padding-left:112px !important;
}

#chabok-contactus-form .iti__selected-flag{

    background:#f7f9fc;
    border-right:1px solid #e4e8ef;
    padding-inline:16px;
    border-radius:16px 0 0 16px;
}

#chabok-contactus-form .iti__country-list{

    border:none;
    border-radius:16px;
    box-shadow:0 18px 50px rgba(0,0,0,.12);
}


/*=====================================
        Submit Button
======================================*/

#chabok-contactus-form button[type=submit],
#chabok-contactus-form input[type=submit]{

    align-self:flex-start;

    min-width:180px;

    border:none;
    border-radius:16px;

    padding:16px 34px;

    font-size:15px;
    font-weight:700;

    color:#fff;

    background: var(--accent-secondary-color);
  box-shadow: 0 3px 6px rgba(33,71,136,.25);

    transition:.3s;
}

#chabok-contactus-form button[type=submit]:hover,
#chabok-contactus-form input[type=submit]:hover{

    transform:translateY(-3px);

    box-shadow:
            0 20px 40px rgba(33,71,136,.35);
}

#chabok-contactus-form button[type=submit]:active,
#chabok-contactus-form input[type=submit]:active{

    transform:translateY(0);
}


/*=====================================
        Validation
======================================*/

#chabok-contactus-form input.error,
#chabok-contactus-form textarea.error{

    border-color:#dc3545;
}

#chabok-contactus-form input.valid,
#chabok-contactus-form textarea.valid{

    border-color:#198754;
}


/*=====================================
        Loading
======================================*/

#chabok-contactus-form.loading{

    opacity:.65;
    pointer-events:none;
}



#agency-request-form .card {
    border-radius: 16px;
}

#agency-request-form .card-header {
    padding: 1rem 1.5rem;
}

#agency-request-form .card-body {
    padding: 1.5rem;
}

#agency-request-form .form-control,
#agency-request-form .form-select {
    min-height: 48px;
    border-radius: 10px;
}

#agency-request-form textarea.form-control {
    min-height: 140px;
}

#agency-request-form .btn {
    border-radius: 12px;
}

#chabok-contactus-form h4 {
  font-size: 17px;
  padding: 15px 0;
  color: var(--accent-color);
}

#chabok-contactus-form .form-control.is-invalid {
  border-color: red !important;
}