body {
    font-family: cairo, sans-serif;
    text-align: right
}

html {
    direction: rtl
}

#header {
    height: 54px;
    padding: 10px !important;
    transition: all .5s;
    z-index: 997;
    transition: all .5s;
    background: #304365
}

#header.header-transparent {
    background: #020024;
    background: linear-gradient(266deg, rgb(17 17 17) 0, #112d61 30%, rgb(17 17 17) 100%)
}

.pull-right {
    float: left
}

.pull-left {
    float: right
}

.d-flex {
    margin: 0 auto !important
}

.hero :before {
    background: #f5f5ff
}

.nav-menu a {
    font-family: cairo, sans-serif;
    color: #fff
}

.nav-menu > ul > li {
    float: right
}

.mobile-nav {
    text-align: right
}

.mobile-nav-toggle {
    right: 15px !important;
    left: auto !important
}

.nav-menu > ul > li > a:before {
    right: 0
}

h1, h2, h3, h4, h5, h6 {
    font-family: cairo, sans-serif
}

.counts .count-box p {
    font-family: cairo, sans-serif
}

#footer .footer-top .footer-links ul a {
    text-align: right
}

#footer .footer-top .footer-links ul li {
    padding: 7px 0
}

#footer {
    background: #000
}

#footer .copyright {
    border-top: 1px solid #000
}

#footer .footer-top .footer-info {
    padding: 5px 12px
}

#footer .footer-top .footer-info h3 {
    margin: 0 0 11px 0;
    padding: 2px 0 2px 0
}

#footer .footer-top h4 {
    padding-bottom: 5px;
    padding-top: 3px
}

#footer .credits {
    padding-top: 19px;
    font-size: 15px
}

.navmenup {
    font-size: 13px;
    padding-left: 19px;
    padding-right: 19px;
    font-family: cairo, sans-serif;
    text-align: right;
    color: #000
}

.navbar-light .navbar-nav .nav-link {
    color: #2d63c3;
    font-weight: 700
}

.navbar-nav {
    text-align: right
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #fff !important
}

.carousel-control-next {
    left: -130px;
    right: auto;
    color: #000 !important;
    background-color: #dcdcdc
}

.carousel-control-prev {
    right: -130px;
    color: #000;
    background-color: #dcdcdc
}

.nameoneslider {
    color: rgba(0, 0, 0, .8);
    background-color: initial;
    text-align: right;
    font-weight: 700;
    font-size: 29px
}

.detoneslider {
    text-align: justify;
    color: rgba(0, 0, 0, .8);
    padding: 1px;
    font-size: 20px;
    line-height: 1.5
}

.butoneslider {
    text-align: right;
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
    margin: 0
}

.nametowslider {
    text-align: right;
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
    margin: 0
}

.section-title p {
    font-family: cairo, sans-serif;
    text-align: center
}

.btn-mobile {
    display: none
}

section.pricing {
    background: #fff;
    background: linear-gradient(to right, #fff, #fff)
}

.card-body {
    padding: 0
}

.pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all .2s;
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .1)
}

.pricing hr {
    margin: .3rem 0
}

.pricing .card-title {
    margin: 0 0;
    font-size: 25px;
    letter-spacing: 0;
    font-weight: 700;
    background-color: #111 !important;
    color: #fff !important
}

.pricing .card-title-ac {
    margin: 0 0;
    font-size: 25px;
    letter-spacing: 0;
    font-weight: 700;
    background-color: #4caf50;
    color: #fff !important
}

.pricing .card-price {
    font-size: 20px;
    margin: 0;
    background-color: #eee !important;
    color: #000 !important;
    padding: 16px
}

.pricing .card-price .period {
    font-size: .8rem
}

.pricing ul {
    color: #000;
    font-size: 17px;
    font-weight: 700
}

.pricing ul li {
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 8px
}

.pricing .btn {
    font-size: 100%;
    border-radius: 0;
    letter-spacing: 0;
    font-weight: 700;
    padding: 1rem;
    opacity: .7;
    transition: all .2s
}

