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

@font-face {
    font-family: 'Dinar';
    src: url('../fonts/GE%20Dinar%20One%20Medium.ttf');
}

:root {
    --blue: #0D377F;
    --orange: #E4831A;
    --slider: #84cecd
}

.header-nav .nav>li .sub-menu li .fas {
    float: left;
    transform: rotate(180deg)
}

.header-nav .nav>li .sub-menu li>.sub-menu,
.header-nav .nav>li .sub-menu li:hover .sub-menu {
    left: auto;
    right: 195px
}

.header-nav .nav>li .sub-menu {
    left: auto
}

.header-nav .nav>li:last-child .sub-menu.right {
    left: 0;
    right: auto
}

.header-nav .nav>li .mega-menu>li::after {
    right: auto;
    left: 0
}

@media only screen and (min-width:1439px) {
    .mylogo-header {
        height: 70px
    }
}

.logo-header {
    float: right
}

.header-nav .nav i {
    margin-left: 0;
    margin-right: 3px
}

.extra-nav {
    float: left;
    border-right: 1px solid rgb(0 0 0 / .1);
    border-left: 0
}

.extra-nav .site-button {
    margin-left: 0;
    margin-right: 10px
}

.is-fixed .navbar-toggler,
.navbar-toggler {
    margin-left: 0;
    margin-right: 10px;
    float: left
}

.navicon.open span:nth-child(2) {
    left: 60px
}

.header-nav .nav>li:nth-last-child(1)>.sub-menu li .sub-menu,
.header-nav .nav>li:nth-last-child(2)>.sub-menu li .sub-menu,
.header-nav .nav>li:nth-last-child(3)>.sub-menu li .sub-menu {
    left: auto;
    right: -220px;
    margin-left: 0
}

.header-nav .nav .mega-menu a i {
    margin-right: 0;
    margin-left: 5px
}

.header-curve .logo-header::before {
    right: auto;
    left: -20px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg)
}

.header-nav .nav>li>a {
    border-width: 0 1px 0 0;
    font-size: 17px !important
}

@media only screen and (min-width:1026px) and (max-width:1281px) {

    .mylogo-header img,
    .mylogo-footer img {
        width: 70% !important;
        margin-right: 85px !important
    }

    .header-nav .nav>li>a {
        border-width: 0 1px 0 0;
        font-size: 13px !important
    }
}

.header.header-transparent .header-nav .nav>li>a,
.header.dark .header-nav .nav>li>a,
.header.header-transparent .main-bar .header-nav .nav>li>a,
.header.dark .main-bar .header-nav .nav>li>a {
    border-width: 0 1px 0 0
}

.header-nav .nav>li:hover>a::after {
    transform-origin: left;
    -moz-transform-origin: left;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    right: 0;
    left: auto
}

.dlab-topbar-left ul li:first-child {
    padding-right: 0
}

.dlab-topbar-left ul li:first-child::after {
    content: none;
    padding: 0
}

.dlab-topbar-left ul li:last-child::after {
    content: ""
}

.service-list ul li {
    padding: 0 55px 0 0;
    margin: 0 15px 0 0
}

.service-list ul li i {
    left: auto;
    right: 10px
}

.header-curve .logo-header::before {
    right: auto;
    left: -80px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg)
}

.header-curve .logo-header::after {
    right: auto;
    left: 10%
}

.box-header .extra-nav .site-button::after {
    left: auto;
    right: -12px;
    transform: skew(20deg);
    -moz-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg)
}

.box-header .extra-nav .site-button {
    margin-left: -16px;
    margin-right: 30px
}

.header-curve.ext-header .extra-nav::before {
    left: auto;
    right: -25px
}

.header-curve.ext-header .extra-nav::after {
    right: auto;
    left: -50px
}

.header-curve.ext-header .extra-nav::before,
.social-curve::before {
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg)
}

.header-curve.ext-header .logo-header::before {
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    right: auto;
    left: -140px
}

.header-sidenav .container-fluid.p-r0 {
    padding-right: 15px;
    padding-left: 0
}

.header-sidenav .full-sidenav.active {
    right: auto;
    left: 0
}

.header-sidenav .full-sidenav {
    right: auto;
    left: -300px
}

.header-sidenav .menu-close {
    right: auto;
    left: 0
}

.header-sidenav .menu-close i {
    right: auto;
    left: 320px
}

.header-sidenav .social-menu ul li a {
    padding-right: 0;
    padding-left: 15px
}

.topbar-social .m-r10 {
    margin-right: 0;
    margin-left: 10px
}

.top-bar .dlab-topbar-left ul li i.m-r5 {
    margin-right: 0;
    margin-left: 5px
}

.extra-nav .site-button-link i,
.shop-cart .site-button-link i {
    margin-left: 0;
    margin-right: 0
}

.extra-nav .extra-cell {
    margin-left: 0;
    margin-right: 10px
}

.navstyle1 .header-nav .nav>li:hover>a::after {
    right: 0;
    left: auto
}

.navstyle4 .header-nav .nav>li:hover>a::after {
    right: 15px;
    left: auto
}

.navstyle5 .header-nav .nav>li.active>a:before,
.navstyle5 .header-nav .nav>li>a:before {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px)
}

.navstyle5 .header-nav .nav>li.active>a:after,
.navstyle5 .header-nav .nav>li>a:after {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px)
}

.navstyle5 .header-nav .nav>li.active>a:after,
.navstyle5 .header-nav .nav>li:hover>a:after {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    transform: translateX(-10px)
}

