/*==================================================
=            GLOBAL RTL
==================================================*/

html[dir="rtl"]{

    direction:rtl;

}

body.rtl{

    direction:rtl;

    text-align:right;

}
/*==================================================
=            CONTAINER
==================================================*/

body.rtl .container{

    direction:rtl;

}
/*==================================================
=            HERO
==================================================*/

body.rtl .hero-slide{

    direction:rtl;

}

body.rtl .hero-content{

    order:2;

    text-align:right;

}

body.rtl .hero-image{

    order:1;

}
body.rtl .hero-description{

    margin-right:0;

    margin-left:auto;

}
body.rtl .hero-button{

    justify-content:center;

}
body.rtl .hero-badge{

    letter-spacing:0;

}
/*==================================================
=            SECTION HEADING
==================================================*/

body.rtl .section-heading{

    flex-direction:row-reverse;

}

body.rtl .heading-left{

    text-align:right;

}

body.rtl .heading-right{

    justify-content:flex-start;

}
/*==================================================
=            CATEGORIES
==================================================*/

body.rtl .category-card{

    text-align:center;

}
/*==================================================
=            BLOGS
==================================================*/

body.rtl .blog-content{

    text-align:right;

}
body.rtl .read-more{

    flex-direction:row-reverse;

}
body.rtl .see-more-btn{

    justify-content:center;

}
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl p{

    text-align:right;

}
@media(max-width:992px){

body.rtl .hero-content{

text-align:center;

}

body.rtl .section-heading{

flex-direction:column;

align-items:flex-start;

}

}
@media(max-width:768px){

body.rtl .hero-slide{

display:flex;

flex-direction:column;

}

body.rtl .hero-image{

order:1;

}

body.rtl .hero-content{

order:2;

}

}
@media(max-width:480px){

body.rtl .heading-left{

text-align:right;

}

}
body.rtl *{

    unicode-bidi:embed;

}html[dir="rtl"] .featured-blog{

    direction:rtl;

}

html[dir="rtl"] .featured-blog__content{

    text-align:right;

}

html[dir="rtl"] .featured-blog__meta{

    flex-direction:row;

}

html[dir="rtl"] .featured-blog__button{

    margin-right:0;

    margin-left:auto;

}

html[dir="rtl"] .category-card{

    direction:rtl;

}

html[dir="rtl"] .category-card__content{

    text-align:right;

}

html[dir="rtl"] .category-card__footer{

    flex-direction:row-reverse;

}

html[dir="rtl"] .category-card:hover .category-arrow{

    transform:translateX(-6px);

}

html[dir="rtl"] .hero-prev{

    right:30px;

    left:auto;

}

html[dir="rtl"] .hero-next{

    left:30px;

    right:auto;

}
html[dir="rtl"] .blog-empty-state{

    direction:rtl;

}

html[dir="rtl"] .blog-empty-state__content{

    text-align:center;

}

/*==============================================================
#
# RTL Blog Landing
# File : assets/css/rtl-blog.css
#
==============================================================*/


/*==============================================================
# Base
==============================================================*/

html[dir="rtl"] .blog-landing-page{

    direction:rtl;

    text-align:right;

}

html[dir="rtl"] .blog-landing-page *{

    direction:inherit;

}


/*==============================================================
# Section Heading
==============================================================*/

html[dir="rtl"] .section-heading{

    flex-direction:row-reverse;

}

html[dir="rtl"] .section-heading h2,

html[dir="rtl"] .section-subtitle{

    text-align:right;

}

html[dir="rtl"] .see-more{

    flex-direction:row-reverse;

}


/*==============================================================
# Hero Layout
==============================================================*/

html[dir="rtl"] .hero-slide__wrapper{

    grid-template-columns:.95fr 1.05fr;

}

html[dir="rtl"] .hero-slide__content{

    order:2;

    text-align:right;

    align-items:flex-start;

}

html[dir="rtl"] .hero-slide__image{

    order:1;

}

html[dir="rtl"] .hero-badge{

    align-self:flex-start;

}

html[dir="rtl"] .hero-description{

    margin-right:0;

    margin-left:auto;

}


/*==============================================================
# Hero Button
==============================================================*/

html[dir="rtl"] .hero-button{

    flex-direction:row-reverse;

}


/*==============================================================
# Slick Slider
==============================================================*/

html[dir="rtl"] .hero-slider{

    direction:rtl;

}

html[dir="rtl"] .hero-slider .slick-track{

    direction:rtl;

}

html[dir="rtl"] .hero-slider .slick-slide{

    float:right;

}

html[dir="rtl"] .hero-slider .slick-prev{

    right:32px;

    left:auto;

}

