@charset "UTF-8";
body {
    direction: rtl;
    text-align: right;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
li,
hr,
strong,
b,
input,
select,
textarea,
.highcharts-title,
.highcharts-axis-labels,
.highcharts-yaxis-title,
.site-header .extend-container .main-navigation ul.extend-container li,
.projects-list.work-gallery .work-item .box-content .view-project {
    font-family: 'Cairo', sans-serif !important;
    letter-spacing: inherit !important;
}

.site-header .extend-container .main-navigation ul.extend-container>li {
    font-size: 28px;
    margin-bottom: 18px;
}

@media only screen and (min-width: 992px) {
    body .main-root>.side-bar-full {
        left: auto;
        right: 0;
    }
    body .main-root>.side-bar-full .side-box-left .side-menu {
        margin-left: 0px;
        margin-right: var(--s-box-left-social);
    }
    body .main-root>.side-bar-full .side-box-right {
        left: auto;
        right: var(--s-box-left);
    }
    body .main-root>.side-bar-full .page-active h2 {
        letter-spacing: normal;
    }
}

@media only screen and (min-width: 992px) {
    body .inner-content {
        margin-left: 0px;
        margin-right: auto;
    }
}

.text-stroke-box {
    display: none;
}

@media only screen and (min-width: 992px) {
    body .text-stroke-box {
        left: auto;
        right: calc(var(--s-box-right) * -1);
    }
}

.text-stroke-box .text-stroke-inner {
    transform: rotate(180deg);
}

@media only screen and (min-width: 992px) {
    body .side-box-right .text-stroke-box {
        left: auto;
        right: 0;
    }
}

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

.border-before {
    border-left: 0px;
    padding-left: 0px;
    border-right: 2px solid var(--heading-color);
    padding-right: 20px;
}

.circle-top {
    right: auto;
    left: 50px;
}

.circle-top:after {
    left: auto;
    right: 50%;
}

@media only screen and (min-width: 992px) {
    body .full-width .dsn-container {
        padding-left: 50px;
        padding-right: calc(var(--s-box-full) + 50px);
    }
}

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

.dsn-paginate-right-page .dsn-link-paginate {
    letter-spacing: inherit !important;
}

.dsn-stories.dsn-stories-model {
    right: auto;
    left: 0;
}

.dsn-stories.dsn-stories-model .dsn-stories-gallery a {
    left: auto;
    right: 0;
    padding-left: 0px;
    padding-right: 15px;
}

.dsn-stories.dsn-stories-model .heading-h2,
.dsn-stories.dsn-stories-model .title-block,
.dsn-stories.dsn-stories-model .sm-title-block {
    right: auto;
    left: 100px;
}

.dsn-stories.dsn-stories-model .close-story {
    left: auto;
    right: 0;
}

.dsn-stories.gallery-portfolio .sm-title-block,
.dsn-stories.gallery-portfolio .title-block {
    left: auto;
    right: 10px;
}

.stories-btn {
    right: auto;
    left: 20px;
}

.stories-btn:after {
    right: auto;
    left: -15px;
}

.day-night {
    left: auto;
    right: calc(var(--s-box-left-social) / 2);
    transform: translateX(50%);
}

@media only screen and (max-width: 991px) {
    .day-night {
        left: auto;
        right: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .day-night {
        left: auto;
        right: 150px;
    }
}

.link-custom,
input[type=submit] {
    letter-spacing: normal;
}

.link-custom:before,
input[type=submit]:before {
    left: auto;
    right: 6px;
}

.link-custom:hover::before,
input[type=submit]:hover::before {
    left: auto;
    right: 0;
}

.move-circle .icon-circle {
    left: auto;
    right: 0;
}

.btn-arrow {
    letter-spacing: normal;
}

.btn-arrow svg {
    transform: rotate(180deg);
}

@media only screen and (max-width: 991px) {
    .site-header .menu-cover-title {
        left: auto;
        right: 50%;
        transform: translate(50%, 50%);
    }
}

.site-header .menu-icon .icon-m .icon-circle {
    left: auto;
    right: -8px;
}

.site-header .menu-icon .text-menu>div {
    left: auto;
    right: 0;
}

.site-header .container-content .nav-social ul li {
    margin-right: 0px;
    padding-right: 0px;
    margin-left: 15px;
    padding-left: 5px;
}

.site-header .extend-container .main-navigation {
    left: auto;
    right: 0;
    transform: translateY(100%);
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
    margin-left: 0px;
    margin-right: 5px;
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover .dsn-title-menu {
    transform: translateX(40px);
}

.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {
    margin-left: 0px;
    margin-right: 10px;
    letter-spacing: normal;
    transform: translateY(-25px);
}

.site-header .extend-container .main-navigation ul.extend-container>li ul {
    left: auto;
    right: 0;
}

.site-header .extend-container .main-navigation ul.extend-container>li ul li a .dsn-meta-menu {
    transform: translateY(-22px);
    margin-left: 0px;
    margin-right: 10px;
}

@media only screen and (min-width: 992px) {
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation {
        margin-left: 0px;
        margin-right: auto;
        left: auto;
        right: unset;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li {
        margin-left: 0px;
        margin-right: 30px;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li:first-of-type {
        margin-left: auto;
        margin-right: 0;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul {
        left: auto;
        right: unset;
        margin-left: 0px;
        margin-right: -10px;
        transform: translateY(-35px);
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li ul li:before {
        left: auto;
        right: -10px;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container>li:last-child ul {
        right: auto;
        left: -32px;
    }
}

.dsn-multi-lang {
    right: auto;
    left: 165px;
}

.dsn-multi-lang .extend-container-lang .menu-item>a:before {
    margin-right: 0px !important;
    margin-left: 5px !important;
}

.dsn-multi-lang .sub-menu {
    left: auto;
    right: 0;
}

@media only screen and (min-width: 992px) {
    .classic-menu .dsn-multi-lang {
        transform: translateY(5px);
        right: auto;
        left: 15px;
    }
}

@media only screen and (min-width: 992px) {
    body .site-header .menu-icon {
        left: auto;
        right: var(--s-box-left-social);
        transform: translateY(50%);
    }
}

@media only screen and (min-width: 992px) {
    body .site-header .extend-container .main-navigation {
        padding-left: 0px;
        padding-right: 0px;
        padding-right: var(--s-box-left);
        padding-left: 50px;
    }
}

@media only screen and (min-width: 992px) {
    body .site-header .menu-cover-title {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 992px) {
    body .site-header ul.extend-container {
        padding-left: 0px;
        border-left: 0px;
        padding-right: 50px;
        border-right: 1px solid var(--border-color);
    }
}

.socials li a:after,
.socials li a span {
    left: auto;
    right: 50%;
}

.socials li a:hover:after {
    transform: translate(50%, 50%) scale(1);
}


/* Social menu */

.footer-navigation .footer-menu {
    padding-right: 0;
}

.footer-navigation .footer-menu li {
    margin-right: 0px;
    margin-left: 1rem;
}

.next-project .w-100.pt-30.d-flex.justify-content-between {
    left: auto;
    right: 0;
}

.testimonials .next-container.next-container,
.testimonials .prev-container.next-container {
    right: auto;
    left: 0;
}

.testimonials .next-container.next-container svg,
.testimonials .prev-container.next-container svg {
    transform: rotate(-270deg);
}

.testimonials .next-container.prev-container,
.testimonials .prev-container.prev-container {
    right: auto;
    left: 60px;
}

@media only screen and (max-width: 575px) {
    .testimonials .next-container.prev-container,
    .testimonials .prev-container.prev-container {
        left: auto;
        right: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .about-me .box-img .box-infos {
        padding-right: 0px;
        padding-left: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .box-experience {
        padding-left: 0px;
        border-left: 0px;
        padding-right: 50px;
        border-right: 1px solid var(--border-color);
    }
}

.box-experience .numb-ex {
    margin-left: 0px;
    margin-right: -5px;
}

.lest-icon li {
    padding-left: 0px;
    padding-right: 30px;
}

.lest-icon li:before {
    left: auto;
    right: 0;
}

.style-box:before {
    left: auto;
    right: 4px;
    border-right: 0px;
    border-left: 50px solid transparent;
}

.style-box:after {
    border-left: 0px;
    border-right: 50px solid transparent;
    right: auto;
    left: 4px;
}

.services .service-item::before {
    right: auto;
    left: 45px;
}

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

.skills-item .bar .fill .number {
    right: auto;
    left: 0;
}

.testimonials .testimonial-inner .testimonial-author .author-text {
    margin-left: 0px;
    margin-right: 25px;
}

.testimonials .testimonial-inner .testimonial-author .author-text h5,
.testimonials .testimonial-inner .testimonial-author .author-text h4 {
    letter-spacing: normal;
}

.testimonials:not(.testimonials-two) .testimonial-inner {
    padding-left: 0px;
    padding-right: 150px;
}

.testimonials:not(.testimonials-two) .testimonial-inner:before {
    left: auto;
    right: 0;
}

.blog-item {
    padding-left: 0px;
    padding-right: 60px;
}

.blog-item .blog-item-inner::before {
    left: auto;
    right: -60px;
    direction: ltr;
    letter-spacing: normal;
}

@media only screen and (min-width: 992px) {
    .blog-item .right-box {
        padding-left: 0px;
        padding-right: 30px;
    }
}

.team .team-item .team-item-inner .box-text .name {
    letter-spacing: normal;
}

.team .team-item .team-item-inner .box-text .position {
    letter-spacing: normal;
}

@media only screen and (min-width: 992px) {
    .team .team-item .team-item-inner .box-social {
        margin-left: 0px;
        margin-right: auto;
    }
}

.intro-project .intro-text {
    padding-right: 0px;
    padding-left: 40px;
}

.intro-project .project-info li h5 {
    letter-spacing: normal;
}

@media only screen and (min-width: 992px) {
    .box-seat .pro-text {
        right: auto;
        left: 50px;
    }
}

@media only screen and (min-width: 992px) {
    .box-seat.box-set-move .pro-text {
        transform: translateY(-150px);
    }
}

@media only screen and (min-width: 768px) {
    .box-set-bottom .pro-text {
        left: auto;
        right: 5%;
    }
}

.item-services-header .icon {
    margin-right: 0px;
    margin-left: 20px;
}

@media only screen and (min-width: 992px) {
    .box-video {
        margin-left: 0px;
        margin-right: -110px;
    }
}

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

.box-video .play-btn::before {
    left: auto;
    right: -10px;
}

.box-view-item .content a {
    letter-spacing: normal;
}

.box-view-item .content .content-btn span {
    letter-spacing: normal;
}

.section-image .swiper-slide:not(:last-of-type) {
    padding-right: 0px;
    padding-left: 30px;
}

.view-p .scrollbar-track {
    right: auto;
    left: 0;
}

@media only screen and (min-width: 992px) {
    body .scrollbar-track {
        left: auto;
        right: calc(var(--s-box-left) - (var(--smooth-width) / 2));
    }
}

.project-number h6 {
    margin-right: 0px;
    margin-left: 15px;
    letter-spacing: normal;
}

.project-number span.curent {
    padding-right: 0px;
    padding-left: 80px;
}

@media only screen and (max-width: 575px) {
    .project-number span.curent {
        padding-right: 0px;
        padding-left: 30px;
    }
}

.project-number span.curent::before {
    right: auto;
    left: 0;
}

.project-number span.full {
    margin-right: 0px;
    margin-left: 20px;
}

@media only screen and (max-width: 575px) {
    .project-number span.full {
        margin-left: 0px;
        margin-right: 15px;
    }
}

.header-personal .title,
.header-personal .sm-title-block {
    margin-left: 0px;
    margin-right: -120px;
}

@media only screen and (max-width: 991px) {
    .header-personal .title,
    .header-personal .sm-title-block {
        margin-right: 0;
    }
}

.header-personal .dsn-button::before {
    left: auto;
    right: -50px;
}

.main-slider.demo-2 .dsn-slider-content .slider-current-index {
    margin-left: 0px;
    margin-right: -50px;
}

.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .metas,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .link-custom,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .description {
    transform: translateY(10px);
    transform-origin: right bottom;
}

.main-slider .description {
    color: var(--font-color);
    letter-spacing: normal;
}

.main-slider .control-nav {
    right: auto;
    left: 0;
}

.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .next-container,
.main-slider.controller-right .control-nav .prev-container,
.main-slider.controller-right .control-nav .next-container {
    right: auto;
    left: 7px;
}

.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
.main-slider.controller-right.nav-center .control-nav .prev-container,
.main-slider.controller-right.nav-center .control-nav .next-container {
    right: auto;
    left: 20px;
}

@media only screen and (min-width: 992px) {
    body .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
    body .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
    body .main-slider.controller-right.nav-center .control-nav .prev-container,
    body .main-slider.controller-right.nav-center .control-nav .next-container {
        right: auto;
        left: calc(0px - ((var(--body-style-space) / 2) + 25px + 20px));
    }
}

@media only screen and (min-width: 992px) {
    body .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .prev-container,
    body .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .next-container,
    body .main-slider.controller-right.full-width .control-nav .prev-container,
    body .main-slider.controller-right.full-width .control-nav .next-container {
        right: auto;
        left: 0;
    }
}

.main-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right;
}

@media only screen and (min-width: 992px) {
    .main-slider.demo-2.dsn-webgl .bg-container {
        left: auto;
        right: 0;
    }
    .main-slider.demo-2.dsn-webgl .dsn-slider-content .dsn-container {
        left: auto;
        right: 50%;
    }
    .main-slider.demo-2.dsn-webgl .dsn-slider-content .dsn-container .title {
        margin-right: 0;
    }
    .main-slider.demo-2:not(.dsn-webgl) .bg-container {
        left: auto;
        right: var(--s-box-left-social);
    }
    .main-slider.demo-2:not(.dsn-webgl) .dsn-slider-content .dsn-container {
        left: auto;
        right: 50%;
    }
    .main-slider.demo-2 .bg-container {
        margin-right: 0;
    }
    .main-slider.demo-2 .dsn-slider-content .slider-current-index {
        margin-left: 0px;
        margin-right: -80px;
    }
    .main-slider.demo-2 .dsn-slider-content .dsn-container {
        padding-left: 0px;
        padding-right: 50px;
    }
    .main-slider.demo-2 .dsn-slider-content .dsn-container .title {
        margin-left: 0px;
        margin-right: -130px;
    }
}

@media only screen and (min-width: 992px) {
    .main-slider.demo-1 .bg-container {
        margin-left: 0px;
        margin-right: auto;
    }
}

.main-slider:not(.has-horizontal) .dsn-pagination {
    right: auto;
    left: 25px;
}

.filtering .filtering-wrap .filtering button {
    letter-spacing: normal;
}

.filtering .filtering-xwrap .filtering button:not(:last-of-type) {
    margin-right: 0px;
    margin-left: 15px;
}

.filtering .filtering-wrap .filtering button.active {
    letter-spacing: normal;
}

.projects-list .work-item .work-item-inner .title-meta .metas {
    padding-left: 0px;
    padding-right: 25px;
}

.projects-list.work-gallery .work-item .box-content .view-project {
    letter-spacing: normal;
}

.projects-list.work-gallery .work-item:hover .box-content .metas {
    transform: translateY(15px);
}

.box-info-contact {
    padding-left: 0px;
    padding-right: 30px;
}

@media only screen and (max-width: 991px) {
    .box-info-contact {
        padding-right: 0;
    }
}

.single-contact .box-info .info-item a {
    letter-spacing: normal;
}

.single-contact .entry-box input::placeholder,
.single-contact .entry-box textarea::placeholder {
    letter-spacing: normal;
}

.contact-btn {
    right: auto;
    left: 80px;
}

.contact-btn:before {
    right: auto;
    left: 6px;
}

.contact-btn .contact-btn-txt {
    letter-spacing: inherit !important;
}

.contact-modal {
    right: auto;
    left: 0px;
    padding-right: 0px;
    padding-left: 100px;
    transform: translate3d(-120%, 0, 0);
}

.contact-modal .contact-container {
    padding-left: 0px;
    padding-right: 60px;
}

.footer .nav-footer li:not(:last-of-type) {
    margin-right: 0px;
    margin-left: 20px;
}

@media only screen and (max-width: 575px) {
    .footer .nav-footer li {
        margin-right: 0px;
        margin-left: 10px;
    }
}

.cap {
    left: auto;
    right: 0;
    background-image: linear-gradient(to left, #0e0e0e5c 0%, #1b1515 100%);
}

.cap span {
    letter-spacing: normal;
}

.caption {
    transform-origin: right center;
    letter-spacing: normal;
}

.border-section-bottom:after,
.border-section-bottom:before,
.section-title:after,
.section-title:before {
    left: auto;
    right: 0px;
}

@media only screen and (min-width: 992px) {
    body .scroll-to-top {
        left: auto;
        right: var(--s-box-left-social);
    }
}

.left-60 {
    left: auto;
    right: 60%;
}

@media only screen and (min-width: 992px) {
    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:after {
        transform: rotate(-180deg) !important;
    }
    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:hover:after {
        transform: translate(-50%, 8px);
    }
}

.preloader .loading-text.loading-text {
    left: auto;
    right: 40px;
    letter-spacing: inherit;
}

.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img {
    transform: rotate(-180deg) !important;
}

body .full-width .dsn-container .d-flex {
    direction: ltr;
}

.metas span {
    letter-spacing: inherit !important;
}

.border-right {
    border-left: 1px solid var(--border-color);
}

.border-left {
    border-right: 1px solid var(--border-color);
}

.metas span:not(:last-of-type) {
    margin-right: 0px !important;
}

@media only screen and (min-width: 992px) {
    body .full-width {
        margin-left: 0px;
        margin-right: calc(-50vw - (var(--s-box-full) / 2));
    }
}

@media (min-width: 992px) {
    .offset-lg-5 {
        margin-left: 0px;
        margin-right: 41.666667%;
    }
}

.dsn-paginate-right-page {
    right: auto;
    left: 20px;
}

.dsn-paginate-right-page .dsn-link-paginate:before {
    right: auto;
    left: 0px;
}

.dsn-paginate-right-page .dsn-link-paginate {
    padding-right: 0px;
    padding-left: 20px;
}

.filtering .filtering-wrap .filtering button:not(:last-of-type) {
    margin-right: 0px;
    margin-left: 15px;
}

.line-bg-left:before {
    left: auto;
    right: 0;
    transform-origin: bottom right;
}

.pl-80 {
    padding-left: 0px;
    padding-right: 80px;
}

.pl-100 {
    padding-left: 0px;
    padding-right: 100px;
}

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

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

p.border-left.pl-20.max-w570 {
    border-left: 0;
}

body .site-header .inner-header {
    margin-left: 0px;
    margin-right: 20px;
}

body .site-header .menu-icon {
    left: auto !important;
    right: 20px;
    justify-content: right !important;
}

body .full-width .dsn-container {
    padding-left: 180px !important;
}

.p-tb {
    padding-bottom: 50px;
}

.listmenu {
    right: auto;
    left: 20px;
}

.listmenu a {
    text-align: left;
    padding: 0px;
    padding-left: 26px;
}

.listmenu a:before {
    right: auto;
    left: 0px;
}