span.select-wrap {
    position: relative;
    display: block;
}
span.select-wrap:after{
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: url('https://d3o8vwpyaorolj.cloudfront.net/stylesheets/vendor/fontawesome/svgs/duotone/angle-down.svg');
    right: 10px;
    top: 6px;
    padding: 2px 0 0 7px;
    border-left: 1px solid #ddd;
    opacity: .6;
    pointer-events: none;
    -webkit-transform: translateY(8px) scale(1.1);
    -moz-transform: translateY(8px) scale(1.1);
    height: 20px;
    width: 20px;
    margin-left: 5px;
    position: absolute;
}

@media (prefers-color-scheme: light) {
    :root {
      --arrow-down: url(https://df6yevl24pl4a.cloudfront.net/filer_public/cd/42/cd42e5ba-9e6b-47c6-9570-e4370c4abf2d/angle-down-regular.svg);
    }
  }

@media (prefers-color-scheme: dark) {
:root {
    --arrow-down: url(https://df6yevl24pl4a.cloudfront.net/filer_public/16/33/163386b1-e513-4e27-88ad-4942ebf04ef6/angle-down-white.svg);
    }
}

form span.select-wrap:after,
form label.select:after {
    content: var(--arrow-down);
}

/* html[lang="fa"] #id_reason_for_contact, .dynamic-labels .form-group:not(.basic-labels):has(.select-wrap) label, .dynamic-labels .form-group:not(.basic-labels) .text-label, .dynamic-labels .form-group:not(.basic-labels) .tel-label, .dynamic-labels .form-group:not(.basic-labels) .textarea-label, .dynamic-labels .form-group:not(.basic-labels) input[type="text"], .dynamic-labels .form-group:not(.basic-labels) input[type="tel"], #id_notes {
    text-align: right;
}

html[lang="fa"] #id_reason_for_contact, .dynamic-labels .form-group:not(.basic-labels):has(.select-wrap) label, .dynamic-labels .form-group:not(.basic-labels) .select-label.active {
    padding-right: 32px;
} */

html[lang="fa"] {
    #id_reason_for_contact,
    #id_notes {
        text-align: right;
    }
    
    #id_reason_for_contact {
        padding-right: 32px;
    }
    
    .dynamic-labels .form-group:not(.basic-labels) {
        .select-label,
        .text-label,
        .tel-label,
        .textarea-label,
        input[type="text"],
        input[type="tel"] {
            text-align: right;
        }
        
        .select-label, .select-label.active {
            padding-right: 32px;
        }
    }
}

@media (max-width: 900px) { 
.content {
    padding: 0 10px 0 10px;
    }
}