.navstyle5 .header-nav .nav>li.active>a:before,
.navstyle5 .header-nav .nav>li:hover>a:before {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transform: translateX(10px)
}

@media only screen and (max-width:1200px) {
    .header-curve.ext-header .logo-header::before {
        left: -50px
    }

    .header-curve.ext-header .service-list ul li {
        padding: 0 45px 0 0;
        margin-left: 0;
        margin-right: 10px
    }

    .header-curve.ext-header .extra-nav .extra-cell {
        float: left
    }
}

@media only screen and (max-width:991px) {
    .mo-left .header-nav {
        right: -280px;
        left: auto
    }

    .mo-left .header-nav.show {
        right: -1px;
        left: auto
    }

    .mo-left .navbar-toggler.open:after {
        transform-origin: left;
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left;
        -moz-transform-origin: left
    }

    .side-nav .nav.navbar-nav li a i.fa-chevron-down::before,
    .nav.navbar-nav li a i.fa-chevron-down::before {
        content: "\f104"
    }

    .side-nav .nav.navbar-nav li a i.fa-chevron-down,
    .nav.navbar-nav li a i.fa-chevron-down,
    .nav.navbar-nav li a i.fa-angle-right {
        background-color: var(--blue);
        color: #fff;
        height: 29px;
        line-height: 30px;
        right: 0;
        text-align: center;
        width: 30px;
        z-index: 3;
        float: left;
        font-size: 11px;
        margin: 0;
        position: relative;
        bottom: 3px
    }

    .header-curve .header-nav .logo-header::before {
        left: 0;
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -o-transform: skew(-30deg);
        -ms-transform: skew(-30deg);
        transform: skew(0)
    }

    .header-nav .nav>li>a {
        border-bottom: 1px solid rgb(0 0 0 / .1) !important
    }

    .header-nav .nav>li.homedemo .mega-menu>li>a {
        padding: 5px 15px 5px 0
    }

    .header-nav .nav>li .sub-menu li a,
    .header-nav .nav>li .mega-menu>li ul a {
        padding: 2px 15px 1px 15px !important;
        display: block !important;
        font-size: 11px !important;
        line-height: 30px !important;
        position: relative !important
    }

    .header-nav .nav>li .sub-menu li .fa {
        float: left;
        transform: rotate(180deg)
    }

    .header-nav .nav>li.open .sub-menu li.open>a>i {
        transform: rotate(0deg)
    }

    .header-nav .nav>li>.sub-menu .sub-menu li a {
        padding: 2px 30px 1px 0
    }

    .header-nav .nav>li>.sub-menu .sub-menu li a::after {
        left: auto;
        right: 2px
    }

    .header-nav .nav>li.homedemo .mega-menu>li>a::after,
    .header-nav .nav>li .sub-menu li a::after,
    .header-nav .nav>li .mega-menu>li ul a::after {
        content: "\f104";
        left: auto;
        right: 0
    }

    .header-transparent.box-header .navbar-toggler {
        margin: 26px 35px 18px 0
    }

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

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

    .header-sidenav .full-sidenav {
        right: auto;
        left: -300px
    }

    .header-sidenav .header-nav .nav>li>a {
        border-bottom: 0 !important
    }

    .header-sidenav .header-nav.full-sidenav .logo-header a {
        text-align: right
    }
}

@media only screen and (max-width:767px) {
    .extra-nav {
        margin-right: 0;
        margin-left: 15px
    }

    .header-transparent.box-header .is-fixed .navbar-toggler,
    .header-transparent.box-header .navbar-toggler {
        margin: 17px 20px 15px 0
    }
}

@media only screen and (max-width:591px) {
    .extra-nav {
        margin: 0 0 0 1px
    }
}

.site-button .ti-arrow-right {
    transform: rotate(180deg)
}

.dlab-bnr-inr-entry {
    text-align: right
}

.breadcrumb-row ul li {
    margin-right: 0;
    margin-left: 3px;
    text-align: right;
    display: inline-block
}

.breadcrumb-row ul li::after {
    margin-left: 0;
    margin-right: 7px;
    float: left;
    content: "\f104"
}

.banner-form .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: auto;
    left: 20px
}

.frame-box .slide-content-box {
    text-align: right
}

.frame-box .slide-content-area {
    padding-left: 0;
    padding-right: 100px
}

.frame-box .gallery-bx>div:first-child {
    border-right: 0;
    border-left: 1px solid rgb(0 0 0 / .1)
}

@media only screen and (max-width:991px) {
    .frame-box .slide-content-area {
        padding-right: 50px
    }
}

@media only screen and (max-width:767px) {
    .frame-box .slide-content-area {
        padding-left: 100px;
        padding-right: 35px
    }
}

.rev-slider {
    direction: ltr;
    text-align: left
}

.dlab-team4 .dlab-media::after {
    border-color: #ff5e14 #ff5e14 #e6e5e5 #e6e5e5 !important
}

.dlab-team4 .dlab-media::after {
    transform: rotate(10deg)
}

.dlab-team9 .dlab-title {
    left: auto;
    transform-origin: right;
    right: 0
}

.dlab-team9 .dlab-media.dlab-media-right .dlab-info-has {
    right: auto;
    left: 0;
    margin-right: 0;
    margin-left: -60px
}

.dlab-team9 .dlab-media.dlab-media-right:hover .dlab-info-has {
    margin-right: 0;
    margin-left: 0
}

.dlab-team9 .dlab-media.dlab-media-right .dlab-info-has {
    border-radius: 0 20px 20px 0
}

.rounded-team:hover .round-box {
    left: auto;
    right: -20px
}

.rounded-team .round-box {
    left: auto;
    right: 0
}

