@import url('https://fonts.googleapis.com/css2?family=El+Messiri&family=Noto+Kufi+Arabic:wght@100;200&family=Tajawal:wght@700&family=Vibes&display=swap');




body {
    text-align: right;
    
    font-family: 'Noto Kufi Arabic', sans-serif;


    
}

.sp-before {
    margin-right: 30px;
    margin-left: unset;
}
  
.sp-before::before {
    right: -30px;
    left: auto;
}
.sp-after {
    margin-left: 30px;
    margin-right: unset;
}
.sp-after::after {
    left: -30px;
    right: auto;
}
.navbar-brand {
    margin-right: 0;
}
.navbar-area .main-nav .navbar .navbar-nav {
    margin-right: auto;
    margin-left: 0;
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
    right: 100%;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
    left: unset;
    right: 0;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    right: 100%;
    top: 20px;
    left: auto;
}
  
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    right: 100%;
    left: auto;
}
.nav-ml {
    margin-right: 100px !important;
    margin-left: unset;
}
.side-nav-responsive .dot-menu {
    right: auto;
    left: 40px;
}
.side-nav-responsive .container .container {
    left: 0;
    right: auto;
}
.search-box {
    float: left;
    left: 75px;
    right: auto;
}
.search-box .search-btn {
    left: 5px;
    right: auto;
}
.search-area .search-item {
    margin-left: 30px;
    margin-right: unset;
}
.search-area .search-item .search-overlay.search-popup {
    left: 0;
    right: auto;
}
.search-area .search-item .search-overlay.search-popup .search-form .search-button {
    left: 0;
    right: auto;
}
.side-nav-responsive .side-nav-inner .side-nav .responsive-search-box .search-btn {
    left: 5px;
    right: auto;
}
.menu-icon {
    left: 0;
    right: auto;
}
.search-area .search-item .search-overlay.search-popup .search-form .search-input {
    padding-right: 10px;
    padding-left: unset;
}
.sidebar-modal.active .sidebar-modal-inner {
    left: 0;
    right: auto;
}
.sidebar-modal .sidebar-modal-inner {
    left: -100%;
    right: auto;
}
.sidebar-modal .sidebar-header .close-btn {
    float: left;
}
.sidebar-modal .contact-us ul li {
    padding-right: 40px;
    padding-left: unset;
}
.sidebar-modal .contact-us ul li i {
    right: 0;
    left: auto;
}
.sidebar-modal .sidebar-instagram-feed ul {
    padding-right: 0;
    padding-left: unset;
}
.sticky-nav .menu-icon {
    left: 0;
    right: auto;
}
.default-btn::before {
    left: unset;
    right: 0;
}
.default-btn::after {
    right: unset;
    left: 0;
}
.default-btn:hover::before {
    right: auto;
    left: 0;
}
.default-btn:hover::after {
    left: auto;
    right: 0;
}