html[dir="rtl"] .hero-slider .slick-next{

    left:32px;

    right:auto;

}


/*==============================================================
# Categories
==============================================================*/

html[dir="rtl"] .category-card{

    text-align:center;

}

html[dir="rtl"] .category-card__content{

    text-align:center;

}


/*==============================================================
# Latest Posts
==============================================================*/

html[dir="rtl"] .blog-card{

    text-align:right;

}

html[dir="rtl"] .blog-card__content{

    align-items:flex-start;

}

html[dir="rtl"] .blog-card__meta{

    direction: rtl !important;

    flex-direction: row !important;

    justify-content: space-between !important;

    align-items: center !important;

}

html[dir="rtl"] .blog-card__category{

    align-self:flex-start;

}


/*==============================================================
# Read More
==============================================================*/

html[dir="rtl"] .blog-card__link{

    flex-direction:row-reverse;

}

html[dir="rtl"] .blog-card__link::after{

    content:"←";

}

html[dir="rtl"] .blog-card:hover .blog-card__link::after{

    transform:translateX(-6px);

}


/*==============================================================
# Responsive RTL
==============================================================*/

@media (max-width:1024px){

    html[dir="rtl"] .hero-slide__wrapper{

        grid-template-columns:1fr;

    }

    html[dir="rtl"] .hero-slide__image{

        order:1;

    }

    html[dir="rtl"] .hero-slide__content{

        order:2;

        text-align:center;

        align-items:center;

    }

    html[dir="rtl"] .hero-description{

        margin:auto;

    }

}

@media (max-width:768px){

    html[dir="rtl"] .section-heading{

        flex-direction:column;

        align-items:flex-start;

    }

    html[dir="rtl"] .hero-slider .slick-prev{

        right:18px;

        left:auto;

    }

    html[dir="rtl"] .hero-slider .slick-next{

        left:18px;

        right:auto;

    }

}

@media (max-width:575px){

    html[dir="rtl"] .hero-slider .slick-prev{

        right:10px;

        left:auto;

    }

    html[dir="rtl"] .hero-slider .slick-next{

        left:10px;

        right:auto;

    }

}


/*==============================================================
# Selection
==============================================================*/

html[dir="rtl"] .blog-landing-page ::selection{

    background:#111;

    color:#fff;

}

/* ==========================================================
   BLOG ARCHIVE VIDEO BANNER - RTL
========================================================== */

html[dir="rtl"]
.blog-archive-video-banner__content {
    align-items: flex-start;

    text-align: right;
}


html[dir="rtl"]
.blog-archive-video-banner__eyebrow {
    flex-direction: row-reverse;
}


html[dir="rtl"]
.blog-archive-video-banner__scroll {
    flex-direction: row-reverse;
}

/* ==========================================================
   BLOG ARCHIVE COMPLETE RTL OVERRIDES (WEB & MOBILE)
   ========================================================== */

body.rtl .blog-archive,
html[dir="rtl"] .blog-archive,
[dir="rtl"] .blog-archive {
    direction: rtl;
    text-align: right;
}

/* Heading & Filters layout */
body.rtl .blog-archive__heading,
html[dir="rtl"] .blog-archive__heading,
[dir="rtl"] .blog-archive__heading {
    direction: rtl;
}

body.rtl .blog-archive__filters,
html[dir="rtl"] .blog-archive__filters,
[dir="rtl"] .blog-archive__filters {
    direction: rtl;
}

body.rtl .blog-filter,
html[dir="rtl"] .blog-filter,
[dir="rtl"] .blog-filter {
    direction: rtl;
    text-align: right;
}

body.rtl .blog-filter__button,
html[dir="rtl"] .blog-filter__button,
[dir="rtl"] .blog-filter__button {
    direction: rtl;
    text-align: right;
}

body.rtl .blog-filter__button svg,
html[dir="rtl"] .blog-filter__button svg,
[dir="rtl"] .blog-filter__button svg {
    margin-left: 0;
    margin-right: 8px;
}

body.rtl .blog-filter__popup,
html[dir="rtl"] .blog-filter__popup,
[dir="rtl"] .blog-filter__popup {
    right: 0;
    left: auto;
    text-align: right;
    direction: rtl;
}

body.rtl .blog-filter-result--sort,
html[dir="rtl"] .blog-filter-result--sort,
[dir="rtl"] .blog-filter-result--sort {
    direction: rtl;
}

body.rtl .sort-wrapper,
html[dir="rtl"] .sort-wrapper,
[dir="rtl"] .sort-wrapper {
    direction: rtl;
}

body.rtl .sort-button,
html[dir="rtl"] .sort-button,
[dir="rtl"] .sort-button {
    direction: rtl;
    text-align: right;
}

