/** 01.) Variable CSS **/

/**----------------------------------------------**/

:root {
    --body-text-color: #3f3f3f;
    --heading-text-color: #111111;
    --menu-link-color: #111111;
    --white-color: #ffffff;
    --very-light-gray: #f2f2f2;
    --light-gray: #ebebeb;
    --gray: #cccccc;
    --dark-gray: #797979;
    --success: #28a745;
    --success-bg: #d4edda;
    --info: #17a2b8;
    --info-bg: #cce5ff;
    --warning: #ffc107;
    --warning-bg: #fff3cd;
    --danger: #dc3545;
    --danger-bg: #f8d7da;
}

:root {
    --mon: "Montserrat", sans-serif;
    --blue: #8a6bff;
    --darkblue: #0a0a36;
}

html {
    direction: rtl;
}

body {
    text-align: right;
}

.menu-primary>li.menu-item.menu-item-has-children>a::after {
    right: auto;
    left: 0;
}

.navbar-right .search-option {
    padding: 0px 30px 0px 0px;
}

.menu-primary .sub-menu>li.menu-item:hover>a,
.menu-primary .sub-menu>li.menu-item.active>a {
    padding: 0px 35px 0px 0px;
}

.menu-primary .sub-menu>li.menu-item.menu-item-has-children>a::after {
    right: auto;
    left: 0;
    content: "\f053";
    margin-left: 0px;
    margin-right: 0px;
}

.menu-primary .sub-menu li.menu-item>.sub-menu {
    left: auto;
    right: 100%;
    margin-left: 0px;
    margin-right: 15px;
}

.menu-primary .sub-menu>li.menu-item>a::before {
    left: auto;
    right: 0;
}

.heading-wrapper {
    text-align: right;
}

.list-style-one li {
    padding-left: 0px;
    padding-right: 30px;
}

.list-style-one li::before,
.list-style-one li::after {
    left: auto;
    right: 0;
}

.list-style-one li::after {
    left: auto;
    right: 5px;
}

.pricing-plans-one .pricing-feature-list li {
    padding: 0px 30px 0px 0px;
}

.pricing-plans-one .pricing-feature-list li::before {
    left: auto;
    right: 0;
}

.pricing-plans-two .pricing-feature-list li {
    padding: 0px 30px 0px 0px;
}

.pricing-plans-two .pricing-feature-list li::before {
    left: auto;
    right: 0;
}

.pricing-plans-three .pricing-feature-list li {
    padding: 0px 30px 0px 0px;
}

.pricing-plans-three .pricing-feature-list li::before {
    left: auto;
    right: 0;
}

.newsletter-form.style-two button {
    right: auto;
    left: 20px;
}

.text-right {
    text-align: left !important;
}

.text-left {
    text-align: right !important;
}

.footer-nav li {
    padding-left: 0px;
    padding-right: 30px;
}

.footer-nav li::before {
    left: auto;
    right: 0;
}

.contact-info li {
    padding-left: 0px;
    padding-right: 35px;
}

.contact-info li::before {
    left: auto;
    right: 0;
}

.right-col-full .col-lg-6:first-child,
.right-col-full .col-md-6:first-child {
    padding-left: 15px;
    padding-right: calc(((100vw - (100vw - 100%)) - 1170px) / 2);
}

.right-col-full .col-lg-6:last-child,
.right-col-full .col-md-6:last-child {
    padding-right: 15px;
    padding-left: 0;
}

.left-col-full .col-lg-6:last-child,
.left-col-full .col-md-6:last-child {
    padding-right: 15px;
    padding-left: calc(((100vw - (100vw - 100%)) - 1170px) / 2);
}

.left-col-full .col-lg-6:first-child,
.left-col-full .col-md-6:first-child {
    padding-left: 15px;
    padding-right: 0;
}

.btn+.btn {
    margin-left: 0px;
    margin-right: 15px;
}

.btn>i {
    margin-right: 0px;
    margin-left: 10px;
}

.features-block.theme-two .text {
    padding-left: 0px;
    padding-right: 30px;
}

.features-block.theme-two h4::before,
.features-block.theme-two h4::after {
    left: auto;
    right: -30px;
}

