body {
    font-family: Vazir FD;
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-left-radius: .3rem;
        border-bottom-left-radius: .3rem;
    }
}

.form-outline .form-control ~ .form-label {
    left: unset;
    right: 0.75rem;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}


.form-outline .form-control ~ .form-notch .form-notch-leading {
    border-right: 1px solid #bdbdbd;
    border-left: none;
    border-radius: 0 0.25rem 0.25rem 0;
}

.form-outline .form-control ~ .form-notch .form-notch-trailing {
    border-left: 1px solid #bdbdbd;
    border-right: none;
    border-radius: 0.25rem 0 0 0.25rem;
}
.form-outline .form-control.active ~ .form-notch .form-notch-leading, .form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-left: none;
    border-right: 1px solid #bdbdbd;
}

.form-outline .form-control.active ~ .form-notch .form-notch-trailing, .form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-left: 1px solid #bdbdbd;
    border-right: none;
}



.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-top: .125rem solid #1266f1;
    border-bottom: .125rem solid #1266f1;
    border-right: .125rem solid #1266f1;
    border-left: none
}


.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-top: .125rem solid #1266f1;
    border-bottom: .125rem solid #1266f1;
    border-left: .125rem solid #1266f1;
    border-right: none
}



.form-check {
    padding-left: unset;
    padding-right: 1.5em;
}
.form-check .form-check-input {
    margin-left: unset;
    margin-right: -1.79rem;
}
.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: unset;
}

.form-check-input[type=checkbox]:checked:after {
    margin-right: 0.25rem;
    margin-left: unset;
}