/* ==========================================================================
   GLOBAL / LAYOUT
   ========================================================================== */

html[lang="ar"] body {
    direction: rtl;
}

/* Forcing rtl layout for content outside of localization scope */
html[lang="ar"] .proxy-notranslate {
    direction: ltr !important;
}


@media (min-width: 993px) {
    html[lang="ar"] .desktop\:l-mr-breakout {
        margin-right: unset !important;
      	margin-left: -32px;
    }
}

@media (min-width: 1439px) {
    html[lang="ar"] .desktop\:l-mr-breakout {
        margin-right: unset !important;
        margin-left: calc((-100vw + var(--twcb-scrollbar-width)) / 2 + 688px);
    }
}

@media (min-width: 993px) {
    html[lang="ar"] .u-pr--sm\:desktop, html[lang="ar"] .desktop\:u-pr--sm {
        padding-right: unset !important;
  		padding-left: 30px;
  }
}

html[lang="ar"] .form-panel .form-panel__close {
    right: unset !important;
    left: 24px;
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

/* Fixing alignment of login and language menus */
html[lang="ar"] .toolbar-nav__dropdown.login-menu,
html[lang="ar"] .toolbar-nav__dropdown.language-menu {
    right: unset !important;
    left: 0px;
}

/* Nav section indicator */
@media (max-width: 1200px) {
    html[lang="ar"] .c-nav-link--main .c-nav-link__indicator {
        left: unset !important;
        right: -15px;
    }
}

html[lang="ar"] .c-nav-link--main .c-nav-link__indicator {
    left: unset !important;
    right: -18px;
}

/* Underlining from the right rather than the left */
html[lang="ar"] .c-nav-link .c-nav-link__inner::after {
    left: unset !important;
    right: 0px;
}

/* Flipping of arrows */
html[lang="ar"] .c-nav-link__arrow > svg {
    transform: scaleX(-1);
}

/* ==========================================================================
   HIGHLIGHT
   ========================================================================== */

/* Overriding highlight animation to show from right to left */
html[lang="ar"] .e-highlight__line::before {
    transform-origin: 100% !important;
}
html[lang="ar"] .e-highlight.is-active {
  color: black !important;
}
html[lang="ar"] .e-highlight__line::after {
	clip-path: inset(0 0 0 100%) !important;
	animation: .7s ease-in backwards text-reveal !important;
}

/* ==========================================================================
   TABBED CONTENT NAV
   ========================================================================== */

[lang="ar"] .c-tabs__indicator {
    display: none;
}
[lang="ar"] .c-tabs__title.active a  {
    background-color: var(--highlight-color, #d4f233);
    color: #000;
}
[lang="ar"] .c-tabs__title.active a > span.c-tabs__number  {
    color: #000;
}
[lang="ar"] .c-tabs__title a > span.c-tabs__number  {
    margin-right: unset !important;
    margin-left: 5px;
}
[lang="ar"] .c-tabs__nav {
    direction: rtl;
    margin-inline-start: 0;
    margin-inline-end: auto;
}

/* ==========================================================================
   VERTICAL SLIDES
   ========================================================================== */

@media (min-width: 993px) {
    [lang="ar"] .c-vertical-tabs .c-vertical-tabs__title {
        left: unset !important;
      	right: 0;
      	padding-left: unset !important;
          padding-right: 32px;
    }
}

@media (min-width: 993px) {
    [lang="ar"] .c-vertical-tabs__nav {
        padding-right: unset !important;
        padding-left: 40px;
        border-right: 0px !important;
        border-left: .5px solid #d9d9d9;
    }
}

[lang="ar"] .c-vertical-tabs .c-vertical-tabs__nav ol li {
    display: block;
}

html[lang="ar"] .c-vertical-tabs .c-vertical-tabs__nav ol li::before {
    left: unset !important;
    right: -10px;
}

/* ==========================================================================
   Stacked module fixes such as on /products/tenable-one
   ========================================================================== */

@media (min-width: 992px) {
    html[lang="ar"] .c-stacked-modules.is-setup .c-stacked-modules__nav {
        padding-left: 80px;
          padding-right: 0px !important;
    }
}

@media (min-width: 992px) {
    html[lang="ar"] .path-products .c-stacked-modules.is-setup .c-stacked-modules__nav::before {
        left: 48px;
        right: calc(var(--t-breakout-gutter) * -1);
        border-left: 1px solid var(--nav-panel-border-color);
        border-right: 0px !important;
    }
}

/* For /products/tenable-one */
html[lang="ar"] .path-products .c-stacked-modules .c-stacked-modules__panel::after {
  left: calc(var(--t-breakout-gutter) * -1) !important;
  right: -68px !important;
}
/* For /buy */
html[lang="ar"] .path-buy .c-stacked-modules .c-stacked-modules__panel::after {
  left: calc(var(--t-breakout-gutter) * -1) !important;
  right: calc(var(--t-breakout-gutter) * -0.01) !important;
}

html[lang="ar"] .c-stacked-modules .c-stacked-modules__panel .c-capability-group::before {
  left: calc(var(--t-breakout-gutter) * -1) !important;
  right: -28px !important;
}

html[lang="ar"] .c-stacked-modules .c-stacked-modules__nav ol li button {
    text-align: right;
}
@media (min-width: 992px) {
    html[lang="ar"] .c-stacked-modules .c-stacked-modules__panel .c-capability-group > .c-card:not(:first-of-type) {
        border-left: none !important;
        border-right: 1px solid #d9d9d9;
    }
}
html[lang="ar"] .c-stacked-modules .c-stacked-modules__nav ol li button::after {
    transform-origin: right !important;
}

/* ==========================================================================
   BUTTONS, ICONS & CTAs
   ========================================================================== */

/* Flipping of arrows and icons */
html[lang="ar"] .c-icon-button__icon:not(.c-icon-button__icon--linkedin-reverse) > svg {
    transform: scaleX(-1);
}

/* Fixing of margins on larger button__secondary */
html[lang="ar"] .c-button--has-icon {
    margin-right: 0 !important;
    margin-left: 60px;
}

/* Position of arrows */
html[lang="ar"] .c-button--has-icon::before {
    right: unset !important;
    left: -50px;
}

html[lang="ar"] .c-button__icon-animation {
    right: unset !important;
    left: -80px;
    transform: scaleX(-1);
}
/* Flipping of arrows pointing bottom-right */
html[lang="ar"] div.c-card--featured > a.c-icon-button > span.c-icon-button__icon,
 html[lang="ar"] div.c-c-card__footer-content > a.c-icon-button > span.c-icon-button__icon,
 html[lang="ar"] div.c-c-card__footer > a.c-icon-button > span.c-icon-button__icon {
    rotate: 45deg !important;
}

/* ==========================================================================
   CARDS & ACCORDIONS
   ========================================================================== */

/* Overriding margin within accordion items */
html[lang="ar"] .c-accordion-item__answer {
    margin-left: unset !important;
    margin-right: 0;
}

/* Flipping of arrows pointing bottom-right */
html[lang="ar"] div.c-card--featured > a.c-icon-button > span.c-icon-button__icon,
html[lang="ar"] div.c-card__footer > a.c-icon-button > span.c-icon-button__icon,
html[lang="ar"] div.c-card__ctas > a.c-icon-button > span.c-icon-button__icon {
    rotate: 45deg !important;
}

/* Overriding position of elements within carousel tiles that have a + button */
html[lang="ar"] .c-card.c-card--award .c-card__title,
html[lang="ar"] .c-card.c-card--leadership .c-card__title {
    text-align: right !important;
    padding-right: unset !important;
    padding-left: 66px;
}

html[lang="ar"] .c-card.c-card--award .c-card__title::before,
html[lang="ar"] .c-card.c-card--leadership .c-card__title::before {
    right: unset !important;
    left: 5px;
}

html[lang="ar"] .c-card.c-card--award .c-card__title::after,
html[lang="ar"] .c-card.c-card--leadership .c-card__title::after {
    right: unset !important;
    left: 14px;
}

/* Overriding position of meta within resource cards */
html[lang="ar"] .c-card--resource .c-card__meta {
    right: unset !important;
    left: 40px;
}

html[lang="ar"] .c-card--resource .c-card__title {
    padding-left: 25px;
    padding-right: 0 !important;
}

/* Overriding direction of arrow in cards */
html[lang="ar"] .c-card__content > .c-card__button,
html[lang="ar"] .c-card__footer > .c-card__button > a.c-icon-button {
    transform: scaleY(-1);
}

html[lang="ar"] footer.c-card__footer > a > svg {
    transform: scaleX(-1);
}

/* Overriding borders of cards */
@media (min-width: 993px) {
    html[lang="ar"] .l-grid--gap-0 .c-card--featured, html[lang="ar"] .swiper-slide .c-card--featured,
  html[lang="ar"] .l-grid--gap-0 .c-card--featured-blog, html[lang="ar"] .swiper-slide .c-card--featured-blog {
        border-left: 1px solid rgb(217, 217, 217);
    }
}

/* ==========================================================================
   FORMS (MARKETO & SUBSCRIPTIONS)
   ========================================================================== */

/* Form layout fixes for AR: all marketo forms */
html[lang="ar"] .mktoForm {
    direction: rtl !important;
}

html[lang="ar"] .mktoForm div,
html[lang="ar"] .mktoForm span,
html[lang="ar"] .mktoForm label,
html[lang="ar"] .mktoForm p {
    text-align: right !important;
}

html[lang="ar"] .c-form.c-form--mkto .mktoLabel,
html[lang="ar"] label.mktoLabel {
    left: unset !important;
    right: 15px !important;
}

html[lang="ar"] .c-form.c-form--mkto .mktoButton::before {
    right: unset !important;
    left: -49px;
    transform: scaleX(-1);
}

/* Newsletter subscription form */
html[lang="ar"] #blog-subscribe {
    direction: rtl;
}

/* ==========================================================================
   FOOTER & CAROUSELS
   ========================================================================== */

/* ---- Footer fixes ---- */
@media (min-width: 992px) {
    html[lang="ar"] .site-footer__col {
        border-right: none !important;
        border-left: .5px solid #5b6062;
    }
    html[lang="ar"] .site-footer__col:last-of-type {
        border-left: none;
    }
}

@media (min-width: 769px) {
    html[lang="ar"] .site-footer-menu--inline li::after {
        right: unset !important;
        left: -9px;
    }
}

/* ---- Footer fixes: ticker ---- */
html[lang="ar"] .site-footer__top .site-footer__ticker {
    direction: ltr;
    unicode-bidi: isolate;
}

html[lang="ar"] .site-footer__top .site-footer__ticker-inner {
    animation: 14.5s linear reverse infinite footer-ticker-scroll;
}

html[lang="ar"] .site-footer__top .site-footer__ticker-set {
    direction: rtl;
}

/* Overriding position of swiper navigation */
@media (min-width: 992px) {
    html[lang="ar"] .c-data-cards__list .c-swiper__pagination {
        right: unset !important;
        left: 32px;
    }
}

/* Overriding hexaqon position such as on /products/tenable-one/capabilities/hexa-ai */
@media (max-width: 992px) {
    html[lang="ar"] .c-eop-banner__hex {
        right: unset !important;
      left: 0;
    }
}

/* ==========================================================================
   NUMBERS (such as on /products/tenable-one)
   ========================================================================== */

html[lang="ar"] .c-stat__numerals {
    unicode-bidi: bidi-override;
    direction: ltr;
    align-self: flex-start;
}

/* ==========================================================================
   PAGE-SPECIFIC FIXES
   ========================================================================== */

/* ---- Page-specific: / (homepage) ---- */
html[lang="ar"] .c-entrance-animation__lottie {
    transform: scaleX(-1);
}

html[lang="ar"] .c-entrance-animation__paragraph {
    left: unset !important;
    right: 0;
}

html[lang="ar"] p.c-entrance-animation__paragraph {
    right: var(--entrance-content-inset) !important;
}

@media (min-width: 992px) {
    html[lang="ar"] h1 .e-highlight__line {
        white-space: nowrap;
        display: inline !important;
    }
}

/* ---- Page-specific: /about-tenable/leadership ---- */
html[lang="ar"] .c-card--leadership-page .c-card--leadership__linkedin {
    right: unset !important;
    left: 40px;
}

/* ---- Page-specific: /about-tenable/contact-tenable ---- */
html[lang="ar"] .c-hero--form .c-5050__form:after {
    left: unset !important;
    right: 100%;
}

/* ---- Page-specific: /blog ---- */
html[lang="ar"] .blog-item__author img, .blog-item__date img {
    float: right !important;
    margin-left: 10px !important;
}

/* ---- Page-specific: /customers ---- */
@media (min-width: 871px) {
    html[lang="ar"] .u-mr--md\:desktop {
        margin-left: 40px !important;
        margin-right: 0px !important;
    }
}

/* ---- Page-specific: /lp/campaigns/22/try-tenable-vm/ ---- */
html[lang="ar"] .award-section .award-wrapper .award-box a svg {
    transform: scaleX(-1);
}
html[lang="ar"] .award-section .award-wrapper .award-box a:hover svg {
    transform: scaleX(-1) translateX(4px);
}

html[lang="ar"] .risks-section .faq-title::before {
    right: -30px !important;
}

/* ---- Page-specific: /lp/campaigns/25/nessus-multiprdct/buy/brand/ ---- */
html[lang="ar"] .spz-147 .comparison-table .table-wrapper .comparison-inner-wrapper .nessus-professional {
    background-size: 470px auto !important;
}
html[lang="ar"] .spz-147 .comparison-table .table-wrapper .comparison-title-wrapper .col-1-heading {
    text-align: right !important;
}

/* ---- Page-specific: /lp/campaigns/25/innovating-vm/ ---- */
html[lang="ar"] .faq-title {
    right: 24px !important;
}
html[lang="ar"] .faq-title::after {
    right: -24px !important;
}
html[lang="ar"] div.faq-item > div.faq-text > div > div > a > span > svg,
html[lang="ar"] div.insight-link > a > svg {
    transform: scaleX(-1);
}
html[lang="ar"] .footer-section .form-wrapper::after {
    left: -306px !important;
    right: 0 !important;
}

/* ---- Page-specific: /products/identity-exposure ---- */
html[lang="ar"] .attack-path span {
    float: right !important;
    margin-left: unset !important;
    margin-right: 139px !important;
}

/* ---- Page-specific: /products/tenable-one/connectors ---- */
@media (min-width: 993px) {
    html[lang="ar"] .c-filter.c-filter--connectors .views-exposed-form .js-form-type-textfield {
        margin-right: unset !important;
      	margin-left: auto;
    }
}