/*******************Font****************/

@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 400;
    src: url("");
    src: url("NotoKufiArabic-Regular.eot") format('embedded-opentype'),url("NotoKufiArabic-Regular.woff2") format('woff2'),url("NotoKufiArabic-Regular.woff") format('woff'),url("NotoKufiArabic-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Diab Orient 012';
    src: url("");
    src: url("") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype');
}


@font-face {
    font-family: 'CoconNextArabic';
    font-style: normal;
    font-weight: 700;
    src: url("");
    src: url("") format('embedded-opentype'),url("") format('woff2'),url("") format('woff'),url("");
}

@font-face {
    font-family: 'Almarai';
    font-style: normal;
    font-weight: 400;
    src: url("Almarai-Regular.ttf");
    src: url("Almarai-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url("") format('woff2');
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    src: url("glyphicons-halflings-regular-1.eot") format("embedded-opentype"), url("glyphicons-halflings-regular-1.woff2") format("woff2"), url("glyphicons-halflings-regular-1.woff") format("woff"), url("glyphicons-halflings-regular-1.ttf") format("truetype");
}


/* Example usage */

html, body, *, #smartAlertBox {
    font-family: 'Almarai', sans-serif;
}

.change-language {
    font-family: 'Roboto Condensed' !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Almarai', sans-serif !important;
}
/*******************ENDFont****************/

body {
    direction: rtl;
}

.english-font {
    font-family: 'Almarai', sans-serif;
}

.side {
    left: auto;
    right: calc(50% - 30%);
}

@media (max-width : 1199px) {
    .side {
        left: auto;
        right: calc(50% - 45%);
    }
}

@media (max-width : 767px) {
    .side {
        left: auto;
        right: 0;
    }
}

#accordion .card-header button::after {
    float: left;
}

.h1, .QC_h1 {
    font-size: 22px !important;
}

.project-share {
    left: 15px;
    right: auto;
}

@media (min-width: 992px) {
    .project-share {
        left: 25%;
        right: auto;
    }
}

@media(min-width : 768px) {
    .h1, .QC_h1 {
        font-size: 34px !important;
    }

    .border-right-md-gray {
        border-right: 1px solid #D7DADF;
        border-left: none;
    }
}

.QC_dal-card-banner > .container {
    background-position-x: left;
}

.projects2021.owl-carousel.owl-theme .item {
    width: 270px;
    padding-left: 0;
    padding-right: 30px;
}

@media (min-width: 1660px) {
    .ramadan-2023-mainBanner {
        float: left;
    }
}

#tempModal.in {
    flex-flow: column;
    justify-content: center;
}

#tempBtnMobile {
    background: url("") no-repeat;
    width: 64px;
    height: 168px;
    top: 70px;
    z-index: 9999;
}

#tempBtnMobileTxt {
    line-height: 180px;
}

/*****************************************/
/* Flex Box And Others */
/*****************************************/
.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end;
}

@media (min-width: 768px) {
    .justify-content-md-start {
        justify-content: flex-start;
    }

    .justify-content-md-end {
        justify-content: flex-end;
    }

    .justify-content-md-center {
        justify-content: center;
    }
}

/*.align-self-start {
    align-self: end;
    align-self: self-end;
    align-self: flex-end;
}

.align-self-end {
    align-self: start;
    align-self: self-start;
    align-self: flex-start;
}*/
/*****************************************/
/* Flex Box And Others End */
/*****************************************/