@media (min-width: 992px) {
    .pricing .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .3)
    }

    .pricing .card:hover .btn {
        opacity: 1
    }
}

.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px
}

.left.carousel-control {
    right: 30px;
    left: inherit
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd
}

.carousel-indicators li {
    background-color: #448ccb;
    font-size: 18px;
    font-weight: 700;
    color: #448ccb !important
}

.carousel-indicatorsname li {
    width: 150px
}

.btn-secondary {
    color: #fff;
    background-color: #00479e;
    border-color: #00479e
}

.imgslidernew {
    float: right;
    margin-left: 50px
}

.detailscaro {
    float: right;
    padding-top: 70px;
    text-align: right
}

.detailstow {
    color: #000;
    text-align: justify
}

.textalign {
    text-align: right;
    margin: 1px 1px 6px
}

.btnalign {
    float: right;
    color: #fff;
    background-color: #304365
}

.btnalignfloat {
    float: right
}

.clientrow {
    margin-right: 9%
}

.carousel-control-next {
    height: 48px;
    width: 48px;
    top: 150px
}

.carousel-control-prev {
    height: 48px;
    width: 48px;
    top: 150px
}

.contact .info i {
    text-align: right;
    float: right
}

.contact .info h4 {
    padding: 0 60px 0 0;
    text-align: right
}

.contact .info p {
    padding: 0 60px 0 0;
    text-align: right
}

.nav-menu .drop-down .menu-container ul a {
    text-align: right
}

.nav-menu .drop-down .mega-menu {
    text-align: right
}

.mobile-nav .drop-down > a:after {
    left: 15px
}

.mobile-nav .drop-down > a {
    padding-left: 35px
}

.mobile-nav li .flag, .nav-menu ul li .flag {
    margin-left: 5px
}

.nav-menu .drop-down > a:after {
    padding-right: 5px
}

.left-drop {
    left: 0 !important;
    right: auto !important
}

.footer-main-title {
    text-align: right
}

footer {
    text-align: right
}

.page-item:last-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.page-item:first-child .page-link {
    margin-left: -1px;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pages-count {
    text-align: left
}

select {
    display: inline-block;
    max-width: 100%;
    -webkit-appearance: none;
    color: #55595c;
    vertical-align: middle;
    background-size: 8px 10px;
    border: 1px solid #ccc;
    -moz-appearance: none;
    padding: .375rem .75rem .375rem 1.75rem;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat left .75rem center;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.page-menu .navbar-brand {
    padding: 10px 0 10px 30px
}

.mr-auto, .mx-auto {
    margin-left: auto !important;
    margin-right: 0 !important
}

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

.page-menu .navbar-nav .dropdown-item {
    text-align: right
}

.page-menu .navbar-nav li {
    text-align: right
}

.page-menu .navbar-nav .nav-btn {
    margin-right: 15px !important;
    margin-left: 0 !important
}

.modal-title {
    width: 100%
}

.menu-extra-links {
    padding-right: 10px;
    padding-left: 0
}

@media (max-width: 490px) {
    .hero h1 {
        line-height: 52px
    }

    .btn-mobile {
        display: block;
        margin-left: 52px
    }

    .imgslidernew {
        margin-right: 0;
        margin-left: 0
    }

    .nameview {
        display: none
    }

    .detailscaro {
        float: right;
        padding-top: 9px;
        text-align: right
    }

    .carousel-indicators {
        bottom: -39px
    }

    .page-menu .navbar-nav .nav-btn {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .menu-extra-links {
        padding-right: 20px !important
    }
}

@media (max-width: 736px) {
    header .mobile-lang {
        float: left
    }

    header .mobile-search {
        float: left;
        margin-left: 5px;
        margin-right: 0
    }

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

.nav-menu .drop-down .alpha-menu {
    text-align: right
}
.text-right{
    text-align: left !important;
}