.features-block.theme-two h4::after {
    left: auto;
    right: -24px;
}

.subscribe-form-wrapper .btn {
    right: auto;
    left: 5px;
}

.subscribe-form-wrapper .form-control {
    padding: 0px 15px 0px 215px;
}

.slick-slider {
    direction: ltr !important;
}

.client-testimonial.theme-one .testimonial-text::before {
    transform: rotate(90deg) skew(-52deg);
    left: auto;
    right: 50px;
}

.client-testimonial.theme-one .testimonial-text::after {
    border-right: 0px solid transparent;
    border-left: 40px solid transparent;
    left: auto;
    right: 50px;
}

.client-testimonial.theme-one .client-info-wrapper {
    flex-direction: row-reverse;
}

.client-testimonial.theme-one .client-img {
    margin-right: 0px;
    margin-left: 20px;
}

.client-testimonial.theme-one .slick-prev,
.client-testimonial.theme-one .slick-next {
    left: 95px;
    right: auto;
}

.client-testimonial.theme-one .slick-next {
    left: 140px;
    right: auto;
}

.client-testimonial.theme-one blockquote::before {
    left: auto;
    right: -25px;
}

.client-testimonial.theme-three {
    padding: 60px 60px 60px 0px;
    margin-left: 0px;
    margin-right: 30px;
    border-left: none;
    border-right: 3px solid rgba(255, 255, 255, 0.2);
}

.client-testimonial.theme-three .slick-dots {
    margin-left: 0px;
    margin-right: -72px;
    width: auto;
    left: auto;
    right: 0;
}

.client-testimonial.theme-three .testimonial-text {
    padding: 0px 90px 0px 0px;
}

.client-testimonial.theme-three .testimonial-text::before {
    left: auto;
    right: 0;
}

.overlay-search .form-control {
    padding: 10px 30px 10px 60px
}

.overlay-search .search-submit {
    right: auto;
    left: 10px;
}

.text-center {
    text-align: center !important;
}

.text-center .heading-wrapper {
    text-align: center !important;
}

.news-grid.column-2 .article-details {
    padding-left: 0px;
    padding-right: 60px;
}

.news-grid.column-2 .article-details::before {
    left: auto;
    right: 0;
}

.post-meta span.entry-meta {
    padding-left: 0px;
    padding-right: 28px;
    margin-right: 0px;
    margin-left: 15px;
}

.post-meta span.entry-meta::before {
    left: auto;
    right: 0;
}

.sidebar.right-side {
    padding-left: 0px;
    padding-right: 50px;
}

.sidebar.left-side {
    padding-right: 0px;
    padding-left: 50px;
}

.widget.search-box button {
    left: 10px;
    right: auto;
}

.widget.search-box form input[type="search"] {
    padding-left: 40px;
    padding-right: 15px;
}

.sidebar ul li {
    padding: 0px 0px 10px 30px;
}

.sidebar ul li::after {
    left: 10px;
    right: auto;
    content: "\f104";
}

ul.st-recent-posts li .article-details {
    padding: 0 20px 0 0px;
}

blockquote {
    padding: 30px 60px 30px 30px;
    margin: 30px 25px 30px 0px;
}

blockquote::before {
    right: -25px;
    left: auto;
}

.entry-tags .label {
    padding: 0px 30px 0px 0px;
}

.entry-tags .label::before {
    right: 0;
    left: auto;
}

.tagcloud a,
.entry-tags a {
    margin-right: 0px;
    margin-left: 6px;
}

@media only screen and (max-width:991px) {
    #navigation .menu-primary .child-link {
        right: auto;
        left: 10px;
    }
    .menu-primary .sub-menu>li.menu-item.menu-item-has-children>a::after {
        display: none;
    }
    .menu-primary .sub-menu li.menu-item>.sub-menu {
        margin-left: 0px;
        margin-right: 0px;
    }
    #navigation .close-btn {
        right: 30px;
        left: auto;
    }
    #navigation {
        transform: translateX(-120%);
    }
}

#accordion.style-2 .panel-default .panel-title a::after {
    margin: 0px -9px;
}