@font-face {
    font-family: 'PingAR';
    src: url('/fonts/pingar/PingAR+LT-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PingAR';
    src: url('/fonts/pingar/PingAR+LT-Medium.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'PingAR';
    src: url('/fonts/pingar/PingAR+LT-Bold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'PingAR';
    src: url('/fonts/pingar/PingAR+LT-Heavy.otf') format('opentype');
    font-weight: 900;
}


body {
    font-family: "IBM Plex Sans Arabic", serif;
    font-weight: 500;
    font-style: normal;
}

.main-header {
    position: relative;
    background: url("../../img/websiteImages/forms-bg.svg") center/cover no-repeat;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

.form-title {
    color: var(--light-brown);
    font-weight: 800;
}

.section-subtitle {
    color: var(--blue-magentan);
    font-weight: 600;
}
.text-blue-magentan {
  color: var(--blue-magentan);
}

.red-text{
     color: var(--danger-text);
}
.border-color{
    border-color: var(--gray-light) !important;
    box-shadow: none;
}

.form-select.border-color {
    border-color: var(--gray-light) !important;
    color: var(--gray-light);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234E4D4D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 14px 10px;
    padding-right: 2.5rem;
    padding-left: 0.75rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

[dir="rtl"] .form-select.border-color {
    background-position: right 0.75rem center;
    padding-right: 2.5rem;
    padding-left: 0.75rem;
}

.form-select.border-color:focus {
    border-color: var(--gray) !important;
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234E4D4D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");
}

.form-select.border-color option {
    color: #000;
}

.phone-prefix {
    background-color: var(--light-gray);
    border-color: var(--gray-light)  !important;
    color: var(--gray-light) ;
    font-weight: 500;
}



.evaluation-criteria-list {
    list-style: disc;
    padding-right: 1.5rem;
    color: var(--blue-magentan);
}

.evaluation-criteria-list li {
    color: var(--blue-magentan);
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.evaluation-criteria-list li strong {
    color: var(--blue-magentan);
    font-weight: 700;
}

.evaluation-criteria-list ul {
    list-style: disc;
    padding-right: 1.5rem;
    margin-top: 0.5rem;
}
.btn-submit{
    background-color: var(--blue-magentan);
    min-width: 200px;
    width: auto;
}

.form-actions {
    text-align: left;
}

[dir="rtl"] .form-actions {
    text-align: right;
}

.text-light-brown {
    color: var(--light-brown) ;
}

[dir="rtl"] .phone-prefix-btn {
    border-radius:1px 7px 7px 1px !important
}

[dir="rtl"] .phone-input-field {
    border-radius: 7px 2px 0px 7px !important;
}

[dir="ltr"] .phone-prefix-btn {
    border-radius:7px 2px 1px 7px !important;
}

[dir="ltr"] .phone-input-field {
    border-radius: 0px 0px 7px 2px !important;

}

.btn-gray-dark {
    background-color: var(--gray-dark) !important;
    border-color: var(--gray-dark) !important;
    color: #000;
}


.btn-download{
    border-color: var(--blue-magentan);
 background: transparent;
}

.btn-download:hover{
     background:var(--light-gold);
}