.rounded-team .sosial-icon-team ul.rounde-team-social-icon {
    margin-right: 0;
    margin-left: -5px;
    float: left
}

.rounded-team:hover .sosial-icon-team {
    margin-right: 0;
    margin-left: -117px
}

.rounded-team .sosial-icon-team {
    left: 50%;
    right: auto;
    margin-right: 0;
    margin-left: -97px
}

.rounded-team .sosial-icon-team ul li a.m-l10 {
    margin-left: 0;
    margin-right: 10px
}

.team-box-type .team-p-info li i {
    margin-left: 5px;
    margin-right: 0
}

.skew-content-box {
    left: auto;
    right: -1px
}

.skew-content-box::after {
    right: auto;
    left: -10px;
    transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -o-transform: skewX(-20deg)
}

.dlab-team8 .dlab-media .dlab-social-icon li:nth-child(2) a {
    right: 100%
}

.dlab-team8 .dlab-media .dlab-social-icon li:nth-child(3) a {
    left: 100%
}

.content-bx1 {
    padding-left: 0;
    padding-right: 30px
}

.about-year p {
    margin-left: 0;
    margin-right: 20px
}

.content-bx1 .site-button.m-r10 {
    margin-left: 10px;
    margin-right: 0
}

.img-ho1:hover::after {
    right: auto;
    left: -15px
}

.img-ho1:hover img {
    transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    -webkit-transform: translate(15px, 15px);
    -o-transform: translate(15px, 15px)
}

.img-ho1::after {
    right: auto;
    left: 0
}

.exhibition-carousel::after {
    right: auto;
    left: 0
}

.exhibition-carousel {
    padding: 20px 0 20px 50px
}

.exhibition-carousel .owl-dots {
    right: auto;
    left: 18px
}

@media only screen and (max-width:991px) {
    .content-bx1 {
        padding-right: 0
    }
}

.site-footer .icon-sm {
    right: auto;
    left: 0
}

.site-footer.style1 .footer-title::after {
    left: auto;
    right: 0
}

.site-footer.style1 .widget_subscribe .input-group .form-control {
    border-radius: 0 4px 4px 0
}

.site-footer.style1 .widget_subscribe .input-group .input-group-addon .site-button {
    border-radius: 4px 0 0 4px
}

.site-footer.style1 .footer-bottom-in .dlab-social-icon li a {
    border-left: 1px solid #303639;
    border-right: 0
}

.site-footer.style1 .footer-bottom-in .dlab-social-icon li:first-child a {
    border-right: 1px solid #303639
}

.site-footer.footer-full .text-md-left {
    text-align: right !important
}

.site-footer.footer-full .text-md-right {
    text-align: left !important
}

.widget-link li::after {
    right: auto;
    left: 0
}

.widget-link ul li {
    padding-left: 10px;
    padding-right: 3px
}

.widget-link ul li:last-child {
    padding-left: 0;
    padding-right: 3px
}

.subscribe-form .input-group-btn {
    padding-left: 0;
    padding-right: 10px
}

.subscribe-form input {
    margin-right: 0;
    margin-left: 5px
}

.site-button-link i {
    margin-left: 0;
    margin-right: 10px
}

.list-2 li::before {
    left: auto;
    right: 0
}

.list-2 li {
    padding: 5px 20px 5px 5px
}

.dlab-post-meta li::after {
    margin-right: 5px;
    margin-left: 0
}

.footer-bottom .text-left {
    text-align: right !important
}

.footer-bottom .text-right {
    text-align: left !important
}

.site-footer.style2 .footer-top::after {
    left: auto;
    right: 0
}

.site-footer.style2 .widget.widget_about {
    padding: 0 5px 0 50px
}

.site-footer.style2 .widget .list-2 li {
    padding: 8px 20px 8px 8px
}

.social-curve::before {
    left: auto;
    right: -40%
}

.frame-box .footer-title::after {
    left: auto;
    right: 0
}

.frame-box .widget_getintuch li {
    padding-left: 0;
    padding-right: 60px
}

@media only screen and (max-width:1024px) {
    .site-footer.style2 .widget.widget_about {
        padding: 0 5px
    }
}

@media only screen and (max-width:991px) {
    .frame-box .slide-content-area {
        padding-right: 50px
    }
}

@media only screen and (max-width:767px) {

    .site-footer.footer-full .text-md-left,
    .site-footer.footer-full .text-md-right {
        text-align: center !important
    }

    .frame-box .slide-content-area {
        padding-left: 100px;
        padding-right: 35px
    }

    .social-curve::before {
        right: -30%
    }

    .site-header .is-fixed .navbar-toggler,
    .site-header .navbar-toggler {
        margin: 25px 10px 14px 0
    }

    .extra-nav .site-button-link {
        margin-top: 10px
    }
}

@media only screen and (max-width:591px) {

    .footer-bottom .text-center,
    .footer-bottom .text-left,
    .footer-bottom .text-right {
        text-align: center !important
    }

    .social-curve::before {
        right: -10%
    }
}

.testimonial-11 .testimonial-pic {
    margin-right: 0;
    margin-left: 30px
}

.testimonial-11.testimonial-box .quote-left::before {
    left: auto;
    right: 20px;
    transform: rotate(180deg)
}

.testimonial-11.testimonial-box .quote-right::after {
    right: auto;
    left: 50px;
    transform: rotate(180deg)
}

.testimonial-12 .testimonial-detail {
    padding: 50px 110px 50px 30px
}

.testimonial-12 .testimonial-pic {
    margin: 30px 0 30px -80px
}

