html,
body {
    position: relative;
    overflow-x: hidden;
}

body {
    direction: rtl;
    font-family: 'Tajawal', sans-serif !important;
}

html[lang="ar"] .dropdown-content a {
    text-align: right;
}

html[lang="ar"] .left-bottom-banner-image,
html[lang="ar"] .right-bottom-banner-image,
html[lang="ar"] .emergency-call img,
html[lang="ar"] .contribution img,
html[lang="ar"] .gethelp-tophone {
    transform: scaleX(-1);
}

html[lang="ar"] .footer-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[lang="ar"] .join-footer {
    margin-left: 0;
    margin-right: 15px;
}

html[lang="ar"] .form-control {
    right: 55px;
    left: 0;
}

html[lang="ar"] .input-email.form-control {
    padding-right: 10px;
    padding-left: 45px;
}
html[lang="ar"] .fa-angle-down {
    left: 0;
    right: 2px;
}

html[lang="ar"] .footer-top-left p {
    font-size: 15px;
}

html[lang="ar"] .emergency-call p {
    line-height: 45px;
}

html[lang="ar"] .yes-emergency,
html[lang="ar"] .yes-contact-emergency {
    margin-right: 0;
    margin-left: 30px;
}

html[lang="ar"] .agreementtext::before {
    margin-right: 0;
    margin-left: 10px;
}

html[lang="ar"] .checkboxagreement input:checked+label::after {
    left: auto;
    right: 17px;
}

html[lang="ar"] .btn-emergency {
    padding: 0.5rem 3rem !important;
}

html[lang="ar"] .popupCloseButton span {
    left: -7.5px;
    position: relative;
    top: -1px;
}

html[lang="ar"] .countrydropdown .select,
html[lang="ar"] .salutation-dropdown .select {
    text-align: right;
}

html[lang="ar"] .currencydropdown .dropdown-menu,
html[lang="ar"] .countrydropdown .dropdown-menu,
html[lang="ar"] .salutation-dropdown .dropdown-menu {
    left: auto;
    right: 15px;
}

html[lang="ar"] .location p {
    font-family: 'Tajawal', sans-serif !important;
}

html[lang="ar"] p.text-uppercase.location-title.noto-family {
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.noto-family {
    font-family: 'Noto Kufi Arabic', sans-serif;
}

html[lang="ar"] .popup-button h1 {
    margin: auto;
}

html[lang="ar"] .popup-content{
    direction: ltr;
}

@media (min-width: 1200px) {
    html[lang="ar"] .footer-top-left {
        margin-right: 60px !important;
    }
}

@media (min-width:992px) {
    html[lang="ar"] .form-amount-input {
        margin-right: 0;
        margin-left: 15px;
    }
}

@media (max-width:1315px) {
    html[lang="ar"] .nav-link,
    html[lang="ar"] .nav-link-button {
        font-size: 14px;
        margin: .5rem 0.3rem;
    }
}

@media (max-width: 1200px) {
    html[lang="ar"] a.btn.orange-button.btn-emergency.emergengy-popup {
        padding: 0.5rem 2rem !important;
    }
    html[lang="ar"] .footer-top-left {
        margin-left: auto !important;
        margin-right: 30px !important;
    }
    html[lang="ar"] .dropdown {
        font-size: 14px;
        margin: 0.5rem 0.3rem;
    }
}

@media (max-width:1070px) {
    html[lang="ar"] .nav-link,
    html[lang="ar"] .nav-link-button {
        font-size: 13px !important;
    }
}

@media (max-width:1045px) {
    html[lang="ar"] .nav-link,
    html[lang="ar"] .nav-link-button,
    html[lang="ar"] .header-contact,
    html[lang="ar"] .donate-button {
        margin: .5rem 0.2rem;
    }
}

@media (max-width: 992px) {
    .footer-top-left {
        margin-right: auto !important;
    }
    html[lang="ar"] .form-control {
        left: 0;
        right: 20px;
    }
    html[lang="ar"] .btn-subscribe {
        left: 0px;
        right: -20px;
        width: 130px;
    }
    html[lang="ar"] .footer-top-left p {
        font-size: 19px;
    }
    html[lang="ar"] .footer-top-left {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    html[lang="ar"] .nav-link,
    html[lang="ar"] .nav-link-button {
        font-size: 14px;
    }
    html[lang="ar"] .checkboxagreement input:checked+label::after {
        right: 12px;
        left: auto;
    }
    html[lang="ar"] .dropdown-content a {
        text-align: center;
    }
    html[lang="ar"] .dropdown-content a {
        padding: 6px 0;
    }
    html[lang="ar"] .dropdown-content.show {
        top: 25px;
    }
}

@media (max-width: 600px) {
    .small-padding-mobile,
    .burger-padding-mobile {
        margin-left: 0 !important;
        margin-right: 1rem !important;
    }
    html[lang="ar"] .form-control {
        right: 25px;
    }
    html[lang="ar"] .footer-top-left p {
        font-size: 17px;
    }
}

@media (max-width:382px) {
    html[lang="ar"] .checkboxagreement input:checked+label::after {
        top: 23px;
    }
}

.newsletter-form .form-message {
    width: 100%;
    position: absolute;
    right: 80px;
    left:unset;
    bottom: -30px;
    color: #fff;
    font-size: 14px;
    display:none;
    text-align: right;
    direction: ltr;
}

   @media (min-width:991px) {

           html[lang="ar"] .video-iframe-wrapper {
                border-left: 4px solid #eb8605;
                border-right: none;
            }
        }