@import url("../fonts/Tajawal/fonts.css");

/* variables */
:root {
    --font-family: "Tajawal" !important;
    --font-family-bold: "Tajawal Bold" !important;
}

body {
    direction: rtl;
    text-align: left;
    font-family: var(--font-family);
}

.dropdown-toggle::after {
    margin-left: auto !important;
    margin-right: 0.255em !important;
}

.mr-4,
.mx-4 {
    margin-right: auto !important;
    margin-left: 1.5rem !important;
}

.btn-primary span::after {
    margin-left: auto;
    margin-right: 10px;
    transform: rotate(270deg);
}

/* ---------------the logo------------------------ */

.left-logo-text h2,
.left-logo-text p,
.the-logo-button {
    direction: rtl !important;
    text-align: right !important;
}

    .the-logo-button img {
        transform: rotate(270deg);
    }

/* -------------------our-agenda-------------------- */
.time-brick,
.agenda-subtitle {
    text-align: right !important;
    direction: rtl;
}

.lunch-break {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row-reverse;
    align-items: center;
}

.agenda-start {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.agenda-end {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: transparent;
}

.btn-agenda-middle {
    border: transparent;
    border-left: 1px solid rgba(201, 201, 201, 1) !important;
    border-right: transparent !important;
}

/* --------------footer----------------- */
.footer-logos,
.footer-links {
    direction: rtl !important;
    text-align: right !important;
}

.explore-links {
    margin: 0px !important;
}

.footer-contanct a p img {
    margin-right: 0px !important;
    margin-left: 16px !important;
}

.footer-content-copy p {
    direction: rtl !important;
}

.footer-contanct h5 {
    text-align: right !important;
}

@media (max-width: 768px) {
    .the-logo-button {
        text-align: center !important;
    }

    .footer-contanct {
        direction: rtl !important;
        text-align: center !important;
    }

        .footer-contanct a {
            display: flex !important;
            justify-content: center !important;
        }

    .explore-links {
        text-align: center;
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        text-align: right !important;
    }

    .footer-contanct h5 {
        text-align: center !important;
    }
}

.about-container {
    text-align: right;
}

.aboutus-text-left::after {
    right: auto;
    left: 0;
}

.mr-2,
.mx-2 {
    margin-right: auto !important;
    margin-left: 0.5rem !important;
}

.content-data-box {
    text-align: right;
    padding: 0px 50px 65px 0px;
}

    .content-data-box p {
        padding-right: 0px !important;
        padding-left: 65px !important;
    }

@media (max-width: 992px) {
    .navbar-light .navbar-nav .nav-link {
        text-align: right;
    }
}

.content-data-img2 {
    transform: scaleX(-1);
}

.form-field,
.form-group,
.register-form-radio {
    text-align: right !important;
}

.form-check-inline {
    margin-right: 0px !important;
    margin-left: 1.5rem !important;
}

    .form-check-inline .form-check-input {
        margin-left: .3125rem !important;
        margin-right: 0 !important;
    }

.form-check label {
    margin-left: 0px !important;
    margin-right: 8px !important;
}

.previous-event-section .pre-logo-lnk.fist-lnk::before {
    right: initial;
    left: 0;
}

.mr-3, .mx-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}