/*****************************************/
/* Styling for Input type=["range"] */
/*****************************************/
input[type="range"].amount-slider-bar {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

    /* Input Thumb */
    input[type="range"].amount-slider-bar::-webkit-slider-thumb {
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    input[type="range"].amount-slider-bar::-moz-range-thumb {
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    input[type="range"].amount-slider-bar::-ms-thumb {
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

/* Input Track */
input[type=range].amount-slider-bar::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type=range].amount-slider-bar::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type="range"].amount-slider-bar::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.range-donate-value > span {
    position: absolute;
    top: -26.5px;
    left: 50%;
    width: 2px;
    height: 18px;
    background-color: #e4e4e4;
}
/*****************************************/
/* Styling for Input type=["range"] END */
/*****************************************/

/*****************************************/
/* Sponsorship Report */
/*****************************************/
.sponsorshipReport-banner {
    background: url("") no-repeat center top;
}

@media (max-width: 767px) {
    .sponsorshipReport-banner {
        background-size: cover;
    }
}
/*****************************************/
/* Sponsorship Report End */
/*****************************************/

/*****************************************/
/* Annual Report */
/*****************************************/
.annual-total-img {
    background-image: url("");
}

.annual-zakat-bg {
    background: url("") no-repeat;
}

.annual-zakat-img {
    background-image: url("");
    background-position: left;
}

.annual-qc-bg {
    background-image: url("");
}

@media (max-width: 991px) {
    .annual-total-img {
        background-image: url("");
        margin-top: 25px !important;
    }
}

@media (max-width: 767px) {
    .annual-zakat-bg {
        background: url("") no-repeat;
        background-size: cover;
    }

    .annual-zakat-img {
        background-position-x: right;
    }

    .annual-qc-bg {
        background-image: url("");
    }
}

/*****************************************/
/* Annual Report End */
/*****************************************/

.astrisk:before {
    content: '*';
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    font-size: 18px;
    color: #d62446;
}

/*****************************************/
/* DS Calendar */
/*****************************************/

.calendar.QC_calendar thead.event-days td:first-child {
    border-radius: 0 8px 8px 0;
}

.calendar.QC_calendar thead.event-days td:last-child {
    border-radius: 8px 0 0 8px;
}

.event:before {
    left: 5px;
    right: auto;
}

/*****************************************/
/* DS Calendar END */
/*****************************************/
.new_feature-label {
    transform: translateX(-31px) translateY(34px) rotate( -45deg );
}

.new_feature-text {
    transform: translateX(-72px) translateY(12px) rotate( -45deg );
}

/*****************************************/
/* SWITCH BUTTON */
/*****************************************/
.material-switch > label::after {
    left: auto;
    right: -4px;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    left: auto;
    right: 20px;
}
/*****************************************/
/* SWITCH BUTTON END */
/*****************************************/
/*.horizontal-scroll-tabs {
    padding-left: 70px;
    padding-right: 10px;
}
*/
/*.filter-button {
    right: auto;
    left: 0;
    box-shadow: 7px 0px 14px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 7px 0px 14px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 7px 0px 14px 0px rgba(0,0,0,0.15);
}*/

@media (min-width: 992px) {
/*    .filter-button {
        left: 15px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }*/

    .text-center-sm {
        text-align: right !important;
    }
}

.tooltip .tooltip-inner {
    text-align: right;
}

.tooltip.top .tooltip-arrow {
}

@media (orientation: portrait) {
    .wootric-visible {
        border-radius: 0 !important;
    }
}

.profile-athar-icon {
    margin: 9px -9px 0px 10px;
}

/*For phases only*/
.col-sm-2-edit {
    width: 14%;
}
/*End*/

.reportboxcustomheight {
    height: 500px;
}

.organizationformcheckbox {
    float: right;
    margin-left: 10px !important;
}

.QC_inner-banner.daily-cahrity-banner {
    background-image: url("");
    min-height: 700px;
}

@media (max-width : 767px) {
    .QC_inner-banner.daily-cahrity-banner {
        background-image: url("");
        min-height: 490px;
        padding-top: 280px;
    }
}

@media (max-width: 575px) {
    .organizationformbutton {
        float: none !important
    }
}

.influencer-dalTooltip-mobile {
    margin-top: -55px;
    left: auto;
    right: calc(70px - 30px);
    top: calc(120px - 30px)
}

.rounded-circle.convoys {
    width: 22px;
    height: 22px;
    position: absolute;
    left: -8px;
    right: auto;
    bottom: -8px;
    border: 3px solid #000;
}

.badge {
    top: -35px;
    left: 2px;
}

.badge-note {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
}

.badge-note-2 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 12px;
}

.slider-selection-detail {
    right: 0%;
}

.red-light {
    color: #e00570 !important;
}

/*Edit Button in Main Account Details custom top*/

.editButtonDonationDetails {
    top: 60px;
}

@media (min-width: 576px) and (max-width: 991px) {
    .editButtonDonationDetails {
        top: 120px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .editButtonDonationDetails {
        top: 20px;
    }
}

/*End Edit Button in Main Account Details custom top*/

/*Gift Index custom height start*/

.gift-height {
    height: 286px;
}

@media (max-width: 575px) {
    .gift-height {
        height: 280px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .gift-height {
        height: 250px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .gift-height {
        height: 286px;
    }
}
/*End Gift Index custom height*/

.padding-2-right-xs {
    padding-left: 2px;
    padding-right: 0px;
}

@media (min-width: 992px) {
    .padding-none-md {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/*INPUT GROUP*/
.form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:first-child {
    border-right: inherit;
    border-left: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0
}
/*INPUT GROUP*/
.margin-left-mines-50 {
    margin-right: -50px;
    margin-left: auto;
}

.modal-video-close-btn-circle:before, .modal-video-close-btn-circle:after {
    right: auto;
    left: 10px
}

.modal-video-close-btn-circle {
    right: auto;
    left: 10px
}

.share-icon-omniaty {
    right: auto;
    left: 10px;
}

.newnavbar.navbar-static-top .container .navbar-header, .newnavbar.navbar-static-top .container-fluid .navbar-header {
    margin-left: 0;
    margin-right: 0;
}

.menu-trigger {
    padding-right: 60px;
}

    .menu-trigger:before {
        left: auto;
        right: 15px;
    }

.QC_inner-banner.projects-landing-banner {
    background-image: url("");
    height: 650px;
}

.QC_inner-banner.sponsorship-inner-banner {
    background-image: url("");
}


.QC_border-right-gray {
    border-left: 1px solid #ccc;
    border-right: 0px;
}

.today-img-trand {
    border: 1px solid rgba(189,51,129,1);
    margin-right: 13px !important;
    margin-left: 0;
}

.border-trand {
    margin-right: 15px;
    margin-left: 0px;
}

.hurryUp-icon {
    background: url("") no-repeat;
    background-size: 100%;
}

.mp-menu ul.list-circle {
    padding: 0 30px 0 0;
}

.mp-menu ul li > a {
    text-align: right;
}

form #cardNumber {
    background-position: 4px 4px;
}

/**********************************/
/**************** PADDING ******************/
/**************** BORDER ******************/
/**********************************/
.our-vision {
    background-position: left;
}

.our-mission {
    background-position: right;
}

.QC_right-15 {
    left: 15px;
    right: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    direction: rtl !important;
    text-align: right;
}

/*************************Login*******************************/

.arrowUpOpenSearchVerticalForm {
    margin-left: 5px;
}

.trand-shadow {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    width: 60px;
    margin-top: 0;
    z-index: 994;
    height: 54px;
    left: 0;
    right: auto;
}

/*.bults-track {
    margin-right: -27px;
    margin-left: auto;
}*/

/*    .bults-track::before {
        left: auto;
        right: 50%;
    }*/

.project-done {
    border-right: 4px solid #43C0B9;
    border-left: none;
}

    .project-done:last-child {
        border-right: 4px solid rgba(255,255,255,0);
    }

.project-progress {
    border-right: 4px solid #E00570;
    border-left: none;
}

    .project-progress:last-child {
        border-right: 4px solid rgba(255,255,255,0);
    }

.project-Next-steps {
    border-right: 2px solid #91908F;
    margin-right: 1px;
    border-left: 0;
}

.footer-back ul li {
    line-height: 2.2rem;
    list-style: none;
    font-size: 12px;
}

.slider-selection {
    right: 0%;
    left: auto;
}


/******************************************/
/******************************************/
/*ARABIC ONLY**********/
/******************************************/
/******************************************/

.QC_hidden-en {
    visibility: visible;
    display: block;
}

.QC_hidden-ar {
    visibility: hidden;
    display: none;
}

.warmCaravans-banner {
    background: url("") #70edff no-repeat center bottom;
    background-size: cover;
}

/******************************************/
/******************************************/
/*ARABIC ONLY END**********/
/******************************************/
/******************************************/
.sadaqa_gate-cards:before {
    left: 0;
    right: auto;
    transform: scale(1);
    top: 25%;
}

.ramadan-cards-secondary:before {
    left: 0;
    right: auto;
    transform: scale(1);
    top: 25%;
}

.ramadan-cards-primary:before {
    left: 0;
    right: auto;
    transform: scale(1);
    top: 25%;
}

.ramadan-scroll-icons ul li a {
    line-height: 44px;
}

/******************Border-radius********************/
.rounded-12-left-0 {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.rounded-12-right-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.rounded-right {
    border-top-left-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-left {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-left-8 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.rounded-right-8 {
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-left-12 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.rounded-right-12 {
    border-bottom-left-radius: 12px !important;
    border-top-left-radius: 12px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-left-16 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.rounded-right-16 {
    border-bottom-left-radius: 16px !important;
    border-top-left-radius: 16px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-left-20 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.rounded-right-20 {
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}


.rounded-left-24 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.rounded-right-24 {
    border-bottom-left-radius: 24px !important;
    border-top-left-radius: 24px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-right-32 {
    border-top-left-radius: 32px !important;
    border-bottom-left-radius: 32px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-left-32 {
    border-top-right-radius: 32px !important;
    border-bottom-right-radius: 32px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.border-left-rudies-0 {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (max-width : 767px) {
    .rounded-0-xs {
        border-radius: 0px !important;
    }
}
/******************Border-radius END********************/
.ml-n70 {
    margin-left: 0;
    margin-right: -70px;
}

@media(max-width: 575px) {
    .ml-xs-n15 {
        margin-left: 0;
        margin-right: -15px;
    }

    .ml-xs-n25 {
        margin-left: 0;
        margin-right: -25px;
    }
}

@media (min-width: 1200px) {
    .ml-xl-n70 {
        margin-left: 0;
        margin-right: -70px;
    }
}

.margin-0-right {
    margin-left: 0px !important;
}

.margin-0-left {
    margin-right: 0px !important;
}

.margin-2-right {
    margin-left: 2px !important;
    margin-right: 0 !important;
}

.margin-2-left {
    margin-left: 0 !important;
    margin-right: 2px !important;
}

.margin-5-right {
    margin-left: 5px !important;
    margin-right: 0 !important;
}

.margin-5-left {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.margin-10-right {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

.margin-10-left {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.margin-15-right {
    margin-left: 15px !important;
    margin-right: 0 !important;
}

.margin-15-left {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

.margin-20-right {
    margin-left: 20px !important;
    margin-right: 0 !important;
}

.margin-20-left {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

.margin-30-right {
    margin-left: 30px !important;
    margin-right: 0 !important;
}

.margin-30-left {
    margin-left: 0 !important;
    margin-right: 30px !important;
}

@media (max-width: 767px) {
    .margin-10-right-xs {
        margin-right: 0;
        margin-left: 10px;
    }
}

/*.countryImg {
    float: right;
}*/

.text-right-left {
    text-align: right;
}

.QC_donation-package-private-tag {
    background-image: url("");
}

.QC_donation-package-contributions-tag {
    background-image: url("");
}

.share-icon-project {
    right: auto;
}

.share-icon2 {
    left: 10px;
    right: auto;
    top: -30px;
}

.today-project-btn, .help-btn {
    height: 83px;
    width: 235px;
    z-index: 999;
    line-height: 15px;
    right: auto;
    left: -45px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

    .today-project-btn span, .help-btn span {
        line-height: 20px;
    }

    .today-project-btn.open, .help-btn.open {
        left: -250px;
        right: auto;
    }

/*Bug 11948:Rashad*/
/*Changed back By Ayman*/ /*15 March 2023*/
.today-project-box, .help-box {
    left: -400px;
    right: auto;
}

    .today-project-box.open {
        left: 0;
        right: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .help-box.open {
        left: 0;
        right: auto;
    }

@media (max-width : 575px) {
    .today-project-box, .help-box {
        left: 0;
        right: auto;
    }
}

.share-icon-sponser {
    right: 83%;
}

.share-icon-campaign {
    position: absolute;
    top: 20%;
    left: 2%;
    right: auto;
    z-index: 999
}

.share-icon-campaign-smile {
    position: absolute;
    top: 5%;
    right: 2%;
    z-index: 999;
    height: 40px;
    border: 0px;
    width: 40px;
}

.padding-50-left {
    padding-left: 0px !important;
    padding-right: 50px !important;
}

.padding-30-left {
    padding-left: 0px !important;
    padding-right: 30px !important;
}

.padding-50-right {
    padding-left: 50px;
    padding-right: 0px;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    text-align: right;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 5px;
    right: auto !important;
    width: 25px;
}

/************************* CALENDAR **********************************/
.ui-datepicker .ui-datepicker-next span {
    left: auto;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url("") !important;
    margin: 4px;
}

.ui-datepicker .ui-datepicker-next span {
    background-image: url("") !important;
    margin: 4px;
}
/************************* END CALENDAR **********************************/
path {
    transform: translate(100, 0) scale(-1, 1);
}

user agent stylesheet * {
    transform-origin: 0px 0px 0px;
}

h1, .h1, .QC_h1, h2, .h2, .QC_h2, h3, .h3, .QC_h3, h4, .h4, .QC_h4, h5, .h5, .QC_h5, h6 .h6, .QC_h6 {
    /*    font-weight: 600;
*/ line-height: 1.5;
}

/*rtl*/
p, h1, h2, h3, h4, h5, h6, input, select {
    direction: rtl;
}

.newnavbar .navbar-nav.navbar-right:last-child {
    margin-left: 0px;
}

.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}

li > a.dropdown-toggle > span.caret {
    float: left !important;
}


.left-minus-110 {
    left: auto;
    right: -110px !important;
}

.left-minus-120 {
    left: auto;
    right: -120px !important;
}

.left-minus-150 {
    left: auto;
    right: -150px !important;
}

.left-minus-250 {
    left: auto;
    right: -250px !important;
}

/*rtl*/
.QC_ltr-common {
    direction: ltr;
}

.QC_rtl-common {
    direction: rtl;
}

.QC_ltr {
    direction: rtl;
}

.QC_rtl {
    direction: ltr;
}

.ltr {
    direction: rtl !important;
}

/*.fa {
    margin-left: 8px;
    margin-right: 0;
}

.fa-chevron-left:before {
    content: "\f054";
}

.fa-chevron-right:before {
    content: "\f053";
}

.fa-arrow-left:before {
    content: "\f061";
}

.fa-arrow-right:before {
    content: "\f060";
}*/

btn, .btn, .btn-default {
    line-height: 40px;
}

.border-white-left {
    border-left: 0;
    border-right: 1px solid #FFF;
}

.border-white-right {
    border-left: 1px solid #FFF;
    border-right: 0;
}

.border-left-rudies-0 {
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.border-right-rudies-0 {
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ui-tabs .ui-tabs-nav li, .nav-tabs > li {
    float: right !important;
}

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav a.ui-tabs-anchor, .nav-tabs > li > a {
        /*border-right: 0;*/
        /*border: 1px solid #EEE;*/
        margin-right: 0;
    }

    .ui-tabs .ui-tabs-nav li:last-child a {
        border-left: 0;
    }


.QC_tab-panel-vertical-separate > .nav-tabs > li {
    border-left: 1px solid #D9D9D9 !important;
    border-right: 1px solid transparent !important;
}

    .QC_tab-panel-vertical-separate > .nav-tabs > li:last-child {
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

.widget-btn {
    float: left;
    display: none;
}

.float-left, .float-right-common {
    float: right !important;
}

.float-right, .float-left-common {
    float: left !important;
}

.left-0 {
    left: auto;
    right: 0;
}

.right-0 {
    left: 0;
    right: auto;
}

.pull-left {
    float: right !important;
}

.pull-right {
    float: left !important;
}

.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

@media (max-width: 575px) {
    .left-0-xs {
        left: auto;
        right: 0;
    }
}

@media (max-width: 767px) {
    .left-0-sm {
        left: auto;
        right: 0;
    }
}

.form-control, .input.form-control-white, input.form-control-white, .select.form-control-white, select.form-control-white {
    direction: rtl;
    text-align: right;
    font-family: inherit;
}

.float-tech-support-icon {
    left: 140px;
    right: auto;
    padding-right: 30px !important;
    padding-bottom: 0;
    bottom: 40px;
    margin-bottom: 0;
}


select, .select, select.form-control, .select.form-control, .white-select, select.white-select, .select.white-select {
    direction: rtl;
    background-position-x: calc( 10px);
    background-position-y: center;
}

.donat-special-css {
    direction: rtl;
}

label {
    direction: rtl;
    text-align: right;
}

input[type=radio], input[type=checkbox] {
    margin: 3px 0 0 5px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px;
    margin-right: -20px;
}

.QC_fixed-amount-btn {
    margin-right: 0;
    margin-left: 5px;
    float: right;
}

@media (max-width: 767px) {
    .QC_fixed-amount-btn {
        margin-left: 2px;
    }
}

.QC_add-to-cart {
    /*background-position: 60% 4px;
    padding-left: 0;
    padding-right: 55px;*/
    background-position: center;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

    .QC_add-to-cart.icon-only::after {
        left: auto !important;
        right: calc(50% - 14px) !important;
    }

.QC-searsh-btn {
    margin-left: auto;
    margin-right: 0;
    height: 40px;
    border-radius: 4px 0 0 4px;
}
/***************nEW hOME***********************/

.SuccessStory-pic {
    margin-top: 25px;
    margin-RIGHT: 45px;
    padding: 40%;
    position: absolute;
}

/******************OTHERS********************/
.QC_inner-banner.rescuemission-banner-shame {
    background-image: url("");
}

@media (max-width : 767px) {
    .QC_inner-banner.rescuemission-banner-shame {
        background-image: url("");
    }
}
/***Top Menu***/
/*.mainMenuLogoSmall {
    margin-right: 0;
}*/
.khair-message-bg > img {
    right: auto;
    left: -170px;
}

@media (max-width : 991px) {
    .khair-message-bg > img {
        right: 0;
        left: 0;
    }
}

.newloginnavbar .loginMenuLi {
    float: left;
}

.newloginnavbar {
    margin-left: 0;
    margin-right: 5px;
}

select.currency-list {
    width: 150px;
    font-size: 13px;
}

    select.currency-list option {
        border: none;
        text-align: right;
    }

.right-shadow {
    box-shadow: -8px 0 12px -12px;
}

.disaster-search-icon {
    left: 20px !important;
    right: auto !important;
}

#hdtb-sc {
    direction: rtl;
}

.circle {
    margin: 6px 10%;
}

.Search-input-filter {
    text-align: right;
}

.input-icon {
    right: 20px;
    left: auto;
}

.input-group-addon.input-icon {
    left: 5px;
    right: auto;
}

.share-campaign-posation {
    left: 36px;
    right: auto;
    top: 185px;
}

.radius-30-left {
    border-radius: 0 30px 30px 0;
}

.radius-30-right {
    border-radius: 30px 0 0 30px;
}

/********OWL-CAROUSEL************/
.owl-theme .owl-controls {
    direction: rtl;
}
/********OWL-CAROUSEL END************/

/********************* (SPECIAL CASE) ONE DICRETION SLIDER...ONE ARROW *********************/
.owl-theme.One-Arrow .owl-controls .owl-buttons .owl-prev {
    background-image: url("");
    left: auto;
    right: -10px;
}


/********************* (SPECIAL CASE) ONE DICRETION SLIDER...ONE ARROW *********************/


/********FAST DONATION************/
.side-action {
    right: 100%;
}

.side-btn-arrow {
    background-image: url("side-btn-arrow-ar.png");
    background-position: 31% 50%;
    border-radius: 8px 0 0 8px;
    float: left;
    margin-right: 80px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52);
    /*left: auto;
    right: 30px;*/
}

.side-btn {
    float: right;
    -webkit-box-shadow: 0px 3px 6px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0px 3px 6px 0 rgba(0,0,0,.3);
    box-shadow: 0px 3px 6px 0 rgba(0,0,0,.3);
}

.fast-donation {
    float: right;
    direction: rtl;
    right: 0;
    /* margin: 150px 10px;
    width: 357px;
    z-index: 500;
    margin-right: -15px;
    -webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.5);*/
}

#FastDonationTab, #FastDonationTabss, #fast-donation-style {
    direction: rtl;
    float: right;
}

    #FastDonationTab .btn-default, #FastDonationTabss .btn-default, #fast-donation-style .btn-default {
        font-weight: 500;
        color: #fff;
        background-color: #20598e;
        border-color: transparent;
    }

    #FastDonationAccountDivMain .radio-inline, .checkbox-inline, #fast-donation-style .radio-inline, .checkbox-inline {
        padding-right: 30px;
    }

    #FastDonationTab .form-control, #fast-donation-style .form-control {
        height: 42px;
    }

    #FastDonationTab .tab-content, #FastDonationTabss .tab-content {
        margin-bottom: 15px;
        margin-top: 0;
        background: #fff;
    }

    #FastDonationTab .form-control, #FastDonationTabss .form-control, #fast-donation-style .form-control {
        display: block;
        height: 42px;
        font-size: 11px;
        line-height: 30px;
        color: #555;
        background-color: #f6f6f6;
        border: 1px solid #D2D2D2;
        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .0);
        box-shadow: inset 0 0 0 rgba(0, 0, 0, .0);
        -webkit-transition: inset 0 0 0 rgba(0, 0, 0, .0);
        -o-transition: inset 0 0 0 rgba(0, 0, 0, .0);
    }

    #FastDonationTab a p, #FastDonationTabss a p, #fast-donation-style a p {
        color: #888;
        text-decoration: underline;
    }

    #FastDonationTab .col-xs-10 {
        width: 83.33333333%;
    }

.phone-notifaction {
    font-size: 11px;
    max-width: 500px;
    color: #666;
    line-height: 25px;
}

    .phone-notifaction span {
        padding: 5px;
    }

.nots {
    padding: 10px;
    border-top: 1px solid #b4b4b4;
    font-size: 11px;
    margin-top: 10px;
    color: #666;
    margin: 10px;
    text-align: center;
}

/********Campaign Donation Packages********/

.tab.curved-tab:first-child {
    padding-right: 0;
    padding-left: 4px;
}

.tab.curved-tab:last-child {
    padding-right: 4px;
    padding-left: 0;
}

.tab.curved-tab:first-child [type="radio"]:checked ~ label:before {
    content: '';
}

.tab.curved-tab:first-child [type="radio"]:checked ~ label:after {
    content: none;
}

.tab.curved-tab:last-child [type="radio"]:checked ~ label:before {
    content: none;
}

.tab.curved-tab:last-child [type="radio"]:checked ~ label:after {
    content: '';
}
/********Campaign Donation Packages End********/

/************************* RAMADAN-SCROLL-ICONS ****************************/
.ramadan-scroll-icons {
    left: auto;
    right: 50px;
}

.program-scroll-icons {
    left: 30px;
    right: auto;
}
/************************* RAMADAN-SCROLL-ICONS END ****************************/

.right-150 {
    right: -150px !important;
    left: auto !important;
}

/**************** PADDING ******************/

.padding-left-none {
    padding-left: 15px;
    padding-right: 0;
}

.padding-right-none {
    padding-left: 0;
    padding-right: 15px;
}

.padding-none-left {
    padding-left: 15px !important;
    padding-right: 0 !important;
}

.padding-none-right {
    padding-left: 0 !important;
    padding-right: 15px !important;
}

.padding-less-right {
    padding-left: 5px;
    padding-right: 15px;
}

.padding-less-left {
    padding-left: 15px !important;
    padding-right: 5px;
}

.padding-10-left {
    padding-left: 15px !important;
    padding-right: 10px;
}
/**************** PADDING END ******************/


/****************************************************************************************************/
/************************* RADIO $ CHECKBOX BUTTONS *************************/
/****************************************************************************************************/

.radio {
    padding-left: 0;
    padding-right: 20px;
}

    .radio label {
        padding-left: 0;
        padding-right: 12px;
    }

        .radio label::before {
            left: 0;
            right: -10px;
        }

        .radio label::after {
            left: auto;
            right: -6px;
        }

.form-check {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

    .form-check:first-child {
        padding-right: 0;
    }

/*[type=checkbox].QC_checkbox, [type=radio].QC_radio {
    right: -9999px;
}*/

[type=checkbox].QC_checkbox + label, [type="radio"].QC_radio + label {
    padding-left: 0;
    padding-right: 30px;
}

[type=checkbox].QC_checkbox.checkbox-large + label, [type="radio"].QC_radio.radio-large + label {
    padding-left: 0;
    padding-right: 28px;
}

[type=checkbox].QC_checkbox + label:before, [type=radio].QC_radio + label:after, [type=radio].QC_radio + label:before,
[type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-primary-color + label:after, [type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-secondary-color + label:after,
[type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-primary-color + label:before, [type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-secondary-color + label:before,
[type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-primary-color:checked + label:after, [type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-secondary-color:checked + label:after {
    left: auto;
    right: 0;
}


[type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-primary-color:checked + label:before, [type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-secondary-color:checked + label:before {
    left: auto;
    right: 12.5px;
}

/*[type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-primary-color.checkbox-large:checked + label:before, [type=checkbox].QC_checkbox.QC_checkbox-filled-in.QC_checkbox-secondary-color.checkbox-large:checked + label:before {
        right: 11px;
    }*/

[type=checkbox].QC_checkbox:checked + label:before {
    left: auto;
    right: 12px;
}

[type=checkbox].QC_checkbox.QC_checkbox-filled-in + label:before {
    left: auto;
    right: 6px;
}

/****************************************************************************************************/
/************************* RADIO $ CHECKBOX BUTTONS END *************************/
/****************************************************************************************************/

/**************** BORDER ******************/

.border-none-left {
    border-left-width: 1px !important;
    border-right-width: 0 !important;
}

.border-none-right {
    border-left-width: 0 !important;
    border-right-width: 1px !important;
}

.border-left {
    border-left: none !important;
    border-right: 1px solid #b4b4b4 !important;
}

@media (min-width: 768px) {
    .border-right {
        border-left: 1px solid #eee;
        border-right: none !important;
    }
}
/**************** BORDER END ******************/


/******************************************************************/

/********END FAST DONATION************/

.organizationformbutton {
    float: left !important
}

@media (max-width : 767px) {
    .reportboxcustomheight {
        height: auto;
    }

    .loginMenuLiCheck {
        cursor: pointer;
        height: 34px;
        float: left;
    }
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width : 576px) {
}

/* Small Devices, Tablets */
@media (min-width : 768px) {
    .navbar-right {
        float: left !important;
    }

    .margin-10-bottom-sm {
        margin-bottom: 10px;
    }

    #OpenSearchVerticalForm.newsearch {
        width: 260px;
    }

    .tabs-bordered .hdtb-mitem {
        margin: auto 0 0 2px;
    }

    #hdtb-msb.tabs-bordered {
        border-bottom: 2px solid #20598e;
    }

    .tabs-bordered .hdtb-mitem.active {
        border-bottom: 1px solid #20598e;
        background-color: #20598e !important;
        color: #fff;
    }
}

/* Medium Devices, Desktops */
@media (min-width : 992px) {

    .loginMenuLiCheck {
        cursor: pointer;
        height: 34px;
        float: left;
    }

    .QC_col-md-12-en-md-6-ar {
        width: 50%;
    }

    .QC_col-md-6-en-md-12-ar {
        width: 100%;
    }
}

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {
    .loginMenuLiCheck {
        cursor: pointer;
        height: 34px;
        float: left;
    }
}

@media (max-width: 991px) {
    .blockMid {
        display: block;
    }
}


@media (max-width : 767px) {
    .loginMenuLiCheck {
        cursor: pointer;
        height: 34px;
        float: left;
    }

    .share-reckeu {
        position: absolute;
        left: auto;
        right: 65px;
        top: 151px;
    }

    .margin-25-left-xs {
        margin-right: -15px;
        margin-left: auto;
    }

    .steps-img {
        float: right;
        margin-left: 20px !important;
        margin-right: 0;
    }
}
/* Extra Small Devices, Phones */
@media (max-width : 575px) {
    .fixed-bar {
        margin-left: auto;
        margin-right: -15px;
    }

    .organizationformbutton {
        float: none !important
    }

    .pull-left-xs {
        float: right !important;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .pull-none-xs {
        float: none !important;
    }
}
/* Small Devices, Tablets */
@media (max-width : 767px) {
    .text-left-xs {
        text-align: right !important;
    }
}

/* Medium Devices, Desktops */
@media (max-width : 991px) {

    .loginMenuLiCheck {
        cursor: pointer;
        height: 34px;
        float: left;
    }

    .float-sm-none {
        float: none !important;
    }

    .our-vision, .our-mission {
        height: 450px;
        min-height: 262px;
        max-height: 700px;
        background-size: 100%;
        background-position: top center;
        position: relative;
    }
}
/* Large Devices, Wide Screens */
@media (max-width : 1199px) {
}

/*==================================================
=            Bootstrap 3 Media Queries End         =
==================================================*/
/**************************TimeLine**********************/

@media (max-width: 767px) {
    .steps-timeline {
        border-right: 1px solid #3498DB;
        margin-right: 25px;
        border-left: 0px solid #3498DB;
        margin-left: 0
    }

    .float-left-xs {
        float: right !important;
    }
}

@media (min-width: 768px) {
    .steps-timeline {
        border-top: 1px solid #707070;
        padding-top: 20px;
        margin-top: 40px;
        margin-left: 16.65%;
        margin-right: 16.65%;
    }
}

.steps-timeline:after {
    content: "";
    display: table;
    clear: both;
}

.steps-one,
.steps-two,
.steps-three {
    outline: 1px dashed rgba(0, 128, 0, 0);
}

@media (max-width: 575px) {
    .steps-one,
    .steps-two,
    .steps-three {
        margin-left: -11px;
    }

    .steps-one,
    .steps-two {
        padding-bottom: 40px;
    }

    .steps-three {
        margin-bottom: -100%;
    }

    .steps-img {
        float: RIGHT;
        margin-right: -10px;
        margin-left: 15px;
    }
}

@media screen and (min-width: 576px) {
    .steps-one,
    .steps-two,
    .steps-three {
        width: 33%;
        margin-top: -32px;
    }

    .steps-one {
        margin-left: -16.65%;
        margin-right: 16.65%;
    }

    .steps-three {
        margin-left: 16.65%;
        margin-right: -16.65%;
    }

    .steps-name {
        text-align: center;
    }

    .steps-description {
        text-align: center;
    }
}

.steps-img {
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}


.steps-name,
.steps-description {
    margin: 0;
}

.steps-description {
    overflow: hidden;
}

.arrow-hover-to-right:hover {
    -webkit-animation: 1.6s ease infinite arrow-right-left;
    -moz-animation: 1.6s ease infinite arrow-right-left;
    animation: 1.6s ease infinite arrow-right-left;
}

.link-arrowed .arrow-icon {
    transform: rotate(180deg);
    top: 2px;
}

.mp-menu {
    left: auto;
    right: -300px;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mp-level {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(40px, 0, 0);
    -moz-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
}

.warmCaravans-banner-2 {
    background-image: url("");
}

@media (max-width : 1199px) {
    .warmCaravans-banner-2 {
        background-position: center top;
        background-image: url("");
    }
}

.font-12-a {
    font-size: 12px;
}

.required:before {
    margin-right: -20px;
    margin-left: auto;
}

.LNO-label {
    right: auto;
    left: 15px;
}

.QC_inner-banner.whay-projects-banner {
    background-image: url("");
}

.QC_search-close > i {
    right: auto;
    left: 10px;
}

.basketNotification {
    direction: rtl;
}

.tabe-address-black-new {
    right: auto;
    left: 0;
}

.flipYImage {
    transform: rotateY(180deg);
}

.margin-8-left {
    margin-right: 8px;
}

.left-1-percent {
    right: auto;
    left: 1%;
}

.right-1-percent {
    right: auto;
    left: 1%;
}

.right-5-percent {
    right: auto;
    left: 5%;
}

.right-15-percent {
    right: auto;
    left: 85%;
}

.padding-line-projectphases {
    padding-right: 12px;
}

.green-first-element-line {
    background: #43C0B9;
    width: 5px;
    height: 25px;
    margin-left: 100%;
    margin-top: -2px;
}

.pink-mid-element-line {
    background: #E00570;
    width: 5px;
    height: 25px;
    margin-left: 100%;
    margin-top: -2px;
}

.grey-last-element-line {
    background: #888;
    width: 5px;
    height: 25px;
    margin-left: 100%;
    margin-top: -2px;
}

.projectphases-firstelement {
    background: #43C0B9;
    height: 5px;
    margin-top: 5px;
    width: 50%;
    margin-left: auto;
    margin-right: 50%;
}

.projectphases-lastelement {
    background: #43C0B9;
    height: 5px;
    margin-top: 5px;
    width: 51%;
}

.projectphases-element {
    background: #43C0B9;
    height: 5px;
    margin-top: 5px;
    width: 102%;
}

.right-15 {
    right: auto;
    left: 15px;
}

@media (min-width:576px) {

    .right-5-percent-xs {
        right: auto;
        left: 5%;
    }

    .projectphases-firstelement {
        width: 51%;
    }

    .projectphases-lastelement {
        width: 51%;
    }

    .projectphases-element {
        background: #43C0B9;
        height: 5px;
        margin-top: 5px;
        width: 102%;
    }
}

.green-download-button {
    border-radius: 50%;
    background-color: #43C0B9;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -10px;
    top: 10px;
}

.padding-botton-85 {
    padding-bottom: 85px;
}

.padding-db-error {
    padding-top: 100px;
}

@media (min-width:576px) {
    .padding-db-error {
        padding-top: 240px;
    }
}

#facebox {
    text-align: right;
}

    #facebox .close {
        left: 10px;
        right: auto;
        z-index: 999;
    }

.margin-left-5-percent {
    margin-right: 5%;
}

.arrow-bg {
    height: 285px;
    background-image: url("");
    background-position-y: center;
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -30%;
    right: 50%;
    z-index: 1;
    transform: rotateY(180deg);
}

.QC_inner-banner.fan-zone {
    background-image: url("");
    background-size: cover;
    height: 110vh;
    transform: rotateY(180deg);
}

@media (max-width: 767px) {
    .QC_inner-banner.fan-zone {
        background-image: url("");
        background-size: cover;
        height: 620px;
    }
}

.fan-zone-text {
    display: block;
    transform: rotateY(-180deg);
}

.second-video-container:after,
.warmth_convoys_truck-container:after,
.warmth_convoys_house-container:after,
.warmth_convoys_footerBG:before {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.warmth_convoys_truck-container:after {
    left: auto;
    right: -40%;
}

.warmth_convoys_house-container:after {
    left: -38%;
    right: auto;
}

@media (max-width: 767px) {
    .hero-video > video {
        left: auto;
        right: calc(50% - 430px);
    }
}

.stats-custom-atts {
    bottom: 23%;
    right: 5%;
}

.stats-custom-atts2 {
    z-index: 2;
    right: 3%
}


.carousel-control-prev {
    position: absolute;
    top: 70px;
    left: 215px;
    z-index: 5;
    display: inline-block;
    font-size: 34px;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-next {
    position: absolute;
    top: 70px;
    left: 140px;
    z-index: 5;
    display: inline-block;
    font-size: 34px;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.leftLst {
    position: absolute;
    top: 35px;
    left: -580px;
    z-index: 5;
    display: inline-block;
    font-size: 34px;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.rightLst {
    position: absolute;
    top: 35px;
    left: -500px;
    z-index: 5;
    display: inline-block;
    font-size: 34px;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

@media (min-width: 768px) {
    .carousel-control-next {
        left: -620px;
        top: -10px;
    }

    .carousel-control-prev {
        top: -10px;
        left: -700px;
    }
}

.share-icon-campaign-sponsor {
    position: absolute;
    top: 3%;
    left: 2%;
    z-index: 999;
    right: auto;
}

.right_arrow {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.padding_button_custom {
    padding-left: 30px;
    padding-right: 30px;
}

.owl-prev {
    left: auto;
    right: 0;
}

.owl-next {
    left: 0;
    right: auto;
}

@media (min-width: 1360px) {
    .owl-prev {
        left: auto;
        right: -80px;
    }

    .owl-next {
        left: -80px;
        right: auto;
    }
}

.owl-carousel.owl-main-projects .owl-nav .owl-prev {
    left: auto;
    right: 20px;
}

.owl-carousel.owl-main-projects .owl-nav .owl-next {
    left: 500px;
    right: auto;
}

.owl-carousel.owl-ramadan-banner .owl-nav .owl-prev {
    left: auto;
    right: -80px;
}

.owl-carousel.owl-ramadan-banner .owl-nav .owl-next {
    left: 500px;
    right: auto;
}

@media (min-width: 1320px) {
    .owl-carousel.owl-main-projects .owl-nav .owl-next {
        left: 450px;
        right: auto;
    }

    .owl-carousel.owl-ramadan-banner .owl-nav .owl-next {
        left: 450px;
        right: auto;
    }
}

@media (min-width: 1380px) {
    .owl-carousel.owl-main-projects .owl-nav .owl-next {
        left: 420px;
        right: auto;
    }

    .owl-carousel.owl-ramadan-banner .owl-nav .owl-next {
        left: 420px;
        right: auto;
    }
}

@media (min-width: 1420px) {
    .owl-carousel.owl-main-projects .owl-nav .owl-next {
        left: 380px;
        right: auto;
    }

    .owl-carousel.owl-ramadan-banner .owl-nav .owl-next {
        left: 380px;
        right: auto;
    }
}

@media (min-width: 1500px) {
    .owl-carousel.owl-main-projects .owl-nav .owl-next {
        left: 320px;
        right: auto;
    }

    .owl-carousel.owl-ramadan-banner .owl-nav .owl-next {
        left: 320px;
        right: auto;
    }
}

@media (min-width: 1600px) {
    .owl-carousel.owl-main-projects .owl-nav .owl-next {
        left: 280px;
        right: auto;
    }

    .owl-carousel.owl-ramadan-banner .owl-nav .owl-next {
        left: 280px;
        right: auto;
    }
}

@media (min-width: 2000px) {
    .owl-carousel.owl-main-projects .owl-nav .owl-next {
        left: 30px;
        right: auto;
    }

    .owl-carousel.owl-ramadan-banner .owl-nav .owl-next {
        left: 100px;
        right: auto;
    }
}

.owl-prev i, .owl-next i {
    -webkit-transform: scale(2) rotateY(180deg);
    -moz-transform: scale(2) rotateY(180deg);
    -ms-transform: scale(2) rotateY(180deg);
    -o-transform: scale(2) rotateY(180deg);
    transform: scale(2) rotateY(180deg);
}
/* End Owl-Carousel-New */

.ko-progress-circle .ko-progress-circle__overlay {
    margin-left: auto;
    margin-right: 18px;
}

.sponsor-palestin {
    transform: scaleX(-1);
}

.rotate-arabic {
    transform: rotate(180deg);
}

.QC_inner-banner.ramadan-landing-banner {
    background-image: url("");
}

@media (max-width : 767px) {
    .QC_inner-banner.ramadan-landing-banner {
        background-image: url("");
    }
}

/*Styles added by Fazlur*/
.margin-start-16 {
    margin-right: 0px !important;
    margin-left: 16px !important;
}

.QC_padding-top-section {
    padding: 40px 0 0 0;
}

@media(min-width:768px){
    .QC_padding-top-section {
        padding: 40px 0 40px 0;
    }
}
@media(min-width:992px) {
    .col-offset-campaign-countries {
        margin-right: 39px;
        margin-left: 0;
    }
}

@media(min-width:1200px) {
    .col-offset-campaign-countries {
        margin-right: 85px;
        margin-left: 0;
    }
}
@media(max-width:768px) {
    .margin-5-left-xs {
        margin-right: 5px !important;
    }
}