.slider-item::before {
    left: 70px;
    right: auto;
}
.slider-item .social-link {
    left: 0;
    right: auto;
}
.slider-content .slider-btn .learn-btn {
    margin-right: 20px;
    margin-left: unset;
}
.slider-content {
    margin-right: 85px;
    margin-left: unset;
}
.slider-content span {
    margin-right: 45px;
    margin-left: unset;
}
.slider-content span::before {
    right: -30px;
    left: auto;
}
.slider-content::before {
    right: -85px;
    left: auto;
}
.home-slider .thumbs-wrap .owl-thumbs.home-slider-thumb::before {
    right: 90px;
    left: 0;
}
.home-slider .owl-nav .owl-prev {
    left: 46.5%;
    z-index: 1;
}
.home-slider .owl-nav .owl-next {
    right: 41.5%;
}
.about-content {
    margin-right: auto;
    margin-left: unset;
}
.about-img .about-img-text {
    right: -40px;
    left: auto;
}
.consultation-play-btn {
    float: left;
}
.service-card .content .learn-btn i {
    right: 90px;
    left: auto;
}
.service-card:hover .content .learn-btn {
    margin-right: 35px;
    margin-left: unset;
}
.service-card:hover .content .learn-btn i {
    right: -35px;
    left: auto;
}
.portfolio-item .content .title h3 {
    padding-right: 35px;
    padding-left: unset;
}
.team-card .content .sub-title li {
    margin-left: 7px;
    margin-right: unset;
}
.team-card .content .sub-title li::before {
    right: -7px;
    left: auto;
}
.blog-btn {
    float: left;
}
.blog-card .content span {
    margin-right: 30px;
    margin-left: unset;
}
.blog-card .content span::before {
    right: 30px;
    left: auto;
}
.about-img {
    margin-right: 70px;
    margin-left: unset;
}
.contact-form .form-group i {
    right: 15px;
    left: auto;
}
.contact-form .form-group .form-control {
    padding: 10px 40px 10px 20px;
}
.footer-widget .footer-contact-list li span {
    float: right;
}
.footer-widget .footer-news li {
    padding-right: 50px;
    padding-left: unset;
}
.footer-widget .footer-news li i {
    right: 0;
    left: auto;
}
.footer-widget .footer-gallery {
    padding-right: 0;
    padding-left: unset;
}
.copyright-text {
    float: left;
}
#toTop {
    left: 20px;
    right: auto;
}
.banner-content {
    margin-right: 20px;
    margin-left: unset;
}
.banner-content .banner-btn .get-btn {
    margin-right: 20px;
    margin-left: unset;
}
.banner-area .thumbs-wrap {
    left: 100px;
    right: auto;
}
.banner-area .thumbs-wrap .owl-thumbs.banner-area-thumb::before {
    right: 90px;
    left: 0;
}
.banner-area .owl-nav .owl-prev {
    left: 40px;
    right: auto;
}
.banner-area .owl-nav .owl-next {
    left: 190px;
    right: auto;
}
.about-counter-area .about-play .about-play-btn span {
    margin-right: 10px;
    margin-left: unset;
}
.skill-img {
    margin-right: -70px;
    margin-left: unset;
}
.progressbar-area .single-progressbar .progressbar-count .pn-1 {
    left: 40%;
    right: auto;
}
.progressbar-area .single-progressbar .progressbar-count .pc-1 {
    left: 41%;
    right: auto;
}
.progressbar-area .single-progressbar .progressbar-count .pc-2 {
    left: 26%;
    right: auto;
}
.progressbar-area .single-progressbar .progressbar-count .pn-2 {
    right: auto;
    left: 25%;
}
.progressbar-area .single-progressbar .progressbar-count .pn-3 {
    right: auto;
    left: 5%;
}
.progressbar-area .single-progressbar .progressbar-count .pc-3 {
    right: auto;
    left: 7%;
}
.progressbar-area .single-progressbar .progressbar-count .pc-4 {
    right: auto;
    left: 13%;
}
.progressbar-area .single-progressbar .progressbar-count .pn-4 {
    right: auto;
    left: 12%;
}
.service-item .content .learn-btn i {
    right: 90px;
    left: auto;
}

.service-item:hover .content .learn-btn {
    margin-right: 35px;
    margin-left: auto;
}
  
