@font-face {
    font-family: "light";
    src: url("../fonts/Tajawal-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bold";
    src: url("../fonts/Tajawal-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

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

.lg-outer {
    direction: ltr;
    ;
}


/* input,
.invalid-feedback,
.error,
button {
    font-family: "light_ar";
} */

.subscribe-div {
    direction: rtl;
}

.rtl .main-menu{
    height: calc(100% - 87px);
    min-height: calc(100% - 87px);
}

.rtl .page-title .letter,
.rtl .trip-title .letter,
.rtl h1 .letter,
.rtl .login-div .letter,
.rtl .border-title h3 .letter {
    display: inline;
}

.rtl .see-more {
    font-size: 14px;
}

.rtl .bloquote:before {
    top: -75px;
}

.sec-num {
    line-height: 92px;
}


/* .modal-header .close,
.small,
small,
.personal-info label,
.ui-state-default,
.reserve-appointment .custom-checkbox label,
.cat-description h4 span,
.num,
input,
.form-control,
.form-group[dir="ltr"],
.contact-slide .submit-login li a,
em[dir="ltr"],
label[dir="ltr"],
.sec-num,
.rate-ratio {
    font-family: "light";
} */

.inner-about-div h3 a {
    display: block;
    margin-top: 20px;
}

.lang-menu span:after {
    top: -4px;
}

.cat-description h3 {
    font-size: 29px;
    line-height: 40px;
}

.rtl .news-description h3 {
    padding-bottom: 5px;
}


.rtl .vip-product {
    padding: 12px 5px 5px;
}


/* .main-logo-text {
    width: 115px;
} */

.slider-caption h4:before,
.arrow-link:before,
.fa-caret-right,
.pages-back img,
#prev-button i,
.owl-interior .owl-dot.active span:after,
.news-description h3 a img {
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
}

.trip-title svg {
    transform: scaleX(-1);
    -webkit-transform: scalex(-1);
    -moz-transform: scalex(-1);
    -ms-transform: scalex(-1);
    -o-transform: scalex(-1);
}



i {
    margin-right: 7px
}

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

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

.has_seudo:before,
.has_seudo:after,
.sidebar,
.login-image,
.trip-title svg,
.track-shape span i {
    right: 0;
}

i {
    margin-right: 5px;
}

.main-menu {
    right: 0;
    padding-left: 70px;
    padding-right: 15px;
}

.right-nav-grid {
    padding-left: 200px;
}

.nav-icon span:nth-of-type(2):before {
    border-left-color: #fff;
    left: 100%;
}

.open-menu-icon span:nth-of-type(2):before {
    border-right-color: #4C5454;
    border-left-color: transparent;
    left: -10px;
}

.close-menu-icon {
    left: 10px;
}

.slide-menu {
    left: 0;
}

.wahtsapp-icon .slide-menu {
    right: 0;
    left: auto;
}

.social-icons {
    margin-left: 10px;
}

.menu-logo:before {
    border-left: 1px solid #E1BB63;
    left: -8px;
}

.side-nav:after {
    border-left: 1px solid #E1BB63;
    left: 0;
}

.menusvg {
    right: 225px;
}

.sidebar {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
}

.sidebar.active .close-menu-icon span:nth-of-type(2) {
    margin-right: -5px
}

.open-menu-icon.active span:nth-of-type(2) {
    margin-right: 5px;
}

.sidebar.active .close-menu-icon:hover span:nth-of-type(2) {
    margin-right: 0
}

.lang-menu span:after {
    left: -20px;
}

.header-icon {
    margin-right: 10px;
}

.basket-menu img {
    right: 15px;
}

.basket-menu li a {
    padding-right: 60px;
}

.main-search .form-control {
    padding-left: 40px;
}

.main-search {
    left: 50px;
}

.main-search button {
    left: 2px;
}

.main-icons-grid:before {
    right: 140px;
    left: auto;
}

.volume-btn {
    left: calc(96% - 46px);
}

.volume-btn:before {
    right: 10px;
}

.inner-slider-img,
.slider-caption {
    left: -4%;
    -webkit-transition: width .5s cubic-bezier(.45, .035, .045, .95), padding-left .35s cubic-bezier(.45, .035, .045, .95), padding-right .5s cubic-bezier(.215, .61, .355, 1);
    transition: width .5s cubic-bezier(.45, .035, .045, .95), padding-left .5s cubic-bezier(.45, .035, .045, .95), padding-right .5s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: width .5s cubic-bezier(.45, .035, .045, .95), padding-left .5s cubic-bezier(.45, .035, .045, .95), padding-right .5s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: width .5s cubic-bezier(.45, .035, .045, .95), padding-left .5s cubic-bezier(.45, .035, .045, .95), padding-right .5s cubic-bezier(.215, .61, .355, 1);
    -o-transition: width .5s cubic-bezier(.45, .035, .045, .95), padding-left .5s cubic-bezier(.45, .035, .045, .95), padding-right .5s cubic-bezier(.215, .61, .355, 1);
}

.slider-img {
    left: 0;
}

.slide-next .slider-caption,
.slide-next .inner-slider-img {
    padding-right: 180px
}

.left-slide-caption {
    right: 0
}

#slider-next {
    left: 0;
}

.slider-img video {
    left: 180px;
}

.slider-caption h4:before {
    right: 0;
}

.slider-caption h4:after {
    right: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
}

.slider-caption h4:hover::after {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}

.slide-item:hover h4::before {
    right: calc(100% - 25px);
}

.slider-logo {
    right: 0;
}

.slider-chat {
    left: 150px;
}

.con-whatsapp {
    border-radius: 20px 20px 20px 0;
    -webkit-border-radius: 20px 20px 20px 0;
    -moz-border-radius: 20px 20px 20px 0;
    -ms-border-radius: 20px 20px 20px 0;
    -o-border-radius: 20px 20px 20px 0;
}

.footer-list a {
    padding-left: 5px;
    margin-right: 5px;
}

.footer-list a::before {
    left: -3px;
}

.copyright img {
    margin-right: 5px;
}

.pages-header .sec-num {
    padding-right: 105px;
}

.pages-header .sec-num:before {
    right: 0px;
}

.pages-header,
.padding-pg {
    padding-left: 200px;
    padding-right: 60px;
}

.clients-pg {
    padding-left: 170px;
    padding-right: 60px;
}

.pages-header.animate-head:before {
    animation: fadeInLeft 1s linear both;
    -webkit-animation: fadeInLeft 1s linear both;
}

.identity-grid:nth-of-type(even) .sub-identity-pg {
    margin-left: 0;
    margin-right: auto;
}

.pages-header a:hover {
    animation: arrow_ar 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
    -webkit-animation: arrow_ar 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

.news-description {
    padding-right: 20px;
}

.news-description h3 {
    padding-left: 40px;
}

.news-description h3 a {
    left: 0;
}

.left-project-div {
    padding-right: 50px;
    padding-left: 15px;
}

.left-project-div:before {
    right: 15px;
}

.pro-vip {
    padding-left: 40px;
}

.vip {
    left: 0;
}

.full-project-link i {
    margin-left: 5px;
}

.arrow-link {
    padding-right: 22px;
}

.pro-desc {
    left: calc(100% - 65px);
}

.pro-image-div h4 {
    right: 20px;
}

.allprojects,
.innerallproject,
.all-des {
    right: 0;
}

.innerallproject {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
}

.all-des {
    -webkit-transform: translateX(-15px);
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
}

.close-project {
    right: calc(86% + 5px);
}

.carp-caption {
    right: 0;
}

.carpet-product-description h3:after {
    left: calc(-100% - 5px);
    right: auto;
}

.furnishing-carpet h3:after {
    left: -9px;
}

.carpet-but-btns a img {
    margin-right: 7px;
    transition: left 2s linear;
    -webkit-transition: left 2s linear;
    -moz-transition: left 2s linear;
    -ms-transition: left 2s linear;
    -o-transition: left 2s linear;
}

.carpet-but-btns a:before {
    right: auto;
    left: 0;
}

.carpet-but-btns a:hover img {
    left: 15px;
}

.rate-ratio {
    margin-right: 5px;
}

.custom-checkbox label {
    padding-right: 30px;
}

.custom-checkbox label:before {
    right: 0;
}

.custom-checkbox label:after {
    right: -6px;
}

.owl-specification .item {
    border-left: 1px solid #fff;
}

.owl-specification .owl-item:first-of-type .item {
    border-right: 1px solid #fff;
}

.reg-div span {
    margin-left: 10px;
}

.regular-area {
    margin-left: 20px;
}

.place-div .regular-area {
    margin-left: 10px;
}

.small-checkboxes .custom-checkbox label:after {
    right: 3px;
}

.small-checkboxes .custom-checkbox label {
    padding-right: 20px;
}

.congrat-div .custom-checkbox:not(:last-of-type) {
    margin-left: 15px
}

.congrat-div {
    padding: 7px 40px 0 10px;
}

.congrat-div img {
    right: 10px;
}

.custom-file-div label:not(.error) {
    padding-left: 80px;
}

.custom-file-div label span {
    left: 0;
    border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
}

.owl-specification .owl-nav {
    left: 100%;
}

.golden-full-img .left-btns {
    left: 0;
    right: auto;
}

.summry-div ul li em:not(:last-of-type),
.color-choosen>div:not(:last-of-type) {
    margin-left: 10px;
}

.shipping-div {
    padding-right: 40px;
}

.shipping-div img {
    right: 0;
}

.review-div {
    padding: 10px 150px 15px 100px;
}

.review-div .rate-star {
    left: 17px;
}

.login-img:before {
    right: 16px;
}

.password-input a {
    left: 10px;
}

.password-input input {
    padding-left: 130px;
}

.verfication-code input {
    padding-left: 50px;
}

.verfication-code button,.countdown {
    left: 0;
}

.social-login a span {
    right: 5px;
}

.social-login a {
    padding-right: 51px;
}

.product-map h3:before {
    right: 5px;
}

.product-map h3 {
    padding: 10px 40px 10px 10px;
}

.left-shape:before {
    right: -60px;
}

.vip-product,
.interior-btns {
    left: 20px;
}

.trip-title {
    padding-left: 28px;
}

.trip-img:before {
    right: -20px;
}

.trip-title h3 {
    padding: 0 20px;
}

.trip-title i {
    margin-left: -15PX;
}

.owl-interior .owl-dot:first-of-type.active span:after {
    background-position: center right;
}

.owl-interior .owl-dot span:before {
    right: -50%;
}

.owl-interior .owl-dot:first-of-type span:before,
.owl-interior .owl-dot span:after {
    right: 0;
}

.tabs-features li {
    padding-right: 40px;
    padding-left: 100px
}

.tabs-features li .main {
    right: 0;
}

.tabs-features li .secondary,
.step_2 .checkboxes-div .check-quantity {
    left: 0;
}

.custom-checkbox label.error {
    padding-right: 0;
}

.other-grid .form-group {
    padding-left: 40px;
}

.repeat-other,
.remove-other {
    left: 0;
}

.right-choose-grid:before {
    right: -30px;
    border-left-color: #39403f !important;
}

.reserve-appointment .custom-checkbox label {
    padding: 0;
}

.date-div {
    padding-right: 30px;
}

.date-div i {
    right: 0;
}

.step_2 .place-div .checkboxes-div .regular-area {
    margin-left: 0;
}

.step_2 .place-div .checkboxes-div .custom-checkbox {
    padding-left: 90px;
}

#prev-button i {
    margin-right: 0;
    margin-left: 7px;
}

.side-list i {
    margin-left: 7px;
    margin-right: 0;
}

.static-stars {
    direction: ltr;
}

.close-comments {
    left: 10px;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    right: 50%;
    margin-right: -4px;
    left: auto;
    margin-left: auto;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 3px;
}

.toast:before {
    left: 1rem;
    right: auto !important;
}

.toast .toast-close-button {
    top: -4px !important;
    right: 35px !important;
    font-family: sans-serif;
}

.team-img:before,
.team-img:after,
.team-img span:before,
.team-img span:after {
    left: 0;
    right: auto;
}

.right-project-grid .owl-carousel .owl-nav button.owl-next:before {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}

.right-project-grid .owl-carousel .owl-nav button.owl-prev:before {
    left: 0;
}

.right-project-grid .owl-carousel .owl-nav button.owl-next:before {
    left: 0;
}

.modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

.toast:after {
    right: auto !important;
    left: 1.25rem;
}

.langauge-switcher {
    text-transform: capitalize;
}

.switch_box {
    right: 0;
}

.switch-container {
    padding-right: 5em;
}


.track-div ul li{
    padding:15px 80px 0 15px;
}

.track-div ul li:after{
    right: 65px;
}

.track-div ul li span{
    right: 0;
}

.track-div ul li:not(:last-of-type):before{
    right: 25px;
}

.remove-notify {
    left: 15px;
}

.notification-list li{
    padding: 10px 15px 10px 35px;
}
@media (max-width: 480px) and (min-width: 241px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px !important;
    }
}

@media only screen and (min-width:992px) {
    .hover-slide .active~.slide-item .inner-slider-img,
    .hover-slide .active~.slide-item .slider-caption,
    .hover-slide .active .slider-caption {
        padding-left: 50px
    }
}

@media only screen and (max-width: 1200px) {
    .hover-slide .active~.slide-item .inner-slider-img,
    .hover-slide .active~.slide-item .slider-caption,
    .hover-slide .active .slider-caption {
        padding-left: 40px
    }
    .trip-title:before {
        background-position: top right;
    }
}

@media only screen and (max-width: 992px) {
    .hover-slide .active~.slide-item .inner-slider-img,
    .hover-slide .active~.slide-item .slider-caption,
    .hover-slide .active .slider-caption {
        padding-left: 0
    }
    .pages-header {
        padding-right: 0;
        padding-left: 0;
    }
    .padding-pg {
        padding-right: 0;
        padding-left: 0;
    }
    .close-project {
        right: calc(92% + 5px);
    }
    .pro-image-div h4 {
        right: 20px;
        left: 20px;
    }
    .right-project-grid .pro-vip {
        text-align: right;
    }
    #next-project {
        left: 5px;
    }
    #previous-project {
        left: 5px;
    }
    
       .project-fullheight.active~.project-fullheight {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }

    .carousel-checkbox .custom-checkbox {
        text-align: right;
    }
    .trip-img {
        padding-right: 20px;
    }
    .trip-img:before {
        right: 0;
    }
    .left-project-grid {
        right: 0;
    }
    .projects-pg .slide-container {
        right: 0;
    }
    .project-fullheight {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
    }
}