body.rtl .sort-button svg,
html[dir="rtl"] .sort-button svg,
[dir="rtl"] .sort-button svg {
    margin-left: 0;
    margin-right: 8px;
}

body.rtl .sort-popup,
html[dir="rtl"] .sort-popup,
[dir="rtl"] .sort-popup {
    right: 0;
    left: auto;
    text-align: right;
    direction: rtl;
}

body.rtl .sort-option,
html[dir="rtl"] .sort-option,
[dir="rtl"] .sort-option {
    direction: rtl;
    text-align: right;
}

body.rtl .sort-option input[type="radio"],
html[dir="rtl"] .sort-option input[type="radio"],
[dir="rtl"] .sort-option input[type="radio"] {
    margin-right: 0;
    margin-left: 8px;
}

/* Active Chips bar in RTL */
body.rtl .blog-filter-chips__wrapper,
html[dir="rtl"] .blog-filter-chips__wrapper,
[dir="rtl"] .blog-filter-chips__wrapper {
    direction: rtl;
}

body.rtl .chip-container,
html[dir="rtl"] .chip-container,
[dir="rtl"] .chip-container {
    direction: rtl;
}

body.rtl .chip,
html[dir="rtl"] .chip,
[dir="rtl"] .chip {
    direction: rtl;
}

body.rtl .chip button,
html[dir="rtl"] .chip button,
[dir="rtl"] .chip button {
    margin-left: 0;
    margin-right: 6px;
}

/* Grid & Cards in RTL */
body.rtl .blog-archive-results .latest-posts-grid,
html[dir="rtl"] .blog-archive-results .latest-posts-grid,
[dir="rtl"] .blog-archive-results .latest-posts-grid {
    direction: rtl;
}

body.rtl .blog-card,
html[dir="rtl"] .blog-card,
[dir="rtl"] .blog-card {
    direction: rtl;
    text-align: right;
}

body.rtl .blog-card__content,
html[dir="rtl"] .blog-card__content,
[dir="rtl"] .blog-card__content {
    text-align: right;
}

body.rtl .blog-card__title,
html[dir="rtl"] .blog-card__title,
[dir="rtl"] .blog-card__title {
    text-align: right;
}

body.rtl .blog-card__excerpt,
html[dir="rtl"] .blog-card__excerpt,
[dir="rtl"] .blog-card__excerpt {
    text-align: right;
}

