/*
    [ RTL Stylesheet ]
 
 
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Fonts, Icons and Other Styles Import
2. RTL Customization

-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sora:wght@100..800&display=swap');
@import url("../fonts/bootstrap-icons-1.1/font/bootstrap-icons.css");
@import url("bootstrapBe.min.css");
@import url("../../plugins/jquery_ui/style.css");
@import url("animation.css");
@import url("../../plugins/wow/animate.css");
@import url("../../plugins/swiper/swiper-bundle.min.css");
@import url("../../plugins/swiper/swiper-gl.min.css");
@import url("../../plugins/odometer/odometer-theme-default.css");
@import url("../../plugins/fancybox/jquery.fancybox.css");
@import url("../../plugins/flatpickr/flatpickr.css");
@import url("../../plugins/nice-select/nice-select.css");
@import url("../../plugins/cursor-effect/cursor-effect.css");

@import url("global.css");
@import url("header.css");
@import url("footer.css");
@import url("preloader.css");
@import url("shop.css");
@import url("components.css");
@import url("contact.css");
@import url("blog.css");
@import url("sidebar.css");
@import url("portfolio.css");
@import url("style.css");
@import url("responsive.css");
@import url("light.css");

/* RTL Customization */
body {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: var(--tp-text-body);
    font-family: var(--tp-ff-body);
    direction: rtl;
    text-align: right;
}

.tp-header-box {
    width: 100%;
    padding-left: 0px;
    padding-right: 66px;
}

.tp-header-2-social a:not(:last-child) {
    margin-left: 12px;
    margin-right: 0px;
}

.tp-counter-item-title {
    font-size: 60px;
    font-weight: 700;
    margin-right: 0px;
    margin-left: 20px;
    letter-spacing: -2.4px;
    color: var(--tp-theme-secondary);
}

.tp-portfolio-btn-wrap {
    text-align: end !important;
}

.tp-faq-item-icon span {
    display: inline-block;
    border-radius: 50%;
    margin-left: 20px;
    margin-right: 0px;
}

.tp-faq-box .accordion-body {
    padding: 0px;
    padding-right: 20px;
}

.tp-faq-box .accordion-button .accordion-btn {
    position: absolute;
    top: 50%;
    left: 30px;
    right: unset;
}

.tp-faq-box .accordion-button {
    font-size: 18px;
    font-weight: 600;
    padding: 18px 20px 18px 30px;
    color: var(--tp-heading-primary);
}

.tp-testimonial-wrapper {
    direction: ltr;
}

.tp-testimonial-navigation {
    direction: ltr;
}

.tp-footer-widget-contact a span {
    position: absolute;
    top: 0;
    right: -28px;
    left: unset;
}

.tp-footer-widget-contact a {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    margin-left: 0px;
    margin-right: 28px;
}

.tp-main-menu ul li.has-dropdown>a::after {
    content: "\f107";
    font-size: 15px;
    font-weight: 400;
    margin-left: 0px;
    margin-right: 6px;
}

.tp-service-sidebar-list ul li a svg {
    transform: rotate(180deg);
}

.header .mainnav ul.main-menu li ul {
    right: 0;
}

.header .mainnav ul.main-menu li ul.sub-menu {
    right: 100%;
}

.swiper-navigation.style2 {
    direction: ltr;
    transform: unset !important;
    right: 0px;
}

.header .mainnav ul.main-menu li ul li.menu-item-has-children>a:after {
    right: unset;
    left: 0;
    content: "\F284";
}