.contact-form-section .banner-list.steps .item-number,
.contact-form-section form label,
.contact-form-section form .top-fields select option,
.contact-form-section form .chip-radio .wpcf7-list-item-label,
.contact-form-section form .file-wrapper .max-size,
.contact-form-section form .file-wrapper .label,
.contact-form-section form .top-fields input,
.contact-form-section form .top-fields select,
.contact-form-section form textarea,
.contact-form-section form .file-wrapper .mobile-label{
    font-family: "Noto Sans Arabic" !important;
}

.contact-form-section form .top-fields select{
    padding: 27px 12px 9px 48px;
}

.contact-form-section form .area-text{
    margin-left: auto;
}

.contact-form-section form label{
    right: 16px;
    left: auto;
}

.contact-form-section form label::after{
    left: -9px;
    right: auto;
}

.contact-form-section form p:has(.chip-radio) label{
    right: unset;
}

.contact-form-section form .wpcf7-not-valid-tip{
    left: auto;
    right: 0;
}

.contact-form-section form p:has(textarea) .wpcf7-not-valid-tip{
    bottom: -14px;
}

.contact-form-section form .chip-radio,
.contact-form-section form #form-agree{
    flex-direction: row-reverse;
}
 
.contact-form-section form .top-fields>p:nth-child(6), 
.contact-form-section form .top-fields>p:nth-child(7){
    display: flex;
    flex-direction: column;
    align-items: end;
}

.contact-form-section.dark-theme form #form-agree .description-medium,
.contact-form-section form .file-wrapper .max-size{
    text-align: end;
}

.contact-form-section form textarea, 
.contact-form-section form input,
.contact-form-section form select{
    direction: rtl !important;
}

.contact-form-section form .top-fields p:has(select)::after{
    left: 12px;
    right: auto;
}

.contact-form-section .textarea-footer{
    justify-content: end;
}

.contact-form-section .banner-list.steps .list-item:not(:last-child)::before{
    right: 12px;
    left: auto;
}

.contact-form-section form .wpcf7-spinner{
    left: calc(anchor(left) + 12px);
    right: auto;
}

@media (max-width: 1279px) {
    .contact-form-section form .file-wrapper{
        padding-right: 60px;
        padding-left: 16px;
        align-items: end;
    }

    .contact-form-section form .file-wrapper::before{
        right: 16px;
        left: auto;
    }
}

@media (max-width: 577px) {
    .contact-form-section form #form-agree{
        flex-direction: column;
    }
}