.owl-num-count .owl-dots .owl-dot span {
    margin-left: 0;
    margin-right: 5px
}

.testimonial-13 .quote-left::before {
    right: 0;
    transform: rotate(180deg);
    left: auto
}

.testimonial-2 .testimonial-detail,
.testimonial-8 .testimonial-detail,
.testimonial-13 .testimonial-detail {
    padding: 25px 20px 20px 0
}

.testimonial-2 .testimonial-pic,
.testimonial-8 .testimonial-pic,
.testimonial-13 .testimonial-pic,
.testimonial-15 .testimonial-pic {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.testimonial-2 .testimonial-text::after,
.testimonial-8 .testimonial-text::after {
    left: auto;
    right: 0;
    border-right: 0 solid #fff0
}

.testimonial-2.testimonial-bg .testimonial-text::after,
.testimonial-8 .testimonial-text::after {
    border-left: 25px solid #fff0
}

.testimonial-8 .testimonial-text {
    border-radius: 6px 6px 0 6px
}

.testimonial-15 .testimonial-text {
    padding: 40px 0 20px 30px
}

.testimonial-15 .quote-left::before {
    left: auto;
    right: 0;
    transform: rotate(180deg)
}

.testimonial-15 .quote-right::after {
    left: 30px;
    right: auto;
    transform: rotate(180deg)
}

.testimonial-15::after {
    right: auto;
    left: -2px
}

.testimonial-10 {
    padding-left: 0;
    padding-right: 150px
}

.testimonial-10 .testimonial-pic {
    left: auto;
    right: 0
}

.testimonial-1 .quote-left::before,
.testimonial-2 .quote-left::before {
    right: 0;
    left: auto
}

.testimonial-4 .testimonial-pic {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -110px
}

.testimonial-4 {
    margin-left: 0;
    margin-right: 140px;
    padding: 30px 10px 30px 40px
}

.testimonial-4:after {
    right: -80px;
    left: auto;
    -o-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    border-right: 4px solid var(--color-primary)
}

.testimonial-4 [class*="quote-"] {
    right: auto;
    left: 0;
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.testimonial-4 [class*="quote-"]:after,
.testimonial-4 [class*="quote-"]:before {
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.testimonial-4 .testimonial-name:after {
    margin: 0 5px 0 2px
}

.testimonial-6 .testimonial-detail:after {
    -o-transform: skewX(-35deg);
    -moz-transform: skewX(-35deg);
    -webkit-transform: skewX(-35deg);
    transform: skewX(-35deg);
    left: -23px;
    right: auto
}

.testimonial-6 .testimonial-pic {
    left: 20px;
    right: auto
}

.testimonial-6 .quote-left:before {
    bottom: 20px;
    top: auto
}

.testimonial-6 .quote-right:after {
    bottom: auto;
    top: 15px
}

.testimonial-6 .testimonial-text {
    padding: 25px 40px 70px 35px
}

@media only screen and (max-width:991px) {
    .testimonial-section::after {
        right: 0;
        left: 0
    }

    .testimonial-12 .testimonial-detail {
        padding: 25px 100px 25px 25px
    }
}

@media only screen and (max-width:767px) {
    .testimonial-11 .testimonial-pic {
        margin-left: 15px
    }

    .testimonial-11.testimonial-box .testimonial-detail {
        padding: 45px 0 0 10px
    }

    .testimonial-12 .testimonial-detail {
        padding: 70px 30px 30px
    }

    .testimonial-12 .testimonial-pic {
        margin: 0 auto -50px
    }
}

@media only screen and (max-width:591px) {
    .testimonial-10 {
        padding-right: 0
    }

    .testimonial-4 {
        margin-right: 110px;
        padding: 25px 0 25px 10px
    }

    .testimonial-4::after {
        transform: skewX(10deg);
        -moz-transform: skewX(10deg);
        -webkit-transform: skewX(10deg);
        -o-transform: skewX(10deg)
    }
}

.sort-title h4::after {
    left: -160px;
    right: auto !important
}

.button-example .btn,
.button-example .site-button,
.button-example .site-button-link {
    margin: 0 0 10px 5px
}

.icon-bx-wraper.left .icon-xl,
.icon-bx-wraper.left .icon-lg,
.icon-bx-wraper.left .icon-md,
.icon-bx-wraper.left .icon-sm,
.icon-bx-wraper.left .icon-xs {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.icon-bx-wraper.left .icon-bx-xl,
.icon-bx-wraper.left .icon-bx-lg,
.icon-bx-wraper.left .icon-bx-md,
.icon-bx-wraper.left .icon-bx-sm,
.icon-bx-wraper.left .icon-bx-xs {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

.icon-bx-wraper.right .icon-bx-xl,
.icon-bx-wraper.right .icon-bx-lg,
.icon-bx-wraper.right .icon-bx-md,
.icon-bx-wraper.right .icon-bx-sm,
.icon-bx-wraper.right .icon-bx-xs {
    float: left;
    margin-left: 0;
    margin-right: 20px
}

.icon-bx-wraper.right .icon-bx-xl,
.icon-bx-wraper.right .icon-bx-lg,
.icon-bx-wraper.right .icon-bx-md,
.icon-bx-wraper.right .icon-bx-sm,
.icon-bx-wraper.right .icon-bx-xs {
    float: left;
    margin-left: 0;
    margin-right: 20px
}

.icon-bx-wraper.left {
    text-align: right
}

.icon-bx-wraper.right {
    text-align: left
}

.icon-bx-wraper.bx-style-2.left [class*="icon-bx-"] {
    left: auto;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    right: 0
}

.icon-bx-wraper.bx-style-2.left.m-l40 {
    margin-left: 0;
    margin-right: 40px
}

.icon-bx-wraper.bx-style-2.left .icon-content.p-l40 {
    padding-left: 0;
    padding-right: 40px
}

.icon-bx-wraper.bx-style-2.right [class*="icon-bx-"] {
    right: auto;
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.icon-bx-wraper.bx-style-2.right .icon-content.p-r40 {
    padding-left: 40px;
    padding-right: 0
}

.icon-bx-wraper.bx-style-2.right.m-r40 {
    margin-left: 40px;
    margin-right: 0
}

.icon-bx-wraper.right .icon-sm {
    margin-right: 10px;
    margin-left: 0;
    float: left
}

.pricingtable-wrapper.style1 .pricingtable-features li {
    text-align: right
}

.pricingtable-wrapper.style1 .pricingtable-features li i {
    float: left
}

.pricingtable-type::before {
    margin-right: 0;
    margin-left: 3px
}

.dlab-accordion.no-cover .acod-content {
    padding-left: 0;
    padding-right: 15px;
    margin-right: 23px
}

.dlab-accordion.no-cover .acod-content:after {
    left: auto;
    right: -5px
}

.dlab-accordion.no-cover .acod-content {
    border-left: 0;
    border-right: 2px solid #e8e8e8
}

.acod-head .fa {
    margin-left: 5px;
    margin-right: 0
}

.acod-head a {
    padding: 12px 15px 12px 40px
}

.dlab-accordion.border-bottom .acod-head a {
    padding-left: 40px;
    padding-right: 0
}

.acod-head a:after,
.acco-sm .acod-head a::after {
    left: 15px;
    right: auto
}

.dlab-accordion.no-cover .acod-content:after {
    left: auto;
    right: -5px
}

.dlab-accordion.no-cover .acod-content {
    border-left: 0;
    border-right: 2px solid #e8e8e8;
    padding-left: 0;
    margin-right: 20px;
    margin-left: 10px;
    padding-right: 20px
}

.acod-head .acod-title a i.m-r10 {
    margin-left: 10px;
    margin-right: 0
}

.acco-sm .acod-head a {
    padding: 5px 15px 5px 30px
}

.acco-lg .acod-head a {
    padding: 18px 25px 18px 40px
}

.acco-lg .acod-head a::after {
    right: auto;
    left: 20px
}

.acco-xl .acod-head a {
    padding: 25px 30px 25px 50px
}

.acco-xl .acod-head a::after {
    right: auto;
    left: 30px
}

.blog-md .dlab-post-info {
    padding-left: 0;
    padding-right: 30px
}

.dlab-post-text p.p-r15 {
    padding-right: 0;
    padding-left: 15px
}

.ow-post-meta li::after {
    margin-left: 0;
    margin-right: 5px
}

.blog-info li {
    border-right: 0;
    border-left: 1px solid
}

.dlab-post-meta li:after {
    margin-right: 5px;
    margin-left: auto
}

.date-style-2 .post-date,
.date-style-4 .post-date {
    left: auto;
    right: 20px
}

.dlab-post-info .site-button-link i {
    margin-right: 5px
}

.blog-post.post-style-1 .dlab-post-meta::after {
    left: auto;
    right: 0
}

@media only screen and (max-width:767px) {

    .blog-md.blog-post .dlab-pfost-media,
    .blog-md.blog-post .dlab-post-info {
        padding-right: 0
    }
}

.dlab-tabs .nav-tabs>li>a i {
    margin-right: 0;
    margin-left: 5px
}

.dlab-tabs.bg-tabs .nav-tabs>li>a {
    margin-right: 0;
    margin-left: 2px
}

.dlab-tabs.bg-tabs.vertical.right .nav-tabs>li>a {
    margin-left: -1px
}

.dlab-tabs.vertical .tab-pane {
    padding: 10px 20px 10px 0
}

.dlab-tabs.vertical .tab-content {
    border-left: 0;
    margin-left: 0;
    border-right: 1px solid #ebedf2;
    margin-right: 199px
}

.dlab-tabs.vertical .nav-tabs {
    float: right;
    border-right: 0;
    border-left: 1px solid #ebedf2
}

.dlab-tabs.vertical.border .tab-pane {
    margin-left: 0;
    margin-right: -1px
}

.dlab-tabs.vertical .nav-tabs li {
    margin-right: 0;
    margin-left: -1px
}

.dlab-tabs.vertical.bg-tabs .nav-tabs>li>a.active {
    border-right: 1px solid #ebedf2;
    border-left: 1px solid #fff0
}

@media only screen and (max-width:591px) {
    .dlab-tabs.vertical .tab-content {
        margin-right: 59px
    }
}

.counter-style-1 .icon {
    margin-right: 0;
    margin-left: 10px;
    display: inline-block
}

.counter-staus-box .play-btn span {
    margin-right: 0;
    margin-left: 15px
}

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

.shop-categories .acod-head a.collapsed::after,
.shop-categories .acod-head a::after {
    right: auto;
    left: 5px
}

.product-item-color .btn {
    margin-right: 0;
    margin-left: 5px !important
}

.price .amount {
    text-align: right
}

.btn-quantity.style-1 .input-group-btn-vertical button:last-child {
    right: 0;
    left: auto
}

.btn-quantity.style-1 .input-group-btn-vertical button:first-child {
    left: 0;
    right: auto
}

.comment-respond .comment-form label {
    margin-right: 0;
    margin-left: 10px
}

.shop-item-rating {
    right: auto;
    left: 0
}

.shop-item-rating span {
    text-align: left
}

ol.commentlist li img {
    float: right
}

ol.commentlist li .comment-text {
    padding-right: 100px;
    padding-left: 0
}

ol.commentlist li .star-rating {
    right: auto;
    left: 20px
}

.comment-form-rating label {
    float: right;
    margin-left: 0;
    margin-right: 10px
}

.shop-account .site-button.m-r5 {
    margin-left: 5px;
    margin-right: 0
}

.shop-account a.m-l5 {
    margin-right: 5px;
    margin-left: 0
}

.shop-account .site-button.pull-right {
    float: left
}

.shop-cart .badge {
    right: auto;
    left: -5px
}

.shop-cart .dropdown-menu.cart-list {
    right: auto;
    left: 0
}

.cart-item .media-body {
    padding-left: 0;
    padding-right: 10px
}

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

.shop-cart .cart-list .site-button {
    margin-right: 0
}

.shop-cart .cart-list .site-button.m-r5 {
    margin-left: 5px;
    margin-right: 0
}

input[type="checkbox"]+label:not(.btn),
input[type="radio"]+label:not(.btn) {
    padding-left: 0 !important;
    padding-right: 25px
}

input[type="checkbox"]:checked+label::after {
    left: auto;
    right: 2px
}

input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
    left: auto;
    right: 0
}

.site-filters.style1 li:first-child a::after {
    position: relative
}

.site-filters.style1 li:last-child a::after {
    position: absolute
}

.filters2 ul li a i {
    margin-right: 0;
    margin-left: 10px
}

.section-head .site-button.m-r10 {
    margin-right: 0;
    margin-left: 10px
}

.dlab-info-has.skew-has {
    -moz-transform: skewY(-10deg);
    -webkit-transform: skewY(-10deg);
    -o-transform: skewY(-10deg);
    -ms-transform: skewY(-10deg);
    transform: skewY(-10deg)
}

.dlab-info-has.skew-has>* {
    -moz-transform: skewY(10deg);
    -webkit-transform: skewY(10deg);
    -o-transform: skewY(10deg);
    -ms-transform: skewY(10deg);
    transform: skewY(10deg)
}

.pagination i {
    transform: rotate(180deg)
}

.alert .close {
    float: left
}

.alert[class*="alert-"] i {
    margin-right: 0;
    margin-left: 8px
}

.alert[class*="alert-"] ul {
    padding-left: 0;
    padding-right: 25px
}

.alert[class*="alert-"] ul.list-angle-right li::before {
    transform: rotate(180deg)
}

[class*="list-"].style2.list-box>li {
    padding: 10px 60px 10px 20px
}

[class*="list-"].list-box>li::before {
    border-radius: 0 4px 4px 0;
    right: 0;
    left: auto
}

[class*="list-"].style2.list-box>li::after {
    content: "\f0d9";
    left: 0;
    right: 39px
}

[class*="list-"].style1.list-box>li::before {
    left: 0;
    right: -42px
}

[class*="list-"].style1.list-box>li {
    margin-left: 0;
    margin-right: 42px;
    border-radius: 4px 0 0 4px
}

[class*="list-"].list-box>li {
    padding: 10px 50px 10px 20px
}

.rounded[class*="list-"] li {
    padding: 10px 45px 10px 0
}

.list-circle li::before,
.list-angle-right li::before,
.list-arrow li::before,
.list-check li::before,
.list-checked li::before,
.list-icon-box li::before,
.list-chevron-circle li::before,
.list-hand-point li::before,
.list-cup li::before,
.list-pen li::before,
.list-heart li::before,
.list-star li::before {
    left: auto;
    right: 0
}

[class*="list-"].list-box.reverse>li::before {
    border-right: 0;
    border-left: 1px solid rgb(0 0 0 / .1)
}

.list-circle li,
.list-angle-right li,
.list-arrow li,
.list-check li,
.list-checked li,
.list-icon-box li,
.list-chevron-circle li,
.list-hand-point li,
.list-cup li,
.list-pen li,
.list-heart li,
.list-star li {
    padding: 5px 30px 5px 5px
}

.list-num-count.no-round>li::before {
    left: auto;
    right: -30px
}

.list-num-count>li {
    margin: 0 30px 6px 0
}

.list-num-count>li::before {
    left: auto;
    right: -28px
}

.frame-box .service-list li::after {
    left: auto;
    right: 0
}

.frame-box .service-list li {
    padding-left: 0;
    padding-right: 60px
}

@media only screen and (max-width:1024px) {
    .list-check.list-2.rounded.border[class*="list-"] li {
        padding: 10px 45px 10px 20px
    }
}

@media only screen and (max-width:567px) {
    .frame-box .service-list li {
        padding-left: 0;
        padding-right: 50px
    }
}

.widget-title::after {
    left: auto;
    right: 0
}

.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_nav_menu li,
.widget_recent_entries ul li,
.widget_services ul li {
    padding: 10px 15px 10px 10px
}

.widget_categories ul li::before,
.widget_archive ul li::before,
.widget_meta ul li::before,
.widget_pages ul li::before,
.widget_recent_comments ul li::before,
.widget_nav_menu ul li::before,
.widget_recent_entries ul li::before,
.widget_services ul li::before {
    left: auto !important;
    right: 0;
    content: "\f104"
}

.widget_recent_comments ul li::before {
    content: "\f0e6" !important
}

.widget_categories li {
    text-align: left
}

.widget_categories li a {
    float: right
}

.widget_getintuch li {
    padding-right: 40px;
    padding-left: 0
}

.widget_getintuch i {
    right: 0;
    left: auto
}

.widget.widget_archive li {
    text-align: right
}

.widget_categories ul li li,
.widget_archive ul li li,
.widget_meta ul li li,
.widget_pages ul li li,
.widget_recent_comments ul li li,
.widget_nav_menu li li,
.widget_services li li {
    padding-left: 5px;
    padding-right: 10px
}

.recent-posts-entry .dlab-post-media {
    padding-right: 0;
    padding-left: 15px
}

.widget_recent_comments ul li {
    padding-right: 25px
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    left: 12px;
    right: auto
}

.bootstrap-select div.dropdown-menu ul li a {
    padding: 5px 25px 5px 15px
}

.bootstrap-select div.dropdown-menu ul li:before {
    left: auto;
    right: 15px;
    top: 5px
}

.dropdown-menu,
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right
}

.bootstrap-select .dropdown-toggle {
    padding: 9px 12px
}

.searchform input[type="submit"] {
    right: auto;
    left: 0
}

.alignleft {
    float: right;
    margin: 5px 0 25px 25px
}

.alignright {
    float: left;
    margin: 5px 25px 25px 0
}

blockquote {
    padding: 16px 80px 16px 20px;
    border-right: 4px solid var(--color-primary);
    border-left: 0
}

blockquote::before {
    left: auto;
    right: 20px
}

ol.comment-list li.comment .comment-meta::before {
    float: right;
    margin-left: 5px
}

ol.comment-list li.comment .comment-body {
    margin-left: 0;
    margin-right: 80px
}

ol.comment-list li.comment .comment-body:before {
    left: auto;
    right: -12px;
    border-width: 10px 0 10px 12px
}

ol.comment-list li.comment .comment-body:after {
    left: auto;
    right: -14px;
    border-width: 12px 0 12px 14px
}

ol.comment-list li.comment .comment-author .avatar {
    left: auto;
    right: -80px
}

ol.comment-list li .children {
    margin-left: 0;
    margin-right: 80px
}

ol.comment-list li.comment .reply a {
    right: auto;
    left: 30px
}

.comments-area .comment-form p input[type="text"],
.comments-area .comment-form p textarea {
    padding: 10px 50px 10px 10px;
    border-radius: 0
}

.comments-area p:before {
    left: auto;
    border-radius: 0
}

ol.comment-list li.comment .comment-meta a {
    margin-left: 0;
    margin-right: 5px
}

@media only screen and (max-width:767px) {
    ol.comment-list li.comment .comment-body {
        margin-right: 75px
    }

    ol.comment-list li .children {
        margin-right: 20px
    }

    ol.comment-list li.comment .comment-author .avatar {
        right: -75px
    }
}

@media only screen and (max-width:567px) {
    ol.comment-list li.comment .comment-body {
        margin-right: 52px
    }

    ol.comment-list li.comment .comment-author .avatar {
        right: -55px
    }
}

.theme-btn:hover span {
    padding-left: 0;
    padding-right: 10px
}

.lg-outer.lg-visible {
    direction: ltr
}

.scroltop.style5 {
    right: auto;
    left: 0
}

.g-recaptcha {
    direction: ltr;
    float: right;
    margin-right: -35px
}

@media only screen and (max-width:991px) {
    .g-recaptcha {
        margin-right: -70px
    }
}

.contact-style-1 .dlab-social-icon-lg {
    text-align: right
}

.ft-contact .ft-contact-bx {
    padding: 25px 120px 25px 40px
}

.ft-contact .ft-contact-bx img {
    left: auto;
    right: 45px
}

.ft-contact .ft-contact-bx::after {
    right: auto;
    left: -15px;
    transform: rotate(180deg)
}

@media only screen and (max-width:991px) {
    .ft-contact .ft-contact-bx {
        padding: 15px 70px 15px 15px
    }

    .ft-contact .ft-contact-bx img {
        right: 25px
    }
}

.service-box.style3 .icon-bx-wraper::before {
    right: auto;
    left: 30px
}

.service-box.style3 .icon-bx-wraper::after {
    right: auto;
    left: 0
}

.service-box.style3 .icon-bx-wraper:hover::after {
    left: auto;
    right: 0
}

.choses-info-content h2 i {
    margin-left: 5px;
    margin-right: 0;
    display: inline-block
}

.service-box.style1:hover::after,
.service-media-bx:hover::after {
    transform-origin: left;
    -moz-transform-origin: left;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    right: 0;
    left: auto
}

.service-media-bx::after {
    right: auto;
    left: 0
}

.service-box.style1::after {
    right: auto;
    left: -1px
}

.service-box.style6 .icon-bx {
    left: auto;
    right: 0
}

.service-box.style6 .icon-bx::after {
    right: auto;
    transform: skew(-19deg);
    left: -10px
}

.service-box-3 .title {
    padding: 12px 30px 12px 50px
}

.service-box-5 .icon-bx {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

.service-box-4 .service-images i {
    right: auto;
    left: 10px
}

.service-box.style5 .icon-content .link-btn {
    margin-left: 0;
    margin-right: auto
}

.about-progress-box .progress-num {
    float: left
}

.download-file ul li a .text {
    margin-right: 0;
    margin-left: 3px
}

.faq-1 .acod-title a {
    padding: 20px 20px 20px 40px
}

.faq-1 .acod-head a::after {
    right: auto;
    left: 20px
}

.faq-2 .panel .acod-head a {
    padding: 20px 0 20px 40px
}

.widget_getintuch-pro-details .pro-details {
    padding-left: 0;
    padding-right: 55px
}

.sidenav.coming-side-bar {
    right: auto;
    left: -820px
}

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

.sidenav .closebtn {
    right: 0;
    left: auto
}

.modal.fade.contact-form .close-btn {
    right: auto;
    left: 5px
}

.sidenav.coming-side-bar .input-group-prepend {
    border-width: 1px 1px 1px 0
}

.sidenav .logo-header {
    padding: 15px 15px 15px 50px
}

.countdown .date {
    border-right: 0;
    border-left: 1px solid rgb(255 255 255 / .2)
}

.contact-no .contact-left {
    padding-right: 0;
    border-right: 0;
    border-left: 3px solid;
    padding-left: 40px
}

.contact-no .contact-right {
    padding-left: 0;
    padding-right: 40px
}

@media only screen and (max-width:991px) {
    .contact-no .contact-left {
        padding-left: 15px
    }

    .contact-no .contact-right {
        padding-right: 15px
    }
}

.project-slider::after {
    left: auto;
    right: 0
}

.project-slider .about-content {
    padding-left: 0;
    padding-right: 45px
}

.project-info-box .project-content {
    left: auto;
    right: 0
}

.project-carousel-1 .owl-nav {
    right: auto;
    left: 20px
}

.portfolio-style1 .portfolio-info {
    left: auto;
    padding: 30px 30px 30px 200px;
    right: 0
}

@media only screen and (max-width:1024px) {
    .portfolio-style1 .portfolio-info {
        padding: 30px
    }
}

@media only screen and (max-width:360px) {
    .project-slider .about-content {
        padding-right: 0
    }
}

.request-form label {
    left: auto;
    right: 0
}

.request-form .request-form-header {
    padding: 20px 100px 20px 50px
}

.request-form .request-form-header i {
    left: auto;
    right: 30px
}

.dlab-quik-search .form-control {
    padding: 15px 15px 15px 60px
}

.dlab-quik-search span {
    right: auto;
    left: 15px
}

@media only screen and (max-width:1024px) {
    .dlab-quik-search span {
        left: 30px
    }

    .request-form .request-form-header {
        padding: 20px 80px 20px 30px
    }
}

.code-box {
    text-align: left;
    direction: ltr
}

@media only screen and (max-width:991px) {
    .dz_error-405 .text-center {
        text-align: right !important
    }

    .choses-info-content [class*="col-"] {
        border-right: 0;
        border-left: 1px solid rgb(255 255 255 / .1)
    }
}

.bootstrap-select .dropdown-toggle:before {
    right: auto;
    left: 12px
}

.bootstrap-select .dropdown-toggle .filter-option {
    text-align: right
}

.event-bnr-media .event-bnr-media-in {
    padding-left: 0;
    padding-right: 35px
}

.event-bnr-media>span:after {
    right: auto;
    left: 0;
    border-radius: 0 110px 0 0
}

.event-bnr-media .event-bnr-media-in .ev-img2:before {
    right: auto;
    left: -60px
}

.event-bnr-media>span:before {
    left: auto;
    right: -100px
}

.event-bnr-media .event-bnr-media-in .ev-img3:before {
    right: auto;
    left: -60px
}

.event-bnr-media .event-bnr-media-in .ev-img3:after {
    right: auto;
    left: -95px;
    border-radius: 0 0 0 60px
}

.event-banner .dz-title:before {
    left: auto;
    right: -120px;
    border-color: #ffe400 #ffe400 #fff0 #ffe400
}

.ev-counter-area:after {
    left: auto;
    right: 0
}

.ev-counter-area {
    margin-left: 0;
    margin-right: -100px;
    border-radius: 0 80px 0 80px
}

.ev-aboutus-media {
    float: left
}

.ev-aboutus-media .ev-about2:after {
    left: auto;
    right: 15px;
    border-radius: 0 0 0 60px
}

.ev-aboutus-media .ev-about3:after {
    right: auto;
    left: 15px;
    border-radius: 0 110px 0 0
}

.ev-list li {
    padding: 6px 35px 6px 0
}

.ev-list li i {
    left: auto;
    right: 0
}

.pricingtable-wrapper.style-2 .pricingtable-features li {
    text-align: right
}

.ev-subscribe .dzSubscribe .input-group .form-control {
    border-radius: 0 20px 20px 0 !important
}

.ev-subscribe .dzSubscribe .input-group .input-group-addon {
    border-radius: 20px 0 0 20px !important
}

@media screen and (max-width:1400px) {
    .ev-counter-area {
        margin-right: 0
    }
}

@media screen and (max-width:991px) {
    .ev-counter-area {
        border-radius: 0 40px 0 40px
    }

    .header-nav .nav>li.homedemo .mega-menu>li>a span.badge {
        display: none
    }
}

@media screen and (max-width:768px) {
    .event-banner .dz-title:before {
        right: -80px
    }
}

@media screen and (max-width:575px) {
    .event-bnr-media .event-bnr-media-in {
        padding-right: 15px
    }
}

@media (min-width:576px) {
    .text-sm-end {
        text-align: left !important
    }

    .text-sm-start {
        text-align: right !important
    }
}




.carousel-caption {
    right: 20%;
    text-align: right;
    left:auto
}
.carousel-caption .btns{
    direction: rtl;
}
.carousel-caption .myanchor2, .carousel-caption .myanchor {
    line-height: unset;
    font-size: 19px;
}
@media screen and (max-width: 991px) {
    .carousel-caption {
        text-align: center;
        right: 10%;
    }
}
@media screen and (max-width: 767px) {
    .carousel-caption {
        right: 10%;
    }
}