.service-item:hover .content .learn-btn i {
    right: -35px;
    left: auto;
}
.portfolio-item-two .content .title h3 {
    padding-right: 15px;
    padding-left: unset;
}
.blog-card-pb .content span::before {
    right: 60px !important;
    left: auto;
}
.blog-article .blog-article-share .social-icon {
    float: left;
}
.contact-wrap-form .form-group i {
    right: 15px;
    left: auto;
}
.contact-wrap-form .form-group .form-control {
    padding: 10px 40px 10px 20px;
} 
.copy-right-icon-two .social-link li:first-child {
    border-right: 1px solid #3b3b3b;
    border-left: none;
}
.copy-right-icon-two .social-link li:last-child {
    border-left: 1px solid #3b3b3b;
}
.copyright-text-two {
    float: left;
}
.nav-three .search-area {
    margin-right: 120px;
    margin-left: unset;
    float: left;
}
.menu-icon .menu-icon-two::before {
    right: -8px;
    left: auto;
}
.banner-content-two .banner-play .banner-play-btn span {
    margin-right: 10px;
    margin-left: unset;
}
.banner-content-two .banner-btn .get-btn {
    margin-right: 20px;
    margin-left: unset;
}
.about-card .content {
    margin-right: 100px;
    margin-left: unset;
}
.about-card i {
    right: 0;
}
.skill-img-2 {
    margin-right: -400px;
    margin-left: auto;
}
.process-card .process-icon .number {
    left: -10px;
    right: auto;
}
.portfolio-list .content .title h3 {
    padding-right: 15px;
    padding-left: unset;
}
.testimonials-content {
    margin-right: 40px;
    margin-left: unset;
}
.testimonials-area .owl-nav .owl-next {
    right: 470px;
    left: auto;
}
.testimonials-area .owl-nav .owl-prev {
    right: 610px;
    left: auto;
}
.about-widget-card .number {
    left: 30px;
    right: auto;
}
.cart-wraps-area .cart-table table tbody tr td.product-subtotal .remove {
    float: left;
}
.cart-wraps-area .cart-totals ul li span {
    float: left;
}
.cart-wraps-area .cart-calc .nice-select:after {
    left: 15px;
    right: auto;
}
.cart-wraps-area .cart-calc .nice-select {
    text-align: right !important;
    padding-left: 40px;
    padding-right: 18px;
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group .form-control {
    padding: 13px 18px;
}
.cart-wraps-area .cart-calc form .nice-select .list .option {
    text-align: right;
}
.billing-details .form-group .nice-select:after {
    left: 15px;
    right: auto;
}
.billing-details .form-group .nice-select {
    text-align: right !important;
    padding-left: 40px;
    padding-right: 18px;
}
.billing-details .form-group .nice-select .list .option {
    text-align: right;
}
.billing-details .form-check .form-check-label {
    margin-right: 30px;
    margin-left: auto;
}
.order-details .payment-box .payment-method p [type="radio"]:checked + label {
    padding-right: 27px;
    padding-left: unset;
}
.order-details .payment-box .payment-method p [type="radio"]:checked + label::before {
    right: 0;
    left: auto;
}
.order-details .payment-box .payment-method p [type="radio"]:checked + label::after {
    right: 3px;
    left: auto;
}
.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
    right: 0;
    left: auto;
}
.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
    right: 0;
    left: auto;
}
.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label {
    padding-right: 27px;
    padding-left: unset;
}
.order-details .payment-box .order-btn::before {
    left: auto;
    right: 0;
}
.order-details .payment-box .order-btn::after {
    right: auto;
    left: 0;
}
.order-details .payment-box .order-btn:hover::before {
    right: auto;
    left: 0;
}
.order-details .payment-box .order-btn:hover::after {
    left: auto;
    right: 0;
}
.shop-desc .price .old-price {
    text-decoration: line-through;
    color: #1f1f1f;
    margin-right: 10px;
}
.shop-desc .shop-add .default-btn {
    margin-left: 20px;
    margin-right: unset;
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .additional-information {
    text-align: right;
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .btn-right {
    left: 0;
    right: auto;
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item {
    padding-left: 200px;
    padding-right: unset;
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item .review-report-link {
    left: 0;
    right: auto;
}
.shop-desc .shop-review .rating-count {
    margin-right: 5px;
    margin-left: unset;
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .additional-information {
    padding-right: 0;
    padding-left: unset;
}

.coming-soon-area .coming-soon-content .newsletter-form button {
    left: 0;
    right: auto;
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
    padding-right: 15px;
    padding-left: unset;
}
.contact-two-form .contact-wrap-form {
    margin-right: auto;
    margin-left: unset;
}
.inner-banner .inner-title ul li i {
    margin-left: 30px;
    margin-right: unset;
}
.inner-banner .inner-title ul li i::after {
    right: auto;
    left: -25px;
}
.side-bar-widget .side-bar-categories ul li span {
    float: left;
}
.side-bar-widget .portfolio-details-categories ul li span {
    text-align: left !important;
}
.search-widget .search-form button {
    left: 0;
}
.search-widget .search-form button {
    left: 0;
    right: auto;
}
.side-bar-widget .widget-popular-post .item .thumb {
    float: right;
}
.side-bar-widget .widget-popular-post .item .thumb {
    margin-right: unset;
    margin-left: 15px;
}
.blog-article .article-author ul li img {
    right: 0;
    left: auto;
}
.blog-article .article-author .author-social-link {
    right: auto;
    left: 40px;
}
.blog-article .article-author ul li {
    padding-right: 150px;
    padding-left: unset;
}
.product-desc .product-add .form-input-counter input {
    padding-right: 35px;
    padding-left: unset;
}
.products-tabs-reviews ul li {
    padding-right: 260px;
    padding-left: unset;
}
.products-tabs-reviews ul li img {
    left: unset;
    right: 90px;
}
.products-tabs-reviews ul li .content .rating {
    margin-left: 20px;
    margin-right: unset;
}
.products-tabs-reviews ul li .content .rating::before {
    left: -13px;
   right: auto;
}
.team-profile .content .sub-title li {
    margin-right: unset;
    margin-left: 7px;
}
.team-profile .content .sub-title li::before {
    right: -7px;
    left: auto;
}
.product-widget-search .search-form button {
    left: 0;
    right: auto;
}
.product-widget .product-post .item .thumb {
    float: right;
    margin-left: 15px;
    margin-right: unset;
}
.product-widget .product-categories ul li span {
    float: left;
}
.blog-shadow .content span::before {
    right: 30px !important;
    left: auto ;
}
.user-all-form .contact-wrap-form .forget {
    float: left;
}
.user-all-img {
    margin-left: -150px;
    margin-right: unset;
}
.faq-accordion .accordion .accordion-title {
    padding: 20px 20px 17px 60px;
}
.faq-accordion .accordion .accordion-title i {
    left: 15px;
    right: auto;
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
    text-align: right;
}
.switch-box {
    left: 120px !important;
    right: auto !important;
}
  
.buy-now-btn {
    left: 20px;
    right: auto;
}

/*
Responsive CSS
============================*/

@media only screen and (max-width: 767px) {
    .side-nav-responsive .dot-menu {
        right: auto;
        left: 60px;
    }
    .mean-container a.meanmenu-reveal {
        left: 15px !important;
        right: auto !important;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 90%;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        text-align: left;
        left: 0;
        right: auto;
    }
    .mean-container .mean-nav ul li a {
        text-align: right;
    }
    .mobile-nav .logo {
        right: 15px !important;
        left: auto !important;
    }
    .slider-content {
        margin-right: auto;
        margin-left: auto;
    }
    .home-slider .owl-nav .owl-prev {
        left: 40%;
    }
    .home-slider .owl-nav .owl-next {
        right: 40%;
    }
    .about-img .about-img-text {
        right: -10px;
        left: auto;
    }
    .about-content {
        margin-right: auto;
        margin-left: auto;
    }
    .consultation-play-btn {
        float: none;
    }
    .portfolio-item .content1 {
        left: auto;
        right: 20px;
    }
    .portfolio-item .content2 {
        left: auto;
        right: 20px;
    }
    .portfolio-item .content3 {
        left: auto;
        right: 20px;
    }
    .portfolio-item .content4 {
        left: auto;
        right: 20px;
    }
    .portfolio-item .content .title {
        width: 100%;
    }
    .blog-btn {
        float: none;
    }
    .blog-card .content span::before {
        right: 10px;
        left: auto;
    }
    .blog-card-pb .content span::before {
        right: 10px !important;
        left: auto;
    }
    .copyright-text {
        float: none;
    }
    .shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item {
        padding-left: 0;
        padding-right: unset;
    }
    .banner-content {
        margin-right: 0;
        margin-left: unset;
    }
    .banner-content .banner-btn .get-btn {
        margin-right: 10px;
    }
    .banner-area .owl-nav .owl-prev {
        left: 40%;
        font-size: 20px !important;
        top: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        bottom: 70px;
        color: #414141 !important;
    }
    .banner-area .owl-nav .owl-next {
        right: 40%;
        font-size: 20px !important;
        top: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        bottom: 70px;
        color: #414141 !important;
    }
    .skill-img {
        margin-right: auto;
        margin-left: auto;
    }
    .portfolio-item-two .content ul li {
        margin: 0;
    }
    .blog-shadow .content span::before {
        right: 10px !important;
        left: auto;
    }
    .blog-article .blog-article-share .social-icon {
        float: none;
    }
    .copy-right-icon-two .social-link li:first-child {
       border: none;
    }
    .copy-right-icon-two .social-link li:last-child {
        border: none;
    }
    .skill-img-2 {
        margin-right: auto;
        margin-left: auto;
    }
    .banner-content-two .banner-btn .get-btn {
        margin-right: 10px;
        margin-left: unset;
    }
    .testimonials-content {
        margin-right: 0;
        margin-left: unset;
    }
    .testimonials-area .owl-nav .owl-prev {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px;
        right: -5px;
        bottom: 15px;
    }
    .testimonials-area .owl-nav .owl-prev i {
        top: -4px;
        position: relative;
    }
    
    .testimonials-area .owl-nav .owl-next {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px;
        right: 115px;
        bottom: 15px;
    }
    .testimonials-area .owl-nav .owl-next i {
        top: -4px;
        position: relative;
    }
    .contact-two-form .contact-wrap-form {
        margin-right: auto;
        margin-left: auto;
    }
    .progressbar-area .single-progressbar .progressbar-count .pn-2 {
        right: auto;
        left: 15%;
    }
    .progressbar-area .single-progressbar .progressbar-count .pc-2 {
        left: 16%;
        right: auto;
    }
    .blog-article .article-author ul li {
        padding-right: 0;
        padding-left: unset;
    }
    .blog-article .article-author .author-social-link {
        right: auto;
        left: 0;
    }
    .products-tabs-reviews ul li {
        padding-right: 0;
        padding-left: unset;
    }
    .user-all-form .contact-wrap-form .forget {
        float: none;
    }
    .user-all-img {
        margin-left: auto;
        margin-right: auto;
    }
   
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .portfolio-item .content .title {
        width: 400px;
    }
    .home-slider .owl-nav .owl-prev {
        left: 45%;
    }
    .home-slider .owl-nav .owl-next {
        right: 45%;
    }
    .banner-area .owl-nav .owl-prev {
        left: 45%;
    }
    .banner-area .owl-nav .owl-next {
        right: 45%;
    }
    .copyright-text-two {
        float: none;
    }
    .user-all-form .contact-wrap-form .forget {
        float: left;
    }
    .blog-article .blog-article-share .social-icon {
        float: left;
    }
}


@media only screen and (min-width : 768px) and (max-width : 991px) {
  
    .mean-container a.meanmenu-reveal {
        left: 15px !important;
        right: auto !important;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 90%;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        text-align: left;
        left: 0;
        right: auto;
    }
    .mean-container .mean-nav ul li a {
        text-align: right;
    }
    .mobile-nav .logo {
        right: 15px !important;
        left: auto !important;
    }

    .slider-content {
        margin-right: auto;
        margin-left: auto;
    }
    .about-content {
        margin-right: auto;
        margin-left: auto;
    }
    .about-img .about-img-text {
        right: -30px;
        left: auto;
    }
    .consultation-play-btn {
        float: none;
    }
    .blog-card .content span::before {
        right: 30px;
        left: auto;
    }
    .blog-card-pb .content span::before {
        right: 30px !important;
        left: auto;
    }
    .banner-area .owl-nav .owl-prev {
        left: 45%;
        top: auto;
        bottom: 70px;
        color: #414141 !important;
    }
    .banner-area .owl-nav .owl-next {
        right: 45%;
        top: auto;
        bottom: 70px;
        color: #414141 !important;
    }
    .skill-img-2 {
        margin-right: auto;
        margin-left: auto;
    }
    .banner-content-two .banner-btn .get-btn {
        margin-right: 10px;
        margin-left: unset;
    }
    .testimonials-content {
        margin-right: 0;
        margin-left: unset;
    }
    .testimonials-area .owl-nav .owl-prev {
        right: 235px;
        bottom: 15px;
    }
    .testimonials-area .owl-nav .owl-next {
        right: 375px;
        bottom: 15px;
    }
    .contact-two-form .contact-wrap-form {
        margin-right: auto;
        margin-left: auto;
    }
    .user-all-img {
        margin-left: auto;
        margin-right: auto;
    }
}


@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .nav-ml {
        margin-right: 30px !important;
        margin-left: unset;
    }
    .sticky-nav .nav-three-responsive .dot-menu {
        left: 0px;
        top: 27px;
        right: auto;
    }
    .home-slider .owl-nav .owl-prev {
        left: 45.5%;
        z-index: 1;
    }
    .home-slider .owl-nav .owl-next {
        right: 38.5%;
    }
    
    .consultation-play-btn {
        float: none;
    }
    .nav-three-responsive .dot-menu {
        left: 0px;
        top: -55px;
    }
    .testimonials-area .owl-nav .owl-prev {
        right: 275px;
    }
    .testimonials-area .owl-nav .owl-next {
        right: 420px;
    }
    .blog-card-pb .content span::before {
        right: -20px !important;
        left: auto;
    }
}

@media only screen and (min-width : 1400px) {
    
    .blog-shadow .content span::before {
        right: 60px !important;
        left: auto;
    }
    .blog-card .content span::before {
        right: 60px;
        left: auto;
    }
    .portfolio-details-content img {
        width: 100%;
    }
}

@media only screen and (min-width : 1800px) {
    .search-box {
        left: 0;
        right: auto;
    }
    .home-slider .owl-nav .owl-next {
        right: 43%;
    }
    .banner-area .thumbs-wrap {
        left: 200px;
        right: auto;
    }
    .banner-area .owl-nav .owl-prev {
        left: 150px;
        right: auto;
    }
    .banner-area .owl-nav .owl-next {
        left: 285px;
        right: auto;
    }
    .contact-two-form .contact-wrap-form {
        margin-right: auto;
        max-width: 800px;
        margin-left: unset;
    }
}