html, body {
    direction: rtl;
}
.nav-a{
    position: relative;
    left: 37%;
}
.wraper{
    margin-right: 10%;
}
.c-quote{
    position: relative;
    right: 60px;
}
.blockquote:after {
    right: 38%;
    top: -124px;
}
.blockquote:before {
    right: -30%;
    top: 20px;
}
.package-name{
    direction: ltr;
    margin-right: 75%;
}
.ClientsA,
.PartnersA {
    direction: ltr;
}
.footer-cxs{
    text-align: right;
}
.footer-cxs>ul>li>a::before {
    margin-right: -14px;

}
.footer-img{
    display: block;
}
footer svg{
    float: right;
}
.footer-num{
    direction: ltr;
}
.team .package-name {
    left: -60%;
}
@media (min-width: 1020px){
    .footer-location{
        text-align: right;
    }
    
}
@media (max-width: 698px){
    .footer-img {
        display: inline;
    }
    .footer-cxs{
        padding-left: 0;
    }
    footer svg{
        float: none;
    }
    .footer-location{
        direction: ltr;
    }
    .Questions-img {
        margin-right: 10%;
        height: 225px !important;
        width: 275px !important;
    }
    .team .package-name {
        right: 65%;
    }
    .our-team {
        margin-right: 10%;
        height: 225px !important;
        width: 275px !important;
    }  
    .c-quote {
        position: relative;
        right: 0;
        font-size: 25px;
    }
    .blockquote:before {
        right: -2%;
        top: -12px;
    }
    .blockquote:after {
        right: 5%;
        top: -99px;
    }
}

/* .Pop-up-window */
#exampleModalToggle3,
#exampleModalToggle2,
#exampleModalToggle{
    direction: ltr;
}
.Pop-up-window{
    direction: rtl;
}



.nav-link{
    direction:ltr;
}

.up svg{
    padding-right: 2px;
}

.Saudi-text{
    text-align: right;
}
.nav-a .nav-link{
    letter-spacing: 0;
    font-size: 15px;

}
#dropdown-menu{
    text-align: right;
}
.navbar-nav li ul li:hover{
    margin-right: 3px;
    transition: all 0.2s;
}
@media (max-width: 698px){
    .modal-rtl {
        direction: ltr;
    }
}

/*start animation*/


.slide-in-right {
    position: relative;
    left: 100%;
    animation: slide-in-right 2s forwards;
}

@keyframes slide-in-right {
0% {
    left: -100%;
}
100% {
    left: 0;
}
}
.slide-in-left {
    position: relative;
    left: -100%;
    animation: slide-in-left 2s forwards;
}

@keyframes slide-in-left {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 2s;
}
@keyframes fadeInUp{
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.slideInDown {
    animation-name: slideInDown;
    animation-duration: 3s;
    animation-fill-mode: both;
}

@keyframes slideInDown {
0% {
    transform: translateY(-100%);
    visibility: visible;
}
100% {
    transform: translateY(0);
}
}
/*end animation*/