@media only screen and (max-width: 767px) {
    .right-nav-grid {
        padding-left: 15px;
    }
    .icon-img {
        margin-right: 5px;
        margin-left: 5px;
    }
    .sec-num {
        right: 0 !important;
        left: auto !important;
    }
    .sec-num:before {
        right: 30px;
        left: auto !important;
    }
    .left-about-grid {
        padding-right: 55px !important;
        padding-left: calc(4% + 15px) !important;
    }
    .slide .right-about-grid svg:first-of-type {
        right: auto !important;
        left: 10% !important;
    }
    .slide .right-about-grid svg:nth-of-type(2) {
        right: 23% !important;
        left: auto !important;
    }
    .slide .right-about-grid svg:nth-of-type(3) {
        right: auto !important;
        left: 15% !important;
    }
    .slide .right-about-grid svg:nth-of-type(4) {
        right: 30% !important;
        left: auto !important;
    }
    .right-choose-grid:before {
        border-left-color: transparent !important;
    }
    .right-choose-grid:before {
        right: calc(50% - 15px);
    }
}

@media only screen and (max-width: 576px) {
    .slide-next .slider-caption,
    .slide-next .inner-slider-img {
        padding-right: 100px
    }
    .slider-img video {
        left: 100px;
    }
    .volume-btn {
        left: 110px
    }
    .main-header-icons {
        left: 0;
    }
    .close-project {
        right: auto;
        left: 20px;
    }
    .left-about-grid {
        padding-right: 30px !important;
    }
    .left-btns {
        right: 0;
    }
    .review-div {
        padding: 10px 15px 15px 15px;
    }
    .map-links,
    .login-div,
    .side-pg,
    .profile {
        padding-right: 0;
    }
    .trip-img:before {
        right: 8px;
    }
    .interior-title,
    .interior-design {
        padding-right: 0;
    }
    .trip-title h3 {
        padding: 0px 15px 0 5px;
    }
    .tabs-features li {
        padding-right: 30px;
        padding-left: 50px
    }
    .carpet-similars .interior-btns {
        left: auto;
        right: 20px;
    }
    .social-login a {
        text-align: right;
    }
    .news-description {
        padding-right: 0;
    }
}

@media only screen and (max-width: 450px) {
    .tabs-features li {
        padding-left: 0
    }
    .tabs-features li .secondary {
        margin-left: 0;
        margin-right: auto;
    }
}