@font-face {
    font-family: Fanan;
    src: url("/fonts/Khalid.ttf") format("opentype");
}
body {
    direction: rtl;
    text-align: right;
    font-family: "Fanan", "Cairo", sans-serif;
}

.slider-container > img {
    right: auto;
    left: 0;
}
.slider {
    direction: ltr;
}

.slider-container .slider.short h1 {
    left: auto;
    right: 10%;
}
.homeBG .navbar .logo {
    left: auto;
    right: 6px;
}
.homeBG .navbar .navbar-nav {
    padding-left: 0px;
    padding-right: 210px;
}
.mr-auto,
.mx-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.dark-section form button,
.section-block button {
    float: left;
}
.dark-section form,
.section-block .survey-title,
.section-block .survey-questions,
.section-block .text h3,
.dropdown-item {
    text-align: right;
}

.section-block .survey-questions {
    padding-right: 0;
    padding-left: 60px;
}

.text-md-left {
    text-align: right !important;
}

.form-check-input {
    margin-right: -1.25rem;
    margin-left: auto;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
    > .input-group-prepend:first-child
    > .input-group-text:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.modal .modal-dialog {
    text-align: right;
}

.modal-header .close {
    margin: -1rem 0;
}

@media (min-width: 576px) {
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0rem !important;
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 768px) {
    .offset-md-4 {
        margin-left: auto;
        margin-right: 33.33333333%;
    }
}

@media (max-width: 768px) {
    .homeBG .navbar .navbar-nav {
        padding-inline-start: 0;
    }
}

.gsc-control-cse .gs-snippet b {
    background: yellow;
}

@font-face {
    font-family: "Traditional Arabic";
    src: url("../fonts/TraditionalArabic.ttf");
}

@font-face {
    font-family: "Traditional Arabic Bold";
    src: url("../fonts/TraditionalArabicBold.ttf");
}
