@import url('https://fonts.googleapis.com/css2?family=Bakbak+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap');

body {
    /*zoom: 0.85 !important;*/
}

html[lang="ar"] body, html[lang="ar"] .section, html[lang="ar"] .h1, html[lang="ar"] .h2, html[lang="ar"] .h3, html[lang="ar"] .h4,
html[lang="ar"] .h5, html[lang="ar"] .h6, h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6, html[lang="ar"] div,
html[lang="ar"] .ui-input, html[lang="ar"] input, html[lang="ar"] li, html[lang="ar"] button, html[lang="ar"] b, html[lang="ar"] span, html[lang="ar"] a {
    font-family: 'Readex Pro', sans-serif !important;
}

.font_custom_1 {
    font-family: "Bakbak One", sans-serif !important;
}

html[lang="ar"] .font_custom_1 {
    font-family: 'Readex Pro', sans-serif !important;
}

.navigation a.main_item {
    font-weight: 700;
    font-family: var(--secondary_font);
}

.text-white {
    color: #fff;
}

.custom_cta_button {
    border-color: #fff !important;
    color: #fff !important;
}

.pb-100 {
    padding-bottom: 130px;
}

.p-2 {
    padding: 10px 40px !important;
}


.form-control {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #181C32;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #E4E6EF;
    appearance: none;
    border-radius: 0.65rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type=file] {
    overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control:focus {
    color: #181C32;
    background-color: #ffffff;
    border-color: #B5B5C3;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::placeholder {
    color: #A1A5B7;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #EFF2F5;
    opacity: 1;
}

.form-control::file-selector-button {
    padding: 0.75rem 1rem;
    margin: -0.75rem -1rem;
    margin-inline-end: 1rem;
    color: #181C32;
    background-color: #F5F8FA;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #e9ecee;
}

.form-control::-webkit-file-upload-button {
    padding: 0.75rem 1rem;
    margin: -0.75rem -1rem;
    margin-inline-end: 1rem;
    color: #181C32;
    background-color: #F5F8FA;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #e9ecee;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.75rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #181C32;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-left: 0;
    padding-right: 0;
}

.form-control-sm {
    min-height: calc(1.5em + 1.1rem + 2px);
    padding: 0.55rem 0.75rem;
    font-size: 0.925rem;
    border-radius: 0.65rem;
}

.form-control-sm::file-selector-button {
    padding: 0.55rem 0.75rem;
    margin: -0.55rem -0.75rem;
    margin-inline-end: 0.75rem;
}

.form-control-sm::-webkit-file-upload-button {
    padding: 0.55rem 0.75rem;
    margin: -0.55rem -0.75rem;
    margin-inline-end: 0.75rem;
}

.form-control-lg {
    min-height: calc(1.5em + 1.65rem + 2px);
    padding: 0.825rem 1.5rem;
    font-size: 1.15rem;
    border-radius: 0.65rem;
}

.form-control-lg::file-selector-button {
    padding: 0.825rem 1.5rem;
    margin: -0.825rem -1.5rem;
    margin-inline-end: 1.5rem;
}

.form-control-lg::-webkit-file-upload-button {
    padding: 0.825rem 1.5rem;
    margin: -0.825rem -1.5rem;
    margin-inline-end: 1.5rem;
}

textarea.form-control {
    min-height: calc(1.5em + 1.5rem + 2px);
}

textarea.form-control-sm {
    min-height: calc(1.5em + 1.1rem + 2px);
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1.65rem + 2px);
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: 0.75rem;
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: 0.65rem;
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: 0.65rem;
}

.form-custom {
    min-height: 50px;
    font-size: 17px;
    padding: 12px 12px 12px 20px;
    border-radius: 4px;

}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #EFF2F5;
    border-radius: 0.65rem;
    box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
}
.card > hr {
    margin-left: 0;
    margin-right: 0;
}
.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card > .list-group:first-child {
    border-top-width: 0;
    border-top-right-radius: calc(0.65rem - 1px);
    border-top-left-radius: calc(0.65rem - 1px);
}
.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-left-radius: calc(0.65rem - 1px);
    border-bottom-right-radius: calc(0.65rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}

.card-title {
    margin-bottom: 0.5rem;
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}
.card-link + .card-link {
    margin-right: 1rem;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #EFF2F5;
}
.card-header:first-child {
    border-radius: calc(0.65rem - 1px) calc(0.65rem - 1px) 0 0;
}

.card-footer {
    padding: 0.5rem 1rem;
    background-color: #ffffff;
    border-top: 1px solid #EFF2F5;
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.65rem - 1px) calc(0.65rem - 1px);
}

.card-header-tabs {
    margin-left: -0.5rem;
    margin-bottom: -0.5rem;
    margin-right: -0.5rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1rem;
    border-radius: calc(0.65rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-right-radius: calc(0.65rem - 1px);
    border-top-left-radius: calc(0.65rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(0.65rem - 1px);
    border-bottom-right-radius: calc(0.65rem - 1px);
}

.card-group > .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-right: 0;
        border-right: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-right-radius: 0;
    }
}