body.rtl .blog-card__meta,
html[dir="rtl"] .blog-card__meta,
[dir="rtl"] .blog-card__meta {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

body.rtl .blog-card__date,
html[dir="rtl"] .blog-card__date,
[dir="rtl"] .blog-card__date {
    order: 1 !important;
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    text-align: right !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.rtl .blog-card__meta-separator,
html[dir="rtl"] .blog-card__meta-separator,
[dir="rtl"] .blog-card__meta-separator {
    order: 2 !important;
    display: inline-block !important;
    margin: 0 8px !important;
}

body.rtl .blog-card__read-time,
html[dir="rtl"] .blog-card__read-time,
[dir="rtl"] .blog-card__read-time {
    order: 3 !important;
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    text-align: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media screen and (max-width: 767px) {
    body.rtl .blog-card__arrow,
    html[dir="rtl"] .blog-card__arrow,
    [dir="rtl"] .blog-card__arrow,
    body.rtl .blog-card__meta .blog-card__arrow,
    html[dir="rtl"] .blog-card__meta .blog-card__arrow,
    [dir="rtl"] .blog-card__meta .blog-card__arrow,
    body.rtl span.blog-card__arrow,
    html[dir="rtl"] span.blog-card__arrow,
    [dir="rtl"] span.blog-card__arrow {
        order: 4 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        transform: scaleX(-1) !important;
    }
}

@media screen and (min-width: 768px) {
    body.rtl .blog-card__arrow,
    html[dir="rtl"] .blog-card__arrow,
    [dir="rtl"] .blog-card__arrow,
    body.rtl .blog-card__meta .blog-card__arrow,
    html[dir="rtl"] .blog-card__meta .blog-card__arrow,
    [dir="rtl"] .blog-card__meta .blog-card__arrow,
    body.rtl span.blog-card__arrow,
    html[dir="rtl"] span.blog-card__arrow,
    [dir="rtl"] span.blog-card__arrow {
        order: 4 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        transform: scaleX(-1) !important;
    }
}

body.rtl .blog-card__category,
html[dir="rtl"] .blog-card__category,
[dir="rtl"] .blog-card__category {
    right: 12px;
    left: auto;
}

/* Empty State in RTL */
body.rtl .blog-archive-empty,
html[dir="rtl"] .blog-archive-empty,
[dir="rtl"] .blog-archive-empty {
    direction: rtl;
    text-align: center;
}

/* Result count & Load More */
body.rtl .blog-archive-result-text,
html[dir="rtl"] .blog-archive-result-text,
[dir="rtl"] .blog-archive-result-text {
    text-align: center;
    direction: rtl;
}

/* MOBILE RTL OVERRIDES (screen <= 767px) */
@media screen and (max-width: 767px) {
    body.rtl .mobile-filter-bar,
    html[dir="rtl"] .mobile-filter-bar,
    [dir="rtl"] .mobile-filter-bar {
        direction: rtl;
    }

    body.rtl .mobile-filter-pill,
    html[dir="rtl"] .mobile-filter-pill,
    [dir="rtl"] .mobile-filter-pill {
        direction: rtl;
    }

    body.rtl .mobile-filter-pill svg,
    html[dir="rtl"] .mobile-filter-pill svg,
    [dir="rtl"] .mobile-filter-pill svg {
        margin-left: 0;
        margin-right: 8px;
        transform: scaleX(-1);
    }

    body.rtl .mobile-sheet-header,
    html[dir="rtl"] .mobile-sheet-header,
    [dir="rtl"] .mobile-sheet-header {
        direction: rtl;
        text-align: right;
    }

    body.rtl .mobile-sheet-title,
    html[dir="rtl"] .mobile-sheet-title,
    [dir="rtl"] .mobile-sheet-title {
        text-align: right;
    }

    body.rtl .mobile-sheet-clear-btn,
    html[dir="rtl"] .mobile-sheet-clear-btn,
    [dir="rtl"] .mobile-sheet-clear-btn {
        margin-right: auto;
        margin-left: 0;
    }

    .mobile-arrow-char {
        display: inline-block !important;
        direction: ltr !important;
        unicode-bidi: isolate !important;
        transform: none !important;
    }

    body.rtl .mobile-sheet-back,
    html[dir="rtl"] .mobile-sheet-back,
    [dir="rtl"] .mobile-sheet-back {
        transform: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        direction: ltr !important;
        unicode-bidi: isolate !important;
    }

    body.rtl .mobile-filter-nav-item,
    html[dir="rtl"] .mobile-filter-nav-item,
    [dir="rtl"] .mobile-filter-nav-item {
        direction: rtl;
        text-align: right;
    }

    body.rtl .mobile-filter-nav-arrow,
    html[dir="rtl"] .mobile-filter-nav-arrow,
    [dir="rtl"] .mobile-filter-nav-arrow {
        transform: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        direction: ltr !important;
        unicode-bidi: isolate !important;
    }

    body.rtl .mobile-filter-checkbox-label,
    html[dir="rtl"] .mobile-filter-checkbox-label,
    [dir="rtl"] .mobile-filter-checkbox-label {
        direction: rtl;
        text-align: right;
    }

    body.rtl .mobile-filter-checkbox,
    html[dir="rtl"] .mobile-filter-checkbox,
    [dir="rtl"] .mobile-filter-checkbox {
        margin-right: 0;
        margin-left: 12px;
    }

    body.rtl .mobile-filter-checkbox-text,
    html[dir="rtl"] .mobile-filter-checkbox-text,
    [dir="rtl"] .mobile-filter-checkbox-text {
        text-align: right;
    }

    body.rtl .mobile-filter-item-count,
    html[dir="rtl"] .mobile-filter-item-count,
    [dir="rtl"] .mobile-filter-item-count {
        text-align: left;
        margin-left: 0;
        margin-right: 8px;
    }

    body.rtl .mobile-sheet-footer,
    body.rtl .mobile-sheet-footer--split,
    html[dir="rtl"] .mobile-sheet-footer,
    html[dir="rtl"] .mobile-sheet-footer--split,
    [dir="rtl"] .mobile-sheet-footer,
    [dir="rtl"] .mobile-sheet-footer--split {
        direction: rtl;
    }

    body.rtl .mobile-sort-header,
    html[dir="rtl"] .mobile-sort-header,
    [dir="rtl"] .mobile-sort-header {
        text-align: right;
        direction: rtl;
    }

    body.rtl .mobile-sort-title,
    html[dir="rtl"] .mobile-sort-title,
    [dir="rtl"] .mobile-sort-title {
        text-align: right;
    }

    body.rtl #mobileSortModal .mobile-sort-item,
    body.rtl .mobile-sort-item,
    html[dir="rtl"] #mobileSortModal .mobile-sort-item,
    html[dir="rtl"] .mobile-sort-item,
    [dir="rtl"] .mobile-sort-item {
        direction: rtl;
        text-align: center;
    }
}