html[dir="rtl"] {
  /*!
   * Bootstrap v4.6.0 (https://getbootstrap.com/)
   * Copyright 2011-2021 The Bootstrap Authors
   * Copyright 2011-2021 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
  /*# sourceMappingURL=bootstrap.min.css.map */
  /* Slider */
  /**
   * Fixed Spacing Variables:
   * Though we can use relative units for most cases, we still need some fixed variable to overcome some drawbacks of relative units.
   * Example we don't want the left and right side padding of container to be increased relatively to the font-size.
   * The vertical spacing between two modules to be same regardless of increasing the font-size.
   * The spacing scale is a base-8 scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of 8px. Refer https://primer.style/css/support/
  */
  /* Em Based Spacing Variables:
   * Useful for buttons and form elements.
   * Refer https://primer.style/css/spacing/
  */
  @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");
  /* Navbar */
  /* FOOOOOTTTEEEERRRRRR */
  @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&display=swap");
}

html[dir="rtl"] :root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

html[dir="rtl"] *,
html[dir="rtl"] ::after,
html[dir="rtl"] ::before {
  box-sizing: border-box;
}

html[dir="rtl"] html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html[dir="rtl"] article,
html[dir="rtl"] aside,
html[dir="rtl"] figcaption,
html[dir="rtl"] figure,
html[dir="rtl"] footer,
html[dir="rtl"] header,
html[dir="rtl"] hgroup,
html[dir="rtl"] main,
html[dir="rtl"] nav,
html[dir="rtl"] section {
  display: block;
}

html[dir="rtl"] body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: right;
  background-color: #fff;
}

html[dir="rtl"] [tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

html[dir="rtl"] hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

html[dir="rtl"] p {
  margin-top: 0;
  margin-bottom: 1rem;
}

html[dir="rtl"] abbr[data-original-title],
html[dir="rtl"] abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

html[dir="rtl"] address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

html[dir="rtl"] dl,
html[dir="rtl"] ol,
html[dir="rtl"] ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

html[dir="rtl"] ol ol,
html[dir="rtl"] ol ul,
html[dir="rtl"] ul ol,
html[dir="rtl"] ul ul {
  margin-bottom: 0;
}

html[dir="rtl"] dt {
  font-weight: 700;
}

html[dir="rtl"] dd {
  margin-bottom: 0.5rem;
  margin-right: 0;
}

html[dir="rtl"] blockquote {
  margin: 0 0 1rem;
}

html[dir="rtl"] b,
html[dir="rtl"] strong {
  font-weight: bolder;
}

html[dir="rtl"] small {
  font-size: 80%;
}

html[dir="rtl"] sub,
html[dir="rtl"] sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

html[dir="rtl"] sub {
  bottom: -0.25em;
}

html[dir="rtl"] sup {
  top: -0.5em;
}

html[dir="rtl"] a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

html[dir="rtl"] a:hover {
  color: #0056b3;
  text-decoration: underline;
}

html[dir="rtl"] a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

html[dir="rtl"] a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

html[dir="rtl"] code,
html[dir="rtl"] kbd,
html[dir="rtl"] pre,
html[dir="rtl"] samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 1em;
}

html[dir="rtl"] pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

html[dir="rtl"] figure {
  margin: 0 0 1rem;
}

html[dir="rtl"] img {
  vertical-align: middle;
  border-style: none;
}

html[dir="rtl"] svg {
  overflow: hidden;
  vertical-align: middle;
}

html[dir="rtl"] table {
  border-collapse: collapse;
}

html[dir="rtl"] caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: right;
  caption-side: bottom;
}

html[dir="rtl"] th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

html[dir="rtl"] label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

html[dir="rtl"] button {
  border-radius: 0;
}

html[dir="rtl"] button:focus:not(:focus-visible) {
  outline: 0;
}

html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] optgroup,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

html[dir="rtl"] button,
html[dir="rtl"] input {
  overflow: visible;
}

html[dir="rtl"] button,
html[dir="rtl"] select {
  text-transform: none;
}

html[dir="rtl"] [role="button"] {
  cursor: pointer;
}

html[dir="rtl"] select {
  word-wrap: normal;
}

html[dir="rtl"] [type="button"],
html[dir="rtl"] [type="reset"],
html[dir="rtl"] [type="submit"],
html[dir="rtl"] button {
  -webkit-appearance: button;
}

html[dir="rtl"] [type="button"]:not(:disabled),
html[dir="rtl"] [type="reset"]:not(:disabled),
html[dir="rtl"] [type="submit"]:not(:disabled),
html[dir="rtl"] button:not(:disabled) {
  cursor: pointer;
}

html[dir="rtl"] [type="button"]::-moz-focus-inner,
html[dir="rtl"] [type="reset"]::-moz-focus-inner,
html[dir="rtl"] [type="submit"]::-moz-focus-inner,
html[dir="rtl"] button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

html[dir="rtl"] input[type="checkbox"],
html[dir="rtl"] input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

html[dir="rtl"] textarea {
  overflow: auto;
  resize: vertical;
}

html[dir="rtl"] fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

html[dir="rtl"] legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

html[dir="rtl"] progress {
  vertical-align: baseline;
}

html[dir="rtl"] [type="number"]::-webkit-inner-spin-button,
html[dir="rtl"] [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

html[dir="rtl"] [type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

html[dir="rtl"] [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

html[dir="rtl"] ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

html[dir="rtl"] output {
  display: inline-block;
}

html[dir="rtl"] summary {
  display: list-item;
  cursor: pointer;
}

html[dir="rtl"] template {
  display: none;
}

html[dir="rtl"] [hidden] {
  display: none !important;
}

html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .h4,
html[dir="rtl"] .h5,
html[dir="rtl"] .h6,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

html[dir="rtl"] .h1,
html[dir="rtl"] h1 {
  font-size: 2.5rem;
}

html[dir="rtl"] .h2,
html[dir="rtl"] h2 {
  font-size: 2rem;
}

html[dir="rtl"] .h3,
html[dir="rtl"] h3 {
  font-size: 1.75rem;
}

html[dir="rtl"] .h4,
html[dir="rtl"] h4 {
  font-size: 1.5rem;
}

html[dir="rtl"] .h5,
html[dir="rtl"] h5 {
  font-size: 1.25rem;
}

html[dir="rtl"] .h6,
html[dir="rtl"] h6 {
  font-size: 1rem;
}

html[dir="rtl"] .lead {
  font-size: 1.25rem;
  font-weight: 300;
}

html[dir="rtl"] .display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

html[dir="rtl"] .display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

html[dir="rtl"] .display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

html[dir="rtl"] .display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

html[dir="rtl"] hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

html[dir="rtl"] .small,
html[dir="rtl"] small {
  font-size: 80%;
  font-weight: 400;
}

html[dir="rtl"] .mark,
html[dir="rtl"] mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

html[dir="rtl"] .list-unstyled {
  padding-right: 0;
  list-style: none;
}

html[dir="rtl"] .list-inline {
  padding-right: 0;
  list-style: none;
}

html[dir="rtl"] .list-inline-item {
  display: inline-block;
}

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
}

html[dir="rtl"] .initialism {
  font-size: 90%;
  text-transform: uppercase;
}

html[dir="rtl"] .blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

html[dir="rtl"] .blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

html[dir="rtl"] .blockquote-footer::before {
  content: "\2014\00A0";
}

html[dir="rtl"] .img-fluid {
  max-width: 100%;
  height: auto;
}

html[dir="rtl"] .img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

html[dir="rtl"] .figure {
  display: inline-block;
}

html[dir="rtl"] .figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

html[dir="rtl"] .figure-caption {
  font-size: 90%;
  color: #6c757d;
}

html[dir="rtl"] code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

html[dir="rtl"] a > code {
  color: inherit;
}

html[dir="rtl"] kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

html[dir="rtl"] kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

html[dir="rtl"] pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

html[dir="rtl"] pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

html[dir="rtl"] .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

html[dir="rtl"] .container,
html[dir="rtl"] .container-fluid,
html[dir="rtl"] .container-lg,
html[dir="rtl"] .container-md,
html[dir="rtl"] .container-sm,
html[dir="rtl"] .container-xl {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  html[dir="rtl"] .container,
  html[dir="rtl"] .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .container,
  html[dir="rtl"] .container-md,
  html[dir="rtl"] .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .container,
  html[dir="rtl"] .container-lg,
  html[dir="rtl"] .container-md,
  html[dir="rtl"] .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .container,
  html[dir="rtl"] .container-lg,
  html[dir="rtl"] .container-md,
  html[dir="rtl"] .container-sm,
  html[dir="rtl"] .container-xl {
    max-width: 1140px;
  }
}

html[dir="rtl"] .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

html[dir="rtl"] .no-gutters {
  margin-left: 0;
  margin-right: 0;
}

html[dir="rtl"] .no-gutters > .col,
html[dir="rtl"] .no-gutters > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

html[dir="rtl"] .col,
html[dir="rtl"] .col-1,
html[dir="rtl"] .col-10,
html[dir="rtl"] .col-11,
html[dir="rtl"] .col-12,
html[dir="rtl"] .col-2,
html[dir="rtl"] .col-3,
html[dir="rtl"] .col-4,
html[dir="rtl"] .col-5,
html[dir="rtl"] .col-6,
html[dir="rtl"] .col-7,
html[dir="rtl"] .col-8,
html[dir="rtl"] .col-9,
html[dir="rtl"] .col-auto,
html[dir="rtl"] .col-lg,
html[dir="rtl"] .col-lg-1,
html[dir="rtl"] .col-lg-10,
html[dir="rtl"] .col-lg-11,
html[dir="rtl"] .col-lg-12,
html[dir="rtl"] .col-lg-2,
html[dir="rtl"] .col-lg-3,
html[dir="rtl"] .col-lg-4,
html[dir="rtl"] .col-lg-5,
html[dir="rtl"] .col-lg-6,
html[dir="rtl"] .col-lg-7,
html[dir="rtl"] .col-lg-8,
html[dir="rtl"] .col-lg-9,
html[dir="rtl"] .col-lg-auto,
html[dir="rtl"] .col-md,
html[dir="rtl"] .col-md-1,
html[dir="rtl"] .col-md-10,
html[dir="rtl"] .col-md-11,
html[dir="rtl"] .col-md-12,
html[dir="rtl"] .col-md-2,
html[dir="rtl"] .col-md-3,
html[dir="rtl"] .col-md-4,
html[dir="rtl"] .col-md-5,
html[dir="rtl"] .col-md-6,
html[dir="rtl"] .col-md-7,
html[dir="rtl"] .col-md-8,
html[dir="rtl"] .col-md-9,
html[dir="rtl"] .col-md-auto,
html[dir="rtl"] .col-sm,
html[dir="rtl"] .col-sm-1,
html[dir="rtl"] .col-sm-10,
html[dir="rtl"] .col-sm-11,
html[dir="rtl"] .col-sm-12,
html[dir="rtl"] .col-sm-2,
html[dir="rtl"] .col-sm-3,
html[dir="rtl"] .col-sm-4,
html[dir="rtl"] .col-sm-5,
html[dir="rtl"] .col-sm-6,
html[dir="rtl"] .col-sm-7,
html[dir="rtl"] .col-sm-8,
html[dir="rtl"] .col-sm-9,
html[dir="rtl"] .col-sm-auto,
html[dir="rtl"] .col-xl,
html[dir="rtl"] .col-xl-1,
html[dir="rtl"] .col-xl-10,
html[dir="rtl"] .col-xl-11,
html[dir="rtl"] .col-xl-12,
html[dir="rtl"] .col-xl-2,
html[dir="rtl"] .col-xl-3,
html[dir="rtl"] .col-xl-4,
html[dir="rtl"] .col-xl-5,
html[dir="rtl"] .col-xl-6,
html[dir="rtl"] .col-xl-7,
html[dir="rtl"] .col-xl-8,
html[dir="rtl"] .col-xl-9,
html[dir="rtl"] .col-xl-auto {
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

html[dir="rtl"] .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

html[dir="rtl"] .row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

html[dir="rtl"] .row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

html[dir="rtl"] .row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

html[dir="rtl"] .row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

html[dir="rtl"] .row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

html[dir="rtl"] .row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

html[dir="rtl"] .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

html[dir="rtl"] .col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

html[dir="rtl"] .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

html[dir="rtl"] .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

html[dir="rtl"] .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

html[dir="rtl"] .col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

html[dir="rtl"] .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

html[dir="rtl"] .col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

html[dir="rtl"] .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

html[dir="rtl"] .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

html[dir="rtl"] .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

html[dir="rtl"] .col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

html[dir="rtl"] .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

html[dir="rtl"] .order-first {
  -ms-flex-order: -1;
  order: -1;
}

html[dir="rtl"] .order-last {
  -ms-flex-order: 13;
  order: 13;
}

html[dir="rtl"] .order-0 {
  -ms-flex-order: 0;
  order: 0;
}

html[dir="rtl"] .order-1 {
  -ms-flex-order: 1;
  order: 1;
}

html[dir="rtl"] .order-2 {
  -ms-flex-order: 2;
  order: 2;
}

html[dir="rtl"] .order-3 {
  -ms-flex-order: 3;
  order: 3;
}

html[dir="rtl"] .order-4 {
  -ms-flex-order: 4;
  order: 4;
}

html[dir="rtl"] .order-5 {
  -ms-flex-order: 5;
  order: 5;
}

html[dir="rtl"] .order-6 {
  -ms-flex-order: 6;
  order: 6;
}

html[dir="rtl"] .order-7 {
  -ms-flex-order: 7;
  order: 7;
}

html[dir="rtl"] .order-8 {
  -ms-flex-order: 8;
  order: 8;
}

html[dir="rtl"] .order-9 {
  -ms-flex-order: 9;
  order: 9;
}

html[dir="rtl"] .order-10 {
  -ms-flex-order: 10;
  order: 10;
}

html[dir="rtl"] .order-11 {
  -ms-flex-order: 11;
  order: 11;
}

html[dir="rtl"] .order-12 {
  -ms-flex-order: 12;
  order: 12;
}

html[dir="rtl"] .offset-1 {
  margin-right: 8.333333%;
}

html[dir="rtl"] .offset-2 {
  margin-right: 16.666667%;
}

html[dir="rtl"] .offset-3 {
  margin-right: 25%;
}

html[dir="rtl"] .offset-4 {
  margin-right: 33.333333%;
}

html[dir="rtl"] .offset-5 {
  margin-right: 41.666667%;
}

html[dir="rtl"] .offset-6 {
  margin-right: 50%;
}

html[dir="rtl"] .offset-7 {
  margin-right: 58.333333%;
}

html[dir="rtl"] .offset-8 {
  margin-right: 66.666667%;
}

html[dir="rtl"] .offset-9 {
  margin-right: 75%;
}

html[dir="rtl"] .offset-10 {
  margin-right: 83.333333%;
}

html[dir="rtl"] .offset-11 {
  margin-right: 91.666667%;
}

@media (min-width: 576px) {
  html[dir="rtl"] .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  html[dir="rtl"] .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  html[dir="rtl"] .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  html[dir="rtl"] .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  html[dir="rtl"] .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  html[dir="rtl"] .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  html[dir="rtl"] .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  html[dir="rtl"] .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  html[dir="rtl"] .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  html[dir="rtl"] .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  html[dir="rtl"] .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  html[dir="rtl"] .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  html[dir="rtl"] .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  html[dir="rtl"] .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  html[dir="rtl"] .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  html[dir="rtl"] .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  html[dir="rtl"] .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  html[dir="rtl"] .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  html[dir="rtl"] .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  html[dir="rtl"] .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  html[dir="rtl"] .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  html[dir="rtl"] .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  html[dir="rtl"] .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  html[dir="rtl"] .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  html[dir="rtl"] .offset-sm-0 {
    margin-right: 0;
  }
  html[dir="rtl"] .offset-sm-1 {
    margin-right: 8.333333%;
  }
  html[dir="rtl"] .offset-sm-2 {
    margin-right: 16.666667%;
  }
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
  }
  html[dir="rtl"] .offset-sm-4 {
    margin-right: 33.333333%;
  }
  html[dir="rtl"] .offset-sm-5 {
    margin-right: 41.666667%;
  }
  html[dir="rtl"] .offset-sm-6 {
    margin-right: 50%;
  }
  html[dir="rtl"] .offset-sm-7 {
    margin-right: 58.333333%;
  }
  html[dir="rtl"] .offset-sm-8 {
    margin-right: 66.666667%;
  }
  html[dir="rtl"] .offset-sm-9 {
    margin-right: 75%;
  }
  html[dir="rtl"] .offset-sm-10 {
    margin-right: 83.333333%;
  }
  html[dir="rtl"] .offset-sm-11 {
    margin-right: 91.666667%;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  html[dir="rtl"] .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  html[dir="rtl"] .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  html[dir="rtl"] .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  html[dir="rtl"] .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  html[dir="rtl"] .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  html[dir="rtl"] .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  html[dir="rtl"] .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  html[dir="rtl"] .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  html[dir="rtl"] .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  html[dir="rtl"] .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  html[dir="rtl"] .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  html[dir="rtl"] .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  html[dir="rtl"] .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  html[dir="rtl"] .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  html[dir="rtl"] .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  html[dir="rtl"] .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  html[dir="rtl"] .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  html[dir="rtl"] .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  html[dir="rtl"] .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  html[dir="rtl"] .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  html[dir="rtl"] .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  html[dir="rtl"] .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  html[dir="rtl"] .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  html[dir="rtl"] .offset-md-0 {
    margin-right: 0;
  }
  html[dir="rtl"] .offset-md-1 {
    margin-right: 8.333333%;
  }
  html[dir="rtl"] .offset-md-2 {
    margin-right: 16.666667%;
  }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
  }
  html[dir="rtl"] .offset-md-4 {
    margin-right: 33.333333%;
  }
  html[dir="rtl"] .offset-md-5 {
    margin-right: 41.666667%;
  }
  html[dir="rtl"] .offset-md-6 {
    margin-right: 50%;
  }
  html[dir="rtl"] .offset-md-7 {
    margin-right: 58.333333%;
  }
  html[dir="rtl"] .offset-md-8 {
    margin-right: 66.666667%;
  }
  html[dir="rtl"] .offset-md-9 {
    margin-right: 75%;
  }
  html[dir="rtl"] .offset-md-10 {
    margin-right: 83.333333%;
  }
  html[dir="rtl"] .offset-md-11 {
    margin-right: 91.666667%;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  html[dir="rtl"] .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  html[dir="rtl"] .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  html[dir="rtl"] .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  html[dir="rtl"] .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  html[dir="rtl"] .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  html[dir="rtl"] .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  html[dir="rtl"] .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  html[dir="rtl"] .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  html[dir="rtl"] .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  html[dir="rtl"] .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  html[dir="rtl"] .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  html[dir="rtl"] .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  html[dir="rtl"] .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  html[dir="rtl"] .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  html[dir="rtl"] .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  html[dir="rtl"] .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  html[dir="rtl"] .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  html[dir="rtl"] .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  html[dir="rtl"] .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  html[dir="rtl"] .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  html[dir="rtl"] .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  html[dir="rtl"] .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  html[dir="rtl"] .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  html[dir="rtl"] .offset-lg-0 {
    margin-right: 0;
  }
  html[dir="rtl"] .offset-lg-1 {
    margin-right: 8.333333%;
  }
  html[dir="rtl"] .offset-lg-2 {
    margin-right: 16.666667%;
  }
  html[dir="rtl"] .offset-lg-3 {
    margin-right: 25%;
  }
  html[dir="rtl"] .offset-lg-4 {
    margin-right: 33.333333%;
  }
  html[dir="rtl"] .offset-lg-5 {
    margin-right: 41.666667%;
  }
  html[dir="rtl"] .offset-lg-6 {
    margin-right: 50%;
  }
  html[dir="rtl"] .offset-lg-7 {
    margin-right: 58.333333%;
  }
  html[dir="rtl"] .offset-lg-8 {
    margin-right: 66.666667%;
  }
  html[dir="rtl"] .offset-lg-9 {
    margin-right: 75%;
  }
  html[dir="rtl"] .offset-lg-10 {
    margin-right: 83.333333%;
  }
  html[dir="rtl"] .offset-lg-11 {
    margin-right: 91.666667%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  html[dir="rtl"] .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  html[dir="rtl"] .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  html[dir="rtl"] .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  html[dir="rtl"] .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  html[dir="rtl"] .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  html[dir="rtl"] .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  html[dir="rtl"] .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir="rtl"] .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  html[dir="rtl"] .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  html[dir="rtl"] .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  html[dir="rtl"] .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  html[dir="rtl"] .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  html[dir="rtl"] .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  html[dir="rtl"] .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  html[dir="rtl"] .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  html[dir="rtl"] .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  html[dir="rtl"] .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  html[dir="rtl"] .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  html[dir="rtl"] .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  html[dir="rtl"] .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  html[dir="rtl"] .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  html[dir="rtl"] .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  html[dir="rtl"] .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  html[dir="rtl"] .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  html[dir="rtl"] .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  html[dir="rtl"] .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  html[dir="rtl"] .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  html[dir="rtl"] .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  html[dir="rtl"] .offset-xl-0 {
    margin-right: 0;
  }
  html[dir="rtl"] .offset-xl-1 {
    margin-right: 8.333333%;
  }
  html[dir="rtl"] .offset-xl-2 {
    margin-right: 16.666667%;
  }
  html[dir="rtl"] .offset-xl-3 {
    margin-right: 25%;
  }
  html[dir="rtl"] .offset-xl-4 {
    margin-right: 33.333333%;
  }
  html[dir="rtl"] .offset-xl-5 {
    margin-right: 41.666667%;
  }
  html[dir="rtl"] .offset-xl-6 {
    margin-right: 50%;
  }
  html[dir="rtl"] .offset-xl-7 {
    margin-right: 58.333333%;
  }
  html[dir="rtl"] .offset-xl-8 {
    margin-right: 66.666667%;
  }
  html[dir="rtl"] .offset-xl-9 {
    margin-right: 75%;
  }
  html[dir="rtl"] .offset-xl-10 {
    margin-right: 83.333333%;
  }
  html[dir="rtl"] .offset-xl-11 {
    margin-right: 91.666667%;
  }
}

html[dir="rtl"] .table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

html[dir="rtl"] .table td,
html[dir="rtl"] .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

html[dir="rtl"] .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

html[dir="rtl"] .table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

html[dir="rtl"] .table-sm td,
html[dir="rtl"] .table-sm th {
  padding: 0.3rem;
}

html[dir="rtl"] .table-bordered {
  border: 1px solid #dee2e6;
}

html[dir="rtl"] .table-bordered td,
html[dir="rtl"] .table-bordered th {
  border: 1px solid #dee2e6;
}

html[dir="rtl"] .table-bordered thead td,
html[dir="rtl"] .table-bordered thead th {
  border-bottom-width: 2px;
}

html[dir="rtl"] .table-borderless tbody + tbody,
html[dir="rtl"] .table-borderless td,
html[dir="rtl"] .table-borderless th,
html[dir="rtl"] .table-borderless thead th {
  border: 0;
}

html[dir="rtl"] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

html[dir="rtl"] .table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

html[dir="rtl"] .table-primary,
html[dir="rtl"] .table-primary > td,
html[dir="rtl"] .table-primary > th {
  background-color: #b8daff;
}

html[dir="rtl"] .table-primary tbody + tbody,
html[dir="rtl"] .table-primary td,
html[dir="rtl"] .table-primary th,
html[dir="rtl"] .table-primary thead th {
  border-color: #7abaff;
}

html[dir="rtl"] .table-hover .table-primary:hover {
  background-color: #9fcdff;
}

html[dir="rtl"] .table-hover .table-primary:hover > td,
html[dir="rtl"] .table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

html[dir="rtl"] .table-secondary,
html[dir="rtl"] .table-secondary > td,
html[dir="rtl"] .table-secondary > th {
  background-color: #d6d8db;
}

html[dir="rtl"] .table-secondary tbody + tbody,
html[dir="rtl"] .table-secondary td,
html[dir="rtl"] .table-secondary th,
html[dir="rtl"] .table-secondary thead th {
  border-color: #b3b7bb;
}

html[dir="rtl"] .table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

html[dir="rtl"] .table-hover .table-secondary:hover > td,
html[dir="rtl"] .table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

html[dir="rtl"] .table-success,
html[dir="rtl"] .table-success > td,
html[dir="rtl"] .table-success > th {
  background-color: #c3e6cb;
}

html[dir="rtl"] .table-success tbody + tbody,
html[dir="rtl"] .table-success td,
html[dir="rtl"] .table-success th,
html[dir="rtl"] .table-success thead th {
  border-color: #8fd19e;
}

html[dir="rtl"] .table-hover .table-success:hover {
  background-color: #b1dfbb;
}

html[dir="rtl"] .table-hover .table-success:hover > td,
html[dir="rtl"] .table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

html[dir="rtl"] .table-info,
html[dir="rtl"] .table-info > td,
html[dir="rtl"] .table-info > th {
  background-color: #bee5eb;
}

html[dir="rtl"] .table-info tbody + tbody,
html[dir="rtl"] .table-info td,
html[dir="rtl"] .table-info th,
html[dir="rtl"] .table-info thead th {
  border-color: #86cfda;
}

html[dir="rtl"] .table-hover .table-info:hover {
  background-color: #abdde5;
}

html[dir="rtl"] .table-hover .table-info:hover > td,
html[dir="rtl"] .table-hover .table-info:hover > th {
  background-color: #abdde5;
}

html[dir="rtl"] .table-warning,
html[dir="rtl"] .table-warning > td,
html[dir="rtl"] .table-warning > th {
  background-color: #ffeeba;
}

html[dir="rtl"] .table-warning tbody + tbody,
html[dir="rtl"] .table-warning td,
html[dir="rtl"] .table-warning th,
html[dir="rtl"] .table-warning thead th {
  border-color: #ffdf7e;
}

html[dir="rtl"] .table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

html[dir="rtl"] .table-hover .table-warning:hover > td,
html[dir="rtl"] .table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

html[dir="rtl"] .table-danger,
html[dir="rtl"] .table-danger > td,
html[dir="rtl"] .table-danger > th {
  background-color: #f5c6cb;
}

html[dir="rtl"] .table-danger tbody + tbody,
html[dir="rtl"] .table-danger td,
html[dir="rtl"] .table-danger th,
html[dir="rtl"] .table-danger thead th {
  border-color: #ed969e;
}

html[dir="rtl"] .table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

html[dir="rtl"] .table-hover .table-danger:hover > td,
html[dir="rtl"] .table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

html[dir="rtl"] .table-light,
html[dir="rtl"] .table-light > td,
html[dir="rtl"] .table-light > th {
  background-color: #fdfdfe;
}

html[dir="rtl"] .table-light tbody + tbody,
html[dir="rtl"] .table-light td,
html[dir="rtl"] .table-light th,
html[dir="rtl"] .table-light thead th {
  border-color: #fbfcfc;
}

html[dir="rtl"] .table-hover .table-light:hover {
  background-color: #ececf6;
}

html[dir="rtl"] .table-hover .table-light:hover > td,
html[dir="rtl"] .table-hover .table-light:hover > th {
  background-color: #ececf6;
}

html[dir="rtl"] .table-dark,
html[dir="rtl"] .table-dark > td,
html[dir="rtl"] .table-dark > th {
  background-color: #c6c8ca;
}

html[dir="rtl"] .table-dark tbody + tbody,
html[dir="rtl"] .table-dark td,
html[dir="rtl"] .table-dark th,
html[dir="rtl"] .table-dark thead th {
  border-color: #95999c;
}

html[dir="rtl"] .table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

html[dir="rtl"] .table-hover .table-dark:hover > td,
html[dir="rtl"] .table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

html[dir="rtl"] .table-active,
html[dir="rtl"] .table-active > td,
html[dir="rtl"] .table-active > th {
  background-color: rgba(0, 0, 0, 0.075);
}

html[dir="rtl"] .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

html[dir="rtl"] .table-hover .table-active:hover > td,
html[dir="rtl"] .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

html[dir="rtl"] .table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

html[dir="rtl"] .table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

html[dir="rtl"] .table-dark {
  color: #fff;
  background-color: #343a40;
}

html[dir="rtl"] .table-dark td,
html[dir="rtl"] .table-dark th,
html[dir="rtl"] .table-dark thead th {
  border-color: #454d55;
}

html[dir="rtl"] .table-dark.table-bordered {
  border: 0;
}

html[dir="rtl"] .table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

html[dir="rtl"] .table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  html[dir="rtl"] .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html[dir="rtl"] .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  html[dir="rtl"] .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html[dir="rtl"] .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  html[dir="rtl"] .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html[dir="rtl"] .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  html[dir="rtl"] .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html[dir="rtl"] .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

html[dir="rtl"] .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

html[dir="rtl"] .table-responsive > .table-bordered {
  border: 0;
}

html[dir="rtl"] .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .form-control {
    transition: none;
  }
}

html[dir="rtl"] .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

html[dir="rtl"] .form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

html[dir="rtl"] .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

html[dir="rtl"] .form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

html[dir="rtl"] .form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

html[dir="rtl"] .form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

html[dir="rtl"] .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

html[dir="rtl"] .form-control:disabled,
html[dir="rtl"] .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

html[dir="rtl"] input[type="date"].form-control,
html[dir="rtl"] input[type="datetime-local"].form-control,
html[dir="rtl"] input[type="month"].form-control,
html[dir="rtl"] input[type="time"].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html[dir="rtl"] select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

html[dir="rtl"] .form-control-file,
html[dir="rtl"] .form-control-range {
  display: block;
  width: 100%;
}

html[dir="rtl"] .col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

html[dir="rtl"] .col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

html[dir="rtl"] .col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

html[dir="rtl"] .form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

html[dir="rtl"] .form-control-plaintext.form-control-lg,
html[dir="rtl"] .form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0;
}

html[dir="rtl"] .form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

html[dir="rtl"] .form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

html[dir="rtl"] select.form-control[multiple],
html[dir="rtl"] select.form-control[size] {
  height: auto;
}

html[dir="rtl"] textarea.form-control {
  height: auto;
}

html[dir="rtl"] .form-group {
  margin-bottom: 1rem;
}

html[dir="rtl"] .form-text {
  display: block;
  margin-top: 0.25rem;
}

html[dir="rtl"] .form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}

html[dir="rtl"] .form-row > .col,
html[dir="rtl"] .form-row > [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

html[dir="rtl"] .form-check {
  position: relative;
  display: block;
  padding-right: 1.25rem;
}

html[dir="rtl"] .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-right: -1.25rem;
}

html[dir="rtl"] .form-check-input:disabled ~ .form-check-label,
html[dir="rtl"] .form-check-input[disabled] ~ .form-check-label {
  color: #6c757d;
}

html[dir="rtl"] .form-check-label {
  margin-bottom: 0;
}

html[dir="rtl"] .form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0;
  margin-left: 0.75rem;
}

html[dir="rtl"] .form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-left: 0.3125rem;
  margin-right: 0;
}

html[dir="rtl"] .valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

html[dir="rtl"] .valid-tooltip {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

html[dir="rtl"] .form-row > .col > .valid-tooltip,
html[dir="rtl"] .form-row > [class*="col-"] > .valid-tooltip {
  right: 5px;
}

html[dir="rtl"] .is-valid ~ .valid-feedback,
html[dir="rtl"] .is-valid ~ .valid-tooltip,
html[dir="rtl"] .was-validated :valid ~ .valid-feedback,
html[dir="rtl"] .was-validated :valid ~ .valid-tooltip {
  display: block;
}

html[dir="rtl"] .form-control.is-valid,
html[dir="rtl"] .was-validated .form-control:valid {
  border-color: #28a745;
  padding-left: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

html[dir="rtl"] .form-control.is-valid:focus,
html[dir="rtl"] .was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

html[dir="rtl"] .was-validated textarea.form-control:valid,
html[dir="rtl"] textarea.form-control.is-valid {
  padding-left: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) left
    calc(0.375em + 0.1875rem);
}

html[dir="rtl"] .custom-select.is-valid,
html[dir="rtl"] .was-validated .custom-select:valid {
  border-color: #28a745;
  padding-left: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
      left 0.75rem center/8px 10px no-repeat,
    #fff
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
      center left 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
      no-repeat;
}

html[dir="rtl"] .custom-select.is-valid:focus,
html[dir="rtl"] .was-validated .custom-select:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

html[dir="rtl"] .form-check-input.is-valid ~ .form-check-label,
html[dir="rtl"] .was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745;
}

html[dir="rtl"] .form-check-input.is-valid ~ .valid-feedback,
html[dir="rtl"] .form-check-input.is-valid ~ .valid-tooltip,
html[dir="rtl"] .was-validated .form-check-input:valid ~ .valid-feedback,
html[dir="rtl"] .was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block;
}

html[dir="rtl"] .custom-control-input.is-valid ~ .custom-control-label,
html[dir="rtl"]
  .was-validated
  .custom-control-input:valid
  ~ .custom-control-label {
  color: #28a745;
}

html[dir="rtl"] .custom-control-input.is-valid ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:valid
  ~ .custom-control-label::before {
  border-color: #28a745;
}

html[dir="rtl"]
  .custom-control-input.is-valid:checked
  ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:valid:checked
  ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

html[dir="rtl"]
  .custom-control-input.is-valid:focus
  ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:valid:focus
  ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

html[dir="rtl"]
  .custom-control-input.is-valid:focus:not(:checked)
  ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:valid:focus:not(:checked)
  ~ .custom-control-label::before {
  border-color: #28a745;
}

html[dir="rtl"] .custom-file-input.is-valid ~ .custom-file-label,
html[dir="rtl"] .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745;
}

html[dir="rtl"] .custom-file-input.is-valid:focus ~ .custom-file-label,
html[dir="rtl"]
  .was-validated
  .custom-file-input:valid:focus
  ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

html[dir="rtl"] .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

html[dir="rtl"] .invalid-tooltip {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

html[dir="rtl"] .form-row > .col > .invalid-tooltip,
html[dir="rtl"] .form-row > [class*="col-"] > .invalid-tooltip {
  right: 5px;
}

html[dir="rtl"] .is-invalid ~ .invalid-feedback,
html[dir="rtl"] .is-invalid ~ .invalid-tooltip,
html[dir="rtl"] .was-validated :invalid ~ .invalid-feedback,
html[dir="rtl"] .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-left: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

html[dir="rtl"] .form-control.is-invalid:focus,
html[dir="rtl"] .was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

html[dir="rtl"] .was-validated textarea.form-control:invalid,
html[dir="rtl"] textarea.form-control.is-invalid {
  padding-left: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) left
    calc(0.375em + 0.1875rem);
}

html[dir="rtl"] .custom-select.is-invalid,
html[dir="rtl"] .was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-left: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
      left 0.75rem center/8px 10px no-repeat,
    #fff
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
      center left 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
      no-repeat;
}

html[dir="rtl"] .custom-select.is-invalid:focus,
html[dir="rtl"] .was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

html[dir="rtl"] .form-check-input.is-invalid ~ .form-check-label,
html[dir="rtl"] .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

html[dir="rtl"] .form-check-input.is-invalid ~ .invalid-feedback,
html[dir="rtl"] .form-check-input.is-invalid ~ .invalid-tooltip,
html[dir="rtl"] .was-validated .form-check-input:invalid ~ .invalid-feedback,
html[dir="rtl"] .was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block;
}

html[dir="rtl"] .custom-control-input.is-invalid ~ .custom-control-label,
html[dir="rtl"]
  .was-validated
  .custom-control-input:invalid
  ~ .custom-control-label {
  color: #dc3545;
}

html[dir="rtl"]
  .custom-control-input.is-invalid
  ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:invalid
  ~ .custom-control-label::before {
  border-color: #dc3545;
}

html[dir="rtl"]
  .custom-control-input.is-invalid:checked
  ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:invalid:checked
  ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

html[dir="rtl"]
  .custom-control-input.is-invalid:focus
  ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:invalid:focus
  ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

html[dir="rtl"]
  .custom-control-input.is-invalid:focus:not(:checked)
  ~ .custom-control-label::before,
html[dir="rtl"]
  .was-validated
  .custom-control-input:invalid:focus:not(:checked)
  ~ .custom-control-label::before {
  border-color: #dc3545;
}

html[dir="rtl"] .custom-file-input.is-invalid ~ .custom-file-label,
html[dir="rtl"] .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545;
}

html[dir="rtl"] .custom-file-input.is-invalid:focus ~ .custom-file-label,
html[dir="rtl"]
  .was-validated
  .custom-file-input:invalid:focus
  ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

html[dir="rtl"] .form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

html[dir="rtl"] .form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  html[dir="rtl"] .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  html[dir="rtl"] .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  html[dir="rtl"] .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  html[dir="rtl"] .form-inline .form-control-plaintext {
    display: inline-block;
  }
  html[dir="rtl"] .form-inline .custom-select,
  html[dir="rtl"] .form-inline .input-group {
    width: auto;
  }
  html[dir="rtl"] .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-right: 0;
  }
  html[dir="rtl"] .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-left: 0.25rem;
    margin-right: 0;
  }
  html[dir="rtl"] .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  html[dir="rtl"] .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

html[dir="rtl"] .btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .btn {
    transition: none;
  }
}

html[dir="rtl"] .btn:hover {
  color: #212529;
  text-decoration: none;
}

html[dir="rtl"] .btn.focus,
html[dir="rtl"] .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .btn.disabled,
html[dir="rtl"] .btn:disabled {
  opacity: 0.65;
}

html[dir="rtl"] .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

html[dir="rtl"] a.btn.disabled,
html[dir="rtl"] fieldset:disabled a.btn {
  pointer-events: none;
}

html[dir="rtl"] .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

html[dir="rtl"] .btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

html[dir="rtl"] .btn-primary.focus,
html[dir="rtl"] .btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

html[dir="rtl"] .btn-primary.disabled,
html[dir="rtl"] .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

html[dir="rtl"] .btn-primary:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-primary:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

html[dir="rtl"] .btn-primary:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-primary:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

html[dir="rtl"] .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

html[dir="rtl"] .btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

html[dir="rtl"] .btn-secondary.focus,
html[dir="rtl"] .btn-secondary:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

html[dir="rtl"] .btn-secondary.disabled,
html[dir="rtl"] .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

html[dir="rtl"] .btn-secondary:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-secondary:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

html[dir="rtl"] .btn-secondary:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-secondary:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

html[dir="rtl"] .btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

html[dir="rtl"] .btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

html[dir="rtl"] .btn-success.focus,
html[dir="rtl"] .btn-success:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

html[dir="rtl"] .btn-success.disabled,
html[dir="rtl"] .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

html[dir="rtl"] .btn-success:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-success:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

html[dir="rtl"] .btn-success:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-success:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

html[dir="rtl"] .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

html[dir="rtl"] .btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

html[dir="rtl"] .btn-info.focus,
html[dir="rtl"] .btn-info:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

html[dir="rtl"] .btn-info.disabled,
html[dir="rtl"] .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

html[dir="rtl"] .btn-info:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-info:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

html[dir="rtl"] .btn-info:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-info:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

html[dir="rtl"] .btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

html[dir="rtl"] .btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

html[dir="rtl"] .btn-warning.focus,
html[dir="rtl"] .btn-warning:focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

html[dir="rtl"] .btn-warning.disabled,
html[dir="rtl"] .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

html[dir="rtl"] .btn-warning:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-warning:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

html[dir="rtl"] .btn-warning:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-warning:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

html[dir="rtl"] .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

html[dir="rtl"] .btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

html[dir="rtl"] .btn-danger.focus,
html[dir="rtl"] .btn-danger:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

html[dir="rtl"] .btn-danger.disabled,
html[dir="rtl"] .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

html[dir="rtl"] .btn-danger:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-danger:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

html[dir="rtl"] .btn-danger:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-danger:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

html[dir="rtl"] .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

html[dir="rtl"] .btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

html[dir="rtl"] .btn-light.focus,
html[dir="rtl"] .btn-light:focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

html[dir="rtl"] .btn-light.disabled,
html[dir="rtl"] .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

html[dir="rtl"] .btn-light:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-light:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

html[dir="rtl"] .btn-light:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-light:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

html[dir="rtl"] .btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

html[dir="rtl"] .btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

html[dir="rtl"] .btn-dark.focus,
html[dir="rtl"] .btn-dark:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

html[dir="rtl"] .btn-dark.disabled,
html[dir="rtl"] .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

html[dir="rtl"] .btn-dark:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-dark:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

html[dir="rtl"] .btn-dark:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-dark:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

html[dir="rtl"] .btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

html[dir="rtl"] .btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

html[dir="rtl"] .btn-outline-primary.focus,
html[dir="rtl"] .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

html[dir="rtl"] .btn-outline-primary.disabled,
html[dir="rtl"] .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-primary:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-primary:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

html[dir="rtl"] .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

html[dir="rtl"] .btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

html[dir="rtl"] .btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

html[dir="rtl"] .btn-outline-secondary.focus,
html[dir="rtl"] .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

html[dir="rtl"] .btn-outline-secondary.disabled,
html[dir="rtl"] .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-secondary:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-secondary:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

html[dir="rtl"]
  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"]
  .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

html[dir="rtl"] .btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

html[dir="rtl"] .btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

html[dir="rtl"] .btn-outline-success.focus,
html[dir="rtl"] .btn-outline-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

html[dir="rtl"] .btn-outline-success.disabled,
html[dir="rtl"] .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-success:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-success:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

html[dir="rtl"] .btn-outline-success:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-outline-success:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

html[dir="rtl"] .btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

html[dir="rtl"] .btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

html[dir="rtl"] .btn-outline-info.focus,
html[dir="rtl"] .btn-outline-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

html[dir="rtl"] .btn-outline-info.disabled,
html[dir="rtl"] .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-info:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-info:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

html[dir="rtl"] .btn-outline-info:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-outline-info:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

html[dir="rtl"] .btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

html[dir="rtl"] .btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

html[dir="rtl"] .btn-outline-warning.focus,
html[dir="rtl"] .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

html[dir="rtl"] .btn-outline-warning.disabled,
html[dir="rtl"] .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-warning:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-warning:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

html[dir="rtl"] .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

html[dir="rtl"] .btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

html[dir="rtl"] .btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

html[dir="rtl"] .btn-outline-danger.focus,
html[dir="rtl"] .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

html[dir="rtl"] .btn-outline-danger.disabled,
html[dir="rtl"] .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-danger:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-danger:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

html[dir="rtl"] .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

html[dir="rtl"] .btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

html[dir="rtl"] .btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

html[dir="rtl"] .btn-outline-light.focus,
html[dir="rtl"] .btn-outline-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

html[dir="rtl"] .btn-outline-light.disabled,
html[dir="rtl"] .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-light:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-light:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

html[dir="rtl"] .btn-outline-light:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-outline-light:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

html[dir="rtl"] .btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

html[dir="rtl"] .btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

html[dir="rtl"] .btn-outline-dark.focus,
html[dir="rtl"] .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

html[dir="rtl"] .btn-outline-dark.disabled,
html[dir="rtl"] .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

html[dir="rtl"] .btn-outline-dark:not(:disabled):not(.disabled).active,
html[dir="rtl"] .btn-outline-dark:not(:disabled):not(.disabled):active,
html[dir="rtl"] .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

html[dir="rtl"] .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
html[dir="rtl"] .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
html[dir="rtl"] .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

html[dir="rtl"] .btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

html[dir="rtl"] .btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

html[dir="rtl"] .btn-link.focus,
html[dir="rtl"] .btn-link:focus {
  text-decoration: underline;
}

html[dir="rtl"] .btn-link.disabled,
html[dir="rtl"] .btn-link:disabled {
  color: #6c757d;
  pointer-events: none;
}

html[dir="rtl"] .btn-group-lg > .btn,
html[dir="rtl"] .btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

html[dir="rtl"] .btn-group-sm > .btn,
html[dir="rtl"] .btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

html[dir="rtl"] .btn-block {
  display: block;
  width: 100%;
}

html[dir="rtl"] .btn-block + .btn-block {
  margin-top: 0.5rem;
}

html[dir="rtl"] input[type="button"].btn-block,
html[dir="rtl"] input[type="reset"].btn-block,
html[dir="rtl"] input[type="submit"].btn-block {
  width: 100%;
}

html[dir="rtl"] .fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .fade {
    transition: none;
  }
}

html[dir="rtl"] .fade:not(.show) {
  opacity: 0;
}

html[dir="rtl"] .collapse:not(.show) {
  display: none;
}

html[dir="rtl"] .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .collapsing {
    transition: none;
  }
}

html[dir="rtl"] .dropdown,
html[dir="rtl"] .dropleft,
html[dir="rtl"] .dropright,
html[dir="rtl"] .dropup {
  position: relative;
}

html[dir="rtl"] .dropdown-toggle {
  white-space: nowrap;
}

html[dir="rtl"] .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-left: 0.3em solid transparent;
  border-bottom: 0;
  border-right: 0.3em solid transparent;
}

html[dir="rtl"] .dropdown-toggle:empty::after {
  margin-right: 0;
}

html[dir="rtl"] .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: right;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

html[dir="rtl"] .dropdown-menu-left {
  left: auto;
  right: 0;
}

html[dir="rtl"] .dropdown-menu-right {
  left: 0;
  right: auto;
}

@media (min-width: 576px) {
  html[dir="rtl"] .dropdown-menu-sm-left {
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .dropdown-menu-sm-right {
    left: 0;
    right: auto;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .dropdown-menu-md-left {
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .dropdown-menu-md-right {
    left: 0;
    right: auto;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .dropdown-menu-lg-left {
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .dropdown-menu-lg-right {
    left: 0;
    right: auto;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .dropdown-menu-xl-left {
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .dropdown-menu-xl-right {
    left: 0;
    right: auto;
  }
}

html[dir="rtl"] .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

html[dir="rtl"] .dropup .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-left: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-right: 0.3em solid transparent;
}

html[dir="rtl"] .dropup .dropdown-toggle:empty::after {
  margin-right: 0;
}

html[dir="rtl"] .dropright .dropdown-menu {
  top: 0;
  left: auto;
  right: 100%;
  margin-top: 0;
  margin-right: 0.125rem;
}

html[dir="rtl"] .dropright .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-left: 0;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
}

html[dir="rtl"] .dropright .dropdown-toggle:empty::after {
  margin-right: 0;
}

html[dir="rtl"] .dropright .dropdown-toggle::after {
  vertical-align: 0;
}

html[dir="rtl"] .dropleft .dropdown-menu {
  top: 0;
  left: 100%;
  right: auto;
  margin-top: 0;
  margin-left: 0.125rem;
}

html[dir="rtl"] .dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

html[dir="rtl"] .dropleft .dropdown-toggle::after {
  display: none;
}

html[dir="rtl"] .dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

html[dir="rtl"] .dropleft .dropdown-toggle:empty::after {
  margin-right: 0;
}

html[dir="rtl"] .dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

html[dir="rtl"] .dropdown-menu[x-placement^="bottom"],
html[dir="rtl"] .dropdown-menu[x-placement^="left"],
html[dir="rtl"] .dropdown-menu[x-placement^="right"],
html[dir="rtl"] .dropdown-menu[x-placement^="top"] {
  left: auto;
  bottom: auto;
}

html[dir="rtl"] .dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

html[dir="rtl"] .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

html[dir="rtl"] .dropdown-item:focus,
html[dir="rtl"] .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

html[dir="rtl"] .dropdown-item.active,
html[dir="rtl"] .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

html[dir="rtl"] .dropdown-item.disabled,
html[dir="rtl"] .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

html[dir="rtl"] .dropdown-menu.show {
  display: block;
}

html[dir="rtl"] .dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

html[dir="rtl"] .dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

html[dir="rtl"] .btn-group,
html[dir="rtl"] .btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

html[dir="rtl"] .btn-group-vertical > .btn,
html[dir="rtl"] .btn-group > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

html[dir="rtl"] .btn-group-vertical > .btn:hover,
html[dir="rtl"] .btn-group > .btn:hover {
  z-index: 1;
}

html[dir="rtl"] .btn-group-vertical > .btn.active,
html[dir="rtl"] .btn-group-vertical > .btn:active,
html[dir="rtl"] .btn-group-vertical > .btn:focus,
html[dir="rtl"] .btn-group > .btn.active,
html[dir="rtl"] .btn-group > .btn:active,
html[dir="rtl"] .btn-group > .btn:focus {
  z-index: 1;
}

html[dir="rtl"] .btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

html[dir="rtl"] .btn-toolbar .input-group {
  width: auto;
}

html[dir="rtl"] .btn-group > .btn-group:not(:first-child),
html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  margin-right: -1px;
}

html[dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn,
html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn,
html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .dropdown-toggle-split {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}

html[dir="rtl"] .dropdown-toggle-split::after,
html[dir="rtl"] .dropright .dropdown-toggle-split::after,
html[dir="rtl"] .dropup .dropdown-toggle-split::after {
  margin-right: 0;
}

html[dir="rtl"] .dropleft .dropdown-toggle-split::before {
  margin-left: 0;
}

html[dir="rtl"] .btn-group-sm > .btn + .dropdown-toggle-split,
html[dir="rtl"] .btn-sm + .dropdown-toggle-split {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

html[dir="rtl"] .btn-group-lg > .btn + .dropdown-toggle-split,
html[dir="rtl"] .btn-lg + .dropdown-toggle-split {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

html[dir="rtl"] .btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}

html[dir="rtl"] .btn-group-vertical > .btn,
html[dir="rtl"] .btn-group-vertical > .btn-group {
  width: 100%;
}

html[dir="rtl"] .btn-group-vertical > .btn-group:not(:first-child),
html[dir="rtl"] .btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}

html[dir="rtl"] .btn-group-vertical > .btn-group:not(:last-child) > .btn,
html[dir="rtl"]
  .btn-group-vertical
  > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .btn-group-vertical > .btn-group:not(:first-child) > .btn,
html[dir="rtl"] .btn-group-vertical > .btn:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

html[dir="rtl"] .btn-group-toggle > .btn,
html[dir="rtl"] .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

html[dir="rtl"] .btn-group-toggle > .btn input[type="checkbox"],
html[dir="rtl"] .btn-group-toggle > .btn input[type="radio"],
html[dir="rtl"] .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
html[dir="rtl"] .btn-group-toggle > .btn-group > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

html[dir="rtl"] .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

html[dir="rtl"] .input-group > .custom-file,
html[dir="rtl"] .input-group > .custom-select,
html[dir="rtl"] .input-group > .form-control,
html[dir="rtl"] .input-group > .form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

html[dir="rtl"] .input-group > .custom-file + .custom-file,
html[dir="rtl"] .input-group > .custom-file + .custom-select,
html[dir="rtl"] .input-group > .custom-file + .form-control,
html[dir="rtl"] .input-group > .custom-select + .custom-file,
html[dir="rtl"] .input-group > .custom-select + .custom-select,
html[dir="rtl"] .input-group > .custom-select + .form-control,
html[dir="rtl"] .input-group > .form-control + .custom-file,
html[dir="rtl"] .input-group > .form-control + .custom-select,
html[dir="rtl"] .input-group > .form-control + .form-control,
html[dir="rtl"] .input-group > .form-control-plaintext + .custom-file,
html[dir="rtl"] .input-group > .form-control-plaintext + .custom-select,
html[dir="rtl"] .input-group > .form-control-plaintext + .form-control {
  margin-right: -1px;
}

html[dir="rtl"]
  .input-group
  > .custom-file
  .custom-file-input:focus
  ~ .custom-file-label,
html[dir="rtl"] .input-group > .custom-select:focus,
html[dir="rtl"] .input-group > .form-control:focus {
  z-index: 3;
}

html[dir="rtl"] .input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

html[dir="rtl"] .input-group > .custom-select:not(:first-child),
html[dir="rtl"] .input-group > .form-control:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

html[dir="rtl"]
  .input-group
  > .custom-file:not(:first-child)
  .custom-file-label,
html[dir="rtl"]
  .input-group
  > .custom-file:not(:last-child)
  .custom-file-label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"]
  .input-group:not(.has-validation)
  > .custom-file:not(:last-child)
  .custom-file-label::after,
html[dir="rtl"]
  .input-group:not(.has-validation)
  > .custom-select:not(:last-child),
html[dir="rtl"]
  .input-group:not(.has-validation)
  > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"]
  .input-group.has-validation
  > .custom-file:nth-last-child(n + 3)
  .custom-file-label::after,
html[dir="rtl"]
  .input-group.has-validation
  > .custom-select:nth-last-child(n + 3),
html[dir="rtl"]
  .input-group.has-validation
  > .form-control:nth-last-child(n + 3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"] .input-group-append,
html[dir="rtl"] .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

html[dir="rtl"] .input-group-append .btn,
html[dir="rtl"] .input-group-prepend .btn {
  position: relative;
  z-index: 2;
}

html[dir="rtl"] .input-group-append .btn:focus,
html[dir="rtl"] .input-group-prepend .btn:focus {
  z-index: 3;
}

html[dir="rtl"] .input-group-append .btn + .btn,
html[dir="rtl"] .input-group-append .btn + .input-group-text,
html[dir="rtl"] .input-group-append .input-group-text + .btn,
html[dir="rtl"] .input-group-append .input-group-text + .input-group-text,
html[dir="rtl"] .input-group-prepend .btn + .btn,
html[dir="rtl"] .input-group-prepend .btn + .input-group-text,
html[dir="rtl"] .input-group-prepend .input-group-text + .btn,
html[dir="rtl"] .input-group-prepend .input-group-text + .input-group-text {
  margin-right: -1px;
}

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
}

html[dir="rtl"] .input-group-append {
  margin-right: -1px;
}

html[dir="rtl"] .input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

html[dir="rtl"] .input-group-text input[type="checkbox"],
html[dir="rtl"] .input-group-text input[type="radio"] {
  margin-top: 0;
}

html[dir="rtl"] .input-group-lg > .custom-select,
html[dir="rtl"] .input-group-lg > .form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px);
}

html[dir="rtl"] .input-group-lg > .custom-select,
html[dir="rtl"] .input-group-lg > .form-control,
html[dir="rtl"] .input-group-lg > .input-group-append > .btn,
html[dir="rtl"] .input-group-lg > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group-lg > .input-group-prepend > .btn,
html[dir="rtl"] .input-group-lg > .input-group-prepend > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

html[dir="rtl"] .input-group-sm > .custom-select,
html[dir="rtl"] .input-group-sm > .form-control:not(textarea) {
  height: calc(1.5em + 0.5rem + 2px);
}

html[dir="rtl"] .input-group-sm > .custom-select,
html[dir="rtl"] .input-group-sm > .form-control,
html[dir="rtl"] .input-group-sm > .input-group-append > .btn,
html[dir="rtl"] .input-group-sm > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group-sm > .input-group-prepend > .btn,
html[dir="rtl"] .input-group-sm > .input-group-prepend > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

html[dir="rtl"] .input-group-lg > .custom-select,
html[dir="rtl"] .input-group-sm > .custom-select {
  padding-left: 1.75rem;
}

html[dir="rtl"]
  .input-group.has-validation
  > .input-group-append:nth-last-child(n + 3)
  > .btn,
html[dir="rtl"]
  .input-group.has-validation
  > .input-group-append:nth-last-child(n + 3)
  > .input-group-text,
html[dir="rtl"]
  .input-group:not(.has-validation)
  > .input-group-append:not(:last-child)
  > .btn,
html[dir="rtl"]
  .input-group:not(.has-validation)
  > .input-group-append:not(:last-child)
  > .input-group-text,
html[dir="rtl"]
  .input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"]
  .input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child),
html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"]
  .input-group
  > .input-group-prepend:first-child
  > .btn:not(:first-child),
html[dir="rtl"]
  .input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"]
  .input-group
  > .input-group-prepend:not(:first-child)
  > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-right: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

html[dir="rtl"] .custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 1rem;
}

html[dir="rtl"] .custom-control-input {
  position: absolute;
  right: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

html[dir="rtl"] .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

html[dir="rtl"] .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"]
  .custom-control-input:focus:not(:checked)
  ~ .custom-control-label::before {
  border-color: #80bdff;
}

html[dir="rtl"]
  .custom-control-input:not(:disabled):active
  ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

html[dir="rtl"] .custom-control-input:disabled ~ .custom-control-label,
html[dir="rtl"] .custom-control-input[disabled] ~ .custom-control-label {
  color: #6c757d;
}

html[dir="rtl"] .custom-control-input:disabled ~ .custom-control-label::before,
html[dir="rtl"]
  .custom-control-input[disabled]
  ~ .custom-control-label::before {
  background-color: #e9ecef;
}

html[dir="rtl"] .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

html[dir="rtl"] .custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  right: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

html[dir="rtl"] .custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  right: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

html[dir="rtl"] .custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

html[dir="rtl"]
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

html[dir="rtl"]
  .custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

html[dir="rtl"]
  .custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

html[dir="rtl"]
  .custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

html[dir="rtl"]
  .custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

html[dir="rtl"] .custom-radio .custom-control-label::before {
  border-radius: 50%;
}

html[dir="rtl"]
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

html[dir="rtl"]
  .custom-radio
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

html[dir="rtl"] .custom-switch {
  padding-right: 2.25rem;
}

html[dir="rtl"] .custom-switch .custom-control-label::before {
  right: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

html[dir="rtl"] .custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  right: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .custom-switch .custom-control-label::after {
    transition: none;
  }
}

html[dir="rtl"]
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(-0.75rem);
  transform: translateX(-0.75rem);
}

html[dir="rtl"]
  .custom-switch
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

html[dir="rtl"] .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem 0.375rem 1.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    left 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html[dir="rtl"] .custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

html[dir="rtl"] .custom-select[multiple],
html[dir="rtl"] .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-left: 0.75rem;
  background-image: none;
}

html[dir="rtl"] .custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

html[dir="rtl"] .custom-select::-ms-expand {
  display: none;
}

html[dir="rtl"] .custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

html[dir="rtl"] .custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
}

html[dir="rtl"] .custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  font-size: 1.25rem;
}

html[dir="rtl"] .custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

html[dir="rtl"] .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

html[dir="rtl"] .custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .custom-file-input:disabled ~ .custom-file-label,
html[dir="rtl"] .custom-file-input[disabled] ~ .custom-file-label {
  background-color: #e9ecef;
}

html[dir="rtl"] .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

html[dir="rtl"] .custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

html[dir="rtl"] .custom-file-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

html[dir="rtl"] .custom-file-label::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-right: inherit;
  border-radius: 0.25rem 0 0 0.25rem;
}

html[dir="rtl"] .custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html[dir="rtl"] .custom-range:focus {
  outline: 0;
}

html[dir="rtl"] .custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .custom-range::-moz-focus-outer {
  border: 0;
}

html[dir="rtl"] .custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

html[dir="rtl"] .custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

html[dir="rtl"] .custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

html[dir="rtl"] .custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}

html[dir="rtl"] .custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

html[dir="rtl"] .custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

html[dir="rtl"] .custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}

html[dir="rtl"] .custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

html[dir="rtl"] .custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

html[dir="rtl"] .custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

html[dir="rtl"] .custom-range::-ms-fill-upper {
  margin-left: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

html[dir="rtl"] .custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

html[dir="rtl"] .custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

html[dir="rtl"] .custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

html[dir="rtl"] .custom-range:disabled::-moz-range-track {
  cursor: default;
}

html[dir="rtl"] .custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

html[dir="rtl"] .custom-control-label::before,
html[dir="rtl"] .custom-file-label,
html[dir="rtl"] .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .custom-control-label::before,
  html[dir="rtl"] .custom-file-label,
  html[dir="rtl"] .custom-select {
    transition: none;
  }
}

html[dir="rtl"] .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

html[dir="rtl"] .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

html[dir="rtl"] .nav-link:focus,
html[dir="rtl"] .nav-link:hover {
  text-decoration: none;
}

html[dir="rtl"] .nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

html[dir="rtl"] .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

html[dir="rtl"] .nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

html[dir="rtl"] .nav-tabs .nav-link:focus,
html[dir="rtl"] .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
}

html[dir="rtl"] .nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

html[dir="rtl"] .nav-tabs .nav-item.show .nav-link,
html[dir="rtl"] .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

html[dir="rtl"] .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

html[dir="rtl"] .nav-pills .nav-link {
  border-radius: 0.25rem;
}

html[dir="rtl"] .nav-pills .nav-link.active,
html[dir="rtl"] .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

html[dir="rtl"] .nav-fill .nav-item,
html[dir="rtl"] .nav-fill > .nav-link {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

html[dir="rtl"] .nav-justified .nav-item,
html[dir="rtl"] .nav-justified > .nav-link {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

html[dir="rtl"] .tab-content > .tab-pane {
  display: none;
}

html[dir="rtl"] .tab-content > .active {
  display: block;
}

html[dir="rtl"] .navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

html[dir="rtl"] .navbar .container,
html[dir="rtl"] .navbar .container-fluid,
html[dir="rtl"] .navbar .container-lg,
html[dir="rtl"] .navbar .container-md,
html[dir="rtl"] .navbar .container-sm,
html[dir="rtl"] .navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

html[dir="rtl"] .navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-left: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

html[dir="rtl"] .navbar-brand:focus,
html[dir="rtl"] .navbar-brand:hover {
  text-decoration: none;
}

html[dir="rtl"] .navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

html[dir="rtl"] .navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}

html[dir="rtl"] .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

html[dir="rtl"] .navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

html[dir="rtl"] .navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

html[dir="rtl"] .navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

html[dir="rtl"] .navbar-toggler:focus,
html[dir="rtl"] .navbar-toggler:hover {
  text-decoration: none;
}

html[dir="rtl"] .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

html[dir="rtl"] .navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  html[dir="rtl"] .navbar-expand-sm > .container,
  html[dir="rtl"] .navbar-expand-sm > .container-fluid,
  html[dir="rtl"] .navbar-expand-sm > .container-lg,
  html[dir="rtl"] .navbar-expand-sm > .container-md,
  html[dir="rtl"] .navbar-expand-sm > .container-sm,
  html[dir="rtl"] .navbar-expand-sm > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 576px) {
  html[dir="rtl"] .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  html[dir="rtl"] .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  html[dir="rtl"] .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  html[dir="rtl"] .navbar-expand-sm > .container,
  html[dir="rtl"] .navbar-expand-sm > .container-fluid,
  html[dir="rtl"] .navbar-expand-sm > .container-lg,
  html[dir="rtl"] .navbar-expand-sm > .container-md,
  html[dir="rtl"] .navbar-expand-sm > .container-sm,
  html[dir="rtl"] .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  html[dir="rtl"] .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  html[dir="rtl"] .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  html[dir="rtl"] .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  html[dir="rtl"] .navbar-expand-md > .container,
  html[dir="rtl"] .navbar-expand-md > .container-fluid,
  html[dir="rtl"] .navbar-expand-md > .container-lg,
  html[dir="rtl"] .navbar-expand-md > .container-md,
  html[dir="rtl"] .navbar-expand-md > .container-sm,
  html[dir="rtl"] .navbar-expand-md > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  html[dir="rtl"] .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  html[dir="rtl"] .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  html[dir="rtl"] .navbar-expand-md > .container,
  html[dir="rtl"] .navbar-expand-md > .container-fluid,
  html[dir="rtl"] .navbar-expand-md > .container-lg,
  html[dir="rtl"] .navbar-expand-md > .container-md,
  html[dir="rtl"] .navbar-expand-md > .container-sm,
  html[dir="rtl"] .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  html[dir="rtl"] .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  html[dir="rtl"] .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  html[dir="rtl"] .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  html[dir="rtl"] .navbar-expand-lg > .container,
  html[dir="rtl"] .navbar-expand-lg > .container-fluid,
  html[dir="rtl"] .navbar-expand-lg > .container-lg,
  html[dir="rtl"] .navbar-expand-lg > .container-md,
  html[dir="rtl"] .navbar-expand-lg > .container-sm,
  html[dir="rtl"] .navbar-expand-lg > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  html[dir="rtl"] .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  html[dir="rtl"] .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  html[dir="rtl"] .navbar-expand-lg > .container,
  html[dir="rtl"] .navbar-expand-lg > .container-fluid,
  html[dir="rtl"] .navbar-expand-lg > .container-lg,
  html[dir="rtl"] .navbar-expand-lg > .container-md,
  html[dir="rtl"] .navbar-expand-lg > .container-sm,
  html[dir="rtl"] .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  html[dir="rtl"] .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  html[dir="rtl"] .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  html[dir="rtl"] .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  html[dir="rtl"] .navbar-expand-xl > .container,
  html[dir="rtl"] .navbar-expand-xl > .container-fluid,
  html[dir="rtl"] .navbar-expand-xl > .container-lg,
  html[dir="rtl"] .navbar-expand-xl > .container-md,
  html[dir="rtl"] .navbar-expand-xl > .container-sm,
  html[dir="rtl"] .navbar-expand-xl > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  html[dir="rtl"] .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  html[dir="rtl"] .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  html[dir="rtl"] .navbar-expand-xl > .container,
  html[dir="rtl"] .navbar-expand-xl > .container-fluid,
  html[dir="rtl"] .navbar-expand-xl > .container-lg,
  html[dir="rtl"] .navbar-expand-xl > .container-md,
  html[dir="rtl"] .navbar-expand-xl > .container-sm,
  html[dir="rtl"] .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  html[dir="rtl"] .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  html[dir="rtl"] .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  html[dir="rtl"] .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

html[dir="rtl"] .navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

html[dir="rtl"] .navbar-expand > .container,
html[dir="rtl"] .navbar-expand > .container-fluid,
html[dir="rtl"] .navbar-expand > .container-lg,
html[dir="rtl"] .navbar-expand > .container-md,
html[dir="rtl"] .navbar-expand > .container-sm,
html[dir="rtl"] .navbar-expand > .container-xl {
  padding-left: 0;
  padding-right: 0;
}

html[dir="rtl"] .navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

html[dir="rtl"] .navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

html[dir="rtl"] .navbar-expand .navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

html[dir="rtl"] .navbar-expand > .container,
html[dir="rtl"] .navbar-expand > .container-fluid,
html[dir="rtl"] .navbar-expand > .container-lg,
html[dir="rtl"] .navbar-expand > .container-md,
html[dir="rtl"] .navbar-expand > .container-sm,
html[dir="rtl"] .navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

html[dir="rtl"] .navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

html[dir="rtl"] .navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

html[dir="rtl"] .navbar-expand .navbar-toggler {
  display: none;
}

html[dir="rtl"] .navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

html[dir="rtl"] .navbar-light .navbar-brand:focus,
html[dir="rtl"] .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}

html[dir="rtl"] .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

html[dir="rtl"] .navbar-light .navbar-nav .nav-link:focus,
html[dir="rtl"] .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

html[dir="rtl"] .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

html[dir="rtl"] .navbar-light .navbar-nav .active > .nav-link,
html[dir="rtl"] .navbar-light .navbar-nav .nav-link.active,
html[dir="rtl"] .navbar-light .navbar-nav .nav-link.show,
html[dir="rtl"] .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9);
}

html[dir="rtl"] .navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

html[dir="rtl"] .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

html[dir="rtl"] .navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

html[dir="rtl"] .navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

html[dir="rtl"] .navbar-light .navbar-text a:focus,
html[dir="rtl"] .navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, 0.9);
}

html[dir="rtl"] .navbar-dark .navbar-brand {
  color: #fff;
}

html[dir="rtl"] .navbar-dark .navbar-brand:focus,
html[dir="rtl"] .navbar-dark .navbar-brand:hover {
  color: #fff;
}

html[dir="rtl"] .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

html[dir="rtl"] .navbar-dark .navbar-nav .nav-link:focus,
html[dir="rtl"] .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

html[dir="rtl"] .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

html[dir="rtl"] .navbar-dark .navbar-nav .active > .nav-link,
html[dir="rtl"] .navbar-dark .navbar-nav .nav-link.active,
html[dir="rtl"] .navbar-dark .navbar-nav .nav-link.show,
html[dir="rtl"] .navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}

html[dir="rtl"] .navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

html[dir="rtl"] .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

html[dir="rtl"] .navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

html[dir="rtl"] .navbar-dark .navbar-text a {
  color: #fff;
}

html[dir="rtl"] .navbar-dark .navbar-text a:focus,
html[dir="rtl"] .navbar-dark .navbar-text a:hover {
  color: #fff;
}

html[dir="rtl"] .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

html[dir="rtl"] .card > hr {
  margin-left: 0;
  margin-right: 0;
}

html[dir="rtl"] .card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

html[dir="rtl"] .card > .list-group:first-child {
  border-top-width: 0;
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

html[dir="rtl"] .card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}

html[dir="rtl"] .card > .card-header + .list-group,
html[dir="rtl"] .card > .list-group + .card-footer {
  border-top: 0;
}

html[dir="rtl"] .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

html[dir="rtl"] .card-title {
  margin-bottom: 0.75rem;
}

html[dir="rtl"] .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

html[dir="rtl"] .card-text:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .card-link:hover {
  text-decoration: none;
}

html[dir="rtl"] .card-link + .card-link {
  margin-right: 1.25rem;
}

html[dir="rtl"] .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

html[dir="rtl"] .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

html[dir="rtl"] .card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

html[dir="rtl"] .card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

html[dir="rtl"] .card-header-tabs {
  margin-left: -0.625rem;
  margin-bottom: -0.75rem;
  margin-right: -0.625rem;
  border-bottom: 0;
}

html[dir="rtl"] .card-header-pills {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

html[dir="rtl"] .card-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

html[dir="rtl"] .card-img,
html[dir="rtl"] .card-img-bottom,
html[dir="rtl"] .card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

html[dir="rtl"] .card-img,
html[dir="rtl"] .card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

html[dir="rtl"] .card-img,
html[dir="rtl"] .card-img-bottom {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}

html[dir="rtl"] .card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  html[dir="rtl"] .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  html[dir="rtl"] .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-left: 15px;
    margin-bottom: 0;
    margin-right: 15px;
  }
}

html[dir="rtl"] .card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  html[dir="rtl"] .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  html[dir="rtl"] .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  html[dir="rtl"] .card-group > .card + .card {
    margin-right: 0;
    border-right: 0;
  }
  html[dir="rtl"] .card-group > .card:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  html[dir="rtl"] .card-group > .card:not(:last-child) .card-header,
  html[dir="rtl"] .card-group > .card:not(:last-child) .card-img-top {
    border-top-left-radius: 0;
  }
  html[dir="rtl"] .card-group > .card:not(:last-child) .card-footer,
  html[dir="rtl"] .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  html[dir="rtl"] .card-group > .card:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  html[dir="rtl"] .card-group > .card:not(:first-child) .card-header,
  html[dir="rtl"] .card-group > .card:not(:first-child) .card-img-top {
    border-top-right-radius: 0;
  }
  html[dir="rtl"] .card-group > .card:not(:first-child) .card-footer,
  html[dir="rtl"] .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
}

html[dir="rtl"] .card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  html[dir="rtl"] .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  html[dir="rtl"] .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

html[dir="rtl"] .accordion {
  overflow-anchor: none;
}

html[dir="rtl"] .accordion > .card {
  overflow: hidden;
}

html[dir="rtl"] .accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .accordion > .card:not(:first-of-type) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

html[dir="rtl"] .accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

html[dir="rtl"] .breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  color: #6c757d;
  content: "/";
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

html[dir="rtl"] .breadcrumb-item.active {
  color: #6c757d;
}

html[dir="rtl"] .pagination {
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  list-style: none;
  border-radius: 0.25rem;
}

html[dir="rtl"] .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-right: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

html[dir="rtl"] .page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

html[dir="rtl"] .page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

html[dir="rtl"] .page-item:last-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

html[dir="rtl"] .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

html[dir="rtl"] .page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

html[dir="rtl"] .pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

html[dir="rtl"] .pagination-lg .page-item:first-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

html[dir="rtl"] .pagination-lg .page-item:last-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

html[dir="rtl"] .pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

html[dir="rtl"] .pagination-sm .page-item:first-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

html[dir="rtl"] .pagination-sm .page-item:last-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

html[dir="rtl"] .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .badge {
    transition: none;
  }
}

html[dir="rtl"] a.badge:focus,
html[dir="rtl"] a.badge:hover {
  text-decoration: none;
}

html[dir="rtl"] .badge:empty {
  display: none;
}

html[dir="rtl"] .btn .badge {
  position: relative;
  top: -1px;
}

html[dir="rtl"] .badge-pill {
  padding-left: 0.6em;
  padding-right: 0.6em;
  border-radius: 10rem;
}

html[dir="rtl"] .badge-primary {
  color: #fff;
  background-color: #007bff;
}

html[dir="rtl"] a.badge-primary:focus,
html[dir="rtl"] a.badge-primary:hover {
  color: #fff;
  background-color: #0062cc;
}

html[dir="rtl"] a.badge-primary.focus,
html[dir="rtl"] a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

html[dir="rtl"] .badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

html[dir="rtl"] a.badge-secondary:focus,
html[dir="rtl"] a.badge-secondary:hover {
  color: #fff;
  background-color: #545b62;
}

html[dir="rtl"] a.badge-secondary.focus,
html[dir="rtl"] a.badge-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

html[dir="rtl"] .badge-success {
  color: #fff;
  background-color: #28a745;
}

html[dir="rtl"] a.badge-success:focus,
html[dir="rtl"] a.badge-success:hover {
  color: #fff;
  background-color: #1e7e34;
}

html[dir="rtl"] a.badge-success.focus,
html[dir="rtl"] a.badge-success:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

html[dir="rtl"] .badge-info {
  color: #fff;
  background-color: #17a2b8;
}

html[dir="rtl"] a.badge-info:focus,
html[dir="rtl"] a.badge-info:hover {
  color: #fff;
  background-color: #117a8b;
}

html[dir="rtl"] a.badge-info.focus,
html[dir="rtl"] a.badge-info:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

html[dir="rtl"] .badge-warning {
  color: #212529;
  background-color: #ffc107;
}

html[dir="rtl"] a.badge-warning:focus,
html[dir="rtl"] a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00;
}

html[dir="rtl"] a.badge-warning.focus,
html[dir="rtl"] a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

html[dir="rtl"] .badge-danger {
  color: #fff;
  background-color: #dc3545;
}

html[dir="rtl"] a.badge-danger:focus,
html[dir="rtl"] a.badge-danger:hover {
  color: #fff;
  background-color: #bd2130;
}

html[dir="rtl"] a.badge-danger.focus,
html[dir="rtl"] a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

html[dir="rtl"] .badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

html[dir="rtl"] a.badge-light:focus,
html[dir="rtl"] a.badge-light:hover {
  color: #212529;
  background-color: #dae0e5;
}

html[dir="rtl"] a.badge-light.focus,
html[dir="rtl"] a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

html[dir="rtl"] .badge-dark {
  color: #fff;
  background-color: #343a40;
}

html[dir="rtl"] a.badge-dark:focus,
html[dir="rtl"] a.badge-dark:hover {
  color: #fff;
  background-color: #1d2124;
}

html[dir="rtl"] a.badge-dark.focus,
html[dir="rtl"] a.badge-dark:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

html[dir="rtl"] .jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  html[dir="rtl"] .jumbotron {
    padding: 4rem 2rem;
  }
}

html[dir="rtl"] .jumbotron-fluid {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}

html[dir="rtl"] .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

html[dir="rtl"] .alert-heading {
  color: inherit;
}

html[dir="rtl"] .alert-link {
  font-weight: 700;
}

html[dir="rtl"] .alert-dismissible {
  padding-left: 4rem;
}

html[dir="rtl"] .alert-dismissible .close {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

html[dir="rtl"] .alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

html[dir="rtl"] .alert-primary hr {
  border-top-color: #9fcdff;
}

html[dir="rtl"] .alert-primary .alert-link {
  color: #002752;
}

html[dir="rtl"] .alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

html[dir="rtl"] .alert-secondary hr {
  border-top-color: #c8cbcf;
}

html[dir="rtl"] .alert-secondary .alert-link {
  color: #202326;
}

html[dir="rtl"] .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

html[dir="rtl"] .alert-success hr {
  border-top-color: #b1dfbb;
}

html[dir="rtl"] .alert-success .alert-link {
  color: #0b2e13;
}

html[dir="rtl"] .alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

html[dir="rtl"] .alert-info hr {
  border-top-color: #abdde5;
}

html[dir="rtl"] .alert-info .alert-link {
  color: #062c33;
}

html[dir="rtl"] .alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

html[dir="rtl"] .alert-warning hr {
  border-top-color: #ffe8a1;
}

html[dir="rtl"] .alert-warning .alert-link {
  color: #533f03;
}

html[dir="rtl"] .alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

html[dir="rtl"] .alert-danger hr {
  border-top-color: #f1b0b7;
}

html[dir="rtl"] .alert-danger .alert-link {
  color: #491217;
}

html[dir="rtl"] .alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

html[dir="rtl"] .alert-light hr {
  border-top-color: #ececf6;
}

html[dir="rtl"] .alert-light .alert-link {
  color: #686868;
}

html[dir="rtl"] .alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

html[dir="rtl"] .alert-dark hr {
  border-top-color: #b9bbbe;
}

html[dir="rtl"] .alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 100% 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 100% 0;
  }
}

html[dir="rtl"] .progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

html[dir="rtl"] .progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .progress-bar {
    transition: none;
  }
}

html[dir="rtl"] .progress-bar-striped {
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
}

html[dir="rtl"] .progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

html[dir="rtl"] .media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

html[dir="rtl"] .media-body {
  -ms-flex: 1;
  flex: 1;
}

html[dir="rtl"] .list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

html[dir="rtl"] .list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

html[dir="rtl"] .list-group-item-action:focus,
html[dir="rtl"] .list-group-item-action:hover {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

html[dir="rtl"] .list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

html[dir="rtl"] .list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

html[dir="rtl"] .list-group-item:first-child {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
}

html[dir="rtl"] .list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

html[dir="rtl"] .list-group-item.disabled,
html[dir="rtl"] .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

html[dir="rtl"] .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

html[dir="rtl"] .list-group-item + .list-group-item {
  border-top-width: 0;
}

html[dir="rtl"] .list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

html[dir="rtl"] .list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}

html[dir="rtl"] .list-group-horizontal > .list-group-item:first-child {
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
}

html[dir="rtl"] .list-group-horizontal > .list-group-item:last-child {
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

html[dir="rtl"] .list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-right-width: 0;
}

html[dir="rtl"]
  .list-group-horizontal
  > .list-group-item
  + .list-group-item.active {
  margin-right: -1px;
  border-right-width: 1px;
}

@media (min-width: 576px) {
  html[dir="rtl"] .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-sm
    > .list-group-item
    + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-sm
    > .list-group-item
    + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-md > .list-group-item:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-md
    > .list-group-item
    + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-md
    > .list-group-item
    + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-lg
    > .list-group-item
    + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-lg
    > .list-group-item
    + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html[dir="rtl"] .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
  }
  html[dir="rtl"] .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-xl
    > .list-group-item
    + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  html[dir="rtl"]
    .list-group-horizontal-xl
    > .list-group-item
    + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}

html[dir="rtl"] .list-group-flush {
  border-radius: 0;
}

html[dir="rtl"] .list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

html[dir="rtl"] .list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

html[dir="rtl"] .list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

html[dir="rtl"] .list-group-item-primary.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-primary.list-group-item-action:hover {
  color: #004085;
  background-color: #9fcdff;
}

html[dir="rtl"] .list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

html[dir="rtl"] .list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

html[dir="rtl"] .list-group-item-secondary.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-secondary.list-group-item-action:hover {
  color: #383d41;
  background-color: #c8cbcf;
}

html[dir="rtl"] .list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

html[dir="rtl"] .list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

html[dir="rtl"] .list-group-item-success.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-success.list-group-item-action:hover {
  color: #155724;
  background-color: #b1dfbb;
}

html[dir="rtl"] .list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

html[dir="rtl"] .list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

html[dir="rtl"] .list-group-item-info.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5;
}

html[dir="rtl"] .list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

html[dir="rtl"] .list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

html[dir="rtl"] .list-group-item-warning.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-warning.list-group-item-action:hover {
  color: #856404;
  background-color: #ffe8a1;
}

html[dir="rtl"] .list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

html[dir="rtl"] .list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

html[dir="rtl"] .list-group-item-danger.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-danger.list-group-item-action:hover {
  color: #721c24;
  background-color: #f1b0b7;
}

html[dir="rtl"] .list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

html[dir="rtl"] .list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

html[dir="rtl"] .list-group-item-light.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-light.list-group-item-action:hover {
  color: #818182;
  background-color: #ececf6;
}

html[dir="rtl"] .list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

html[dir="rtl"] .list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

html[dir="rtl"] .list-group-item-dark.list-group-item-action:focus,
html[dir="rtl"] .list-group-item-dark.list-group-item-action:hover {
  color: #1b1e21;
  background-color: #b9bbbe;
}

html[dir="rtl"] .list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

html[dir="rtl"] .close {
  float: left;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

html[dir="rtl"] .close:hover {
  color: #000;
  text-decoration: none;
}

html[dir="rtl"] .close:not(:disabled):not(.disabled):focus,
html[dir="rtl"] .close:not(:disabled):not(.disabled):hover {
  opacity: 0.75;
}

html[dir="rtl"] button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

html[dir="rtl"] a.close.disabled {
  pointer-events: none;
}

html[dir="rtl"] .toast {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

html[dir="rtl"] .toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

html[dir="rtl"] .toast.showing {
  opacity: 1;
}

html[dir="rtl"] .toast.show {
  display: block;
  opacity: 1;
}

html[dir="rtl"] .toast.hide {
  display: none;
}

html[dir="rtl"] .toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

html[dir="rtl"] .toast-body {
  padding: 0.75rem;
}

html[dir="rtl"] .modal-open {
  overflow: hidden;
}

html[dir="rtl"] .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

html[dir="rtl"] .modal {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

html[dir="rtl"] .modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

html[dir="rtl"] .modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .modal.fade .modal-dialog {
    transition: none;
  }
}

html[dir="rtl"] .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

html[dir="rtl"] .modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

html[dir="rtl"] .modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

html[dir="rtl"] .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

html[dir="rtl"] .modal-dialog-scrollable .modal-footer,
html[dir="rtl"] .modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

html[dir="rtl"] .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

html[dir="rtl"] .modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

html[dir="rtl"] .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}

html[dir="rtl"] .modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

html[dir="rtl"] .modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

html[dir="rtl"] .modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

html[dir="rtl"] .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

html[dir="rtl"] .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

html[dir="rtl"] .modal-backdrop.fade {
  opacity: 0;
}

html[dir="rtl"] .modal-backdrop.show {
  opacity: 0.5;
}

html[dir="rtl"] .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-right-radius: calc(0.3rem - 1px);
  border-top-left-radius: calc(0.3rem - 1px);
}

html[dir="rtl"] .modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem auto -1rem -1rem;
}

html[dir="rtl"] .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

html[dir="rtl"] .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

html[dir="rtl"] .modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-left-radius: calc(0.3rem - 1px);
  border-bottom-right-radius: calc(0.3rem - 1px);
}

html[dir="rtl"] .modal-footer > * {
  margin: 0.25rem;
}

html[dir="rtl"] .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  html[dir="rtl"] .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  html[dir="rtl"] .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  html[dir="rtl"] .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  html[dir="rtl"] .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  html[dir="rtl"] .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  html[dir="rtl"] .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .modal-lg,
  html[dir="rtl"] .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .modal-xl {
    max-width: 1140px;
  }
}

html[dir="rtl"] .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

html[dir="rtl"] .tooltip.show {
  opacity: 0.9;
}

html[dir="rtl"] .tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

html[dir="rtl"] .tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="top"],
html[dir="rtl"] .bs-tooltip-top {
  padding: 0.4rem 0;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="top"] .arrow,
html[dir="rtl"] .bs-tooltip-top .arrow {
  bottom: 0;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="top"] .arrow::before,
html[dir="rtl"] .bs-tooltip-top .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="right"],
html[dir="rtl"] .bs-tooltip-right {
  padding: 0 0.4rem;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="right"] .arrow,
html[dir="rtl"] .bs-tooltip-right .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="right"] .arrow::before,
html[dir="rtl"] .bs-tooltip-right .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="bottom"],
html[dir="rtl"] .bs-tooltip-bottom {
  padding: 0.4rem 0;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="bottom"] .arrow,
html[dir="rtl"] .bs-tooltip-bottom .arrow {
  top: 0;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
html[dir="rtl"] .bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="left"],
html[dir="rtl"] .bs-tooltip-left {
  padding: 0 0.4rem;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="left"] .arrow,
html[dir="rtl"] .bs-tooltip-left .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

html[dir="rtl"] .bs-tooltip-auto[x-placement^="left"] .arrow::before,
html[dir="rtl"] .bs-tooltip-left .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

html[dir="rtl"] .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

html[dir="rtl"] .popover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

html[dir="rtl"] .popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

html[dir="rtl"] .popover .arrow::after,
html[dir="rtl"] .popover .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="top"],
html[dir="rtl"] .bs-popover-top {
  margin-bottom: 0.5rem;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="top"] > .arrow,
html[dir="rtl"] .bs-popover-top > .arrow {
  bottom: calc(-0.5rem - 1px);
}

html[dir="rtl"] .bs-popover-auto[x-placement^="top"] > .arrow::before,
html[dir="rtl"] .bs-popover-top > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

html[dir="rtl"] .bs-popover-auto[x-placement^="top"] > .arrow::after,
html[dir="rtl"] .bs-popover-top > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="right"],
html[dir="rtl"] .bs-popover-right {
  margin-right: 0.5rem;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="right"] > .arrow,
html[dir="rtl"] .bs-popover-right > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="right"] > .arrow::before,
html[dir="rtl"] .bs-popover-right > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

html[dir="rtl"] .bs-popover-auto[x-placement^="right"] > .arrow::after,
html[dir="rtl"] .bs-popover-right > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="bottom"],
html[dir="rtl"] .bs-popover-bottom {
  margin-top: 0.5rem;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="bottom"] > .arrow,
html[dir="rtl"] .bs-popover-bottom > .arrow {
  top: calc(-0.5rem - 1px);
}

html[dir="rtl"] .bs-popover-auto[x-placement^="bottom"] > .arrow::before,
html[dir="rtl"] .bs-popover-bottom > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

html[dir="rtl"] .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
html[dir="rtl"] .bs-popover-bottom > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="bottom"] .popover-header::before,
html[dir="rtl"] .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  width: 1rem;
  margin-right: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="left"],
html[dir="rtl"] .bs-popover-left {
  margin-left: 0.5rem;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="left"] > .arrow,
html[dir="rtl"] .bs-popover-left > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

html[dir="rtl"] .bs-popover-auto[x-placement^="left"] > .arrow::before,
html[dir="rtl"] .bs-popover-left > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

html[dir="rtl"] .bs-popover-auto[x-placement^="left"] > .arrow::after,
html[dir="rtl"] .bs-popover-left > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

html[dir="rtl"] .popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-right-radius: calc(0.3rem - 1px);
  border-top-left-radius: calc(0.3rem - 1px);
}

html[dir="rtl"] .popover-header:empty {
  display: none;
}

html[dir="rtl"] .popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

html[dir="rtl"] .carousel {
  position: relative;
}

html[dir="rtl"] .carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

html[dir="rtl"] .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

html[dir="rtl"] .carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

html[dir="rtl"] .carousel-item {
  position: relative;
  display: none;
  float: right;
  width: 100%;
  margin-left: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .carousel-item {
    transition: none;
  }
}

html[dir="rtl"] .carousel-item-next,
html[dir="rtl"] .carousel-item-prev,
html[dir="rtl"] .carousel-item.active {
  display: block;
}

html[dir="rtl"] .active.carousel-item-right,
html[dir="rtl"] .carousel-item-next:not(.carousel-item-left) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

html[dir="rtl"] .active.carousel-item-left,
html[dir="rtl"] .carousel-item-prev:not(.carousel-item-right) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

html[dir="rtl"] .carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

html[dir="rtl"] .carousel-fade .carousel-item-next.carousel-item-left,
html[dir="rtl"] .carousel-fade .carousel-item-prev.carousel-item-right,
html[dir="rtl"] .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}

html[dir="rtl"] .carousel-fade .active.carousel-item-left,
html[dir="rtl"] .carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .carousel-fade .active.carousel-item-left,
  html[dir="rtl"] .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

html[dir="rtl"] .carousel-control-next,
html[dir="rtl"] .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .carousel-control-next,
  html[dir="rtl"] .carousel-control-prev {
    transition: none;
  }
}

html[dir="rtl"] .carousel-control-next:focus,
html[dir="rtl"] .carousel-control-next:hover,
html[dir="rtl"] .carousel-control-prev:focus,
html[dir="rtl"] .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

html[dir="rtl"] .carousel-control-prev {
  right: 0;
}

html[dir="rtl"] .carousel-control-next {
  left: 0;
}

html[dir="rtl"] .carousel-control-next-icon,
html[dir="rtl"] .carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

html[dir="rtl"] .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

html[dir="rtl"] .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

html[dir="rtl"] .carousel-indicators {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 0;
  margin-left: 15%;
  margin-right: 15%;
  list-style: none;
}

html[dir="rtl"] .carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .carousel-indicators li {
    transition: none;
  }
}

html[dir="rtl"] .carousel-indicators .active {
  opacity: 1;
}

html[dir="rtl"] .carousel-caption {
  position: absolute;
  left: 15%;
  bottom: 20px;
  right: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

html[dir="rtl"] .spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-left-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

html[dir="rtl"] .spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

html[dir="rtl"] .spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: 0.75s linear infinite spinner-grow;
  animation: 0.75s linear infinite spinner-grow;
}

html[dir="rtl"] .spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .spinner-border,
  html[dir="rtl"] .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}

html[dir="rtl"] .align-baseline {
  vertical-align: baseline !important;
}

html[dir="rtl"] .align-top {
  vertical-align: top !important;
}

html[dir="rtl"] .align-middle {
  vertical-align: middle !important;
}

html[dir="rtl"] .align-bottom {
  vertical-align: bottom !important;
}

html[dir="rtl"] .align-text-bottom {
  vertical-align: text-bottom !important;
}

html[dir="rtl"] .align-text-top {
  vertical-align: text-top !important;
}

html[dir="rtl"] .bg-primary {
  background-color: #007bff !important;
}

html[dir="rtl"] a.bg-primary:focus,
html[dir="rtl"] a.bg-primary:hover,
html[dir="rtl"] button.bg-primary:focus,
html[dir="rtl"] button.bg-primary:hover {
  background-color: #0062cc !important;
}

html[dir="rtl"] .bg-secondary {
  background-color: #6c757d !important;
}

html[dir="rtl"] a.bg-secondary:focus,
html[dir="rtl"] a.bg-secondary:hover,
html[dir="rtl"] button.bg-secondary:focus,
html[dir="rtl"] button.bg-secondary:hover {
  background-color: #545b62 !important;
}

html[dir="rtl"] .bg-success {
  background-color: #28a745 !important;
}

html[dir="rtl"] a.bg-success:focus,
html[dir="rtl"] a.bg-success:hover,
html[dir="rtl"] button.bg-success:focus,
html[dir="rtl"] button.bg-success:hover {
  background-color: #1e7e34 !important;
}

html[dir="rtl"] .bg-info {
  background-color: #17a2b8 !important;
}

html[dir="rtl"] a.bg-info:focus,
html[dir="rtl"] a.bg-info:hover,
html[dir="rtl"] button.bg-info:focus,
html[dir="rtl"] button.bg-info:hover {
  background-color: #117a8b !important;
}

html[dir="rtl"] .bg-warning {
  background-color: #ffc107 !important;
}

html[dir="rtl"] a.bg-warning:focus,
html[dir="rtl"] a.bg-warning:hover,
html[dir="rtl"] button.bg-warning:focus,
html[dir="rtl"] button.bg-warning:hover {
  background-color: #d39e00 !important;
}

html[dir="rtl"] .bg-danger {
  background-color: #dc3545 !important;
}

html[dir="rtl"] a.bg-danger:focus,
html[dir="rtl"] a.bg-danger:hover,
html[dir="rtl"] button.bg-danger:focus,
html[dir="rtl"] button.bg-danger:hover {
  background-color: #bd2130 !important;
}

html[dir="rtl"] .bg-light {
  background-color: #f8f9fa !important;
}

html[dir="rtl"] a.bg-light:focus,
html[dir="rtl"] a.bg-light:hover,
html[dir="rtl"] button.bg-light:focus,
html[dir="rtl"] button.bg-light:hover {
  background-color: #dae0e5 !important;
}

html[dir="rtl"] .bg-dark {
  background-color: #343a40 !important;
}

html[dir="rtl"] a.bg-dark:focus,
html[dir="rtl"] a.bg-dark:hover,
html[dir="rtl"] button.bg-dark:focus,
html[dir="rtl"] button.bg-dark:hover {
  background-color: #1d2124 !important;
}

html[dir="rtl"] .bg-white {
  background-color: #fff !important;
}

html[dir="rtl"] .bg-transparent {
  background-color: transparent !important;
}

html[dir="rtl"] .border {
  border: 1px solid #dee2e6 !important;
}

html[dir="rtl"] .border-top {
  border-top: 1px solid #dee2e6 !important;
}

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
}

html[dir="rtl"] .border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

html[dir="rtl"] .border-left {
  border-right: 1px solid #dee2e6 !important;
}

html[dir="rtl"] .border-0 {
  border: 0 !important;
}

html[dir="rtl"] .border-top-0 {
  border-top: 0 !important;
}

html[dir="rtl"] .border-right-0 {
  border-left: 0 !important;
}

html[dir="rtl"] .border-bottom-0 {
  border-bottom: 0 !important;
}

html[dir="rtl"] .border-left-0 {
  border-right: 0 !important;
}

html[dir="rtl"] .border-primary {
  border-color: #007bff !important;
}

html[dir="rtl"] .border-secondary {
  border-color: #6c757d !important;
}

html[dir="rtl"] .border-success {
  border-color: #28a745 !important;
}

html[dir="rtl"] .border-info {
  border-color: #17a2b8 !important;
}

html[dir="rtl"] .border-warning {
  border-color: #ffc107 !important;
}

html[dir="rtl"] .border-danger {
  border-color: #dc3545 !important;
}

html[dir="rtl"] .border-light {
  border-color: #f8f9fa !important;
}

html[dir="rtl"] .border-dark {
  border-color: #343a40 !important;
}

html[dir="rtl"] .border-white {
  border-color: #fff !important;
}

html[dir="rtl"] .rounded-sm {
  border-radius: 0.2rem !important;
}

html[dir="rtl"] .rounded {
  border-radius: 0.25rem !important;
}

html[dir="rtl"] .rounded-top {
  border-top-right-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

html[dir="rtl"] .rounded-right {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

html[dir="rtl"] .rounded-bottom {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

html[dir="rtl"] .rounded-left {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

html[dir="rtl"] .rounded-lg {
  border-radius: 0.3rem !important;
}

html[dir="rtl"] .rounded-circle {
  border-radius: 50% !important;
}

html[dir="rtl"] .rounded-pill {
  border-radius: 50rem !important;
}

html[dir="rtl"] .rounded-0 {
  border-radius: 0 !important;
}

html[dir="rtl"] .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

html[dir="rtl"] .d-none {
  display: none !important;
}

html[dir="rtl"] .d-inline {
  display: inline !important;
}

html[dir="rtl"] .d-inline-block {
  display: inline-block !important;
}

html[dir="rtl"] .d-block {
  display: block !important;
}

html[dir="rtl"] .d-table {
  display: table !important;
}

html[dir="rtl"] .d-table-row {
  display: table-row !important;
}

html[dir="rtl"] .d-table-cell {
  display: table-cell !important;
}

html[dir="rtl"] .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

html[dir="rtl"] .d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  html[dir="rtl"] .d-sm-none {
    display: none !important;
  }
  html[dir="rtl"] .d-sm-inline {
    display: inline !important;
  }
  html[dir="rtl"] .d-sm-inline-block {
    display: inline-block !important;
  }
  html[dir="rtl"] .d-sm-block {
    display: block !important;
  }
  html[dir="rtl"] .d-sm-table {
    display: table !important;
  }
  html[dir="rtl"] .d-sm-table-row {
    display: table-row !important;
  }
  html[dir="rtl"] .d-sm-table-cell {
    display: table-cell !important;
  }
  html[dir="rtl"] .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  html[dir="rtl"] .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .d-md-none {
    display: none !important;
  }
  html[dir="rtl"] .d-md-inline {
    display: inline !important;
  }
  html[dir="rtl"] .d-md-inline-block {
    display: inline-block !important;
  }
  html[dir="rtl"] .d-md-block {
    display: block !important;
  }
  html[dir="rtl"] .d-md-table {
    display: table !important;
  }
  html[dir="rtl"] .d-md-table-row {
    display: table-row !important;
  }
  html[dir="rtl"] .d-md-table-cell {
    display: table-cell !important;
  }
  html[dir="rtl"] .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  html[dir="rtl"] .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .d-lg-none {
    display: none !important;
  }
  html[dir="rtl"] .d-lg-inline {
    display: inline !important;
  }
  html[dir="rtl"] .d-lg-inline-block {
    display: inline-block !important;
  }
  html[dir="rtl"] .d-lg-block {
    display: block !important;
  }
  html[dir="rtl"] .d-lg-table {
    display: table !important;
  }
  html[dir="rtl"] .d-lg-table-row {
    display: table-row !important;
  }
  html[dir="rtl"] .d-lg-table-cell {
    display: table-cell !important;
  }
  html[dir="rtl"] .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  html[dir="rtl"] .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .d-xl-none {
    display: none !important;
  }
  html[dir="rtl"] .d-xl-inline {
    display: inline !important;
  }
  html[dir="rtl"] .d-xl-inline-block {
    display: inline-block !important;
  }
  html[dir="rtl"] .d-xl-block {
    display: block !important;
  }
  html[dir="rtl"] .d-xl-table {
    display: table !important;
  }
  html[dir="rtl"] .d-xl-table-row {
    display: table-row !important;
  }
  html[dir="rtl"] .d-xl-table-cell {
    display: table-cell !important;
  }
  html[dir="rtl"] .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  html[dir="rtl"] .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  html[dir="rtl"] .d-print-none {
    display: none !important;
  }
  html[dir="rtl"] .d-print-inline {
    display: inline !important;
  }
  html[dir="rtl"] .d-print-inline-block {
    display: inline-block !important;
  }
  html[dir="rtl"] .d-print-block {
    display: block !important;
  }
  html[dir="rtl"] .d-print-table {
    display: table !important;
  }
  html[dir="rtl"] .d-print-table-row {
    display: table-row !important;
  }
  html[dir="rtl"] .d-print-table-cell {
    display: table-cell !important;
  }
  html[dir="rtl"] .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  html[dir="rtl"] .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

html[dir="rtl"] .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

html[dir="rtl"] .embed-responsive::before {
  display: block;
  content: "";
}

html[dir="rtl"] .embed-responsive .embed-responsive-item,
html[dir="rtl"] .embed-responsive embed,
html[dir="rtl"] .embed-responsive iframe,
html[dir="rtl"] .embed-responsive object,
html[dir="rtl"] .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

html[dir="rtl"] .embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

html[dir="rtl"] .embed-responsive-16by9::before {
  padding-top: 56.25%;
}

html[dir="rtl"] .embed-responsive-4by3::before {
  padding-top: 75%;
}

html[dir="rtl"] .embed-responsive-1by1::before {
  padding-top: 100%;
}

html[dir="rtl"] .flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

html[dir="rtl"] .flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

html[dir="rtl"] .flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

html[dir="rtl"] .flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

html[dir="rtl"] .flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

html[dir="rtl"] .flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

html[dir="rtl"] .flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

html[dir="rtl"] .flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

html[dir="rtl"] .flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

html[dir="rtl"] .flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

html[dir="rtl"] .flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

html[dir="rtl"] .flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

html[dir="rtl"] .justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

html[dir="rtl"] .justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

html[dir="rtl"] .justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

html[dir="rtl"] .justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

html[dir="rtl"] .justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

html[dir="rtl"] .align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

html[dir="rtl"] .align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

html[dir="rtl"] .align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

html[dir="rtl"] .align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

html[dir="rtl"] .align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

html[dir="rtl"] .align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

html[dir="rtl"] .align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

html[dir="rtl"] .align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

html[dir="rtl"] .align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

html[dir="rtl"] .align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

html[dir="rtl"] .align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

html[dir="rtl"] .align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

html[dir="rtl"] .align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

html[dir="rtl"] .align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

html[dir="rtl"] .align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

html[dir="rtl"] .align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

html[dir="rtl"] .align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  html[dir="rtl"] .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  html[dir="rtl"] .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  html[dir="rtl"] .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  html[dir="rtl"] .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  html[dir="rtl"] .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html[dir="rtl"] .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  html[dir="rtl"] .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  html[dir="rtl"] .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  html[dir="rtl"] .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  html[dir="rtl"] .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  html[dir="rtl"] .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  html[dir="rtl"] .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  html[dir="rtl"] .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  html[dir="rtl"] .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  html[dir="rtl"] .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  html[dir="rtl"] .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  html[dir="rtl"] .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  html[dir="rtl"] .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  html[dir="rtl"] .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  html[dir="rtl"] .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  html[dir="rtl"] .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  html[dir="rtl"] .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  html[dir="rtl"] .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  html[dir="rtl"] .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  html[dir="rtl"] .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  html[dir="rtl"] .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  html[dir="rtl"] .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  html[dir="rtl"] .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  html[dir="rtl"] .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  html[dir="rtl"] .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  html[dir="rtl"] .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  html[dir="rtl"] .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  html[dir="rtl"] .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  html[dir="rtl"] .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  html[dir="rtl"] .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  html[dir="rtl"] .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  html[dir="rtl"] .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  html[dir="rtl"] .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html[dir="rtl"] .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  html[dir="rtl"] .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  html[dir="rtl"] .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  html[dir="rtl"] .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  html[dir="rtl"] .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  html[dir="rtl"] .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  html[dir="rtl"] .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  html[dir="rtl"] .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  html[dir="rtl"] .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  html[dir="rtl"] .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  html[dir="rtl"] .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  html[dir="rtl"] .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  html[dir="rtl"] .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  html[dir="rtl"] .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  html[dir="rtl"] .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  html[dir="rtl"] .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  html[dir="rtl"] .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  html[dir="rtl"] .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  html[dir="rtl"] .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  html[dir="rtl"] .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  html[dir="rtl"] .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  html[dir="rtl"] .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  html[dir="rtl"] .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  html[dir="rtl"] .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  html[dir="rtl"] .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  html[dir="rtl"] .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  html[dir="rtl"] .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  html[dir="rtl"] .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  html[dir="rtl"] .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  html[dir="rtl"] .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  html[dir="rtl"] .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  html[dir="rtl"] .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  html[dir="rtl"] .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html[dir="rtl"] .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  html[dir="rtl"] .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  html[dir="rtl"] .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  html[dir="rtl"] .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  html[dir="rtl"] .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  html[dir="rtl"] .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  html[dir="rtl"] .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  html[dir="rtl"] .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  html[dir="rtl"] .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  html[dir="rtl"] .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  html[dir="rtl"] .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  html[dir="rtl"] .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  html[dir="rtl"] .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  html[dir="rtl"] .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  html[dir="rtl"] .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  html[dir="rtl"] .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  html[dir="rtl"] .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  html[dir="rtl"] .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  html[dir="rtl"] .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  html[dir="rtl"] .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  html[dir="rtl"] .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  html[dir="rtl"] .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  html[dir="rtl"] .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  html[dir="rtl"] .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  html[dir="rtl"] .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  html[dir="rtl"] .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  html[dir="rtl"] .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  html[dir="rtl"] .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  html[dir="rtl"] .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  html[dir="rtl"] .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  html[dir="rtl"] .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  html[dir="rtl"] .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  html[dir="rtl"] .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  html[dir="rtl"] .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  html[dir="rtl"] .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  html[dir="rtl"] .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  html[dir="rtl"] .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  html[dir="rtl"] .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  html[dir="rtl"] .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  html[dir="rtl"] .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  html[dir="rtl"] .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  html[dir="rtl"] .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  html[dir="rtl"] .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  html[dir="rtl"] .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  html[dir="rtl"] .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  html[dir="rtl"] .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  html[dir="rtl"] .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  html[dir="rtl"] .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  html[dir="rtl"] .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  html[dir="rtl"] .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  html[dir="rtl"] .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  html[dir="rtl"] .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  html[dir="rtl"] .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  html[dir="rtl"] .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  html[dir="rtl"] .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  html[dir="rtl"] .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  html[dir="rtl"] .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  html[dir="rtl"] .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  html[dir="rtl"] .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  html[dir="rtl"] .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  html[dir="rtl"] .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  html[dir="rtl"] .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

html[dir="rtl"] .float-left {
  float: right !important;
}

html[dir="rtl"] .float-right {
  float: left !important;
}

html[dir="rtl"] .float-none {
  float: none !important;
}

@media (min-width: 576px) {
  html[dir="rtl"] .float-sm-left {
    float: right !important;
  }
  html[dir="rtl"] .float-sm-right {
    float: left !important;
  }
  html[dir="rtl"] .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-left {
    float: right !important;
  }
  html[dir="rtl"] .float-md-right {
    float: left !important;
  }
  html[dir="rtl"] .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .float-lg-left {
    float: right !important;
  }
  html[dir="rtl"] .float-lg-right {
    float: left !important;
  }
  html[dir="rtl"] .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-left {
    float: right !important;
  }
  html[dir="rtl"] .float-xl-right {
    float: left !important;
  }
  html[dir="rtl"] .float-xl-none {
    float: none !important;
  }
}

html[dir="rtl"] .user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

html[dir="rtl"] .user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

html[dir="rtl"] .user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

html[dir="rtl"] .overflow-auto {
  overflow: auto !important;
}

html[dir="rtl"] .overflow-hidden {
  overflow: hidden !important;
}

html[dir="rtl"] .position-static {
  position: static !important;
}

html[dir="rtl"] .position-relative {
  position: relative !important;
}

html[dir="rtl"] .position-absolute {
  position: absolute !important;
}

html[dir="rtl"] .position-fixed {
  position: fixed !important;
}

html[dir="rtl"] .position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

html[dir="rtl"] .fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

html[dir="rtl"] .fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1030;
}

@supports (position: -webkit-sticky) or (position: sticky) {
  html[dir="rtl"] .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

html[dir="rtl"] .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html[dir="rtl"] .sr-only-focusable:active,
html[dir="rtl"] .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

html[dir="rtl"] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

html[dir="rtl"] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

html[dir="rtl"] .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

html[dir="rtl"] .shadow-none {
  box-shadow: none !important;
}

html[dir="rtl"] .w-25 {
  width: 25% !important;
}

html[dir="rtl"] .w-50 {
  width: 50% !important;
}

html[dir="rtl"] .w-75 {
  width: 75% !important;
}

html[dir="rtl"] .w-100 {
  width: 100% !important;
}

html[dir="rtl"] .w-auto {
  width: auto !important;
}

html[dir="rtl"] .h-25 {
  height: 25% !important;
}

html[dir="rtl"] .h-50 {
  height: 50% !important;
}

html[dir="rtl"] .h-75 {
  height: 75% !important;
}

html[dir="rtl"] .h-100 {
  height: 100% !important;
}

html[dir="rtl"] .h-auto {
  height: auto !important;
}

html[dir="rtl"] .mw-100 {
  max-width: 100% !important;
}

html[dir="rtl"] .mh-100 {
  max-height: 100% !important;
}

html[dir="rtl"] .min-vw-100 {
  min-width: 100vw !important;
}

html[dir="rtl"] .min-vh-100 {
  min-height: 100vh !important;
}

html[dir="rtl"] .vw-100 {
  width: 100vw !important;
}

html[dir="rtl"] .vh-100 {
  height: 100vh !important;
}

html[dir="rtl"] .m-0 {
  margin: 0 !important;
}

html[dir="rtl"] .mt-0,
html[dir="rtl"] .my-0 {
  margin-top: 0 !important;
}

html[dir="rtl"] .mr-0,
html[dir="rtl"] .mx-0 {
  margin-left: 0 !important;
}

html[dir="rtl"] .mb-0,
html[dir="rtl"] .my-0 {
  margin-bottom: 0 !important;
}

html[dir="rtl"] .ml-0,
html[dir="rtl"] .mx-0 {
  margin-right: 0 !important;
}

html[dir="rtl"] .m-1 {
  margin: 0.25rem !important;
}

html[dir="rtl"] .mt-1,
html[dir="rtl"] .my-1 {
  margin-top: 0.25rem !important;
}

html[dir="rtl"] .mr-1,
html[dir="rtl"] .mx-1 {
  margin-left: 0.25rem !important;
}

html[dir="rtl"] .mb-1,
html[dir="rtl"] .my-1 {
  margin-bottom: 0.25rem !important;
}

html[dir="rtl"] .ml-1,
html[dir="rtl"] .mx-1 {
  margin-right: 0.25rem !important;
}

html[dir="rtl"] .m-2 {
  margin: 0.5rem !important;
}

html[dir="rtl"] .mt-2,
html[dir="rtl"] .my-2 {
  margin-top: 0.5rem !important;
}

html[dir="rtl"] .mr-2,
html[dir="rtl"] .mx-2 {
  margin-left: 0.5rem !important;
}

html[dir="rtl"] .mb-2,
html[dir="rtl"] .my-2 {
  margin-bottom: 0.5rem !important;
}

html[dir="rtl"] .ml-2,
html[dir="rtl"] .mx-2 {
  margin-right: 0.5rem !important;
}

html[dir="rtl"] .m-3 {
  margin: 1rem !important;
}

html[dir="rtl"] .mt-3,
html[dir="rtl"] .my-3 {
  margin-top: 1rem !important;
}

html[dir="rtl"] .mr-3,
html[dir="rtl"] .mx-3 {
  margin-left: 1rem !important;
}

html[dir="rtl"] .mb-3,
html[dir="rtl"] .my-3 {
  margin-bottom: 1rem !important;
}

html[dir="rtl"] .ml-3,
html[dir="rtl"] .mx-3 {
  margin-right: 1rem !important;
}

html[dir="rtl"] .m-4 {
  margin: 1.5rem !important;
}

html[dir="rtl"] .mt-4,
html[dir="rtl"] .my-4 {
  margin-top: 1.5rem !important;
}

html[dir="rtl"] .mr-4,
html[dir="rtl"] .mx-4 {
  margin-left: 1.5rem !important;
}

html[dir="rtl"] .mb-4,
html[dir="rtl"] .my-4 {
  margin-bottom: 1.5rem !important;
}

html[dir="rtl"] .ml-4,
html[dir="rtl"] .mx-4 {
  margin-right: 1.5rem !important;
}

html[dir="rtl"] .m-5 {
  margin: 3rem !important;
}

html[dir="rtl"] .mt-5,
html[dir="rtl"] .my-5 {
  margin-top: 3rem !important;
}

html[dir="rtl"] .mr-5,
html[dir="rtl"] .mx-5 {
  margin-left: 3rem !important;
}

html[dir="rtl"] .mb-5,
html[dir="rtl"] .my-5 {
  margin-bottom: 3rem !important;
}

html[dir="rtl"] .ml-5,
html[dir="rtl"] .mx-5 {
  margin-right: 3rem !important;
}

html[dir="rtl"] .p-0 {
  padding: 0 !important;
}

html[dir="rtl"] .pt-0,
html[dir="rtl"] .py-0 {
  padding-top: 0 !important;
}

html[dir="rtl"] .pr-0,
html[dir="rtl"] .px-0 {
  padding-left: 0 !important;
}

html[dir="rtl"] .pb-0,
html[dir="rtl"] .py-0 {
  padding-bottom: 0 !important;
}

html[dir="rtl"] .pl-0,
html[dir="rtl"] .px-0 {
  padding-right: 0 !important;
}

html[dir="rtl"] .p-1 {
  padding: 0.25rem !important;
}

html[dir="rtl"] .pt-1,
html[dir="rtl"] .py-1 {
  padding-top: 0.25rem !important;
}

html[dir="rtl"] .pr-1,
html[dir="rtl"] .px-1 {
  padding-left: 0.25rem !important;
}

html[dir="rtl"] .pb-1,
html[dir="rtl"] .py-1 {
  padding-bottom: 0.25rem !important;
}

html[dir="rtl"] .pl-1,
html[dir="rtl"] .px-1 {
  padding-right: 0.25rem !important;
}

html[dir="rtl"] .p-2 {
  padding: 0.5rem !important;
}

html[dir="rtl"] .pt-2,
html[dir="rtl"] .py-2 {
  padding-top: 0.5rem !important;
}

html[dir="rtl"] .pr-2,
html[dir="rtl"] .px-2 {
  padding-left: 0.5rem !important;
}

html[dir="rtl"] .pb-2,
html[dir="rtl"] .py-2 {
  padding-bottom: 0.5rem !important;
}

html[dir="rtl"] .pl-2,
html[dir="rtl"] .px-2 {
  padding-right: 0.5rem !important;
}

html[dir="rtl"] .p-3 {
  padding: 1rem !important;
}

html[dir="rtl"] .pt-3,
html[dir="rtl"] .py-3 {
  padding-top: 1rem !important;
}

html[dir="rtl"] .pr-3,
html[dir="rtl"] .px-3 {
  padding-left: 1rem !important;
}

html[dir="rtl"] .pb-3,
html[dir="rtl"] .py-3 {
  padding-bottom: 1rem !important;
}

html[dir="rtl"] .pl-3,
html[dir="rtl"] .px-3 {
  padding-right: 1rem !important;
}

html[dir="rtl"] .p-4 {
  padding: 1.5rem !important;
}

html[dir="rtl"] .pt-4,
html[dir="rtl"] .py-4 {
  padding-top: 1.5rem !important;
}

html[dir="rtl"] .pr-4,
html[dir="rtl"] .px-4 {
  padding-left: 1.5rem !important;
}

html[dir="rtl"] .pb-4,
html[dir="rtl"] .py-4 {
  padding-bottom: 1.5rem !important;
}

html[dir="rtl"] .pl-4,
html[dir="rtl"] .px-4 {
  padding-right: 1.5rem !important;
}

html[dir="rtl"] .p-5 {
  padding: 3rem !important;
}

html[dir="rtl"] .pt-5,
html[dir="rtl"] .py-5 {
  padding-top: 3rem !important;
}

html[dir="rtl"] .pr-5,
html[dir="rtl"] .px-5 {
  padding-left: 3rem !important;
}

html[dir="rtl"] .pb-5,
html[dir="rtl"] .py-5 {
  padding-bottom: 3rem !important;
}

html[dir="rtl"] .pl-5,
html[dir="rtl"] .px-5 {
  padding-right: 3rem !important;
}

html[dir="rtl"] .m-n1 {
  margin: -0.25rem !important;
}

html[dir="rtl"] .mt-n1,
html[dir="rtl"] .my-n1 {
  margin-top: -0.25rem !important;
}

html[dir="rtl"] .mr-n1,
html[dir="rtl"] .mx-n1 {
  margin-left: -0.25rem !important;
}

html[dir="rtl"] .mb-n1,
html[dir="rtl"] .my-n1 {
  margin-bottom: -0.25rem !important;
}

html[dir="rtl"] .ml-n1,
html[dir="rtl"] .mx-n1 {
  margin-right: -0.25rem !important;
}

html[dir="rtl"] .m-n2 {
  margin: -0.5rem !important;
}

html[dir="rtl"] .mt-n2,
html[dir="rtl"] .my-n2 {
  margin-top: -0.5rem !important;
}

html[dir="rtl"] .mr-n2,
html[dir="rtl"] .mx-n2 {
  margin-left: -0.5rem !important;
}

html[dir="rtl"] .mb-n2,
html[dir="rtl"] .my-n2 {
  margin-bottom: -0.5rem !important;
}

html[dir="rtl"] .ml-n2,
html[dir="rtl"] .mx-n2 {
  margin-right: -0.5rem !important;
}

html[dir="rtl"] .m-n3 {
  margin: -1rem !important;
}

html[dir="rtl"] .mt-n3,
html[dir="rtl"] .my-n3 {
  margin-top: -1rem !important;
}

html[dir="rtl"] .mr-n3,
html[dir="rtl"] .mx-n3 {
  margin-left: -1rem !important;
}

html[dir="rtl"] .mb-n3,
html[dir="rtl"] .my-n3 {
  margin-bottom: -1rem !important;
}

html[dir="rtl"] .ml-n3,
html[dir="rtl"] .mx-n3 {
  margin-right: -1rem !important;
}

html[dir="rtl"] .m-n4 {
  margin: -1.5rem !important;
}

html[dir="rtl"] .mt-n4,
html[dir="rtl"] .my-n4 {
  margin-top: -1.5rem !important;
}

html[dir="rtl"] .mr-n4,
html[dir="rtl"] .mx-n4 {
  margin-left: -1.5rem !important;
}

html[dir="rtl"] .mb-n4,
html[dir="rtl"] .my-n4 {
  margin-bottom: -1.5rem !important;
}

html[dir="rtl"] .ml-n4,
html[dir="rtl"] .mx-n4 {
  margin-right: -1.5rem !important;
}

html[dir="rtl"] .m-n5 {
  margin: -3rem !important;
}

html[dir="rtl"] .mt-n5,
html[dir="rtl"] .my-n5 {
  margin-top: -3rem !important;
}

html[dir="rtl"] .mr-n5,
html[dir="rtl"] .mx-n5 {
  margin-left: -3rem !important;
}

html[dir="rtl"] .mb-n5,
html[dir="rtl"] .my-n5 {
  margin-bottom: -3rem !important;
}

html[dir="rtl"] .ml-n5,
html[dir="rtl"] .mx-n5 {
  margin-right: -3rem !important;
}

html[dir="rtl"] .m-auto {
  margin: auto !important;
}

html[dir="rtl"] .mt-auto,
html[dir="rtl"] .my-auto {
  margin-top: auto !important;
}

html[dir="rtl"] .mr-auto,
html[dir="rtl"] .mx-auto {
  margin-left: auto !important;
}

html[dir="rtl"] .mb-auto,
html[dir="rtl"] .my-auto {
  margin-bottom: auto !important;
}

html[dir="rtl"] .ml-auto,
html[dir="rtl"] .mx-auto {
  margin-right: auto !important;
}

@media (min-width: 576px) {
  html[dir="rtl"] .m-sm-0 {
    margin: 0 !important;
  }
  html[dir="rtl"] .mt-sm-0,
  html[dir="rtl"] .my-sm-0 {
    margin-top: 0 !important;
  }
  html[dir="rtl"] .mr-sm-0,
  html[dir="rtl"] .mx-sm-0 {
    margin-left: 0 !important;
  }
  html[dir="rtl"] .mb-sm-0,
  html[dir="rtl"] .my-sm-0 {
    margin-bottom: 0 !important;
  }
  html[dir="rtl"] .ml-sm-0,
  html[dir="rtl"] .mx-sm-0 {
    margin-right: 0 !important;
  }
  html[dir="rtl"] .m-sm-1 {
    margin: 0.25rem !important;
  }
  html[dir="rtl"] .mt-sm-1,
  html[dir="rtl"] .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  html[dir="rtl"] .mr-sm-1,
  html[dir="rtl"] .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  html[dir="rtl"] .mb-sm-1,
  html[dir="rtl"] .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .ml-sm-1,
  html[dir="rtl"] .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  html[dir="rtl"] .m-sm-2 {
    margin: 0.5rem !important;
  }
  html[dir="rtl"] .mt-sm-2,
  html[dir="rtl"] .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  html[dir="rtl"] .mr-sm-2,
  html[dir="rtl"] .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  html[dir="rtl"] .mb-sm-2,
  html[dir="rtl"] .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .ml-sm-2,
  html[dir="rtl"] .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  html[dir="rtl"] .m-sm-3 {
    margin: 1rem !important;
  }
  html[dir="rtl"] .mt-sm-3,
  html[dir="rtl"] .my-sm-3 {
    margin-top: 1rem !important;
  }
  html[dir="rtl"] .mr-sm-3,
  html[dir="rtl"] .mx-sm-3 {
    margin-left: 1rem !important;
  }
  html[dir="rtl"] .mb-sm-3,
  html[dir="rtl"] .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  html[dir="rtl"] .ml-sm-3,
  html[dir="rtl"] .mx-sm-3 {
    margin-right: 1rem !important;
  }
  html[dir="rtl"] .m-sm-4 {
    margin: 1.5rem !important;
  }
  html[dir="rtl"] .mt-sm-4,
  html[dir="rtl"] .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  html[dir="rtl"] .mr-sm-4,
  html[dir="rtl"] .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  html[dir="rtl"] .mb-sm-4,
  html[dir="rtl"] .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .ml-sm-4,
  html[dir="rtl"] .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  html[dir="rtl"] .m-sm-5 {
    margin: 3rem !important;
  }
  html[dir="rtl"] .mt-sm-5,
  html[dir="rtl"] .my-sm-5 {
    margin-top: 3rem !important;
  }
  html[dir="rtl"] .mr-sm-5,
  html[dir="rtl"] .mx-sm-5 {
    margin-left: 3rem !important;
  }
  html[dir="rtl"] .mb-sm-5,
  html[dir="rtl"] .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  html[dir="rtl"] .ml-sm-5,
  html[dir="rtl"] .mx-sm-5 {
    margin-right: 3rem !important;
  }
  html[dir="rtl"] .p-sm-0 {
    padding: 0 !important;
  }
  html[dir="rtl"] .pt-sm-0,
  html[dir="rtl"] .py-sm-0 {
    padding-top: 0 !important;
  }
  html[dir="rtl"] .pr-sm-0,
  html[dir="rtl"] .px-sm-0 {
    padding-left: 0 !important;
  }
  html[dir="rtl"] .pb-sm-0,
  html[dir="rtl"] .py-sm-0 {
    padding-bottom: 0 !important;
  }
  html[dir="rtl"] .pl-sm-0,
  html[dir="rtl"] .px-sm-0 {
    padding-right: 0 !important;
  }
  html[dir="rtl"] .p-sm-1 {
    padding: 0.25rem !important;
  }
  html[dir="rtl"] .pt-sm-1,
  html[dir="rtl"] .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  html[dir="rtl"] .pr-sm-1,
  html[dir="rtl"] .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  html[dir="rtl"] .pb-sm-1,
  html[dir="rtl"] .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .pl-sm-1,
  html[dir="rtl"] .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  html[dir="rtl"] .p-sm-2 {
    padding: 0.5rem !important;
  }
  html[dir="rtl"] .pt-sm-2,
  html[dir="rtl"] .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  html[dir="rtl"] .pr-sm-2,
  html[dir="rtl"] .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  html[dir="rtl"] .pb-sm-2,
  html[dir="rtl"] .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .pl-sm-2,
  html[dir="rtl"] .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  html[dir="rtl"] .p-sm-3 {
    padding: 1rem !important;
  }
  html[dir="rtl"] .pt-sm-3,
  html[dir="rtl"] .py-sm-3 {
    padding-top: 1rem !important;
  }
  html[dir="rtl"] .pr-sm-3,
  html[dir="rtl"] .px-sm-3 {
    padding-left: 1rem !important;
  }
  html[dir="rtl"] .pb-sm-3,
  html[dir="rtl"] .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  html[dir="rtl"] .pl-sm-3,
  html[dir="rtl"] .px-sm-3 {
    padding-right: 1rem !important;
  }
  html[dir="rtl"] .p-sm-4 {
    padding: 1.5rem !important;
  }
  html[dir="rtl"] .pt-sm-4,
  html[dir="rtl"] .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  html[dir="rtl"] .pr-sm-4,
  html[dir="rtl"] .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  html[dir="rtl"] .pb-sm-4,
  html[dir="rtl"] .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .pl-sm-4,
  html[dir="rtl"] .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  html[dir="rtl"] .p-sm-5 {
    padding: 3rem !important;
  }
  html[dir="rtl"] .pt-sm-5,
  html[dir="rtl"] .py-sm-5 {
    padding-top: 3rem !important;
  }
  html[dir="rtl"] .pr-sm-5,
  html[dir="rtl"] .px-sm-5 {
    padding-left: 3rem !important;
  }
  html[dir="rtl"] .pb-sm-5,
  html[dir="rtl"] .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  html[dir="rtl"] .pl-sm-5,
  html[dir="rtl"] .px-sm-5 {
    padding-right: 3rem !important;
  }
  html[dir="rtl"] .m-sm-n1 {
    margin: -0.25rem !important;
  }
  html[dir="rtl"] .mt-sm-n1,
  html[dir="rtl"] .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  html[dir="rtl"] .mr-sm-n1,
  html[dir="rtl"] .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  html[dir="rtl"] .mb-sm-n1,
  html[dir="rtl"] .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  html[dir="rtl"] .ml-sm-n1,
  html[dir="rtl"] .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  html[dir="rtl"] .m-sm-n2 {
    margin: -0.5rem !important;
  }
  html[dir="rtl"] .mt-sm-n2,
  html[dir="rtl"] .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  html[dir="rtl"] .mr-sm-n2,
  html[dir="rtl"] .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  html[dir="rtl"] .mb-sm-n2,
  html[dir="rtl"] .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  html[dir="rtl"] .ml-sm-n2,
  html[dir="rtl"] .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  html[dir="rtl"] .m-sm-n3 {
    margin: -1rem !important;
  }
  html[dir="rtl"] .mt-sm-n3,
  html[dir="rtl"] .my-sm-n3 {
    margin-top: -1rem !important;
  }
  html[dir="rtl"] .mr-sm-n3,
  html[dir="rtl"] .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  html[dir="rtl"] .mb-sm-n3,
  html[dir="rtl"] .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  html[dir="rtl"] .ml-sm-n3,
  html[dir="rtl"] .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  html[dir="rtl"] .m-sm-n4 {
    margin: -1.5rem !important;
  }
  html[dir="rtl"] .mt-sm-n4,
  html[dir="rtl"] .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  html[dir="rtl"] .mr-sm-n4,
  html[dir="rtl"] .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  html[dir="rtl"] .mb-sm-n4,
  html[dir="rtl"] .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  html[dir="rtl"] .ml-sm-n4,
  html[dir="rtl"] .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  html[dir="rtl"] .m-sm-n5 {
    margin: -3rem !important;
  }
  html[dir="rtl"] .mt-sm-n5,
  html[dir="rtl"] .my-sm-n5 {
    margin-top: -3rem !important;
  }
  html[dir="rtl"] .mr-sm-n5,
  html[dir="rtl"] .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  html[dir="rtl"] .mb-sm-n5,
  html[dir="rtl"] .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  html[dir="rtl"] .ml-sm-n5,
  html[dir="rtl"] .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  html[dir="rtl"] .m-sm-auto {
    margin: auto !important;
  }
  html[dir="rtl"] .mt-sm-auto,
  html[dir="rtl"] .my-sm-auto {
    margin-top: auto !important;
  }
  html[dir="rtl"] .mr-sm-auto,
  html[dir="rtl"] .mx-sm-auto {
    margin-left: auto !important;
  }
  html[dir="rtl"] .mb-sm-auto,
  html[dir="rtl"] .my-sm-auto {
    margin-bottom: auto !important;
  }
  html[dir="rtl"] .ml-sm-auto,
  html[dir="rtl"] .mx-sm-auto {
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .m-md-0 {
    margin: 0 !important;
  }
  html[dir="rtl"] .mt-md-0,
  html[dir="rtl"] .my-md-0 {
    margin-top: 0 !important;
  }
  html[dir="rtl"] .mr-md-0,
  html[dir="rtl"] .mx-md-0 {
    margin-left: 0 !important;
  }
  html[dir="rtl"] .mb-md-0,
  html[dir="rtl"] .my-md-0 {
    margin-bottom: 0 !important;
  }
  html[dir="rtl"] .ml-md-0,
  html[dir="rtl"] .mx-md-0 {
    margin-right: 0 !important;
  }
  html[dir="rtl"] .m-md-1 {
    margin: 0.25rem !important;
  }
  html[dir="rtl"] .mt-md-1,
  html[dir="rtl"] .my-md-1 {
    margin-top: 0.25rem !important;
  }
  html[dir="rtl"] .mr-md-1,
  html[dir="rtl"] .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  html[dir="rtl"] .mb-md-1,
  html[dir="rtl"] .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .ml-md-1,
  html[dir="rtl"] .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  html[dir="rtl"] .m-md-2 {
    margin: 0.5rem !important;
  }
  html[dir="rtl"] .mt-md-2,
  html[dir="rtl"] .my-md-2 {
    margin-top: 0.5rem !important;
  }
  html[dir="rtl"] .mr-md-2,
  html[dir="rtl"] .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  html[dir="rtl"] .mb-md-2,
  html[dir="rtl"] .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .ml-md-2,
  html[dir="rtl"] .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  html[dir="rtl"] .m-md-3 {
    margin: 1rem !important;
  }
  html[dir="rtl"] .mt-md-3,
  html[dir="rtl"] .my-md-3 {
    margin-top: 1rem !important;
  }
  html[dir="rtl"] .mr-md-3,
  html[dir="rtl"] .mx-md-3 {
    margin-left: 1rem !important;
  }
  html[dir="rtl"] .mb-md-3,
  html[dir="rtl"] .my-md-3 {
    margin-bottom: 1rem !important;
  }
  html[dir="rtl"] .ml-md-3,
  html[dir="rtl"] .mx-md-3 {
    margin-right: 1rem !important;
  }
  html[dir="rtl"] .m-md-4 {
    margin: 1.5rem !important;
  }
  html[dir="rtl"] .mt-md-4,
  html[dir="rtl"] .my-md-4 {
    margin-top: 1.5rem !important;
  }
  html[dir="rtl"] .mr-md-4,
  html[dir="rtl"] .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  html[dir="rtl"] .mb-md-4,
  html[dir="rtl"] .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .ml-md-4,
  html[dir="rtl"] .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  html[dir="rtl"] .m-md-5 {
    margin: 3rem !important;
  }
  html[dir="rtl"] .mt-md-5,
  html[dir="rtl"] .my-md-5 {
    margin-top: 3rem !important;
  }
  html[dir="rtl"] .mr-md-5,
  html[dir="rtl"] .mx-md-5 {
    margin-left: 3rem !important;
  }
  html[dir="rtl"] .mb-md-5,
  html[dir="rtl"] .my-md-5 {
    margin-bottom: 3rem !important;
  }
  html[dir="rtl"] .ml-md-5,
  html[dir="rtl"] .mx-md-5 {
    margin-right: 3rem !important;
  }
  html[dir="rtl"] .p-md-0 {
    padding: 0 !important;
  }
  html[dir="rtl"] .pt-md-0,
  html[dir="rtl"] .py-md-0 {
    padding-top: 0 !important;
  }
  html[dir="rtl"] .pr-md-0,
  html[dir="rtl"] .px-md-0 {
    padding-left: 0 !important;
  }
  html[dir="rtl"] .pb-md-0,
  html[dir="rtl"] .py-md-0 {
    padding-bottom: 0 !important;
  }
  html[dir="rtl"] .pl-md-0,
  html[dir="rtl"] .px-md-0 {
    padding-right: 0 !important;
  }
  html[dir="rtl"] .p-md-1 {
    padding: 0.25rem !important;
  }
  html[dir="rtl"] .pt-md-1,
  html[dir="rtl"] .py-md-1 {
    padding-top: 0.25rem !important;
  }
  html[dir="rtl"] .pr-md-1,
  html[dir="rtl"] .px-md-1 {
    padding-left: 0.25rem !important;
  }
  html[dir="rtl"] .pb-md-1,
  html[dir="rtl"] .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .pl-md-1,
  html[dir="rtl"] .px-md-1 {
    padding-right: 0.25rem !important;
  }
  html[dir="rtl"] .p-md-2 {
    padding: 0.5rem !important;
  }
  html[dir="rtl"] .pt-md-2,
  html[dir="rtl"] .py-md-2 {
    padding-top: 0.5rem !important;
  }
  html[dir="rtl"] .pr-md-2,
  html[dir="rtl"] .px-md-2 {
    padding-left: 0.5rem !important;
  }
  html[dir="rtl"] .pb-md-2,
  html[dir="rtl"] .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .pl-md-2,
  html[dir="rtl"] .px-md-2 {
    padding-right: 0.5rem !important;
  }
  html[dir="rtl"] .p-md-3 {
    padding: 1rem !important;
  }
  html[dir="rtl"] .pt-md-3,
  html[dir="rtl"] .py-md-3 {
    padding-top: 1rem !important;
  }
  html[dir="rtl"] .pr-md-3,
  html[dir="rtl"] .px-md-3 {
    padding-left: 1rem !important;
  }
  html[dir="rtl"] .pb-md-3,
  html[dir="rtl"] .py-md-3 {
    padding-bottom: 1rem !important;
  }
  html[dir="rtl"] .pl-md-3,
  html[dir="rtl"] .px-md-3 {
    padding-right: 1rem !important;
  }
  html[dir="rtl"] .p-md-4 {
    padding: 1.5rem !important;
  }
  html[dir="rtl"] .pt-md-4,
  html[dir="rtl"] .py-md-4 {
    padding-top: 1.5rem !important;
  }
  html[dir="rtl"] .pr-md-4,
  html[dir="rtl"] .px-md-4 {
    padding-left: 1.5rem !important;
  }
  html[dir="rtl"] .pb-md-4,
  html[dir="rtl"] .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .pl-md-4,
  html[dir="rtl"] .px-md-4 {
    padding-right: 1.5rem !important;
  }
  html[dir="rtl"] .p-md-5 {
    padding: 3rem !important;
  }
  html[dir="rtl"] .pt-md-5,
  html[dir="rtl"] .py-md-5 {
    padding-top: 3rem !important;
  }
  html[dir="rtl"] .pr-md-5,
  html[dir="rtl"] .px-md-5 {
    padding-left: 3rem !important;
  }
  html[dir="rtl"] .pb-md-5,
  html[dir="rtl"] .py-md-5 {
    padding-bottom: 3rem !important;
  }
  html[dir="rtl"] .pl-md-5,
  html[dir="rtl"] .px-md-5 {
    padding-right: 3rem !important;
  }
  html[dir="rtl"] .m-md-n1 {
    margin: -0.25rem !important;
  }
  html[dir="rtl"] .mt-md-n1,
  html[dir="rtl"] .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  html[dir="rtl"] .mr-md-n1,
  html[dir="rtl"] .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  html[dir="rtl"] .mb-md-n1,
  html[dir="rtl"] .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  html[dir="rtl"] .ml-md-n1,
  html[dir="rtl"] .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  html[dir="rtl"] .m-md-n2 {
    margin: -0.5rem !important;
  }
  html[dir="rtl"] .mt-md-n2,
  html[dir="rtl"] .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  html[dir="rtl"] .mr-md-n2,
  html[dir="rtl"] .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  html[dir="rtl"] .mb-md-n2,
  html[dir="rtl"] .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  html[dir="rtl"] .ml-md-n2,
  html[dir="rtl"] .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  html[dir="rtl"] .m-md-n3 {
    margin: -1rem !important;
  }
  html[dir="rtl"] .mt-md-n3,
  html[dir="rtl"] .my-md-n3 {
    margin-top: -1rem !important;
  }
  html[dir="rtl"] .mr-md-n3,
  html[dir="rtl"] .mx-md-n3 {
    margin-left: -1rem !important;
  }
  html[dir="rtl"] .mb-md-n3,
  html[dir="rtl"] .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  html[dir="rtl"] .ml-md-n3,
  html[dir="rtl"] .mx-md-n3 {
    margin-right: -1rem !important;
  }
  html[dir="rtl"] .m-md-n4 {
    margin: -1.5rem !important;
  }
  html[dir="rtl"] .mt-md-n4,
  html[dir="rtl"] .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  html[dir="rtl"] .mr-md-n4,
  html[dir="rtl"] .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  html[dir="rtl"] .mb-md-n4,
  html[dir="rtl"] .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  html[dir="rtl"] .ml-md-n4,
  html[dir="rtl"] .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  html[dir="rtl"] .m-md-n5 {
    margin: -3rem !important;
  }
  html[dir="rtl"] .mt-md-n5,
  html[dir="rtl"] .my-md-n5 {
    margin-top: -3rem !important;
  }
  html[dir="rtl"] .mr-md-n5,
  html[dir="rtl"] .mx-md-n5 {
    margin-left: -3rem !important;
  }
  html[dir="rtl"] .mb-md-n5,
  html[dir="rtl"] .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  html[dir="rtl"] .ml-md-n5,
  html[dir="rtl"] .mx-md-n5 {
    margin-right: -3rem !important;
  }
  html[dir="rtl"] .m-md-auto {
    margin: auto !important;
  }
  html[dir="rtl"] .mt-md-auto,
  html[dir="rtl"] .my-md-auto {
    margin-top: auto !important;
  }
  html[dir="rtl"] .mr-md-auto,
  html[dir="rtl"] .mx-md-auto {
    margin-left: auto !important;
  }
  html[dir="rtl"] .mb-md-auto,
  html[dir="rtl"] .my-md-auto {
    margin-bottom: auto !important;
  }
  html[dir="rtl"] .ml-md-auto,
  html[dir="rtl"] .mx-md-auto {
    margin-right: auto !important;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .m-lg-0 {
    margin: 0 !important;
  }
  html[dir="rtl"] .mt-lg-0,
  html[dir="rtl"] .my-lg-0 {
    margin-top: 0 !important;
  }
  html[dir="rtl"] .mr-lg-0,
  html[dir="rtl"] .mx-lg-0 {
    margin-left: 0 !important;
  }
  html[dir="rtl"] .mb-lg-0,
  html[dir="rtl"] .my-lg-0 {
    margin-bottom: 0 !important;
  }
  html[dir="rtl"] .ml-lg-0,
  html[dir="rtl"] .mx-lg-0 {
    margin-right: 0 !important;
  }
  html[dir="rtl"] .m-lg-1 {
    margin: 0.25rem !important;
  }
  html[dir="rtl"] .mt-lg-1,
  html[dir="rtl"] .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  html[dir="rtl"] .mr-lg-1,
  html[dir="rtl"] .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  html[dir="rtl"] .mb-lg-1,
  html[dir="rtl"] .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .ml-lg-1,
  html[dir="rtl"] .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  html[dir="rtl"] .m-lg-2 {
    margin: 0.5rem !important;
  }
  html[dir="rtl"] .mt-lg-2,
  html[dir="rtl"] .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  html[dir="rtl"] .mr-lg-2,
  html[dir="rtl"] .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  html[dir="rtl"] .mb-lg-2,
  html[dir="rtl"] .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .ml-lg-2,
  html[dir="rtl"] .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  html[dir="rtl"] .m-lg-3 {
    margin: 1rem !important;
  }
  html[dir="rtl"] .mt-lg-3,
  html[dir="rtl"] .my-lg-3 {
    margin-top: 1rem !important;
  }
  html[dir="rtl"] .mr-lg-3,
  html[dir="rtl"] .mx-lg-3 {
    margin-left: 1rem !important;
  }
  html[dir="rtl"] .mb-lg-3,
  html[dir="rtl"] .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  html[dir="rtl"] .ml-lg-3,
  html[dir="rtl"] .mx-lg-3 {
    margin-right: 1rem !important;
  }
  html[dir="rtl"] .m-lg-4 {
    margin: 1.5rem !important;
  }
  html[dir="rtl"] .mt-lg-4,
  html[dir="rtl"] .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  html[dir="rtl"] .mr-lg-4,
  html[dir="rtl"] .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  html[dir="rtl"] .mb-lg-4,
  html[dir="rtl"] .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .ml-lg-4,
  html[dir="rtl"] .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  html[dir="rtl"] .m-lg-5 {
    margin: 3rem !important;
  }
  html[dir="rtl"] .mt-lg-5,
  html[dir="rtl"] .my-lg-5 {
    margin-top: 3rem !important;
  }
  html[dir="rtl"] .mr-lg-5,
  html[dir="rtl"] .mx-lg-5 {
    margin-left: 3rem !important;
  }
  html[dir="rtl"] .mb-lg-5,
  html[dir="rtl"] .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  html[dir="rtl"] .ml-lg-5,
  html[dir="rtl"] .mx-lg-5 {
    margin-right: 3rem !important;
  }
  html[dir="rtl"] .p-lg-0 {
    padding: 0 !important;
  }
  html[dir="rtl"] .pt-lg-0,
  html[dir="rtl"] .py-lg-0 {
    padding-top: 0 !important;
  }
  html[dir="rtl"] .pr-lg-0,
  html[dir="rtl"] .px-lg-0 {
    padding-left: 0 !important;
  }
  html[dir="rtl"] .pb-lg-0,
  html[dir="rtl"] .py-lg-0 {
    padding-bottom: 0 !important;
  }
  html[dir="rtl"] .pl-lg-0,
  html[dir="rtl"] .px-lg-0 {
    padding-right: 0 !important;
  }
  html[dir="rtl"] .p-lg-1 {
    padding: 0.25rem !important;
  }
  html[dir="rtl"] .pt-lg-1,
  html[dir="rtl"] .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  html[dir="rtl"] .pr-lg-1,
  html[dir="rtl"] .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  html[dir="rtl"] .pb-lg-1,
  html[dir="rtl"] .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .pl-lg-1,
  html[dir="rtl"] .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  html[dir="rtl"] .p-lg-2 {
    padding: 0.5rem !important;
  }
  html[dir="rtl"] .pt-lg-2,
  html[dir="rtl"] .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  html[dir="rtl"] .pr-lg-2,
  html[dir="rtl"] .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  html[dir="rtl"] .pb-lg-2,
  html[dir="rtl"] .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .pl-lg-2,
  html[dir="rtl"] .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  html[dir="rtl"] .p-lg-3 {
    padding: 1rem !important;
  }
  html[dir="rtl"] .pt-lg-3,
  html[dir="rtl"] .py-lg-3 {
    padding-top: 1rem !important;
  }
  html[dir="rtl"] .pr-lg-3,
  html[dir="rtl"] .px-lg-3 {
    padding-left: 1rem !important;
  }
  html[dir="rtl"] .pb-lg-3,
  html[dir="rtl"] .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  html[dir="rtl"] .pl-lg-3,
  html[dir="rtl"] .px-lg-3 {
    padding-right: 1rem !important;
  }
  html[dir="rtl"] .p-lg-4 {
    padding: 1.5rem !important;
  }
  html[dir="rtl"] .pt-lg-4,
  html[dir="rtl"] .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  html[dir="rtl"] .pr-lg-4,
  html[dir="rtl"] .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  html[dir="rtl"] .pb-lg-4,
  html[dir="rtl"] .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .pl-lg-4,
  html[dir="rtl"] .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  html[dir="rtl"] .p-lg-5 {
    padding: 3rem !important;
  }
  html[dir="rtl"] .pt-lg-5,
  html[dir="rtl"] .py-lg-5 {
    padding-top: 3rem !important;
  }
  html[dir="rtl"] .pr-lg-5,
  html[dir="rtl"] .px-lg-5 {
    padding-left: 3rem !important;
  }
  html[dir="rtl"] .pb-lg-5,
  html[dir="rtl"] .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  html[dir="rtl"] .pl-lg-5,
  html[dir="rtl"] .px-lg-5 {
    padding-right: 3rem !important;
  }
  html[dir="rtl"] .m-lg-n1 {
    margin: -0.25rem !important;
  }
  html[dir="rtl"] .mt-lg-n1,
  html[dir="rtl"] .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  html[dir="rtl"] .mr-lg-n1,
  html[dir="rtl"] .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  html[dir="rtl"] .mb-lg-n1,
  html[dir="rtl"] .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  html[dir="rtl"] .ml-lg-n1,
  html[dir="rtl"] .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  html[dir="rtl"] .m-lg-n2 {
    margin: -0.5rem !important;
  }
  html[dir="rtl"] .mt-lg-n2,
  html[dir="rtl"] .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  html[dir="rtl"] .mr-lg-n2,
  html[dir="rtl"] .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  html[dir="rtl"] .mb-lg-n2,
  html[dir="rtl"] .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  html[dir="rtl"] .ml-lg-n2,
  html[dir="rtl"] .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  html[dir="rtl"] .m-lg-n3 {
    margin: -1rem !important;
  }
  html[dir="rtl"] .mt-lg-n3,
  html[dir="rtl"] .my-lg-n3 {
    margin-top: -1rem !important;
  }
  html[dir="rtl"] .mr-lg-n3,
  html[dir="rtl"] .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  html[dir="rtl"] .mb-lg-n3,
  html[dir="rtl"] .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  html[dir="rtl"] .ml-lg-n3,
  html[dir="rtl"] .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  html[dir="rtl"] .m-lg-n4 {
    margin: -1.5rem !important;
  }
  html[dir="rtl"] .mt-lg-n4,
  html[dir="rtl"] .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  html[dir="rtl"] .mr-lg-n4,
  html[dir="rtl"] .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  html[dir="rtl"] .mb-lg-n4,
  html[dir="rtl"] .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  html[dir="rtl"] .ml-lg-n4,
  html[dir="rtl"] .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  html[dir="rtl"] .m-lg-n5 {
    margin: -3rem !important;
  }
  html[dir="rtl"] .mt-lg-n5,
  html[dir="rtl"] .my-lg-n5 {
    margin-top: -3rem !important;
  }
  html[dir="rtl"] .mr-lg-n5,
  html[dir="rtl"] .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  html[dir="rtl"] .mb-lg-n5,
  html[dir="rtl"] .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  html[dir="rtl"] .ml-lg-n5,
  html[dir="rtl"] .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  html[dir="rtl"] .m-lg-auto {
    margin: auto !important;
  }
  html[dir="rtl"] .mt-lg-auto,
  html[dir="rtl"] .my-lg-auto {
    margin-top: auto !important;
  }
  html[dir="rtl"] .mr-lg-auto,
  html[dir="rtl"] .mx-lg-auto {
    margin-left: auto !important;
  }
  html[dir="rtl"] .mb-lg-auto,
  html[dir="rtl"] .my-lg-auto {
    margin-bottom: auto !important;
  }
  html[dir="rtl"] .ml-lg-auto,
  html[dir="rtl"] .mx-lg-auto {
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .m-xl-0 {
    margin: 0 !important;
  }
  html[dir="rtl"] .mt-xl-0,
  html[dir="rtl"] .my-xl-0 {
    margin-top: 0 !important;
  }
  html[dir="rtl"] .mr-xl-0,
  html[dir="rtl"] .mx-xl-0 {
    margin-left: 0 !important;
  }
  html[dir="rtl"] .mb-xl-0,
  html[dir="rtl"] .my-xl-0 {
    margin-bottom: 0 !important;
  }
  html[dir="rtl"] .ml-xl-0,
  html[dir="rtl"] .mx-xl-0 {
    margin-right: 0 !important;
  }
  html[dir="rtl"] .m-xl-1 {
    margin: 0.25rem !important;
  }
  html[dir="rtl"] .mt-xl-1,
  html[dir="rtl"] .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  html[dir="rtl"] .mr-xl-1,
  html[dir="rtl"] .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  html[dir="rtl"] .mb-xl-1,
  html[dir="rtl"] .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .ml-xl-1,
  html[dir="rtl"] .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  html[dir="rtl"] .m-xl-2 {
    margin: 0.5rem !important;
  }
  html[dir="rtl"] .mt-xl-2,
  html[dir="rtl"] .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  html[dir="rtl"] .mr-xl-2,
  html[dir="rtl"] .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  html[dir="rtl"] .mb-xl-2,
  html[dir="rtl"] .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .ml-xl-2,
  html[dir="rtl"] .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  html[dir="rtl"] .m-xl-3 {
    margin: 1rem !important;
  }
  html[dir="rtl"] .mt-xl-3,
  html[dir="rtl"] .my-xl-3 {
    margin-top: 1rem !important;
  }
  html[dir="rtl"] .mr-xl-3,
  html[dir="rtl"] .mx-xl-3 {
    margin-left: 1rem !important;
  }
  html[dir="rtl"] .mb-xl-3,
  html[dir="rtl"] .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  html[dir="rtl"] .ml-xl-3,
  html[dir="rtl"] .mx-xl-3 {
    margin-right: 1rem !important;
  }
  html[dir="rtl"] .m-xl-4 {
    margin: 1.5rem !important;
  }
  html[dir="rtl"] .mt-xl-4,
  html[dir="rtl"] .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  html[dir="rtl"] .mr-xl-4,
  html[dir="rtl"] .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  html[dir="rtl"] .mb-xl-4,
  html[dir="rtl"] .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .ml-xl-4,
  html[dir="rtl"] .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  html[dir="rtl"] .m-xl-5 {
    margin: 3rem !important;
  }
  html[dir="rtl"] .mt-xl-5,
  html[dir="rtl"] .my-xl-5 {
    margin-top: 3rem !important;
  }
  html[dir="rtl"] .mr-xl-5,
  html[dir="rtl"] .mx-xl-5 {
    margin-left: 3rem !important;
  }
  html[dir="rtl"] .mb-xl-5,
  html[dir="rtl"] .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  html[dir="rtl"] .ml-xl-5,
  html[dir="rtl"] .mx-xl-5 {
    margin-right: 3rem !important;
  }
  html[dir="rtl"] .p-xl-0 {
    padding: 0 !important;
  }
  html[dir="rtl"] .pt-xl-0,
  html[dir="rtl"] .py-xl-0 {
    padding-top: 0 !important;
  }
  html[dir="rtl"] .pr-xl-0,
  html[dir="rtl"] .px-xl-0 {
    padding-left: 0 !important;
  }
  html[dir="rtl"] .pb-xl-0,
  html[dir="rtl"] .py-xl-0 {
    padding-bottom: 0 !important;
  }
  html[dir="rtl"] .pl-xl-0,
  html[dir="rtl"] .px-xl-0 {
    padding-right: 0 !important;
  }
  html[dir="rtl"] .p-xl-1 {
    padding: 0.25rem !important;
  }
  html[dir="rtl"] .pt-xl-1,
  html[dir="rtl"] .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  html[dir="rtl"] .pr-xl-1,
  html[dir="rtl"] .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  html[dir="rtl"] .pb-xl-1,
  html[dir="rtl"] .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  html[dir="rtl"] .pl-xl-1,
  html[dir="rtl"] .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  html[dir="rtl"] .p-xl-2 {
    padding: 0.5rem !important;
  }
  html[dir="rtl"] .pt-xl-2,
  html[dir="rtl"] .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  html[dir="rtl"] .pr-xl-2,
  html[dir="rtl"] .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  html[dir="rtl"] .pb-xl-2,
  html[dir="rtl"] .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  html[dir="rtl"] .pl-xl-2,
  html[dir="rtl"] .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  html[dir="rtl"] .p-xl-3 {
    padding: 1rem !important;
  }
  html[dir="rtl"] .pt-xl-3,
  html[dir="rtl"] .py-xl-3 {
    padding-top: 1rem !important;
  }
  html[dir="rtl"] .pr-xl-3,
  html[dir="rtl"] .px-xl-3 {
    padding-left: 1rem !important;
  }
  html[dir="rtl"] .pb-xl-3,
  html[dir="rtl"] .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  html[dir="rtl"] .pl-xl-3,
  html[dir="rtl"] .px-xl-3 {
    padding-right: 1rem !important;
  }
  html[dir="rtl"] .p-xl-4 {
    padding: 1.5rem !important;
  }
  html[dir="rtl"] .pt-xl-4,
  html[dir="rtl"] .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  html[dir="rtl"] .pr-xl-4,
  html[dir="rtl"] .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  html[dir="rtl"] .pb-xl-4,
  html[dir="rtl"] .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  html[dir="rtl"] .pl-xl-4,
  html[dir="rtl"] .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  html[dir="rtl"] .p-xl-5 {
    padding: 3rem !important;
  }
  html[dir="rtl"] .pt-xl-5,
  html[dir="rtl"] .py-xl-5 {
    padding-top: 3rem !important;
  }
  html[dir="rtl"] .pr-xl-5,
  html[dir="rtl"] .px-xl-5 {
    padding-left: 3rem !important;
  }
  html[dir="rtl"] .pb-xl-5,
  html[dir="rtl"] .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  html[dir="rtl"] .pl-xl-5,
  html[dir="rtl"] .px-xl-5 {
    padding-right: 3rem !important;
  }
  html[dir="rtl"] .m-xl-n1 {
    margin: -0.25rem !important;
  }
  html[dir="rtl"] .mt-xl-n1,
  html[dir="rtl"] .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  html[dir="rtl"] .mr-xl-n1,
  html[dir="rtl"] .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  html[dir="rtl"] .mb-xl-n1,
  html[dir="rtl"] .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  html[dir="rtl"] .ml-xl-n1,
  html[dir="rtl"] .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  html[dir="rtl"] .m-xl-n2 {
    margin: -0.5rem !important;
  }
  html[dir="rtl"] .mt-xl-n2,
  html[dir="rtl"] .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  html[dir="rtl"] .mr-xl-n2,
  html[dir="rtl"] .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  html[dir="rtl"] .mb-xl-n2,
  html[dir="rtl"] .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  html[dir="rtl"] .ml-xl-n2,
  html[dir="rtl"] .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  html[dir="rtl"] .m-xl-n3 {
    margin: -1rem !important;
  }
  html[dir="rtl"] .mt-xl-n3,
  html[dir="rtl"] .my-xl-n3 {
    margin-top: -1rem !important;
  }
  html[dir="rtl"] .mr-xl-n3,
  html[dir="rtl"] .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  html[dir="rtl"] .mb-xl-n3,
  html[dir="rtl"] .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  html[dir="rtl"] .ml-xl-n3,
  html[dir="rtl"] .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  html[dir="rtl"] .m-xl-n4 {
    margin: -1.5rem !important;
  }
  html[dir="rtl"] .mt-xl-n4,
  html[dir="rtl"] .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  html[dir="rtl"] .mr-xl-n4,
  html[dir="rtl"] .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  html[dir="rtl"] .mb-xl-n4,
  html[dir="rtl"] .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  html[dir="rtl"] .ml-xl-n4,
  html[dir="rtl"] .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  html[dir="rtl"] .m-xl-n5 {
    margin: -3rem !important;
  }
  html[dir="rtl"] .mt-xl-n5,
  html[dir="rtl"] .my-xl-n5 {
    margin-top: -3rem !important;
  }
  html[dir="rtl"] .mr-xl-n5,
  html[dir="rtl"] .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  html[dir="rtl"] .mb-xl-n5,
  html[dir="rtl"] .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  html[dir="rtl"] .ml-xl-n5,
  html[dir="rtl"] .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  html[dir="rtl"] .m-xl-auto {
    margin: auto !important;
  }
  html[dir="rtl"] .mt-xl-auto,
  html[dir="rtl"] .my-xl-auto {
    margin-top: auto !important;
  }
  html[dir="rtl"] .mr-xl-auto,
  html[dir="rtl"] .mx-xl-auto {
    margin-left: auto !important;
  }
  html[dir="rtl"] .mb-xl-auto,
  html[dir="rtl"] .my-xl-auto {
    margin-bottom: auto !important;
  }
  html[dir="rtl"] .ml-xl-auto,
  html[dir="rtl"] .mx-xl-auto {
    margin-right: auto !important;
  }
}

html[dir="rtl"] .stretched-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace !important;
}

html[dir="rtl"] .text-justify {
  text-align: justify !important;
}

html[dir="rtl"] .text-wrap {
  white-space: normal !important;
}

html[dir="rtl"] .text-nowrap {
  white-space: nowrap !important;
}

html[dir="rtl"] .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[dir="rtl"] .text-left {
  text-align: right !important;
}

html[dir="rtl"] .text-right {
  text-align: left !important;
}

html[dir="rtl"] .text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  html[dir="rtl"] .text-sm-left {
    text-align: right !important;
  }
  html[dir="rtl"] .text-sm-right {
    text-align: left !important;
  }
  html[dir="rtl"] .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .text-md-left {
    text-align: right !important;
  }
  html[dir="rtl"] .text-md-right {
    text-align: left !important;
  }
  html[dir="rtl"] .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-left {
    text-align: right !important;
  }
  html[dir="rtl"] .text-lg-right {
    text-align: left !important;
  }
  html[dir="rtl"] .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .text-xl-left {
    text-align: right !important;
  }
  html[dir="rtl"] .text-xl-right {
    text-align: left !important;
  }
  html[dir="rtl"] .text-xl-center {
    text-align: center !important;
  }
}

html[dir="rtl"] .text-lowercase {
  text-transform: lowercase !important;
}

html[dir="rtl"] .text-uppercase {
  text-transform: uppercase !important;
}

html[dir="rtl"] .text-capitalize {
  text-transform: capitalize !important;
}

html[dir="rtl"] .font-weight-light {
  font-weight: 300 !important;
}

html[dir="rtl"] .font-weight-lighter {
  font-weight: lighter !important;
}

html[dir="rtl"] .font-weight-normal {
  font-weight: 400 !important;
}

html[dir="rtl"] .font-weight-bold {
  font-weight: 700 !important;
}

html[dir="rtl"] .font-weight-bolder {
  font-weight: bolder !important;
}

html[dir="rtl"] .font-italic {
  font-style: italic !important;
}

html[dir="rtl"] .text-white {
  color: #fff !important;
}

html[dir="rtl"] .text-primary {
  color: #007bff !important;
}

html[dir="rtl"] a.text-primary:focus,
html[dir="rtl"] a.text-primary:hover {
  color: #0056b3 !important;
}

html[dir="rtl"] .text-secondary {
  color: #6c757d !important;
}

html[dir="rtl"] a.text-secondary:focus,
html[dir="rtl"] a.text-secondary:hover {
  color: #494f54 !important;
}

html[dir="rtl"] .text-success {
  color: #28a745 !important;
}

html[dir="rtl"] a.text-success:focus,
html[dir="rtl"] a.text-success:hover {
  color: #19692c !important;
}

html[dir="rtl"] .text-info {
  color: #17a2b8 !important;
}

html[dir="rtl"] a.text-info:focus,
html[dir="rtl"] a.text-info:hover {
  color: #0f6674 !important;
}

html[dir="rtl"] .text-warning {
  color: #ffc107 !important;
}

html[dir="rtl"] a.text-warning:focus,
html[dir="rtl"] a.text-warning:hover {
  color: #ba8b00 !important;
}

html[dir="rtl"] .text-danger {
  color: #dc3545 !important;
}

html[dir="rtl"] a.text-danger:focus,
html[dir="rtl"] a.text-danger:hover {
  color: #a71d2a !important;
}

html[dir="rtl"] .text-light {
  color: #f8f9fa !important;
}

html[dir="rtl"] a.text-light:focus,
html[dir="rtl"] a.text-light:hover {
  color: #cbd3da !important;
}

html[dir="rtl"] .text-dark {
  color: #343a40 !important;
}

html[dir="rtl"] a.text-dark:focus,
html[dir="rtl"] a.text-dark:hover {
  color: #121416 !important;
}

html[dir="rtl"] .text-body {
  color: #212529 !important;
}

html[dir="rtl"] .text-muted {
  color: #6c757d !important;
}

html[dir="rtl"] .text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

html[dir="rtl"] .text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

html[dir="rtl"] .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

html[dir="rtl"] .text-decoration-none {
  text-decoration: none !important;
}

html[dir="rtl"] .text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

html[dir="rtl"] .text-reset {
  color: inherit !important;
}

html[dir="rtl"] .visible {
  visibility: visible !important;
}

html[dir="rtl"] .invisible {
  visibility: hidden !important;
}

@media print {
  html[dir="rtl"] *,
  html[dir="rtl"] ::after,
  html[dir="rtl"] ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  html[dir="rtl"] a:not(.btn) {
    text-decoration: underline;
  }
  html[dir="rtl"] abbr[title]::after {
    content: " (" attr(title) ")";
  }
  html[dir="rtl"] pre {
    white-space: pre-wrap !important;
  }
  html[dir="rtl"] blockquote,
  html[dir="rtl"] pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  html[dir="rtl"] thead {
    display: table-header-group;
  }
  html[dir="rtl"] img,
  html[dir="rtl"] tr {
    page-break-inside: avoid;
  }
  html[dir="rtl"] h2,
  html[dir="rtl"] h3,
  html[dir="rtl"] p {
    orphans: 3;
    widows: 3;
  }
  html[dir="rtl"] h2,
  html[dir="rtl"] h3 {
    page-break-after: avoid;
  }
  @page {
    html[dir="rtl"] {
      size: a3;
    }
  }
  html[dir="rtl"] body {
    min-width: 992px !important;
  }
  html[dir="rtl"] .container {
    min-width: 992px !important;
  }
  html[dir="rtl"] .navbar {
    display: none;
  }
  html[dir="rtl"] .badge {
    border: 1px solid #000;
  }
  html[dir="rtl"] .table {
    border-collapse: collapse !important;
  }
  html[dir="rtl"] .table td,
  html[dir="rtl"] .table th {
    background-color: #fff !important;
  }
  html[dir="rtl"] .table-bordered td,
  html[dir="rtl"] .table-bordered th {
    border: 1px solid #dee2e6 !important;
  }
  html[dir="rtl"] .table-dark {
    color: inherit;
  }
  html[dir="rtl"] .table-dark tbody + tbody,
  html[dir="rtl"] .table-dark td,
  html[dir="rtl"] .table-dark th,
  html[dir="rtl"] .table-dark thead th {
    border-color: #dee2e6;
  }
  html[dir="rtl"] .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

html[dir="rtl"] .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

html[dir="rtl"] .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

html[dir="rtl"] .slick-list:focus {
  outline: none;
}

html[dir="rtl"] .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

html[dir="rtl"] .slick-slider .slick-track,
html[dir="rtl"] .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

html[dir="rtl"] .slick-track {
  position: relative;
  top: 0;
  right: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

html[dir="rtl"] .slick-track:before,
html[dir="rtl"] .slick-track:after {
  display: table;
  content: "";
}

html[dir="rtl"] .slick-track:after {
  clear: both;
}

html[dir="rtl"] .slick-loading .slick-track {
  visibility: hidden;
}

html[dir="rtl"] .slick-slide {
  display: none;
  float: right;
  height: 100%;
  min-height: 1px;
}

html[dir="rtl"] [dir="rtl"] .slick-slide {
  float: left;
}

html[dir="rtl"] .slick-slide img {
  display: block;
}

html[dir="rtl"] .slick-slide.slick-loading img {
  display: none;
}

html[dir="rtl"] .slick-slide.dragging img {
  pointer-events: none;
}

html[dir="rtl"] .slick-initialized .slick-slide {
  display: block;
}

html[dir="rtl"] .slick-loading .slick-slide {
  visibility: hidden;
}

html[dir="rtl"] .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

html[dir="rtl"] .slick-arrow.slick-hidden {
  display: none;
}

html[dir="rtl"] html,
html[dir="rtl"] body,
html[dir="rtl"] div,
html[dir="rtl"] span,
html[dir="rtl"] applet,
html[dir="rtl"] object,
html[dir="rtl"] iframe,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] blockquote,
html[dir="rtl"] pre,
html[dir="rtl"] a,
html[dir="rtl"] abbr,
html[dir="rtl"] acronym,
html[dir="rtl"] address,
html[dir="rtl"] big,
html[dir="rtl"] cite,
html[dir="rtl"] code,
html[dir="rtl"] del,
html[dir="rtl"] dfn,
html[dir="rtl"] em,
html[dir="rtl"] img,
html[dir="rtl"] ins,
html[dir="rtl"] kbd,
html[dir="rtl"] q,
html[dir="rtl"] s,
html[dir="rtl"] samp,
html[dir="rtl"] small,
html[dir="rtl"] strike,
html[dir="rtl"] strong,
html[dir="rtl"] sub,
html[dir="rtl"] sup,
html[dir="rtl"] tt,
html[dir="rtl"] var,
html[dir="rtl"] b,
html[dir="rtl"] u,
html[dir="rtl"] i,
html[dir="rtl"] center,
html[dir="rtl"] dl,
html[dir="rtl"] dt,
html[dir="rtl"] dd,
html[dir="rtl"] ol,
html[dir="rtl"] ul,
html[dir="rtl"] li,
html[dir="rtl"] fieldset,
html[dir="rtl"] form,
html[dir="rtl"] label,
html[dir="rtl"] legend,
html[dir="rtl"] table,
html[dir="rtl"] caption,
html[dir="rtl"] tbody,
html[dir="rtl"] tfoot,
html[dir="rtl"] thead,
html[dir="rtl"] tr,
html[dir="rtl"] th,
html[dir="rtl"] td,
html[dir="rtl"] article,
html[dir="rtl"] aside,
html[dir="rtl"] canvas,
html[dir="rtl"] details,
html[dir="rtl"] embed,
html[dir="rtl"] figure,
html[dir="rtl"] figcaption,
html[dir="rtl"] footer,
html[dir="rtl"] header,
html[dir="rtl"] hgroup,
html[dir="rtl"] menu,
html[dir="rtl"] nav,
html[dir="rtl"] output,
html[dir="rtl"] ruby,
html[dir="rtl"] section,
html[dir="rtl"] summary,
html[dir="rtl"] time,
html[dir="rtl"] mark,
html[dir="rtl"] audio,
html[dir="rtl"] video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-weight: inherit;
}

html[dir="rtl"] article,
html[dir="rtl"] aside,
html[dir="rtl"] details,
html[dir="rtl"] figcaption,
html[dir="rtl"] figure,
html[dir="rtl"] footer,
html[dir="rtl"] header,
html[dir="rtl"] hgroup,
html[dir="rtl"] menu,
html[dir="rtl"] nav,
html[dir="rtl"] section {
  display: block;
}

html[dir="rtl"] body {
  font-weight: 400;
  line-height: 1.4;
}

html[dir="rtl"] ol,
html[dir="rtl"] ul {
  list-style: none;
}

html[dir="rtl"] blockquote,
html[dir="rtl"] q {
  quotes: none;
}

html[dir="rtl"] blockquote:before,
html[dir="rtl"] blockquote:after {
  content: "";
  content: none;
}

html[dir="rtl"] q:before,
html[dir="rtl"] q:after {
  content: "";
  content: none;
}

html[dir="rtl"] table {
  border-collapse: collapse;
  border-spacing: 0;
}

html[dir="rtl"] a {
  text-decoration: none;
  cursor: pointer;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  margin: 0;
}

html[dir="rtl"] input:focus,
html[dir="rtl"] textarea:focus,
html[dir="rtl"] select:focus {
  outline: none;
}

html[dir="rtl"] textarea {
  overflow: auto;
}

html[dir="rtl"] button::-moz-focus-inner,
html[dir="rtl"] input[type="button"]::-moz-focus-inner,
html[dir="rtl"] input[type="submit"]::-moz-focus-inner,
html[dir="rtl"] input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
}

html[dir="rtl"] mark {
  background: none;
  color: inherit;
}

html[dir="rtl"] strong {
  font-weight: bold;
}

html[dir="rtl"] *,
html[dir="rtl"] *:before,
html[dir="rtl"] *:after {
  box-sizing: border-box;
}

html[dir="rtl"] html {
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  width: 100%;
  min-height: 100%;
  overflow: initial;
  scroll-behavior: smooth;
}

html[dir="rtl"] body {
  background-color: #ffffff;
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 100%;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  padding-top: 85px;
  scroll-behavior: smooth;
}

html[dir="rtl"] button,
html[dir="rtl"] input {
  font-family: "Poppins", sans-serif;
}

html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input {
  outline: none;
  box-shadow: none;
}

html[dir="rtl"] a:focus,
html[dir="rtl"] button:focus,
html[dir="rtl"] input:focus {
  outline: none;
  box-shadow: none;
}

html[dir="rtl"] a,
html[dir="rtl"] a:hover {
  text-decoration: none;
}

html[dir="rtl"] .cover,
html[dir="rtl"] .background {
  position: relative;
  overflow: hidden;
}

html[dir="rtl"] .clearfix {
  clear: both;
}

html[dir="rtl"] .hide {
  display: none !important;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  color: #000000;
}

html[dir="rtl"] h1,
html[dir="rtl"] .sc-h1 {
  font-size: 1.5rem;
  line-height: 1.25;
}

@media (min-width: 600px) {
  html[dir="rtl"] h1,
  html[dir="rtl"] .sc-h1 {
    font-size: 34rem, 16;
  }
}

html[dir="rtl"] h2,
html[dir="rtl"] .sc-h2 {
  font-size: 1.375rem;
  line-height: 1.25;
  font-weight: 600;
  color: #10385b;
}

@media (min-width: 600px) {
  html[dir="rtl"] h2,
  html[dir="rtl"] .sc-h2 {
    font-size: 30rem, 16;
  }
}

html[dir="rtl"] h3,
html[dir="rtl"] .sc-h3 {
  font-size: 1.1875rem;
  line-height: 1.25;
}

@media (min-width: 600px) {
  html[dir="rtl"] h3,
  html[dir="rtl"] .sc-h3 {
    font-size: 24rem, 16;
  }
}

html[dir="rtl"] h4,
html[dir="rtl"] .sc-h4 {
  font-size: 1.125rem;
  line-height: 1.25;
}

@media (min-width: 600px) {
  html[dir="rtl"] h4,
  html[dir="rtl"] .sc-h4 {
    font-size: 22rem, 16;
  }
}

html[dir="rtl"] h5,
html[dir="rtl"] .sc-h5 {
  font-size: 1rem;
  line-height: 1.25;
}

@media (min-width: 600px) {
  html[dir="rtl"] h5,
  html[dir="rtl"] .sc-h5 {
    font-size: 20rem, 16;
  }
}

html[dir="rtl"] h6,
html[dir="rtl"] .sc-h6 {
  font-size: 1rem;
  line-height: 1.25;
}

@media (min-width: 600px) {
  html[dir="rtl"] h6,
  html[dir="rtl"] .sc-h6 {
    font-size: 18rem, 16;
  }
}

html[dir="rtl"] p,
html[dir="rtl"] li {
  font-size: 16px;
  color: #666666;
  margin-bottom: 8px;
}

html[dir="rtl"] p {
  line-height: 1.5;
}

html[dir="rtl"] .sc-content-wrapper {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  max-width: 1404px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

@media (min-width: 600px) {
  html[dir="rtl"] .sc-content-wrapper {
    padding-right: 32px;
    padding-left: 32px;
  }
}

html[dir="rtl"] .helper-svg-gradients {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
}

html[dir="rtl"] sup {
  vertical-align: super;
  font-size: 50%;
  line-height: 0;
}

html[dir="rtl"] sub {
  vertical-align: sub;
  font-size: 50%;
  line-height: 0;
}

html[dir="rtl"] .sc-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
}

html[dir="rtl"] .no-scroll {
  position: fixed;
  height: 100%;
  top: 0;
  overflow: hidden;
}

html[dir="rtl"] .desktop,
html[dir="rtl"] .only-desktop {
  display: none;
}

html[dir="rtl"] .mobile,
html[dir="rtl"] .only-mobile {
  display: block;
}

html[dir="rtl"] *:focus {
  outline: none;
}

html[dir="rtl"] .form-control:focus {
  border-color: #ced4da;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #007bff;
}

@media (min-width: 600px) {
  html[dir="rtl"] .desktop,
  html[dir="rtl"] .only-desktop {
    display: block;
  }
  html[dir="rtl"] .mobile,
  html[dir="rtl"] .only-mobile {
    display: none;
  }
}

html[dir="rtl"] .container {
  max-width: 1400px !important;
  padding-right: 16px;
  padding-left: 16px;
}

@media (min-width: 1024px) {
  html[dir="rtl"] .container {
    padding-right: 32px;
    padding-left: 32px;
  }
}

html[dir="rtl"] .ultra-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}

html[dir="rtl"] .light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}

html[dir="rtl"] .thin {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

html[dir="rtl"] .regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

html[dir="rtl"] .ultra-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

html[dir="rtl"] .thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}

html[dir="rtl"] .bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

html[dir="rtl"] .italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

html[dir="rtl"] .light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

html[dir="rtl"] .bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}

html[dir="rtl"] .dot {
  display: block;
  width: 5px;
  height: 5px;
  background: #c1c1c1;
  border-radius: 50px;
}

html[dir="rtl"] .p-btn {
  padding: 8px 40px;
  display: inline-block;
  border-radius: 0;
  opacity: 1;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

html[dir="rtl"] .p-btn.blue {
  background: #10385b;
  color: #ffffff;
}

html[dir="rtl"] .p-btn.white {
  background: #ffffff;
  color: #10385b;
}

html[dir="rtl"] .p-btn.small {
  padding: 6px 19px;
}

html[dir="rtl"] .p-btn:hover {
  opacity: 0.8;
}

html[dir="rtl"] .link-btn {
  font-size: 0.875rem;
  color: #25bbed;
  display: flex;
  align-items: center;
  opacity: 1;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

html[dir="rtl"] .link-btn .link-right {
  display: block;
  width: 20px;
  height: 14px;
  background: url(../../images/link-right.svg) no-repeat 0% 0;
  background-size: 100%;
  margin-left: 10px;
  margin-right: 10px;
  transition: all 0.4s;
}

html[dir="rtl"] .link-btn:hover {
  opacity: 0.5;
  color: #25bbed;
}

html[dir="rtl"] .link-btn:hover .link-right {
  transform: translateX(-5px);
}

html[dir="rtl"] .shadow {
  box-shadow: -1px solid rgba(0, 0, 0, 0.14);
}

html[dir="rtl"] .box img {
  max-width: 100%;
}

html[dir="rtl"] .box .dt-info-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

html[dir="rtl"] .box .dt-info-box .date,
html[dir="rtl"] .box .dt-info-box .location {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .box .dt-info-box .date svg,
html[dir="rtl"] .box .dt-info-box .location svg {
  width: 20px;
  height: 20px;
}

html[dir="rtl"] .box .dt-info-box .date span,
html[dir="rtl"] .box .dt-info-box .location span {
  color: #666666;
  padding-right: 10px;
  font-size: 0.75rem;
  width: 120px;
}

html[dir="rtl"] .box .icon-box {
  height: 56px;
  margin-bottom: 20px;
}

html[dir="rtl"] .box .icon-box svg {
  height: 100%;
}

html[dir="rtl"] .box .img-box {
  margin-bottom: 20px;
}

html[dir="rtl"] .box .img-box img {
  width: 100%;
  display: block;
}

html[dir="rtl"] .box h3,
html[dir="rtl"] .box h4,
html[dir="rtl"] .box h5 {
  color: #10385b;
  font-weight: 600;
  margin-bottom: 10px;
}

html[dir="rtl"] .box .big-text {
  font-size: 2.5rem;
  font-weight: 600;
}

html[dir="rtl"] .box p.min-0 {
  min-height: 0;
}

html[dir="rtl"] .box.left-icon {
  display: flex;
}

html[dir="rtl"] .box.left-icon h3 {
  margin-top: 0;
}

html[dir="rtl"] .box.left-icon .icon-box {
  width: 80px;
}

html[dir="rtl"] .box.left-icon .content {
  padding-right: 30px;
  width: calc(100% - 80px);
}

html[dir="rtl"] .box .min-0 {
  min-height: 0;
}

html[dir="rtl"] .box .list li {
  padding-right: 30px;
  position: relative;
}

html[dir="rtl"] .box .list li:before {
  content: "";
  display: block;
  width: 16px;
  height: 8px;
  border: 1px solid #888888;
  position: absolute;
  right: 0;
  top: 5px;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}

html[dir="rtl"] .is-button {
  padding-bottom: 50px;
  position: relative;
  height: 100%;
}

html[dir="rtl"] .is-button .p-btn.blue {
  position: absolute;
  bottom: 0;
  right: 0;
}

html[dir="rtl"] .is-button .content p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir="rtl"] .event-blog-wrap {
  position: relative;
}

html[dir="rtl"] .event-blog-wrap .link-btn {
  margin-top: 20px;
}

html[dir="rtl"] .event-blog-wrap .box {
  margin-bottom: 80px;
}

html[dir="rtl"] .event-blog-wrap .box .img-box a {
  display: block;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

html[dir="rtl"] .event-blog-wrap .box .img-box a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html[dir="rtl"] .event-blog-wrap .box .content h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 46px;
}

html[dir="rtl"] .event-blog-wrap .box .content p {
  min-height: 0;
  height: 42px;
}

html[dir="rtl"] .event-blog-wrap .box .content p a {
  color: #666666;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir="rtl"] .closing-date {
  font-size: 0.75rem;
  color: #666666;
}

html[dir="rtl"] .job-details {
  margin-top: 30px;
}

html[dir="rtl"] .job-details ul li {
  display: flex;
}

html[dir="rtl"] .job-details ul li span {
  font-size: 0.875rem;
  color: #666666;
}

html[dir="rtl"] .job-details ul li span:first-child {
  width: 120px;
  margin-left: 10px;
}

html[dir="rtl"] .job-details ul li span:nth-child(2) {
  width: 250px;
  margin-right: 10px;
}

html[dir="rtl"] .form-control {
  border-radius: 0;
}

html[dir="rtl"] .white-form {
  background: #ffffff;
  padding: 25px;
}

html[dir="rtl"] .white-form .form-group {
  padding-left: 15px;
  padding-right: 15px;
}

html[dir="rtl"] .white-form .form-group .form-text {
  color: #666666;
  font-size: 0.75rem;
}

html[dir="rtl"] .white-form .form-group input[type="file"] {
  padding-bottom: 34px;
}

html[dir="rtl"] .white-form .form-group .form-control {
  background: #ffffff;
  color: #666666;
}

html[dir="rtl"] .white-form .form-group .form-control::placeholder {
  color: #666666;
  opacity: 1;
}

html[dir="rtl"] .white-form .form-group .form-control:-ms-input-placeholder {
  color: #666666;
}

html[dir="rtl"] .white-form .form-group .form-control::-ms-input-placeholder {
  color: #666666;
}

html[dir="rtl"] .white-form .form-group textarea {
  min-height: 65px;
  max-height: 65px;
}

html[dir="rtl"] .blue-form .form-group {
  padding-left: auto;
}

html[dir="rtl"] .blue-form .form-group .form-text {
  color: #666666;
  font-size: 0.75rem;
}

html[dir="rtl"] .blue-form .form-group .form-control {
  background: #181828;
  color: #ffffff;
  appearance: none;
}

html[dir="rtl"] .blue-form .form-group .form-control::placeholder {
  color: #ffffff;
  opacity: 1;
}

html[dir="rtl"] .blue-form .form-group .form-control:-ms-input-placeholder {
  color: #ffffff;
}

html[dir="rtl"] .blue-form .form-group .form-control::-ms-input-placeholder {
  color: #ffffff;
}

html[dir="rtl"] .blue-form .form-group textarea {
  min-height: 65px;
  max-height: 65px;
}

html[dir="rtl"] .blue-form .form-control {
  background: #181828;
}

html[dir="rtl"] .blue-form textarea {
  min-height: 100px;
  max-height: 100px;
}

html[dir="rtl"] .form-group {
  position: relative;
  margin-bottom: 15px;
  margin-right: 0;
  padding-right: 0;
}

html[dir="rtl"] .form-group .form-control {
  border-radius: 0;
  padding-left: 40px;
  color: #ffffff;
  font-size: 0.875rem;
}

html[dir="rtl"] .form-group .form-control::placeholder {
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

html[dir="rtl"] .form-group .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

html[dir="rtl"] .form-group .form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

html[dir="rtl"] .form-group .icon {
  width: 20px;
  position: absolute;
  left: 25px;
  top: 6px;
}

html[dir="rtl"] .form-group .icon img {
  width: 100%;
  height: auto;
}

html[dir="rtl"] .pagination-wrap {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

html[dir="rtl"] .pagination-wrap .page-item .page-link {
  border: 0;
  color: #d7d7d7;
}

html[dir="rtl"] .pagination-wrap .page-item.active .page-link {
  background: transparent;
  color: #10385b;
}

html[dir="rtl"] .pagination-wrap .page-item:hover .page-link {
  background: transparent;
  color: #10385b;
}

html[dir="rtl"] .pagination-wrap .page-item.disabled .page-link {
  background: transparent;
  color: #d7d7d7;
}

html[dir="rtl"] .contact-box {
  padding: 80px 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box {
    padding: 50px 0;
  }
}

html[dir="rtl"] .contact-box .container {
  position: relative;
  z-index: 2;
}

html[dir="rtl"] .contact-box .container .wrap {
  padding: 60px;
  box-shadow: 0px 1px 11px 6px #0000001a;
  background-color: #ffffff;
  background-image: url(../../images/contact-bg.png);
  background-size: 400px;
  background-repeat: no-repeat;
  background-position: 90% 30px;
  border-radius: 10px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .container .wrap {
    padding: 20px 0;
  }
}

html[dir="rtl"] .contact-box .container h2 {
  margin-bottom: 30px;
}

html[dir="rtl"] .contact-box .container .right-area .item {
  padding-left: 50px;
  position: relative;
  display: flex;
  margin-bottom: 20px;
}

html[dir="rtl"] .contact-box .container .right-area .item .left {
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

html[dir="rtl"] .contact-box .container .right-area .item .left span {
  position: absolute;
}

html[dir="rtl"] .contact-box .container .right-area .item .left span.number {
  font-size: 2.5rem;
  color: #ecf3fd;
  left: -10px;
  top: -3px;
  z-index: 22;
}

html[dir="rtl"]
  .contact-box
  .container
  .right-area
  .item
  .left
  span:nth-child(2) {
  width: 24px;
  height: 24px;
  position: absolute;
  background: #bacce6;
  top: 13px;
  left: 12px;
  opacity: 0.5;
  z-index: 1;
}

html[dir="rtl"]
  .contact-box
  .container
  .right-area
  .item
  .left
  span:nth-child(3) {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 18px;
  left: 19px;
  background: #10385b;
  z-index: 2;
}

html[dir="rtl"] .contact-box .container .right-area .item .right {
  width: calc(100% - 40px);
}

html[dir="rtl"] .contact-box .container .right-area .item .line {
  position: absolute;
  left: 24px;
  height: 126%;
  width: 1px;
  border-left: 1px dashed #bacce6;
}

html[dir="rtl"]
  .contact-box
  .container
  .right-area
  .content
  .item:first-child
  .line {
  top: 28px;
}

html[dir="rtl"] .contact-box .container .right-area .content .item:last-child {
  margin-bottom: 0;
}

html[dir="rtl"]
  .contact-box
  .container
  .right-area
  .content
  .item:last-child
  .line {
  bottom: 40px;
}

html[dir="rtl"] .inner-banner,
html[dir="rtl"] .inner-banner-icon {
  background: url(../../images/pattern-bg.png) no-repeat center;
  background-size: cover;
  padding: 40px 0;
}

html[dir="rtl"] .inner-banner h2,
html[dir="rtl"] .inner-banner-icon h2 {
  text-align: center;
  color: #ffffff;
}

html[dir="rtl"] .inner-banner {
  padding: 40px 0;
}

html[dir="rtl"] .inner-banner-profile {
  background-image: url(../../images/pattern-bg-banner-profile.jpg);
}

html[dir="rtl"] .inner-banner-profile .author-profile {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .inner-banner-profile .author-profile {
    display: block;
    text-align: center;
  }
}

html[dir="rtl"] .inner-banner-profile .author-profile .img-box {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .inner-banner-profile .author-profile .img-box {
    margin: 0 auto 16px;
  }
}

html[dir="rtl"] .inner-banner-profile .author-profile .img-box img {
  height: 100%;
  border-radius: 5px;
  display: block;
}

html[dir="rtl"] .inner-banner-profile .author-profile .content {
  width: calc(100% - 120px);
  padding-right: 32px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .inner-banner-profile .author-profile .content {
    width: 100%;
    padding-right: 0;
  }
}

html[dir="rtl"] .inner-banner-profile .author-profile .content .user-name {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  display: block;
  margin-bottom: 8px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .inner-banner-profile .author-profile .content .user-name {
    font-size: 20px;
  }
}

html[dir="rtl"] .inner-banner-profile .author-profile .text-box {
  width: 100%;
  color: #ffffff;
}

html[dir="rtl"] .inner-banner-profile .author-profile .text-box p {
  color: #ffffff;
  margin-bottom: 0;
  min-height: auto;
}

html[dir="rtl"] .inner-banner-icon span {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  display: block;
  color: #ffffff;
}

html[dir="rtl"] .inner-banner-icon h2 {
  width: 100%;
  text-align: center;
}

html[dir="rtl"] .inner-banner-icon p {
  width: 100%;
  text-align: center;
  color: #ffffff;
  margin-top: 15px;
}

html[dir="rtl"] .blog-wrap {
  margin-top: 78px;
}

html[dir="rtl"] .inner-content {
  padding: 80px 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .inner-content {
    padding: 50px 0;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .inner-content .white-form {
    padding: 0;
  }
}

html[dir="rtl"] .inner-content .box .icon-box {
  height: auto;
}

html[dir="rtl"] .inner-content .box .icon-box svg {
  width: 60px;
  height: 60px;
}

html[dir="rtl"] .inner-content.special-box .box h3 {
  font-size: 0.875rem;
}

html[dir="rtl"] .inner-content .banner-box {
  padding: 60px 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: left bottom;
}

html[dir="rtl"] .inner-content .banner-box.blog-banner .date-time {
  position: relative;
}

html[dir="rtl"] .inner-content .banner-box .date-time .dt-info-box {
  display: flex;
  margin-bottom: 16px;
}

html[dir="rtl"] .inner-content .banner-box .date-time .dt-info-box span {
  font-size: 0.875rem;
}

html[dir="rtl"] .inner-content .banner-box .date-time .dt-info-box svg {
  margin-left: 10px;
}

html[dir="rtl"] .inner-content .banner-box .date-time .dt-info-box .date {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .inner-content .banner-box .date-time .dt-info-box .date span {
  display: flex;
  align-items: center;
}

html[dir="rtl"]
  .inner-content
  .banner-box
  .date-time
  .dt-info-box
  .date
  span
  .dot {
  margin: 0 15px;
}

html[dir="rtl"] .inner-content .banner-box .date-time .dt-info-box .location {
  margin-right: 30px;
}

html[dir="rtl"] .inner-content .banner-box .date-time .dt-info-box span {
  color: #ffffff;
}

html[dir="rtl"] .inner-content .banner-box h2 {
  color: #ffffff;
  margin-bottom: 20px;
}

html[dir="rtl"] .inner-content .banner-box p {
  color: #b7b7b7;
  margin-bottom: 40px;
}

html[dir="rtl"] .inner-content .banner-box:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #000000;
  z-index: 1;
  opacity: 0.7;
}

html[dir="rtl"] .inner-content .banner-box .container {
  position: relative;
  z-index: 2;
}

html[dir="rtl"] .inner-content .banner-box .date-time {
  position: absolute;
  bottom: 0;
  right: 16px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .inner-content .banner-box .date-time {
    position: static;
    margin-bottom: 24px;
  }
}

html[dir="rtl"] .gray-bg {
  background: #f2f2f2;
}

html[dir="rtl"] .list-box,
html[dir="rtl"] .list-box-2 {
  display: flex;
  flex-wrap: wrap;
}

html[dir="rtl"] .list-box .list-item,
html[dir="rtl"] .list-box-2 .list-item {
  border: 1px solid #d7d7d7;
  padding: 8px 40px 8px 8px;
  background: #ffffff;
  color: #666666;
  font-size: 0.875rem;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
}

html[dir="rtl"] .list-box .list-item:before,
html[dir="rtl"] .list-box-2 .list-item:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #10385b;
  position: absolute;
  right: 14px;
  top: 12px;
  transform: rotate(-137deg);
  border-bottom: 0;
  border-left: 0;
}

html[dir="rtl"] .list-box.two-col .list-item,
html[dir="rtl"] .list-box-2.two-col .list-item {
  width: calc(50% - 20px);
}

@media (max-width: 767px) {
  html[dir="rtl"] .list-box.two-col .list-item,
  html[dir="rtl"] .list-box-2.two-col .list-item {
    width: 100%;
  }
}

html[dir="rtl"] .list-box-2 {
  display: block;
}

html[dir="rtl"] .list-box-2 .list-item {
  display: block;
  padding-top: 0;
  padding-left: 0;
  padding-right: 22px;
  border: 0;
}

html[dir="rtl"] .list-box-2 .list-item:before {
  right: 0;
  top: 5px;
}

html[dir="rtl"] .author .content {
  display: flex;
  flex-wrap: wrap;
}

html[dir="rtl"] .author .content h3 {
  width: 100%;
}

html[dir="rtl"] .author .content h5 {
  margin-top: 0;
}

html[dir="rtl"] .author .content .user-img {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100px;
}

html[dir="rtl"] .author .content .user-img img {
  height: 100%;
}

html[dir="rtl"] .author .content .content-text {
  width: calc(100% - 50px);
  padding-right: 20px;
}

html[dir="rtl"] .head-box {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

html[dir="rtl"] .head-box p {
  margin-top: 25px;
}

html[dir="rtl"] .inner-slider {
  padding: 50px 0;
  background: #10385b;
  position: relative;
}

html[dir="rtl"] .inner-slider span {
  color: #25bbed;
}

html[dir="rtl"] .inner-slider h3 {
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 20px;
}

html[dir="rtl"] .inner-slider p {
  color: #ffffff;
}

html[dir="rtl"] .inner-slider .img-box img {
  width: 100%;
}

html[dir="rtl"] .inner-slider .slick-arrow {
  position: absolute;
  top: calc(50% - 25px);
  font-size: 0;
  border: 1px solid #cccccc;
  background: transparent;
  width: 50px;
  height: 50px;
  transform: rotate(45deg);
}

html[dir="rtl"] .inner-slider .slick-prev {
  left: -100px;
  border-top: 0;
  border-right: 0;
}

html[dir="rtl"] .inner-slider .slick-next {
  right: -100px;
  border-bottom: 0;
  border-left: 0;
}

html[dir="rtl"] .contact-box {
  position: relative;
}

html[dir="rtl"] .contact-box .form-area {
  width: 40%;
  position: absolute;
  left: 0;
  padding: 30px;
  padding-top: 0;
  background: #ffffff;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .form-area {
    padding: 0;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .contact-box .form-area {
    padding: 0;
  }
}

html[dir="rtl"] .contact-box .form-area .form-group {
  margin-bottom: 26px;
}

html[dir="rtl"] .contact-box .form-area .form-control {
  color: #666666;
}

html[dir="rtl"] .contact-box .form-area .form-control::placeholder {
  color: #666666;
  opacity: 1;
  /* Firefox */
}

html[dir="rtl"] .contact-box .form-area .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
}

html[dir="rtl"] .contact-box .form-area .form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666666;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .form-area {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 40px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .contact-box .form-area {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 40px;
  }
}

html[dir="rtl"] .contact-box .address-area {
  width: 55%;
  margin-top: 60px;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .address-area {
    width: 100%;
  }
}

html[dir="rtl"] .contact-box .address-area .item {
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e1e1e1;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .address-area .item {
    display: block;
  }
  html[dir="rtl"] .contact-box .address-area .item .left-area,
  html[dir="rtl"] .contact-box .address-area .item .right-area {
    width: 100% !important;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .contact-box .address-area .item {
    display: block;
  }
  html[dir="rtl"] .contact-box .address-area .item .left-area,
  html[dir="rtl"] .contact-box .address-area .item .right-area {
    width: 100% !important;
  }
}

html[dir="rtl"] .contact-box .address-area .item .left-area {
  width: 240px;
  display: flex;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .address-area .item .left-area {
    display: flex;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .contact-box .address-area .item .left-area {
    display: flex;
    margin-bottom: 20px;
  }
}

html[dir="rtl"] .contact-box .address-area .item .left-area .flag {
  width: 20px;
}

html[dir="rtl"] .contact-box .address-area .item .left-area .flag img {
  width: 100%;
}

html[dir="rtl"] .contact-box .address-area .item .left-area p {
  font-weight: bold;
  color: #24344b;
  padding-right: 10px;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .address-area .item .left-area p {
    margin-top: 0;
    margin-left: 15px;
  }
}

html[dir="rtl"] .contact-box .address-area .item .right-area {
  width: calc(100% - 240px);
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .contact-box .address-area .item .right-area {
    margin-top: 20px;
  }
}

html[dir="rtl"] .contact-box .address-area .item .right-area ul li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
}

html[dir="rtl"] .contact-box .address-area .item .right-area ul li img {
  width: 20px;
  margin-left: 15px;
}

html[dir="rtl"] .contact-box .address-area .item .right-area ul li a,
html[dir="rtl"] .contact-box .address-area .item .right-area ul li p {
  color: #24344b;
  margin-bottom: 0;
}

html[dir="rtl"] .contact-box .address-area .item:last-child {
  border-bottom: 0;
}

html[dir="rtl"] .c-rt {
  background: #000000;
  padding: 10px 0;
}

html[dir="rtl"] .c-rt p {
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
}

html[dir="rtl"] #icon-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

html[dir="rtl"] #icon-box a {
  display: block;
  width: 200px;
}

html[dir="rtl"] #icon-box a img {
  width: 100%;
}

html[dir="rtl"] .careers-box .box {
  padding: 20px;
  border: 1px solid #e1e1e1;
}

html[dir="rtl"] .careers-box .box .link-btn {
  margin-top: 25px;
}

html[dir="rtl"] .careers-box .box .heateor_sss_sharing_title {
  margin-bottom: 8px;
}

html[dir="rtl"] .careers-box .box .dt-info-box {
  padding-top: 0;
}

html[dir="rtl"] .careers-box .box .dt-info-box .location span,
html[dir="rtl"] .careers-box .box .dt-info-box .date span {
  padding-right: 0;
}

html[dir="rtl"] .careers-box .box .dt-info-box .location span {
  text-align: left;
}

html[dir="rtl"] .careers-box .box p {
  min-height: 80px;
}

html[dir="rtl"] .careers-box .box .content h3,
html[dir="rtl"] .careers-box .box .content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir="rtl"] .careers-box .box .content h3 {
  min-height: 60px;
}

html[dir="rtl"] .careers-box .box .content p {
  min-height: 40px;
}

html[dir="rtl"] .c-phone-number {
  --width: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

html[dir="rtl"] .c-phone-number .c-code {
  width: var(--width);
}

html[dir="rtl"] .c-phone-number .c-code input {
  padding-left: 10px;
}

html[dir="rtl"] .c-phone-number .c-number {
  width: calc(100% - var(--width));
}

html[dir="rtl"] .tb-banner {
  background-color: #f4f6f7;
  background-image: url(../../images/tb-banner-bg.png);
  background-size: contain;
  background-position: left top;
  padding: 50px 0;
  background-repeat: no-repeat;
}

html[dir="rtl"] .tb-banner .btn {
  padding: 14px 40px;
  border-radius: 5px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

html[dir="rtl"] .tb-banner .p-btn {
  background: #0072b0;
  color: #ffffff;
  margin-left: 10px;
  border: 1px solid transparent;
}

html[dir="rtl"] .tb-banner .p-btn:hover {
  background: #ffffff;
  color: #0072b0;
  border: 1px solid #0072b0;
}

html[dir="rtl"] .tb-banner .s-btn {
  background: #ffffff;
  color: #0072b0;
  border: 1px solid #0072b0;
}

html[dir="rtl"] .tb-banner .s-btn:hover {
  background: #0072b0;
  color: #ffffff;
  border: 1px solid #0072b0;
}

html[dir="rtl"] .tb-banner .left-box {
  width: 50%;
}

html[dir="rtl"] .tb-banner .left-box h1 {
  font-size: 30px;
  color: #10385b;
  margin-bottom: 0;
  line-height: 37px;
  letter-spacing: inherit;
}

html[dir="rtl"] .tb-banner .left-box h2 {
  font-size: 24px;
  color: #666666;
  margin-top: 20px;
  margin-bottom: 20px;
  letter-spacing: 0;
}

html[dir="rtl"] .tb-banner .left-box p {
  font-size: 22px;
  color: #666666;
  margin-bottom: 50px;
}

html[dir="rtl"] .tb-content .tb-title h2 {
  font-size: 30px;
  color: #10385b;
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: 0;
}

html[dir="rtl"] .tb-content .tb-title p {
  text-align: center;
}

html[dir="rtl"] .tb-content {
  padding: 40px 0;
}

html[dir="rtl"] .tb-content .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

html[dir="rtl"] .tb-content .content .box {
  width: 49%;
  display: flex;
  align-items: flex-start;
}

@media (min-width: 768px) {
  html[dir="rtl"] .tb-content .content .box {
    padding-bottom: 40px;
    position: relative;
  }
}

html[dir="rtl"] .tb-content .content .box .left {
  width: 70px;
}

html[dir="rtl"] .tb-content .content .box .right {
  width: calc(100% - 70px);
  padding-right: 40px;
}

html[dir="rtl"] .tb-content .content .box .right a {
  color: #25bbed;
  margin-top: 24px;
  display: block;
}

@media (min-width: 768px) {
  html[dir="rtl"] .tb-content .content .box .right a {
    position: absolute;
    bottom: 0;
    right: 108px;
  }
}

html[dir="rtl"] .tb-content .content .box .right h2 {
  margin-top: 0;
  margin-bottom: 15px;
  letter-spacing: 0;
}

html[dir="rtl"] .tb-content .content .box .right a span {
  padding-left: 10px;
}

@media (max-width: 992px) {
  html[dir="rtl"] .tb-banner .left-box {
    width: 100%;
  }
  html[dir="rtl"] .tb-content .content .box {
    width: 100%;
    margin-bottom: 50px;
  }
  html[dir="rtl"] .tb-banner {
    background-image: none;
  }
}

@media all and (min-width: 992px) {
  html[dir="rtl"] .navbar .dropdown-menu-end {
    right: 0;
    left: auto;
  }
  html[dir="rtl"] .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
  }
  html[dir="rtl"] .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }
  html[dir="rtl"] .navbar .dropdown-menu.fade-up {
    top: 180%;
  }
  html[dir="rtl"] .navbar .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}

html[dir="rtl"] select.form-control {
  appearance: none;
}

html[dir="rtl"] .form-control:focus {
  box-shadow: none !important;
  border-color: #25bbed;
}

html[dir="rtl"] .scroll {
  position: relative;
  top: -100px;
}

html[dir="rtl"] #contarea img {
  max-width: 100%;
}

html[dir="rtl"] .event-blog-wrapp-0 {
  padding-bottom: 0;
}

html[dir="rtl"] .eventsDetails p {
  max-width: 608px !important;
}

html[dir="rtl"] .blog-pagination span,
html[dir="rtl"] .blog-pagination a {
  color: #838181 !important;
  padding: 20px;
}

html[dir="rtl"] .blog-pagination span.current,
html[dir="rtl"] .blog-pagination a.current {
  color: #10385b !important;
  font-weight: 700;
}

html[dir="rtl"] .wpcf7-list-item {
  margin-right: 0 !important;
}

html[dir="rtl"] .box-mdx {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 100%;
}

html[dir="rtl"] .box-mdx .img-box {
  width: 100%;
  margin: 0;
}

html[dir="rtl"] .box-mdx .img-box img {
  display: block;
}

html[dir="rtl"] .dropdown-item .sub-menu {
  display: block;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .w-75 {
    width: 100% !important;
  }
}

html[dir="rtl"] .inner-content .col-md-3.col-sm-12.mt-4:first-child,
html[dir="rtl"] .inner-content .col-md-4.col-sm-12.mt-4:first-child {
  margin-top: 0 !important;
}

@media (min-width: 768px) {
  html[dir="rtl"] .inner-content .col-md-3.col-sm-12.mt-4,
  html[dir="rtl"] .inner-content .col-md-4.col-sm-12.mt-4 {
    margin-top: 0 !important;
  }
  html[dir="rtl"] .inner-content .col-md-3.col-sm-12.mt-4:first-child,
  html[dir="rtl"] .inner-content .col-md-4.col-sm-12.mt-4:first-child {
    margin-top: 0 !important;
  }
}

html[dir="rtl"] .wpcf7-form-control-wrap.UploadCV + .icon {
  top: 29px;
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 0;
  color: transparent;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #10385b;
  border-radius: 50%;
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow.slick-disabled {
  opacity: 0.4;
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10px;
  height: 13px;
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow.slick-prev {
  right: 0;
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow.slick-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76923 1L2 6.53846L8.76923 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
  right: calc(50% - 1px);
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow.slick-prev:lang(ar)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00006 1L7.76929 6.53846L1.00006 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow.slick-next {
  left: 0;
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow.slick-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00006 1L7.76929 6.53846L1.00006 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
  right: calc(50% + 1px);
}

html[dir="rtl"] .bnx-list-slider-arrow .slick-arrow.slick-next:lang(ar)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76923 1L2 6.53846L8.76923 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}

html[dir="rtl"] .calendly-badge-widget {
  left: 107px !important;
  bottom: 25px !important;
}

@media (max-width: 600px) and (max-device-height: 750px) {
  html[dir="rtl"] .calendly-badge-widget {
    left: 88px !important;
    bottom: 18px !important;
  }
}

html[dir="rtl"] .calendly-badge-widget .calendly-badge-content {
  font-size: 12px !important;
  width: 60px !important;
  height: 60px !important;
  padding: 0 !important;
  position: relative;
  background-color: #05bbf0 !important;
  border-radius: 70px !important;
  transition: all 0.2s;
  color: transparent !important;
}

html[dir="rtl"] .calendly-badge-widget .calendly-badge-content::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%0A%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170.22 123.66'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M169.6,16.64c-1.63-4.97-6.22-8.37-11.49-8.44-4.09-.05-8.18-.01-12.47-.01,0-1.27,0-2.48,0-3.7-.02-2.62-1.69-4.47-4.05-4.5-2.43-.03-4.13,1.83-4.14,4.53,0,1.18,0,2.37,0,3.6h-57.35c0-1.2,0-2.42,0-3.64C80.08,1.87,78.41,.03,76.04,0c-2.43-.03-4.13,1.83-4.14,4.53,0,1.15,0,2.3,0,3.66h-1.37c-3.5,0-7,0-10.49,0-7.43,.02-12.71,5.31-12.71,12.76,0,23.98,0,47.96,0,71.95,.55-.42,1.1-.84,1.66-1.26,1.65-1.26,3.36-2.57,5.07-3.85,2.21-1.65,4.81-2.53,7.52-2.53,1.05,0,2.12,.13,3.19,.39,.93,.22,1.84,.46,2.72,.7,1.62,.43,3.15,.83,4.6,1.07,2.25,.37,4.64,.5,7.18,.63h.09c5.29,.28,9.42,2.9,11.64,7.37,.43,.87,.68,1.68,.86,2.27,.05,.16,.1,.32,.13,.43l.33,.97v19.99l-.53,1.19c-.1,.23-.21,.5-.33,.79-.22,.55-.47,1.18-.8,1.85h69.06c1.78-.76,3.69-1.31,5.31-2.33,2.67-1.68,4.19-4.28,4.92-7.35,.07-.28,.18-.54,.28-.81V18.69c-.21-.68-.4-1.37-.62-2.05Zm-32.12-.23h8.21c-.08,1.74,.03,3.49-.27,5.17-.35,1.93-2.27,3.14-4.2,2.98-1.85-.15-3.53-1.62-3.7-3.49-.14-1.51-.03-3.04-.03-4.67Zm-65.57,.03h8.14c0,1.58,.12,3.11-.03,4.62-.2,2.07-2.12,3.59-4.19,3.51-2.01-.08-3.77-1.69-3.9-3.71-.09-1.43-.02-2.88-.02-4.42Zm12.01,57.29c-2.64,.02-5.28,0-7.92,0s-5.28,.01-7.92,0c-2.59-.02-4.4-1.74-4.37-4.14,.03-2.35,1.82-4.04,4.34-4.04,5.28-.01,10.56-.01,15.84,0,2.57,0,4.42,1.77,4.39,4.14-.03,2.32-1.85,4.03-4.36,4.04Zm32.6,24.58c-2.6,.01-5.2,0-7.8,0s-5.21,.01-7.81,0c-2.59-.02-4.44-1.74-4.43-4.12,.01-2.38,1.85-4.07,4.46-4.07,5.2-.01,10.41-.01,15.61,0,2.62,0,4.47,1.68,4.5,4.05,.03,2.42-1.84,4.13-4.53,4.14Zm.17-24.58c-2.64,.02-5.28,0-7.92,0s-5.28,.01-7.92,0c-2.59-.02-4.39-1.74-4.36-4.15,.03-2.34,1.82-4.03,4.34-4.04,5.28-.01,10.56-.01,15.85,0,2.57,0,4.41,1.77,4.38,4.14-.03,2.32-1.86,4.03-4.36,4.04Zm32.78,24.58c-5.29,.02-10.58,.02-15.87,0-2.51,0-4.34-1.74-4.35-4.06-.02-2.39,1.82-4.11,4.41-4.12,2.64-.01,5.29,0,7.93,0s5.2-.01,7.81,0c2.58,.01,4.43,1.75,4.42,4.12-.02,2.32-1.84,4.05-4.35,4.06Zm-.01-24.58c-2.68,.02-5.37,0-8.05,0s-5.2,.01-7.79,0c-2.59-.02-4.39-1.74-4.36-4.15,.03-2.34,1.82-4.03,4.34-4.04,5.28-.01,10.56-.01,15.84,0,2.57,0,4.42,1.77,4.38,4.15-.03,2.31-1.86,4.02-4.36,4.04Zm12.51-24.64H55.58v-8.03h106.4v8.03Z'/%3E%3Cpath class='b' d='M85.43,98.08c-1.31-2.61-3.53-3.73-6.41-3.88-2.66-.14-5.33-.28-7.94-.71-2.25-.37-4.45-1.02-6.66-1.58-.36-.09-.73-.18-1.09-.27-.6-.14-1.18-.22-1.75-.22-1.36,0-2.65,.42-3.83,1.3-2.69,2.02-5.35,4.07-8.03,6.11-.76,.58-1.51,1.54-2.31,1.58h-.06s-.02,0-.02,0c-.81-.01-1.66-.81-2.48-1.28-9.43-5.31-16.51-12.88-21.52-22.43-.11-.21-.09-.61,.04-.79,2.29-3.08,4.53-6.21,6.94-9.19,1.8-2.22,2.38-4.56,1.52-7.28-1.55-4.87-2.25-9.87-2.39-14.97-.12-4.24-2.98-6.96-7.23-6.96-2.47,0-4.94,0-7.41,0s-5.04,0-7.56,0c-4.41,0-7.31,2.97-7.25,7.38,.06,4.35,.42,8.67,1.17,12.96,1.72,9.94,5.21,19.22,10.49,27.81,6.57,10.69,15.18,19.38,25.83,26.02,3.94,2.46,8.01,4.54,12.22,6.24,5.99,2.43,12.26,4.09,18.78,4.98,.68,.09,1.36,.18,2.04,.26,1.83,.21,3.68,.34,5.52,.51h4.21c.76-.19,1.51-.43,2.19-.76,.9-.44,1.69-1.05,2.27-1.96,.62-.97,.96-2.1,1.43-3.17v-17.67c-.23-.66-.38-1.34-.69-1.96-.01-.02-.02-.04-.03-.06Z'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 32px;
  height: 32px;
  top: 13px;
  right: 12px;
}

@media (max-width: 600px) and (max-device-height: 750px) {
  html[dir="rtl"] .calendly-badge-widget .calendly-badge-content::after {
    top: 11px;
    right: 10px;
  }
}

html[dir="rtl"] .calendly-badge-widget .calendly-badge-content.active {
  color: #ffffff !important;
  width: 160px !important;
  padding: 8px 55px 8px 16px !important;
}

@media (max-width: 600px) and (max-device-height: 750px) {
  html[dir="rtl"] .calendly-badge-widget .calendly-badge-content {
    width: 55px !important;
    height: 55px !important;
  }
}

html[dir="rtl"] .calendly-overlay {
  overflow: auto !important;
  z-index: 9999999;
}

html[dir="rtl"] .calendly-overlay .calendly-popup {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  transform: none !important;
  height: auto !important;
  max-height: 100% !important;
  margin: 0 auto;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .calendly-overlay .calendly-popup {
    position: absolute !important;
    top: 50px !important;
  }
}

html[dir="rtl"] .calendly-overlay .calendly-popup-content.calendly-mobile {
  overflow-y: visible !important;
}

html[dir="rtl"] .calendly-overlay iframe {
  height: calc(100vh - 25px) !important;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .calendly-overlay iframe {
    height: calc(100vh - 145px) !important;
  }
}

html[dir="rtl"] .bnx-hybrid-wrk {
  background-color: rgba(241, 245, 248, 0.8);
  padding: 24px;
  margin-top: 24px;
}

html[dir="rtl"] .bnx-hybrid-wrk__title {
  color: #10385b;
  font-size: 18px;
  margin-bottom: 16px;
  font-weight: 600;
}

html[dir="rtl"] .bnx-hybrid-wrk__item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-hybrid-wrk__item img {
  width: 40px;
  height: 40px;
  margin-left: 24px;
}

html[dir="rtl"] .bnx-hybrid-wrk__item p {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-hybrid-wrk__item:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-info-modal .close {
  font-size: 35px;
  font-weight: 400;
}

html[dir="rtl"] .btn-inline {
  color: #ffffff;
  font-weight: 600;
  transition: all 0.4s;
  display: inline-flex;
}

html[dir="rtl"] .btn-inline--icon svg,
html[dir="rtl"] .btn-inline--icon img {
  margin-right: 8px;
  margin-top: -1px;
  width: 22px;
  height: 22px;
  transition: all 0.4s;
}

html[dir="rtl"] .btn-inline--icon:lang(ar) svg,
html[dir="rtl"] .btn-inline--icon:lang(ar) img {
  transform: rotate(180deg);
}

html[dir="rtl"] .btn-inline:hover {
  color: #ffffff;
}

html[dir="rtl"] .btn-inline:hover.btn-inline--icon svg,
html[dir="rtl"] .btn-inline:hover.btn-inline--icon img {
  transform: translateX(-5px);
}

html[dir="rtl"] .btn-inline:hover.btn-inline--icon:lang(ar) svg,
html[dir="rtl"] .btn-inline:hover.btn-inline--icon:lang(ar) img {
  transform: translateX(-5px) rotate(180deg);
}

html[dir="rtl"] .btn-inline--blue {
  color: #10385b;
}

html[dir="rtl"] .btn-inline--blue svg path {
  stroke: #10385b;
}

html[dir="rtl"] .btn-inline--blue:hover {
  color: #10385b;
}

html[dir="rtl"] .btn-inline--light-blue {
  color: #2b98f7;
}

html[dir="rtl"] .btn-inline--light-blue svg path {
  stroke: #2b98f7;
}

html[dir="rtl"] .btn-inline--light-blue:hover {
  color: #2b98f7;
}

html[dir="rtl"] .bnx-primary-btn {
  color: #ffffff;
  font-weight: 600;
  transition: all 0.4s;
  display: inline-flex;
  padding: 10px 24px;
  background-color: #10385b;
  border: 0;
}

html[dir="rtl"] .bnx-primary-btn svg,
html[dir="rtl"] .bnx-primary-btn img {
  margin-right: 8px;
  margin-top: -1px;
  width: 22px;
  height: 22px;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-primary-btn:hover {
  color: #ffffff;
  background-color: rgba(16, 56, 91, 0.8);
}

html[dir="rtl"] .bnx-primary-btn:hover svg,
html[dir="rtl"] .bnx-primary-btn:hover img {
  transform: translateX(-5px);
}

html[dir="rtl"] .bnx-primary-btn--light-blue {
  background-color: #04bbf2;
}

html[dir="rtl"] .bnx-primary-btn--light-blue:hover {
  background-color: rgba(4, 186, 242, 0.8);
}

html[dir="rtl"] .bnx-primary-btn--icon-left svg {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .bnx-primary-btn--icon-left:hover svg {
  transform: translateX(5px);
}

html[dir="rtl"] .bnx-primary-btn:lang(ar) svg,
html[dir="rtl"] .bnx-primary-btn:lang(ar) img {
  transform: rotate(180deg);
}

html[dir="rtl"] .bnx-primary-btn:lang(ar):hover svg,
html[dir="rtl"] .bnx-primary-btn:lang(ar):hover img {
  transform: translateX(-5px) rotate(180deg);
}

html[dir="rtl"] .bnx-click-chat {
  color: #04bbf2;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-click-chat svg,
html[dir="rtl"] .bnx-click-chat img {
  width: 22px;
  height: 22px;
  margin-left: 8px;
  margin-top: -3px;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-click-chat:hover {
  color: #04bbf2;
  text-decoration: underline;
}

html[dir="rtl"] .bnx-click-chat:hover svg,
html[dir="rtl"] .bnx-click-chat:hover img {
  transform: scale(1.1);
}

html[dir="rtl"] .tile-career {
  padding: 24px;
  border: 1px solid #e1e1e1;
  display: flex;
  flex-direction: column;
}

html[dir="rtl"] .tile-career__top-cnt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

html[dir="rtl"] .tile-career__location {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  margin-left: 16px;
}

html[dir="rtl"] .tile-career__time {
  text-align: left;
  font-size: 12px;
  color: #666666;
}

html[dir="rtl"] .tile-career__title {
  color: #10385b;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 16px;
  min-height: 52px;
}

html[dir="rtl"] .tile-career__cnt {
  font-size: 14px;
  color: #666666;
  margin-bottom: 16px;
}

html[dir="rtl"] .tile-career__cnt-qr-code {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  align-items: flex-end;
}

html[dir="rtl"] .tile-career__cnt-qr-code .tile-career__cnt {
  margin-bottom: 0;
}

html[dir="rtl"] .tile-career__cnt-qr-code-img {
  width: 80px;
  height: auto;
}

html[dir="rtl"] .tile-career__social-link {
  display: flex;
  margin-top: 8px;
}

html[dir="rtl"] .tile-career__social-link svg {
  width: 30px;
  height: 30px;
  transition: all 0.4s;
}

html[dir="rtl"] .tile-career__social-link li {
  margin-left: 16px;
}

html[dir="rtl"] .tile-career__social-link li:last-child {
  margin-left: 0;
}

html[dir="rtl"] .tile-career__social-link a:hover svg {
  transform: scale(1.1);
}

html[dir="rtl"] .tile-career .link-btn {
  margin-top: 16px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .tile-career {
    padding: 16px;
  }
}

html[dir="rtl"] .bnx-job-tile {
  padding: 32px;
  box-shadow: 0 5px 39px rgba(171, 187, 207, 0.22);
  background-color: #ffffff;
  position: relative;
}

html[dir="rtl"] .bnx-job-tile__location {
  color: #666666;
  font-size: 14px;
  position: relative;
  padding-right: 32px;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-job-tile__location::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3832 19.6467C10.8743 19.6467 10.3593 19.4671 9.95211 19.1018C7.73055 17.1318 4 13.3833 4 10.3832C4 6.31138 7.31138 3 11.3832 3C15.4551 3 18.7665 6.31138 18.7665 10.3832C18.7665 13.3833 15.0359 17.1318 12.8144 19.1018C12.4072 19.4611 11.8922 19.6467 11.3832 19.6467ZM11.3832 4.23354C7.99402 4.23354 5.23354 6.99402 5.23354 10.3832C5.23354 12.1916 7.3054 15.1078 10.7725 18.1797C11.1198 18.491 11.6527 18.491 12 18.1797C15.4671 15.1078 17.5389 12.1976 17.5389 10.3832C17.5389 6.99402 14.7785 4.23354 11.3892 4.23354H11.3832ZM11.2814 13.485C9.28743 13.485 7.66468 11.8623 7.66468 9.86828C7.66468 7.87426 9.28743 6.2515 11.2814 6.2515C13.2755 6.2515 14.8982 7.87426 14.8982 9.86828C14.8982 11.8623 13.2755 13.485 11.2814 13.485ZM11.2814 7.48504C9.96408 7.48504 8.89821 8.5569 8.89821 9.86828C8.89821 11.1797 9.97007 12.2515 11.2814 12.2515C12.5928 12.2515 13.6647 11.1797 13.6647 9.86828C13.6647 8.5569 12.5928 7.48504 11.2814 7.48504Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 1px);
  transform: translatey(-50%);
  right: 0;
}

html[dir="rtl"] .bnx-job-tile h3 {
  font-size: 18px;
  color: #10385b;
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-job-tile__tag-outer {
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

html[dir="rtl"] .bnx-job-tile__tag {
  padding: 8px 16px;
  color: #10385b;
  background-color: rgba(16, 56, 91, 0.1);
  border-radius: 50px;
  display: inline-block;
  margin-left: 24px;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-job-tile__tag:hover {
  color: #10385b;
}

html[dir="rtl"] .bnx-job-tile__job-nature {
  font-size: 14px;
  color: #666666;
  align-self: center;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-job-tile__share {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 1;
}

html[dir="rtl"] .bnx-job-tile__share:hover .bnx-job-tile__share-expan {
  opacity: 1;
  visibility: visible;
}

html[dir="rtl"] .bnx-job-tile__share-icon {
  cursor: pointer;
  width: 40px;
}

html[dir="rtl"] .bnx-job-tile__share-icon img {
  width: 20px;
  height: auto;
  display: block;
  margin-right: auto;
}

html[dir="rtl"] .bnx-job-tile__share-expan {
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  background-color: #ffffff;
  box-shadow: -2px 5px 39px rgba(171, 187, 207, 0.42);
  padding: 8px 16px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

html[dir="rtl"] .bnx-job-tile__share-expan::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  background-color: #ffffff;
}

html[dir="rtl"] .bnx-job-tile__share-expan a {
  display: block;
  margin-left: 16px;
}

html[dir="rtl"] .bnx-job-tile__share-expan a:last-child {
  margin-left: 0;
}

html[dir="rtl"] .bnx-job-tile__share-expan a:hover img {
  transform: scale(1.1);
}

html[dir="rtl"] .bnx-job-tile__share-expan a img {
  width: 22px;
  height: 22px;
  display: block;
  transition: all 0.3s;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-job-tile {
    padding: 24px;
  }
}

html[dir="rtl"] .career__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .career .tile-career {
  width: calc(33.33% - 32px);
  margin: 16px;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .career .tile-career {
    width: calc(50% - 32px);
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .career__wrapper {
    margin: 0 -8px;
  }
  html[dir="rtl"] .career .tile-career {
    width: calc(100% - 16px);
    margin: 8px;
  }
}

html[dir="rtl"] .bx-careerfilter {
  position: relative;
}

html[dir="rtl"] .bx-careerfilter::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 190px;
  right: 0;
  top: 0;
  background-color: #f1f5f8;
}

html[dir="rtl"] .bx-careerfilter .filter-refresh-btn {
  color: #2b98f7;
  font-weight: 500;
}

html[dir="rtl"] .bx-careerfilter .filter-refresh-btn svg {
  margin-left: 8px;
  transition: all 0.4s;
}

html[dir="rtl"] .bx-careerfilter .filter-refresh-btn:hover svg {
  transform: rotate(-45deg);
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea {
  display: none;
  flex-wrap: wrap;
  margin-top: 16px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea--show {
  display: flex;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__outer {
  display: flex;
  margin-left: 32px;
  margin-top: 16px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tags {
  display: flex;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tag {
  color: #2b98f7;
  border: 1px solid #2b98f7;
  padding: 2px 8px 2px 20px;
  border-radius: 40px;
  background-color: rgba(43, 152, 247, 0.1);
  font-size: 12px;
  position: relative;
  margin: 4px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tag::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L7 7.5M7 1L0.5 7.5' stroke='%232B98F7'/%3E%3C/svg%3E%0A");
  position: absolute;
  width: 6px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 7px;
  left: 7px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__label {
  color: #666666;
  margin-left: 8px;
  margin-top: 4px;
}

html[dir="rtl"] .dropbtn {
  background-color: #fff;
  color: #666666;
  border: none;
  padding: 8px 30px 8px 25px;
  font-size: 14px;
  cursor: pointer;
}

html[dir="rtl"] .dropbtn::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  transform: rotate(-135deg);
  position: absolute;
  top: 11px;
  left: 3px;
}

html[dir="rtl"] .dropbtn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3832 19.6467C10.8743 19.6467 10.3593 19.4671 9.95211 19.1018C7.73055 17.1318 4 13.3833 4 10.3832C4 6.31138 7.31138 3 11.3832 3C15.4551 3 18.7665 6.31138 18.7665 10.3832C18.7665 13.3833 15.0359 17.1318 12.8144 19.1018C12.4072 19.4611 11.8922 19.6467 11.3832 19.6467ZM11.3832 4.23354C7.99402 4.23354 5.23354 6.99402 5.23354 10.3832C5.23354 12.1916 7.3054 15.1078 10.7725 18.1797C11.1198 18.491 11.6527 18.491 12 18.1797C15.4671 15.1078 17.5389 12.1976 17.5389 10.3832C17.5389 6.99402 14.7785 4.23354 11.3892 4.23354H11.3832ZM11.2814 13.485C9.28743 13.485 7.66468 11.8623 7.66468 9.86828C7.66468 7.87426 9.28743 6.2515 11.2814 6.2515C13.2755 6.2515 14.8982 7.87426 14.8982 9.86828C14.8982 11.8623 13.2755 13.485 11.2814 13.485ZM11.2814 7.48504C9.96408 7.48504 8.89821 8.5569 8.89821 9.86828C8.89821 11.1797 9.97007 12.2515 11.2814 12.2515C12.5928 12.2515 13.6647 11.1797 13.6647 9.86828C13.6647 8.5569 12.5928 7.48504 11.2814 7.48504Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 1px);
  transform: translatey(-50%);
  right: 0;
}

html[dir="rtl"] .dropbtn:hover {
  background-color: #ffffff;
}

html[dir="rtl"] .deptmnt::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4352 17.94H18.5826V6.22756C18.5826 5.93607 18.3284 5.69758 18.0178 5.69758H15.5891V3.52998C15.5891 3.23849 15.3349 3 15.0243 3H6.97571C6.66507 3 6.4109 3.23849 6.4109 3.52998V5.69758H3.98221C3.67156 5.69758 3.4174 5.93607 3.4174 6.22756V17.94H1.56481C1.25417 17.94 1 18.1785 1 18.47C1 18.7615 1.25417 19 1.56481 19H20.4352C20.7458 19 21 18.7615 21 18.47C21 18.1785 20.7458 17.94 20.4352 17.94ZM7.54053 4.05995H14.4651V5.69758H7.54053V4.05995ZM12.8667 17.94H9.1333V11.7234H12.8667V17.94ZM13.9963 17.94V11.1934C13.9963 10.902 13.7422 10.6635 13.4315 10.6635H8.56848C8.25784 10.6635 8.00367 10.902 8.00367 11.1934V17.94H4.54702V6.75754H17.453V17.94H13.9963Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .exp::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0806 18.7244H4.11759C2.4 18.7244 1 17.3244 1 15.6068V9.93546C1 8.21787 2.4 6.81787 4.11759 6.81787H17.0806C18.7982 6.81787 20.1982 8.21787 20.1982 9.93546V15.6132C20.1982 17.3308 18.7982 18.7308 17.0806 18.7308V18.7244ZM4.11759 8.15306C3.13889 8.15306 2.33519 8.95028 2.33519 9.93546V15.6132C2.33519 16.5919 3.13241 17.3957 4.11759 17.3957H17.0806C18.0593 17.3957 18.863 16.5984 18.863 15.6132V9.93546C18.863 8.95676 18.0657 8.15306 17.0806 8.15306H4.11759V8.15306Z' fill='%2304BBF2'/%3E%3Cpath d='M14.7019 8.15278H6.48986C6.12041 8.15278 5.82227 7.85463 5.82227 7.48519V5.5213C5.82227 4.13426 6.95004 3 8.34356 3H12.8547C14.2417 3 15.376 4.12778 15.376 5.5213V7.49167C15.376 7.86111 15.0778 8.15926 14.7084 8.15926L14.7019 8.15278ZM7.15745 6.81759H14.0343V5.5213C14.0343 4.86667 13.5028 4.34167 12.8547 4.34167H8.34356C7.68893 4.34167 7.16393 4.87315 7.16393 5.5213V6.82408L7.15745 6.81759Z' fill='%2304BBF2'/%3E%3Cpath d='M13.6969 11.698H7.5006C7.13116 11.698 6.83301 11.3998 6.83301 11.0304C6.83301 10.6609 7.13116 10.3628 7.5006 10.3628H13.7034C14.0728 10.3628 14.371 10.6609 14.371 11.0304C14.371 11.3998 14.0728 11.698 13.7034 11.698H13.6969Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .dropdown {
  position: relative;
  display: inline-block;
  text-align: center;
}

html[dir="rtl"] .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  border: 1px solid #eaf0f5;
  overflow: auto;
  box-shadow: 0px 8px 34px rgba(16, 56, 91, 0.04);
  z-index: 1;
  overflow-y: auto;
  max-height: 320px;
  top: 44px;
  right: 50%;
  transform: translateX(50%);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar {
  width: 5px;
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar-track {
  background: #ffffff;
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar-thumb {
  background: #d0d0d0;
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #666;
}

html[dir="rtl"] .show {
  display: block;
}

html[dir="rtl"] .bx-cf-location {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  position: relative;
}

html[dir="rtl"] .bx-cf-location::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #d0d0d0;
}

html[dir="rtl"] .bx-cf-location:last-child::after {
  content: none;
}

html[dir="rtl"] .bx-cf-location p {
  margin: 0;
}

html[dir="rtl"] .bx-cf-wrapper {
  padding-top: 50px;
  position: relative;
  max-width: 1150px !important;
  z-index: 1;
}

html[dir="rtl"] .bx-cf-wrapper button {
  border: none;
  background: transparent;
}

html[dir="rtl"] .bx-cf-filterarea {
  width: 100%;
  padding: 15px 0px 15px 40px;
  box-shadow: 0px 11px 34px rgba(16, 56, 91, 0.08);
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #dfeff3;
}

html[dir="rtl"] .bx-checkbox {
  color: #666666;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 42px;
  text-align: right;
}

html[dir="rtl"] .bx-checkbox:hover {
  background-color: #eef1f3;
}

html[dir="rtl"] .bx-checkbox:hover input ~ .bx-checkmark {
  background-color: #ffffff;
}

html[dir="rtl"] .bx-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

html[dir="rtl"] .bx-checkbox input:checked ~ .bx-checkmark {
  background-color: #04bbf2;
}

html[dir="rtl"] .bx-checkbox input:checked ~ .bx-checkmark:after {
  display: block;
}

html[dir="rtl"] .bx-checkbox .bx-checkmark:after {
  right: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0px 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

html[dir="rtl"] .bx-checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
}

html[dir="rtl"] .bx-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

html[dir="rtl"] .p-btn--border-dark {
  border: 1px solid #10385b;
}

html[dir="rtl"] .bx-cf-filterarea_inner-1 {
  display: flex;
  width: 80%;
}

html[dir="rtl"] .bx-cf-filterarea_inner-2 {
  display: none;
  align-items: center;
}

html[dir="rtl"] .bx-cf-filterarea_inner-2.filter-show {
  display: flex;
}

html[dir="rtl"] .bx-fliter {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 0;
  pointer-events: none;
}

html[dir="rtl"] .bx-fliter img {
  margin-left: 10px;
  display: block;
}

html[dir="rtl"] .bx-fliter span {
  font-weight: 600;
  color: #000000;
}

html[dir="rtl"] .bx-filter--visible {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  html[dir="rtl"] .bx-fliter {
    display: flex;
    margin-bottom: 0;
  }
  html[dir="rtl"] .bx-cf-wrapper {
    padding-top: 40px;
    margin-bottom: 0;
  }
  html[dir="rtl"] .bx-cf-filterarea {
    display: none;
    padding-left: 20px;
  }
  html[dir="rtl"] .bx-cf-location {
    margin-left: 0;
    justify-content: center;
  }
  html[dir="rtl"] .bx-cf-filterarea_inner-2 {
    display: flex;
  }
  html[dir="rtl"] .bx-filter--visible {
    display: none;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bx-fliter {
    pointer-events: all;
    margin-bottom: 16px;
  }
  html[dir="rtl"] .dropbtn {
    position: relative;
  }
  html[dir="rtl"] .bx-careerfilter::after {
    content: none;
  }
  html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__outer {
    flex-wrap: wrap;
  }
  html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tags {
    flex-wrap: wrap;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .dropbtn {
    margin: 0 auto;
    display: inline-block;
  }
  html[dir="rtl"] .bx-cf-filterarea_inner-1 {
    width: 100%;
    flex-wrap: wrap;
  }
  html[dir="rtl"] .dropdown-content {
    position: relative;
    top: 0;
    max-height: 100%;
  }
  html[dir="rtl"] .bx-cf-location {
    width: 100%;
    margin-bottom: 8px;
  }
  html[dir="rtl"] .bx-cf-location::after {
    content: none;
  }
  html[dir="rtl"] .bx-cf-filterarea_inner-2 {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
  }
}

html[dir="rtl"] .bnx-career-list {
  padding: 50px 0;
}

html[dir="rtl"] .bnx-career-list__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .bnx-career-list__wrapper .bnx-job-tile {
  margin: 16px;
  width: calc(50% - 32px);
  display: flex;
  flex-direction: column;
}

html[dir="rtl"] .bnx-career-list__wrapper .bnx-job-tile .btn-inline {
  margin-top: auto;
}

html[dir="rtl"] .bnx-career-list .bnx-pagination {
  margin-top: 32px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-career-list {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-career-list__wrapper {
    margin: 0 -8px;
  }
  html[dir="rtl"] .bnx-career-list .bnx-job-tile {
    width: calc(100% - 16px);
    margin: 8px;
  }
}

html[dir="rtl"] header {
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] header .dropdown-item {
    padding: 16px 16px 0;
  }
  html[dir="rtl"] header .dropdown-item:last-child {
    padding-bottom: 16px;
  }
}

html[dir="rtl"] header.sticky .bottom {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #ffffff;
}

html[dir="rtl"] header.sticky .nav-link {
  padding-top: 12px;
  padding-bottom: 12px;
}

html[dir="rtl"] header.sticky .navbar-brand {
  padding-top: 8px;
  padding-bottom: 8px;
}

html[dir="rtl"] header.sticky .navbar-brand img {
  width: 120px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] header.sticky .navbar-collapse {
    height: calc(100vh - 38px);
  }
}

html[dir="rtl"] header .top,
html[dir="rtl"] header .bottom {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}

html[dir="rtl"] header .top .container,
html[dir="rtl"] header .bottom .container {
  position: relative;
}

html[dir="rtl"] header .left-area .dot {
  margin-right: 28px;
  margin-left: 28px;
}

html[dir="rtl"] header .left-area span {
  color: #666666;
}

html[dir="rtl"] header .language {
  display: flex;
  align-items: center;
}

html[dir="rtl"] header .language .icon {
  width: 15px;
}

html[dir="rtl"] header .language .icon svg {
  width: 15px;
}

html[dir="rtl"] header .language select {
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 4.5L8 1' stroke='%23666666'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 9px 6px;
  background-position: center left;
}

html[dir="rtl"] header .right-area {
  display: flex;
  align-items: center;
}

html[dir="rtl"] header .right-area .s-btn {
  margin-left: 10px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] header .right-area {
    display: none;
    position: fixed;
    width: 100%;
    background: #ffffff;
    z-index: 3;
    left: 0;
    right: 0;
    top: 89px;
    padding: 20px 16px;
    background-color: #e7e6e6;
  }
  html[dir="rtl"] header .right-area.show {
    display: block;
  }
}

html[dir="rtl"] header span,
html[dir="rtl"] header a,
html[dir="rtl"] header p {
  font-size: 0.875rem;
}

html[dir="rtl"] header nav .dropdown-toggle::after {
  display: none;
}

html[dir="rtl"] header nav .nav-link {
  color: #10385b;
  margin-left: 12px;
}

html[dir="rtl"] header .logo {
  width: 150px;
}

html[dir="rtl"] header .nav-item {
  margin-bottom: 0;
}

html[dir="rtl"] header .nav-item:last-child a {
  margin-left: 0;
}

html[dir="rtl"] header .nav-item .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
}

html[dir="rtl"] header .nav-item .dropdown-menu .dropdown-item-sub {
  font-size: 0.875rem;
}

html[dir="rtl"] header .nav-item .dropdown-menu .dropdown-item-sub .sub-menu {
  display: none;
  width: 100%;
  color: #10385b;
  font-size: 0.75rem;
  padding: 5px 10px 10px 0;
}

html[dir="rtl"]
  header
  .nav-item
  .dropdown-menu
  .dropdown-item-sub
  .sub-menu:first-child {
  margin-top: 5px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] header .nav-item .dropdown-menu .dropdown-item-sub .sub-menu {
    display: block;
  }
}

html[dir="rtl"] header .nav-item .dropdown-menu .dropdown-item-sub:hover {
  background: #eaeaea;
  border-left: 5px solid #10385b;
}

html[dir="rtl"]
  header
  .nav-item
  .dropdown-menu
  .dropdown-item-sub:hover
  .sub-menu {
  display: block;
}

html[dir="rtl"] header .navbar-brand {
  line-height: 0;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  transition: all 0.3s;
}

html[dir="rtl"] header .navbar-brand img {
  width: 150px;
  height: auto;
  transition: all 0.3s;
}

html[dir="rtl"] header .navbar-toggler {
  padding: 0;
  width: 30px;
}

html[dir="rtl"] header .navbar-toggler .navbar-toggler-icon {
  display: block;
  width: 100%;
  height: 1px;
  background: #000000;
  margin-bottom: 5px;
}

html[dir="rtl"] header .contact-btn .bnx-primary-btn--icon-left {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 400;
}

html[dir="rtl"] header .contact-btn .bnx-primary-btn--icon-left svg {
  width: 18px;
  height: 18px;
}

html[dir="rtl"] header .contact-btn .bnx-primary-btn--icon-left:hover svg {
  transform: translateX(2px);
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] header .navbar-collapse {
    margin: 0 -16px;
    padding: 0 16px;
    height: calc(100vh - 88px);
    overflow-y: auto;
    transition: none;
  }
}

html[dir="rtl"] .bnx-header-menu-show {
  overflow: hidden;
}

html[dir="rtl"] .trial-links {
  display: flex;
  margin-left: 30px;
}

html[dir="rtl"] .trial-links a {
  color: #666666;
  display: flex;
  align-items: center;
  margin-right: 0;
  transition: all 0.3s;
}

html[dir="rtl"] .trial-links a:hover {
  color: #25bbed;
}

html[dir="rtl"] .trial-links a:last-child {
  margin-right: 0;
}

html[dir="rtl"] .trial-links a .dot {
  background: #25bbed;
  margin-right: 10px;
  margin-left: 10px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .trial-links a .dot {
    margin-right: 0;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .trial-links a {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .trial-links {
    flex-wrap: wrap;
  }
}

html[dir="rtl"] .head-social {
  display: flex;
}

html[dir="rtl"] .head-social a {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
}

html[dir="rtl"] .head-social a:last-child {
  margin-left: 0;
}

html[dir="rtl"] .mon-btn {
  width: 30px;
  height: 40px;
  display: none;
  position: absolute;
  left: 15px;
  justify-content: space-between;
  align-items: center;
}

html[dir="rtl"] .mon-btn span {
  display: block;
  width: 5px;
  height: 5px;
  background: #181828;
  border-radius: 50px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .mon-btn {
    display: flex;
  }
}

html[dir="rtl"] .banner {
  overflow-x: hidden;
  position: relative;
}

html[dir="rtl"] .banner .banner-slider {
  min-height: 500px;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .banner-slider {
    min-height: auto;
  }
}

html[dir="rtl"] .banner .banner-slider .slick-list {
  height: auto;
}

html[dir="rtl"] .banner .banner-slider .slick-track {
  height: 100%;
}

html[dir="rtl"] .banner .banner-slider .slick-track .item {
  display: block;
}

html[dir="rtl"] .banner .banner-slider .slick-dots {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%) scale(0.6);
  transform-origin: center;
  display: flex;
  flex-direction: column;
  transition: all 0.4s;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 8px;
  border-radius: 30px;
  backdrop-filter: blur(24px);
}

html[dir="rtl"] .banner .banner-slider .slick-dots:hover {
  transform: translateY(-50%) scale(0.8);
}

html[dir="rtl"] .banner .banner-slider .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex: 1;
  position: relative;
  padding: 12px;
  cursor: pointer;
  transition: all 0.4s;
}

html[dir="rtl"] .banner .banner-slider .slick-dots li:hover {
  transform: scale(1.5);
}

html[dir="rtl"] .banner .banner-slider .slick-dots li:hover button {
  background-color: #fff;
}

html[dir="rtl"] .banner .banner-slider .slick-dots li.hover {
  transform: scale(1.3);
}

html[dir="rtl"] .banner .banner-slider .slick-dots li.hover button {
  background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .banner-slider .slick-dots li {
    width: auto;
  }
}

html[dir="rtl"] .banner .banner-slider .slick-dots li button {
  font-size: 0;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  padding: 0;
  transition: all 0.4s;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .banner .banner-slider .slick-dots li button::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  border-radius: 50%;
  opacity: 0;
}

html[dir="rtl"] .banner .banner-slider .slick-dots li.slick-active {
  transform: scale(1.5);
}

html[dir="rtl"] .banner .banner-slider .slick-dots li.slick-active::after {
  opacity: 1;
}

html[dir="rtl"] .banner .banner-slider .slick-dots li.slick-active::before {
  opacity: 1;
}

html[dir="rtl"] .banner .banner-slider .slick-dots li.slick-active button {
  background-color: #fff;
}

html[dir="rtl"]
  .banner
  .banner-slider
  .slick-dots
  li.slick-active
  button::after {
  opacity: 1;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .banner-slider .slick-dots {
    bottom: 30px;
    top: auto;
    transform: translateX(50%) scale(0.8);
    flex-direction: row;
    height: auto;
    right: 50%;
    justify-content: center;
    width: 80%;
  }
  html[dir="rtl"] .banner .banner-slider .slick-dots:hover {
    transform: translateX(50%) scale(0.8);
  }
}

html[dir="rtl"] .banner .item {
  height: auto;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  display: none;
}

html[dir="rtl"] .banner .item:first-child {
  display: block;
}

html[dir="rtl"] .banner .item.dark-banner {
  background: #000000;
}

html[dir="rtl"] .banner .item.dark-banner .bg-img {
  opacity: 0.8;
  filter: blur(18px);
  -webkit-filter: blur(18px);
}

html[dir="rtl"] .banner .item.dark-banner .container .banner-text h2 {
  color: #ffffff;
}

html[dir="rtl"] .banner .item.dark-banner .container .banner-text .text-head {
  color: #ffffff;
}

html[dir="rtl"] .banner .item.dark-banner .container .banner-text p {
  color: #d1d1d1;
}

html[dir="rtl"] .banner .item.banner-left .img-box {
  /* background-position: 80% 0; */
  background-position: 20% 0;
}
html[dir="rtl"] .bxn-digital-tranfo__wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
html[dir="rtl"] .bxn-digital-tranfo__cnt,
html[dir="rtl"] .bxn-digital-tranfo__img-outer {
  width: 50%;
}
@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .item {
    height: auto;
    padding-bottom: 60px;
  }
}

html[dir="rtl"] .banner .item .container {
  max-width: 80%;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 2;
}

html[dir="rtl"] .banner .item .container .banner-text {
  width: 45%;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .item .container .banner-text {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

html[dir="rtl"] .banner .item .container .banner-text .text-head {
  display: block;
  color: #666666;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  padding-right: 13px;
  margin-bottom: 24px;
}

html[dir="rtl"] .banner .item .container .banner-text .text-head .left-line {
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-left: 6px;
  background: #25bbed;
}

html[dir="rtl"] .banner .item .container .banner-text h2 {
  font-weight: 700;
  font-size: 34px;
  color: #10385b;
  line-height: 40px;
  margin-bottom: 24px;
  text-transform: capitalize;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .banner .item .container .banner-text h2 {
    font-size: 26px;
    line-height: 32px;
  }
}

html[dir="rtl"] .banner .item .container .banner-text p {
  margin-bottom: 32px;
  font-size: 16px;
}

html[dir="rtl"] .banner .item .bg-img {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0% 0;
  filter: blur(8px);
  -webkit-filter: blur(8px);
}

html[dir="rtl"] .banner .item .img-box {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 3;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .item .img-box {
    width: 100%;
    min-height: 330px;
    position: relative;
    background-position: 50% 0;
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1290px) {
  html[dir="rtl"] .banner .item .img-box {
    background-position: 50% 0;
  }
}

html[dir="rtl"] .banner .item .img-box object,
html[dir="rtl"] .banner .item .img-box img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .item {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column-reverse;
  }
}

html[dir="rtl"] .banner .slick-arrow {
  position: absolute;
  width: 20px;
  height: 14px;
  bottom: 23px;
  right: calc(50% - 670px);
  padding: 0;
  border: 0;
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 20px;
  z-index: 2;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .slick-arrow {
    left: auto;
    right: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1290px) {
  html[dir="rtl"] .banner .slick-arrow {
    right: calc(50% - 616px) !important;
  }
}

html[dir="rtl"] .banner .slick-arrow.slick-prev {
  background-image: url(../../images/right-arrow.svg);
  transform: rotate(-179deg);
}

html[dir="rtl"] .banner .slick-arrow.slick-next {
  background-image: url(../../images/left-arrow.svg);
  margin-right: 50px;
  transform: rotate(-179deg);
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .banner .slick-arrow.slick-next {
    left: auto;
    right: 50px;
  }
}

@media (min-width: 768px) {
  html[dir="rtl"] .banner .slick-track {
    display: flex;
    flex-wrap: wrap;
  }
  html[dir="rtl"] .banner .item .container .banner-text {
    padding: 50px 0 50px 0;
  }
  html[dir="rtl"] .banner .item .container {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1366px) {
  html[dir="rtl"] .banner .item {
    height: inherit;
  }
}

@media (min-width: 1280px) and (max-width: 1366px) {
  html[dir="rtl"] .banner .slick-arrow {
    right: calc(50% - 654px);
  }
}

html[dir="rtl"] .bnx-banner-blog {
  position: relative;
  padding: 60px 0;
}

html[dir="rtl"] .bnx-banner-blog__img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

html[dir="rtl"] .bnx-banner-blog__img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    -90deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

html[dir="rtl"] .bnx-banner-blog__cnt {
  position: relative;
  max-width: 570px;
  color: #ffffff;
}

html[dir="rtl"] .bnx-banner-blog__cnt p {
  color: #ffffff;
}

html[dir="rtl"] .bnx-banner-blog__title {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #ffffff;
}

html[dir="rtl"] .bnx-banner-blog__desc {
  color: #ffffff;
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-banner-blog__detail {
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
}

html[dir="rtl"] .bnx-banner-blog__detail-tag {
  display: flex;
  margin-left: 24px;
}

html[dir="rtl"] .bnx-banner-blog__detail-tag:last-child {
  margin-left: 0;
}

html[dir="rtl"] .bnx-banner-blog__detail-tag svg {
  width: 25px;
  height: 25px;
  margin-left: 16px;
  margin-top: -2px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-banner-blog__img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-banner-blog {
    padding: 50px 0;
  }
  html[dir="rtl"] .bnx-banner-blog__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  html[dir="rtl"] .bnx-banner-blog__detail {
    margin-top: 16px;
    flex-wrap: wrap;
  }
  html[dir="rtl"] .bnx-banner-blog__detail-tag {
    margin-top: 16px;
  }
}

html[dir="rtl"] .bnx-banner-slider {
  padding: 0;
}

html[dir="rtl"] .bnx-banner-slider__item {
  position: relative;
  height: 450px;
}

html[dir="rtl"] .bnx-banner-slider .bnx-banner-blog__img::after {
  content: none;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  height: 50%;
  display: flex;
  flex-direction: column;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex: 1;
  position: relative;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  right: 50%;
  bottom: -50%;
  transform: translateX(50%);
  background: linear-gradient(to bottom, #00efe6 0%, rgba(0, 239, 230, 0) 100%);
  opacity: 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-banner-slider .slick-dots li::after {
    width: 100%;
    height: 3px;
    right: 50%;
    bottom: 50%;
    transform: translateY(50%);
    background: linear-gradient(to left, #00efe6 0%, rgba(0, 239, 230, 0) 100%);
  }
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  right: 50%;
  bottom: 50%;
  transform: translateX(50%);
  background: linear-gradient(to top, #00efe6 0%, rgba(0, 239, 230, 0) 100%);
  opacity: 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-banner-slider .slick-dots li::before {
    width: 100%;
    height: 3px;
    right: -50%;
    bottom: 50%;
    transform: translateY(50%);
    background: linear-gradient(
      to right,
      #00efe6 0%,
      rgba(0, 239, 230, 0) 100%
    );
  }
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li:last-child::after {
  content: none;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li:first-child::before {
  content: none;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-banner-slider .slick-dots li {
    width: auto;
  }
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li button {
  font-size: 0;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  padding: 0;
  transition: all 0.4s;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 239, 231, 0.4);
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li button::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid #00efe6;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  border-radius: 50%;
  opacity: 0;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li.slick-active::after {
  opacity: 1;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li.slick-active::before {
  opacity: 1;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li.slick-active button {
  background-color: #00efe6;
}

html[dir="rtl"] .bnx-banner-slider .slick-dots li.slick-active button::after {
  opacity: 1;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-banner-slider .slick-dots {
    bottom: 40px;
    top: auto;
    transform: translateX(50%);
    flex-direction: row;
    height: auto;
    width: 75%;
    right: 50%;
  }
}

html[dir="rtl"] .inner-banner-with-qr-code {
  padding: 24px 0;
}

html[dir="rtl"] .inner-banner-with-qr-code h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

html[dir="rtl"] .inner-banner-with-qr-code__img {
  width: 80px;
  height: auto;
  margin-right: 32px;
}

html[dir="rtl"] .bnx-video {
  width: 100%;
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-video__btn {
  position: absolute;
  right: 50%;
  top: 50%;
  background-color: transparent;
  border: 0;
  transform: translate(50%, -50%);
}

html[dir="rtl"] .bnx-video__btn svg {
  width: 80px;
  height: 80px;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-video__btn svg circle {
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-video__btn:hover svg {
  transform: scale(1.1);
}

html[dir="rtl"] .bnx-video__btn:hover svg circle {
  fill-opacity: 0.5;
}

html[dir="rtl"] .bnx-video__thumb-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html[dir="rtl"] .bnx-video__iframe {
  height: 100%;
}

html[dir="rtl"] .bnx-video__bar {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: calc(100% - 48px);
  height: 5px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

html[dir="rtl"] .bnx-video__bar::after {
  content: "";
  position: absolute;
  border-radius: 10px;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background-color: #ffffff;
}

html[dir="rtl"] .bnx-banner-digital__inner {
  display: flex;
  position: relative;
  justify-content: space-between;
}

html[dir="rtl"] .bnx-banner-digital__btn {
  margin-top: 24px;
}

html[dir="rtl"] .bnx-banner-digital__btn .bnx-primary-btn {
  margin-left: 16px;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-banner-digital .bnx-click-chat {
  margin-top: 8px;
}

html[dir="rtl"] .bnx-banner-digital .bnx-banner-blog__cnt {
  width: 50%;
  max-width: 100%;
  overflow: hidden;
}

html[dir="rtl"] .bnx-banner-digital .bnx-banner-blog__cnt .bnx-video {
  display: none;
}

html[dir="rtl"] .bnx-banner-digital__right {
  width: 50%;
  padding-right: 70px;
}

html[dir="rtl"] .bnx-banner-digital__right .bnx-video {
  height: calc(100% + 90px);
  box-shadow: -18px 34px 44px rgba(16, 56, 91, 0.19);
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-banner-digital__inner {
    display: block;
  }
  html[dir="rtl"] .bnx-banner-digital__right {
    padding-right: 0;
    padding-top: 24px;
    width: 100%;
    height: 220px;
    display: none;
  }
  html[dir="rtl"] .bnx-banner-digital .bnx-banner-blog__cnt {
    width: 100%;
  }
  html[dir="rtl"] .bnx-banner-digital .bnx-banner-blog__cnt .bnx-video {
    display: block;
    height: 220px;
    margin-bottom: 24px;
  }
  html[dir="rtl"] .bnx-banner-digital .bnx-banner-blog__img::after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

html[dir="rtl"] .bnx-scrollspy {
  max-width: 0;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 11;
  overflow: hidden;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-scrollspy.active {
  max-width: 40px;
}

html[dir="rtl"] .bnx-scrollspy:hover {
  max-width: 500px;
}

html[dir="rtl"] .bnx-scrollspy__list-item {
  padding: 10px;
  display: flex;
  gap: 15px;
  background-color: rgba(0, 32, 76, 0.8);
  align-items: center;
}

html[dir="rtl"] .bnx-scrollspy__list-item img {
  display: block;
  width: 16px;
  height: auto;
}

html[dir="rtl"] .bnx-scrollspy__list-item span {
  color: #ffffff;
  font-size: 0.75rem;
  white-space: nowrap;
  text-transform: capitalize;
}

html[dir="rtl"] .bnx-scrollspy__list-item:hover {
  background-color: #003989;
}

html[dir="rtl"] .bnx-scrollspy__list-item:focus {
  background-color: rgba(0, 32, 76, 0.8);
  z-index: unset;
}

html[dir="rtl"] .bnx-scrollspy__list-item.active {
  background-color: #003989;
  border-color: transparent;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-scrollspy {
    display: none;
  }
}

html[dir="rtl"] .bnx-slider-arrow {
  display: flex;
}

html[dir="rtl"] .bnx-slider-arrow__item {
  border: 0;
  padding: 0;
  background-color: #10385b;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-slider-arrow__item svg {
  width: 9px;
  height: 13px;
}

html[dir="rtl"] .bnx-slider-arrow__item:first-child {
  margin-left: 12px;
}

html[dir="rtl"] .bnx-slider-arrow__item:hover {
  background-color: rgba(16, 56, 91, 0.8);
}

html[dir="rtl"] .bnx-sec-heading {
  font-size: 28px;
  font-weight: 600;
  color: #10385b;
  text-align: center;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-sec-heading--white {
  color: #ffffff;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-sec-heading {
    font-size: 26px;
  }
}

html[dir="rtl"] .bnx-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-heading--white .bnx-sec-heading {
  color: #ffffff;
}

html[dir="rtl"] .bnx-heading--white .bnx-heading__sub {
  color: #ffffff;
}

html[dir="rtl"] .bnx-heading--white .bnx-heading__sub hr {
  background-color: #ffffff;
}

html[dir="rtl"] .bnx-heading--white .bnx-heading__sub-title {
  color: #ffffff;
}

html[dir="rtl"] .bnx-heading--white .bnx-heading__desc {
  color: rgba(255, 255, 255, 0.5);
}

html[dir="rtl"] .bnx-heading__sub {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-heading__sub hr {
  width: 100%;
  background-color: #10385b;
  height: 1px;
  margin: 0;
  border: 0;
}

html[dir="rtl"] .bnx-heading__sub-title {
  color: #10385b;
  text-transform: uppercase;
  font-size: 14px;
  white-space: nowrap;
  margin-left: 16px;
}

html[dir="rtl"] .bnx-heading .bnx-sec-heading {
  text-align: right;
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-heading__right {
  margin-right: 40px;
  padding-bottom: 8px;
}

html[dir="rtl"] .bnx-heading__desc {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-heading-with-desc {
  align-items: flex-start;
}

html[dir="rtl"] .bnx-heading-with-desc .bnx-heading__main {
  width: 35%;
}

html[dir="rtl"] .bnx-heading-with-desc .bnx-heading__right {
  width: calc(65% - 40px);
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-heading-with-desc {
    display: block;
  }
  html[dir="rtl"] .bnx-heading-with-desc .bnx-heading__main {
    width: auto;
    display: inline-block;
  }
  html[dir="rtl"] .bnx-heading-with-desc .bnx-heading__right {
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-heading-with-btn {
    flex-direction: column;
    align-items: flex-start;
  }
  html[dir="rtl"] .bnx-heading-with-btn .bnx-heading__right {
    margin-right: 0;
    margin-top: 16px;
  }
}

html[dir="rtl"] .bnx-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

html[dir="rtl"] .bnx-pagination__arrow {
  color: #10385b;
  display: flex;
  align-items: center;
  line-height: 1;
}

html[dir="rtl"] .bnx-pagination__arrow img {
  width: 8px;
  height: 12px;
  transition: all 0.3s;
}

html[dir="rtl"] .bnx-pagination__arrow--prev {
  margin-left: 24px;
}

html[dir="rtl"] .bnx-pagination__arrow--prev img {
  margin-left: 8px;
}

html[dir="rtl"] .bnx-pagination__arrow--prev:hover {
  color: #10385b;
}

html[dir="rtl"] .bnx-pagination__arrow--prev:hover img {
  transform: translateX(5px);
}

html[dir="rtl"] .bnx-pagination__arrow--next {
  margin-right: 24px;
}

html[dir="rtl"] .bnx-pagination__arrow--next img {
  margin-right: 8px;
}

html[dir="rtl"] .bnx-pagination__arrow--next:hover {
  color: #10385b;
}

html[dir="rtl"] .bnx-pagination__arrow--next:hover img {
  transform: translateX(-5px);
}

html[dir="rtl"] .bnx-pagination__item {
  color: #10385b;
  font-weight: 700;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  margin: 8px;
  line-height: 1;
  font-size: 14px;
}

html[dir="rtl"] .bnx-pagination__item:hover {
  color: #10385b;
}

html[dir="rtl"] .bnx-pagination__item.active {
  background-color: #10385b;
  color: #fff;
  pointer-events: none;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-pagination__arrow {
    font-size: 0;
    color: transparent;
  }
  html[dir="rtl"] .bnx-pagination__arrow--prev {
    margin-left: 16px;
  }
  html[dir="rtl"] .bnx-pagination__arrow--next {
    margin-right: 16px;
  }
  html[dir="rtl"] .bnx-pagination__item {
    margin: 4px;
  }
}

html[dir="rtl"] .bnx-check-box {
  display: block;
  position: relative;
  padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
}

html[dir="rtl"] .bnx-check-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

html[dir="rtl"] .bnx-check-box input:checked ~ .bnx-check-box__checkmark {
  background-color: #2b98f7;
  border: 1px solid #2b98f7;
}

html[dir="rtl"]
  .bnx-check-box
  input:checked
  ~ .bnx-check-box__checkmark::after {
  display: block;
}

html[dir="rtl"] .bnx-check-box__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #aab6c0;
  transition: all 0.3s;
}

html[dir="rtl"] .bnx-check-box__checkmark::after {
  content: "";
  position: absolute;
  display: none;
  right: 2px;
  top: 2px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg height='15px' version='1.1' viewBox='0 0 18 15' width='18px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23fff' id='Core' transform='translate(-423.000000, -47.000000)'%3E%3Cg id='check' transform='translate(423.000000, 47.500000)'%3E%3Cpath d='M6,10.2 L1.8,6 L0.4,7.4 L6,13 L18,1 L16.6,-0.4 L6,10.2 Z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

html[dir="rtl"] .home-box-3 {
  position: relative;
  padding: 80px 0;
}

html[dir="rtl"] .home-box-3 .btn-inline {
  margin-top: 16px;
}

html[dir="rtl"] .home-box-3 .logo-box {
  margin-top: 50px !important;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .home-box-3 {
    padding: 50px 0;
  }
}

html[dir="rtl"] .home-box-3 .item {
  padding: 50px 40px;
  background-image: url(../../images/pattern-bg.png);
}

html[dir="rtl"] .home-box-3 .container {
  position: relative;
  z-index: 2;
}

html[dir="rtl"] .home-box-3:after {
  content: "";
  height: 50%;
  width: 100%;
  display: block;
  right: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  background-color: #f2f2f2;
}

html[dir="rtl"] .home-box-4 {
  padding-top: 80px;
  padding-bottom: 40px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .home-box-4 {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}

html[dir="rtl"] .beinex-color-box {
  margin-top: 25px;
}

html[dir="rtl"] .beinex-color-box img {
  width: 150px;
  margin-bottom: 12px;
}

html[dir="rtl"] .beinex-color-box p {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
}

html[dir="rtl"] .beinex-color-box p span {
  color: #25bbed;
}

html[dir="rtl"] .logo-box {
  display: flex;
  align-items: center;
  margin-top: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

html[dir="rtl"] .logo-box .items {
  text-align: center;
  margin-top: 10px;
  margin-left: 14px;
}

html[dir="rtl"] .logo-box .items:last-child {
  margin-left: 0;
}

@media (min-width: 600px) {
  html[dir="rtl"] .logo-box .items {
    margin-left: 3%;
  }
}

html[dir="rtl"] .logo-box img {
  width: auto;
  height: 40px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .logo-box img {
    height: 30px;
  }
}

html[dir="rtl"] .home-box-5 {
  padding: 80px 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .home-box-5 {
    padding: 50px 0;
  }
}

html[dir="rtl"] .box-icon-text {
  display: flex;
  flex-wrap: wrap;
}

html[dir="rtl"] .box-icon-text .item {
  width: calc(100% / 5);
  display: flex;
  align-items: center;
  margin-top: 20px;
}

html[dir="rtl"] .box-icon-text .item .icon {
  width: 50px;
}

html[dir="rtl"] .box-icon-text .item .icon svg {
  width: 100%;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .box-icon-text .item .icon {
    width: 25px;
  }
}

html[dir="rtl"] .box-icon-text .item p {
  width: calc(100% - 50px);
  padding-right: 15px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .box-icon-text .item {
    align-items: flex-start;
    width: calc(100% / 2);
  }
}

html[dir="rtl"] .quote {
  background: #f2f2f2;
  padding-top: 80px;
  position: relative;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .quote {
    padding-top: 50px;
  }
}

html[dir="rtl"] .quote .container h3 {
  text-align: center;
  color: #10385b;
  font-size: 1.375rem;
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .quote:after {
  display: block;
  content: "";
  width: 100%;
  height: 300px;
  position: absolute;
  bottom: -280px;
  background: #f2f2f2;
}

html[dir="rtl"] .digital-box {
  padding: 80px 0;
  background: url(../../images/bg-section-1.png) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .digital-box {
    padding: 50px 0;
  }
}

html[dir="rtl"] .digital-box h2,
html[dir="rtl"] .digital-box h3,
html[dir="rtl"] .digital-box p {
  color: #ffffff;
}

html[dir="rtl"] .digital-box h3 {
  font-size: 1.125rem;
  min-height: 45px;
}

html[dir="rtl"] .digital-box .box {
  border: 1px solid #335b78;
  padding: 20px;
  min-height: 380px;
  height: 100%;
}

html[dir="rtl"] footer .top {
  background: #e9e9e9;
  padding: 50px 0;
}

html[dir="rtl"] footer .top .item {
  display: flex;
}

html[dir="rtl"] footer .top .item .icon {
  width: 20px !important;
  height: 20px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}

html[dir="rtl"] footer .top .item .icon svg,
html[dir="rtl"] footer .top .item .icon img {
  width: 100%;
  height: auto;
}

html[dir="rtl"] footer .top .item .content {
  width: calc(100% - 20px);
  padding-right: 10px;
}

html[dir="rtl"] footer .top .item .content h3 {
  font-size: 1rem;
  color: #666666;
  margin-bottom: 10px;
}

html[dir="rtl"] footer .top .item .content p {
  line-height: 22px;
}

html[dir="rtl"] footer .top .address-bar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}

html[dir="rtl"] footer .top .address-bar a {
  color: #666666;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] footer .top .address-bar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] footer .top .address-bar {
    grid-template-columns: 1fr;
  }
}

html[dir="rtl"] footer .bottom {
  padding: 50px 0;
  background: #181828;
}

html[dir="rtl"] footer .bottom .item a {
  display: flex;
  color: #ffffff;
  margin-bottom: 26px;
  align-items: center;
}

html[dir="rtl"] footer .bottom .item a svg {
  width: 16px;
  margin-left: 10px;
}

html[dir="rtl"] .be-banner {
  overflow: hidden;
  position: relative;
  display: flex;
  height: 100%;
}

html[dir="rtl"] .be-banner__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html[dir="rtl"] .be-banner .container {
  height: 100%;
}

html[dir="rtl"] .be-banner__content {
  position: relative;
  z-index: 1;
  max-width: 1070px;
  padding: 60px 500px 60px 60px;
  right: -500px;
  background-color: #4646464a;
  backdrop-filter: blur(40px);
  height: 100%;
}

html[dir="rtl"] .be-banner__content * {
  color: #fff;
}

html[dir="rtl"] .be-banner__content p {
  font-size: 14px;
}

html[dir="rtl"] .be-banner__title {
  font-size: 30px;
  font-weight: 600;
  border-right: 4px solid #04bbf2;
  padding-right: 10px;
  margin-bottom: 16px;
}

html[dir="rtl"] .be-banner-offer {
  padding-bottom: 30px;
}

html[dir="rtl"] .be-banner-offer__title {
  font-size: 24px;
  font-weight: 600;
  background-color: #04bbf2;
  padding: 20px;
  position: relative;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

html[dir="rtl"] .be-banner-offer__title img {
  position: absolute;
  left: 0;
  max-width: 100px;
  height: auto;
  bottom: -40px;
}

html[dir="rtl"] .be-banner-offer__off {
  color: #10385b;
  display: inline-block;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(16, 56, 91, 0.2);
}

html[dir="rtl"] .be-banner-offer__img {
  height: 270px;
}

html[dir="rtl"] .be-banner-offer__img img {
  width: calc(100% + 2px);
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  position: relative;
  right: -1px;
  top: -1px;
}

html[dir="rtl"] .be-banner-offer__offer {
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
  max-width: 90px;
}

html[dir="rtl"] .be-banner-offer__box {
  background-color: #fff;
  border: 1px solid #cccccc;
  transition: all 0.2s ease-in-out;
}

html[dir="rtl"] .be-banner-offer__box-content {
  padding: 24px;
  border-top: 0;
}

html[dir="rtl"] .be-banner-offer__box-content h2 {
  font-weight: bold;
  font-size: 18px;
  color: #10385b;
  margin-bottom: 16px;
}

html[dir="rtl"] .be-banner-offer__box-content p {
  font-size: 14px;
}

html[dir="rtl"] .be-banner-offer .splide__track {
  padding-top: 100px;
  padding-bottom: 80px;
}

html[dir="rtl"] .be-banner-offer .splide__arrow {
  background-color: transparent;
}

html[dir="rtl"] .be-banner-offer .splide__arrow path {
  fill: #04bbf2;
}

@media (min-width: 600px) {
  html[dir="rtl"] .be-banner-offer .splide__slide .be-banner-offer__box {
    opacity: 0.5;
    transition: transform 400ms;
    transform: scale(1);
    transform-origin: center center;
  }
  html[dir="rtl"] .be-banner-offer .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1;
  }
  html[dir="rtl"]
    .be-banner-offer
    .splide__slide.is-active
    .be-banner-offer__box {
    transform: scale(1.1);
    opacity: 1;
    width: calc(100% + 100px);
    height: calc(100% + 18px);
    position: relative;
    right: -50px;
    top: -14px;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.17));
  }
}

@media (min-width: 1024px) {
  html[dir="rtl"] .be-banner-offer .splide__arrow--prev {
    right: -38px;
  }
  html[dir="rtl"] .be-banner-offer .splide__arrow--next {
    left: -33px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .be-banner-offer .splide__track {
    padding-top: 28px;
    padding-bottom: 10px;
  }
  html[dir="rtl"] .be-banner-offer .splide__arrow--prev {
    right: -10px;
  }
  html[dir="rtl"] .be-banner-offer .splide__arrow--next {
    left: -10px;
  }
}

html[dir="rtl"] .ae-slider {
  background-position: center;
  background-repeat: repeat;
}

html[dir="rtl"] .ae-slider * {
  color: #fff;
}

html[dir="rtl"] .ae-slider__slide-wrapper {
  display: flex;
  padding: 60px 0;
  height: 100%;
}

html[dir="rtl"] .ae-slider__left,
html[dir="rtl"] .ae-slider__right {
  width: 100%;
}

html[dir="rtl"] .ae-slider__left {
  position: relative;
}

html[dir="rtl"] .ae-slider__left img {
  position: absolute;
  left: 0;
  max-width: 100%;
}

html[dir="rtl"] .ae-slider__left-content {
  padding-left: 147px;
  padding-top: 141px;
}

html[dir="rtl"] .ae-slider__left-content span {
  font-size: 18px;
  display: block;
}

html[dir="rtl"] .ae-slider__left-content h2 {
  font-size: 32px;
  margin: 8px 0;
  font-weight: 600;
  color: #04bbf2;
}

html[dir="rtl"] .ae-slider__left-content p {
  font-size: 14px;
}

html[dir="rtl"] .ae-slider__right {
  padding-right: 20px;
}

html[dir="rtl"] .ae-slider__text {
  display: flex;
}

html[dir="rtl"] .ae-slider__text svg {
  width: 70px;
  height: 50px;
  flex-shrink: 0;
  margin-left: 20px;
}

html[dir="rtl"] .ae-slider__text h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .ae-slider__text p {
  font-size: 14px;
}

html[dir="rtl"] .ae-slider__text ul {
  padding-right: 15px;
}

html[dir="rtl"] .ae-slider__text ul li {
  list-style: disc;
  list-style-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='7' height='7' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .ae-slider__line {
  position: relative;
  margin: 25px 0;
}

html[dir="rtl"] .ae-slider__line::before {
  content: "";
  display: block;
  width: calc(100% - 14px);
  height: 2px;
  background: linear-gradient(
    -272.7deg,
    #00d7ff 2.83%,
    #116fab 44.42%,
    #00d7ff 102.66%
  );
  box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  opacity: 0.5;
}

html[dir="rtl"] .ae-slider__line::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid #1fd4f6;
  box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  left: 4px;
  top: -5px;
  opacity: 0.5;
}

html[dir="rtl"] .ae-slider .splide__pagination {
  max-width: 1404px;
  margin: 0 auto;
  right: 0 !important;
  align-items: end;
}

html[dir="rtl"] .ae-slider .splide__pagination__page {
  border-radius: 0;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 2px solid #fff;
}

html[dir="rtl"] .ae-slider .splide__pagination__page.is-active {
  transform: none;
  background-color: #fff;
  opacity: 1;
}

html[dir="rtl"] .ae-slider .splide--ttb > .splide__pagination,
html[dir="rtl"]
  .ae-slider
  .splide--ttb
  > .splide__slider
  > .splide__pagination {
  left: -30px;
  right: auto !important;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .ae-slider__hover {
    padding: 30px 20px;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .ae-slider__slide-wrapper {
    display: block;
    padding: 40px 0;
  }
  html[dir="rtl"] .ae-slider__left img {
    display: none;
  }
  html[dir="rtl"] .ae-slider__left-content {
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  html[dir="rtl"] .ae-slider__right {
    padding-right: 0;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .be-banner__content {
    max-width: 600px;
    padding: 60px 40px 60px 60px;
    right: -20px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .be-banner__content {
    padding: 20px;
    margin: 20px 0;
    right: 0;
  }
  html[dir="rtl"] .be-banner__title {
    font-size: 20px;
  }
  html[dir="rtl"] .ae-slider__left-content h2 {
    font-size: 22px;
  }
  html[dir="rtl"] .ae-slider__text {
    display: block;
  }
  html[dir="rtl"] .ae-slider__text svg {
    margin-bottom: 16px;
  }
  html[dir="rtl"] .ae-slider__slide-wrapper {
    padding: 25px 0;
  }
  html[dir="rtl"] .be-banner-offer__title {
    font-size: 20px;
  }
  html[dir="rtl"] .be-banner-offer__title img {
    max-width: 87px;
    bottom: auto;
    top: -50px;
    z-index: 2;
  }
}

html[dir="rtl"] .newsletter-modal .moda-body {
  padding: 0;
}

html[dir="rtl"] .newsletter-modal .modal-content {
  background-color: transparent;
  border: 0;
}

html[dir="rtl"] .newsletter-modal .close {
  position: absolute;
  left: -52px;
  top: 122px;
  background: none;
  opacity: 1;
}

html[dir="rtl"] .newsletter-modal .close:focus {
  box-shadow: none;
}

html[dir="rtl"] .news-letter {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}

html[dir="rtl"] .news-letter .btn-close {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
}

html[dir="rtl"] .news-letter__poly {
  width: 100%;
  height: 150px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #e0e0e0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

html[dir="rtl"] .news-letter__poly svg {
  bottom: -57px;
  position: relative;
}

html[dir="rtl"] .news-letter__content {
  padding: 40px;
  text-align: center;
  background-color: #fff;
}

html[dir="rtl"] .news-letter__content h2 {
  font-weight: bold;
  font-size: 28px;
  color: #10385b;
  margin-bottom: 20px;
}

html[dir="rtl"] .news-letter__content p {
  margin-bottom: 40px;
  font-size: 16px;
  color: #666666;
}

html[dir="rtl"] .news-letter__input {
  position: relative;
  margin: 0 auto 20px auto;
  max-width: 350px;
}

html[dir="rtl"] .news-letter__input input {
  background-color: #fff;
  border: 0;
  border: 1px solid #d9d9d9;
  height: 40px;
  width: 100%;
  padding: 4px 16px 4px 40px;
  font-size: 14px;
}

html[dir="rtl"] .news-letter__input svg {
  position: absolute;
  left: 16px;
  top: 12px;
}

html[dir="rtl"] .news-letter__btn {
  background-color: #10385b;
  border: 0;
  font-size: 14px;
  color: #fff;
  padding: 10px 24px;
}

html[dir="rtl"] .news-letter__btn:hover {
  background-color: #184469;
}

html[dir="rtl"] .news-letter__done {
  border: 1px solid #16e111;
  padding: 4px 16px;
  font-size: 14px !important;
  background-color: #00800026;
  margin: 20px auto 0 auto !important;
  max-width: 350px;
  color: #000;
}

@media (max-width: 767px) {
  html[dir="rtl"] .newsletter-modal .close {
    left: -10px;
    top: 90px;
  }
  html[dir="rtl"] .news-letter__content {
    padding: 30px 20px;
  }
  html[dir="rtl"] .news-letter__content h2 {
    font-size: 24px;
  }
  html[dir="rtl"] .news-letter__content p {
    font-size: 14px;
  }
}

html[dir="rtl"] .tablue-form {
  background-color: #10385c;
  padding: 70px 0;
  overflow: hidden;
}

html[dir="rtl"] .tablue-form h1 {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 24px;
}

html[dir="rtl"] .tablue-form__input {
  border: 1px solid #ffffff;
  position: relative;
  margin-bottom: 24px;
}

html[dir="rtl"] .tablue-form__input input,
html[dir="rtl"] .tablue-form__input select {
  background-color: transparent;
  font-size: 14px;
  color: #fff;
  padding: 4px 12px 4px 40px;
  border: 0;
  height: 35px;
  width: 100%;
}

html[dir="rtl"] .tablue-form__input input::placeholder,
html[dir="rtl"] .tablue-form__input select::placeholder {
  color: #fff;
}

html[dir="rtl"] .tablue-form__input select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 36px 20px;
}

html[dir="rtl"] .tablue-form__input option {
  color: #000;
}

html[dir="rtl"] .tablue-form__input svg {
  position: absolute;
  left: 12px;
  top: 10px;
}

html[dir="rtl"] .tablue-form__check {
  display: flex;
}

html[dir="rtl"] .tablue-form__check input {
  margin-left: 8px;
  position: relative;
  top: 2px;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

html[dir="rtl"] .tablue-form__check label {
  color: #fff;
  font-size: 14px;
}

html[dir="rtl"] .tablue-form__btn {
  background-color: #fff;
  width: 130px;
  height: 42px;
  color: #10385b;
  font-size: 14px;
  border: 2px solid #fff;
  font-weight: 600;
  margin-top: 24px;
}

html[dir="rtl"] .tablue-form__btn:hover {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

html[dir="rtl"] .tablue-form__img-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

html[dir="rtl"] .tablue-form__logo {
  max-width: 500px;
  height: auto;
  width: 100%;
}

html[dir="rtl"] .tablue-form__img {
  position: absolute;
  top: -70px;
  right: 0;
  width: 100%;
  height: auto;
}

html[dir="rtl"] .tablue-form__img--bottom {
  top: auto;
  bottom: -70px;
  transform: rotate(180deg);
}

html[dir="rtl"] .tablue-form__success {
  border: 1px solid #ffff;
  padding: 8px 16px;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  margin-top: 24px;
  margin-bottom: 0;
  background-color: #3c8500;
  text-align: center;
}

@media (max-width: 767px) {
  html[dir="rtl"] .tablue-form {
    position: relative;
    padding-bottom: 0;
  }
  html[dir="rtl"] .tablue-form__img-wrapper {
    position: static;
  }
  html[dir="rtl"] .tablue-form__img {
    top: 0;
    display: none;
  }
  html[dir="rtl"] .tablue-form__img--bottom {
    top: auto;
    bottom: 0;
    display: block;
  }
}

html[dir="rtl"] .error-page {
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding: 60px 0 100px;
}

html[dir="rtl"] .error-page__center svg {
  max-width: 500px;
  height: 460px;
  width: 100%;
}

html[dir="rtl"] .error-page__center p {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #000;
}

html[dir="rtl"] .error-page__top,
html[dir="rtl"] .error-page__bottom,
html[dir="rtl"] .error-page__right {
  position: absolute;
}

html[dir="rtl"] .error-page__top svg,
html[dir="rtl"] .error-page__bottom svg,
html[dir="rtl"] .error-page__right svg {
  max-width: 100%;
  height: auto;
}

html[dir="rtl"] .error-page__top {
  right: 0;
  top: 0;
}

html[dir="rtl"] .error-page__right {
  left: 0;
  top: 0;
}

html[dir="rtl"] .error-page__bottom {
  bottom: 0;
  left: 15%;
}

@media (max-width: 1024px) {
  html[dir="rtl"] .error-page__top svg,
  html[dir="rtl"] .error-page__bottom svg,
  html[dir="rtl"] .error-page__right svg {
    max-width: 250px;
  }
}

@media (max-width: 767px) {
  html[dir="rtl"] .error-page__top svg,
  html[dir="rtl"] .error-page__bottom svg,
  html[dir="rtl"] .error-page__right svg {
    max-width: 100px;
  }
}

html[dir="rtl"] .faq-section {
  margin-top: 80px;
}

html[dir="rtl"] .faq-section .faq-section-inner .content-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

html[dir="rtl"] .faq-section .faq-section-inner .content-wrap img {
  margin-right: 30px;
  width: 36px;
  height: auto;
}

html[dir="rtl"] .faq-section .faq-section-inner .faq-accordion {
  width: 84%;
  margin: 0 auto;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .faq-section .faq-section-inner .faq-accordion {
    width: 100%;
  }
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox {
  border: 1px solid #dedede;
  margin-bottom: 10px;
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox
  .faq-accordion-header {
  background-color: unset;
  border: none;
  padding: 5px 20px;
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox
  .faq-accordion-header
  .btn {
  padding: 10px 0;
  color: #10385c;
  position: relative;
  width: 100%;
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox
  .faq-accordion-header
  .btn::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L-5.96046e-08 6' stroke='%231FD4F6' stroke-width='2'/%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  top: 12px;
  left: 0px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox
  .faq-accordion-header
  .btn[aria-expanded="false"]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0V12' stroke='%231FD4F6' stroke-width='2'/%3E%3Cpath d='M12 6L-5.96046e-08 6' stroke='%231FD4F6' stroke-width='2'/%3E%3C/svg%3E");
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox
  .faq-accordion-header
  .btn:focus {
  box-shadow: none;
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox
  .faq-accordion-header
  .btn:hover {
  text-decoration: none;
}

html[dir="rtl"]
  .faq-section
  .faq-section-inner
  .faq-accordion
  .faq-accordion-fullbox
  .faq-accordion-description
  .card-body {
  padding: 0 20px 20px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .faq-section .faq-section-inner .content-wrap img {
    margin-right: 15px;
  }
}

html[dir="rtl"] .nav-item:hover .nav-link {
  color: #25bbed;
}

html[dir="rtl"] .nav-item:hover .nav-link::after {
  content: "" !important;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -1px;
  right: 0;
  background-color: #25bbed;
  z-index: 333;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .nav-item:hover .nav-link::after {
    height: 2px;
    opacity: 0;
  }
}

html[dir="rtl"] .nav-item.dropdown {
  position: static;
  text-align: right;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .nav-item.dropdown .nav-link {
    position: relative;
  }
  html[dir="rtl"] .nav-item.dropdown .nav-link::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 21px;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 4.5L8 1' stroke='%23666666'/%3E%3C/svg%3E%0A");
    transition: all 0.4s;
  }
  html[dir="rtl"] .nav-item.dropdown .nav-link[aria-expanded="true"]::before {
    transform: rotate(-180deg);
  }
  html[dir="rtl"] .nav-item.dropdown .nav-link:hover {
    color: #10385b;
  }
}

html[dir="rtl"] .nav-item.dropdown.show .nav-link::after {
  opacity: 1;
}

html[dir="rtl"] .navbar .nav-item .dropdown-menu {
  width: 100%;
  margin-top: 4px;
  border: 0;
  border-radius: 15px;
  box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .navbar .nav-item .dropdown-menu {
    box-shadow: none;
  }
}

html[dir="rtl"] .navbar .nav-item .dropdown-menu::after {
  content: "";
  position: absolute;
  right: 0;
  top: -4px;
  background-color: transparent;
  width: 100%;
  height: 4px;
}

html[dir="rtl"] .nav-link {
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
  transition: all 0.3s;
}

html[dir="rtl"] .nav-drop-head {
  max-width: 600px;
  margin-bottom: 32px;
}

html[dir="rtl"] .nav-drop-head p {
  font-size: 18px;
  font-weight: bold;
  color: #093b5e;
  margin-bottom: 4px;
}

html[dir="rtl"] .nav-drop-head span {
  font-size: 14px;
  color: #636363;
  line-height: normal;
  display: block;
}

html[dir="rtl"] .nav-drop {
  padding: 32px;
}

html[dir="rtl"] .nav-drop__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-radius: 10px;
  position: relative;
}

html[dir="rtl"] .nav-drop__item::before {
  content: "";
  height: 100%;
  background-color: #f8f8f8;
  width: 30px;
  border-radius: 10px;
  right: -10px;
  top: 0;
  position: absolute;
  opacity: 0;
}

html[dir="rtl"] .nav-drop__item * {
  position: relative;
}

html[dir="rtl"] .nav-drop__item:hover {
  background-color: #f8f8f8;
}

html[dir="rtl"] .nav-drop__item:hover::before {
  opacity: 1;
}

html[dir="rtl"] .nav-drop__item:hover .nav-drop__arrow {
  opacity: 1;
}

html[dir="rtl"] .nav-drop__main {
  display: flex;
  width: calc(100% - 29px);
}

html[dir="rtl"] .nav-drop__icon {
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  width: 40px;
  min-width: 40px;
}

html[dir="rtl"] .nav-drop__icon svg {
  width: 20px;
  height: 20px;
}

html[dir="rtl"] .nav-drop__icon img {
  width: 20px !important;
  height: 20px !important;
}

html[dir="rtl"] .nav-drop__text {
  margin-right: 12px;
  padding-left: 8px;
  width: calc(100% - 40px);
}

html[dir="rtl"] .nav-drop__text p {
  font-size: 16px;
  font-weight: bold;
  color: #093b5e;
  margin-bottom: 0;
}

html[dir="rtl"] .nav-drop__text span {
  font-size: 14px;
  color: #636363;
  line-height: normal;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

html[dir="rtl"] .nav-drop__arrow {
  margin-left: 16px;
  opacity: 0;
  transition: all 0.3s ease;
}

html[dir="rtl"] .be-footer {
  background-color: #e9e9e9;
}

html[dir="rtl"] .be-footer a:hover {
  color: #04bbf2;
}

html[dir="rtl"] .be-footer__top {
  display: flex;
  margin-right: -8px;
  width: calc(100% + 16px);
  padding-top: 40px;
  padding-bottom: 100px;
}

html[dir="rtl"] .be-footer__news-done {
  margin: 8px 0 0;
  color: #ffffff;
}

html[dir="rtl"] .be-footer__col {
  padding: 0 8px;
  width: 100%;
}

html[dir="rtl"] .be-footer__col p {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
}

html[dir="rtl"] .be-footer__col span {
  font-size: 14px;
  color: #666666;
  display: block;
}

html[dir="rtl"] .be-footer__content {
  background: linear-gradient(
    -72.45deg,
    #23133f 9.81%,
    #08205c 50.72%,
    #01326a 93.38%
  );
  padding-bottom: 40px;
}

html[dir="rtl"] .be-footer__newsletter-box {
  background-color: #1d7ad0;
  padding: 32px;
  display: flex;
  align-items: center;
  position: relative;
  top: -57px;
}

html[dir="rtl"] .be-footer__news-left {
  padding-left: 30px;
  width: 100%;
}

html[dir="rtl"] .be-footer__news-left p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0;
}

html[dir="rtl"] .be-footer__news-left span {
  font-size: 14px;
  color: #ffffff;
}

html[dir="rtl"] .be-footer__news-right-wrapper {
  width: 100%;
  max-width: 430px;
}

html[dir="rtl"] .be-footer__news-right-wrapper form {
  width: 100%;
}

html[dir="rtl"] .be-footer__news-box {
  display: flex;
  width: 100%;
}

html[dir="rtl"] .be-footer__news-box button img {
  display: none;
  width: 22px;
  height: 22px;
  animation: loader 1.5s linear infinite;
}

@keyframes loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}

html[dir="rtl"] .be-footer__news-box.loading {
  pointer-events: none;
}

html[dir="rtl"] .be-footer__news-box.loading button {
  display: flex;
  align-items: center;
  justify-content: center;
}

html[dir="rtl"] .be-footer__news-box.loading button svg {
  display: none;
}

html[dir="rtl"] .be-footer__news-box.loading button img {
  display: block;
}

html[dir="rtl"] .be-footer__news-right {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

html[dir="rtl"] .be-footer__news-right input {
  height: 42px;
  background-color: #ffffff;
  border: 0;
  padding: 4px 16px;
  font-size: 14px;
  width: 100%;
}

html[dir="rtl"] .be-footer__news-right button {
  height: 42px;
  background-color: #10385b;
  border: 0;
  width: 42px;
}

html[dir="rtl"] .be-footer__news-note {
  display: block;
  position: relative;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 14px;
  color: #ffffff;
}

html[dir="rtl"] .be-footer__news-note a {
  color: #ffffff;
  text-decoration: underline;
}

html[dir="rtl"] .be-footer__news-note a:hover {
  color: #ffffff;
}

html[dir="rtl"] .be-footer__news-note input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

html[dir="rtl"] .be-footer__news-note .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ffffff;
}

html[dir="rtl"] .be-footer__news-note .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg width='448' height='320' viewBox='0 0 448 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M438.6 9.39C451.1 21.89 451.1 42.09 438.6 54.59L182.6 310.59C170.1 323.09 149.9 323.09 137.4 310.59L9.372 182.59C-3.124 170.09 -3.124 149.89 9.372 137.39C21.87 124.89 42.13 124.89 54.63 137.39L159.1 242.69L393.4 9.39C405.9 -3.13 426.1 -3.13 438.6 9.39Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  top: 4px;
  right: 3px;
}

html[dir="rtl"] .be-footer__news-note input:checked ~ .checkmark::after {
  display: block;
}

html[dir="rtl"] .be-footer__news-success {
  display: none;
  align-items: center;
}

html[dir="rtl"] .be-footer__news-success-txt {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

html[dir="rtl"] .be-footer__news-success-desc {
  color: rgba(255, 255, 255, 0.702);
  margin: 0;
}

html[dir="rtl"] .be-footer__news-right-wrapper.success .be-footer__news-right {
  display: none;
}

html[dir="rtl"] .be-footer__news-right-wrapper.success .be-footer__news-note {
  display: none;
}

html[dir="rtl"]
  .be-footer__news-right-wrapper.success
  .be-footer__news-success {
  display: flex;
}

html[dir="rtl"] .be-footer__news-success-img {
  width: 80px;
  height: auto;
  margin-left: 12px;
}

html[dir="rtl"] .be-footer__menu {
  display: flex;
  width: 100%;
  margin-right: -40px;
  width: calc(100% + 80px);
  justify-content: space-between;
}

html[dir="rtl"] .be-footer__menu-col {
  padding: 0 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.278);
  width: 100%;
}

html[dir="rtl"] .be-footer__menu-col:last-child {
  border: 0;
  max-width: 414px;
  flex-shrink: 0;
}

html[dir="rtl"] .be-footer__menu-col:nth-child(3) {
  max-width: 250px;
  flex-shrink: 0;
}

html[dir="rtl"] .be-footer__menu-col:first-child {
  max-width: 250px;
  flex-shrink: 0;
}

html[dir="rtl"] .be-footer__menu-col h2 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

html[dir="rtl"] .be-footer__menu-col ul {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

html[dir="rtl"] .be-footer__menu-col ul li {
  margin-bottom: 10px;
}

html[dir="rtl"] .be-footer__menu-col ul a {
  color: #ffffff;
  font-size: 14px;
}

html[dir="rtl"] .be-footer__two-col {
  display: flex;
  justify-content: space-between;
}

html[dir="rtl"] .be-footer__two-col ul:first-child {
  padding-left: 30px;
}

html[dir="rtl"] .be-footer__bottom {
  background-color: #150d2b;
  padding: 30px 0;
}

html[dir="rtl"] .be-footer__bottom * {
  color: #ffffff;
}

html[dir="rtl"] .be-footer__bottom ul {
  display: flex;
  justify-content: center;
}

html[dir="rtl"] .be-footer__bottom ul li {
  padding: 0 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.438);
}

html[dir="rtl"] .be-footer__bottom ul li:last-child {
  border: 0;
}

html[dir="rtl"] .be-footer__bottom p {
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.486);
}

html[dir="rtl"] .be-footer__social {
  text-align: center;
  margin: 20px 0;
}

html[dir="rtl"] .be-footer__social a {
  margin: 0 10px;
}

@media (max-width: 680px) {
  html[dir="rtl"] .nav-drop {
    padding: 0;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  html[dir="rtl"] .be-footer__menu {
    flex-wrap: wrap;
    justify-content: start;
    width: calc(100% + 50px);
  }
  html[dir="rtl"] .be-footer__menu-col {
    width: 50%;
    flex-shrink: unset;
    max-width: none !important;
  }
  html[dir="rtl"] .be-footer__menu-col:nth-child(2) {
    border: 0;
  }
  html[dir="rtl"] .be-footer__menu-col:first-child {
    width: 40%;
  }
  html[dir="rtl"] .be-footer__menu-col:nth-child(3) {
    width: 40%;
  }
}

@media (max-width: 767px) {
  html[dir="rtl"] .be-footer__menu {
    width: calc(100% + 50px);
    flex-wrap: wrap;
  }
  html[dir="rtl"] .be-footer__top {
    flex-wrap: wrap;
  }
  html[dir="rtl"] .be-footer__col {
    width: 50%;
  }
  html[dir="rtl"] .be-footer__newsletter-box {
    display: block;
  }
  html[dir="rtl"] .be-footer__news-left {
    margin-bottom: 16px;
  }
  html[dir="rtl"] .be-footer__menu-col {
    flex-shrink: unset;
    max-width: none !important;
    margin-top: 24px;
    border: 0;
  }
  html[dir="rtl"] .be-footer__menu-col:nth-child(3) {
    order: 4;
  }
  html[dir="rtl"] .be-footer__bottom ul li {
    padding: 0 8px;
  }
}

html[dir="rtl"] .tile-career {
  padding: 24px;
  border: 1px solid #e1e1e1;
  display: flex;
  flex-direction: column;
}

html[dir="rtl"] .tile-career__top-cnt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

html[dir="rtl"] .tile-career__location {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  margin-left: 16px;
}

html[dir="rtl"] .tile-career__time {
  text-align: left;
  font-size: 12px;
  color: #666666;
}

html[dir="rtl"] .tile-career__title {
  color: #10385b;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 16px;
  min-height: 52px;
}

html[dir="rtl"] .tile-career__cnt {
  font-size: 14px;
  color: #666666;
  margin-bottom: 16px;
}

html[dir="rtl"] .tile-career__cnt-qr-code {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  align-items: flex-end;
}

html[dir="rtl"] .tile-career__cnt-qr-code .tile-career__cnt {
  margin-bottom: 0;
}

html[dir="rtl"] .tile-career__cnt-qr-code-img {
  width: 80px;
  height: auto;
}

html[dir="rtl"] .tile-career__social-link {
  display: flex;
  margin-top: 8px;
}

html[dir="rtl"] .tile-career__social-link svg {
  width: 30px;
  height: 30px;
  transition: all 0.4s;
}

html[dir="rtl"] .tile-career__social-link li {
  margin-left: 16px;
}

html[dir="rtl"] .tile-career__social-link li:last-child {
  margin-left: 0;
}

html[dir="rtl"] .tile-career__social-link a:hover svg {
  transform: scale(1.1);
}

html[dir="rtl"] .tile-career .link-btn {
  margin-top: 16px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .tile-career {
    padding: 16px;
  }
}

html[dir="rtl"] .bnx-job-tile {
  padding: 32px;
  box-shadow: 0 5px 39px rgba(171, 187, 207, 0.22);
  background-color: #ffffff;
  position: relative;
}

html[dir="rtl"] .bnx-job-tile__location {
  color: #666666;
  font-size: 14px;
  position: relative;
  padding-right: 32px;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-job-tile__location::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3832 19.6467C10.8743 19.6467 10.3593 19.4671 9.95211 19.1018C7.73055 17.1318 4 13.3833 4 10.3832C4 6.31138 7.31138 3 11.3832 3C15.4551 3 18.7665 6.31138 18.7665 10.3832C18.7665 13.3833 15.0359 17.1318 12.8144 19.1018C12.4072 19.4611 11.8922 19.6467 11.3832 19.6467ZM11.3832 4.23354C7.99402 4.23354 5.23354 6.99402 5.23354 10.3832C5.23354 12.1916 7.3054 15.1078 10.7725 18.1797C11.1198 18.491 11.6527 18.491 12 18.1797C15.4671 15.1078 17.5389 12.1976 17.5389 10.3832C17.5389 6.99402 14.7785 4.23354 11.3892 4.23354H11.3832ZM11.2814 13.485C9.28743 13.485 7.66468 11.8623 7.66468 9.86828C7.66468 7.87426 9.28743 6.2515 11.2814 6.2515C13.2755 6.2515 14.8982 7.87426 14.8982 9.86828C14.8982 11.8623 13.2755 13.485 11.2814 13.485ZM11.2814 7.48504C9.96408 7.48504 8.89821 8.5569 8.89821 9.86828C8.89821 11.1797 9.97007 12.2515 11.2814 12.2515C12.5928 12.2515 13.6647 11.1797 13.6647 9.86828C13.6647 8.5569 12.5928 7.48504 11.2814 7.48504Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 1px);
  transform: translatey(-50%);
  right: 0;
}

html[dir="rtl"] .bnx-job-tile h3 {
  font-size: 18px;
  color: #10385b;
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-job-tile__tag-outer {
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

html[dir="rtl"] .bnx-job-tile__tag {
  padding: 8px 16px;
  color: #10385b;
  background-color: rgba(16, 56, 91, 0.1);
  border-radius: 50px;
  display: inline-block;
  margin-left: 24px;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-job-tile__tag:hover {
  color: #10385b;
}

html[dir="rtl"] .bnx-job-tile__job-nature {
  font-size: 14px;
  color: #666666;
  align-self: center;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-job-tile__share {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 1;
}

html[dir="rtl"] .bnx-job-tile__share:hover .bnx-job-tile__share-expan {
  opacity: 1;
  visibility: visible;
}

html[dir="rtl"] .bnx-job-tile__share-icon {
  cursor: pointer;
  width: 40px;
}

html[dir="rtl"] .bnx-job-tile__share-icon img {
  width: 20px;
  height: auto;
  display: block;
  margin-right: auto;
}

html[dir="rtl"] .bnx-job-tile__share-expan {
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  background-color: #ffffff;
  box-shadow: -2px 5px 39px rgba(171, 187, 207, 0.42);
  padding: 8px 16px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

html[dir="rtl"] .bnx-job-tile__share-expan::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  background-color: #ffffff;
}

html[dir="rtl"] .bnx-job-tile__share-expan a {
  display: block;
  margin-left: 16px;
}

html[dir="rtl"] .bnx-job-tile__share-expan a:last-child {
  margin-left: 0;
}

html[dir="rtl"] .bnx-job-tile__share-expan a:hover img {
  transform: scale(1.1);
}

html[dir="rtl"] .bnx-job-tile__share-expan a img {
  width: 22px;
  height: 22px;
  display: block;
  transition: all 0.3s;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-job-tile {
    padding: 24px;
  }
}

html[dir="rtl"] .career__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .career .tile-career {
  width: calc(33.33% - 32px);
  margin: 16px;
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  html[dir="rtl"] .career .tile-career {
    width: calc(50% - 32px);
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .career__wrapper {
    margin: 0 -8px;
  }
  html[dir="rtl"] .career .tile-career {
    width: calc(100% - 16px);
    margin: 8px;
  }
}

html[dir="rtl"] .bx-careerfilter {
  position: relative;
}

html[dir="rtl"] .bx-careerfilter::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 190px;
  right: 0;
  top: 0;
  background-color: #f1f5f8;
}

html[dir="rtl"] .bx-careerfilter .filter-refresh-btn {
  color: #2b98f7;
  font-weight: 500;
}

html[dir="rtl"] .bx-careerfilter .filter-refresh-btn svg {
  margin-left: 8px;
  transition: all 0.4s;
}

html[dir="rtl"] .bx-careerfilter .filter-refresh-btn:hover svg {
  transform: rotate(-45deg);
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea {
  display: none;
  flex-wrap: wrap;
  margin-top: 16px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea--show {
  display: flex;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__outer {
  display: flex;
  margin-left: 32px;
  margin-top: 16px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tags {
  display: flex;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tag {
  color: #2b98f7;
  border: 1px solid #2b98f7;
  padding: 2px 8px 2px 20px;
  border-radius: 40px;
  background-color: rgba(43, 152, 247, 0.1);
  font-size: 12px;
  position: relative;
  margin: 4px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tag::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L7 7.5M7 1L0.5 7.5' stroke='%232B98F7'/%3E%3C/svg%3E%0A");
  position: absolute;
  width: 6px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 7px;
  left: 7px;
}

html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__label {
  color: #666666;
  margin-left: 8px;
  margin-top: 4px;
}

html[dir="rtl"] .dropbtn {
  background-color: #fff;
  color: #666666;
  border: none;
  padding: 8px 30px 8px 25px;
  font-size: 14px;
  cursor: pointer;
}

html[dir="rtl"] .dropbtn::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  transform: rotate(-135deg);
  position: absolute;
  top: 11px;
  left: 3px;
}

html[dir="rtl"] .dropbtn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3832 19.6467C10.8743 19.6467 10.3593 19.4671 9.95211 19.1018C7.73055 17.1318 4 13.3833 4 10.3832C4 6.31138 7.31138 3 11.3832 3C15.4551 3 18.7665 6.31138 18.7665 10.3832C18.7665 13.3833 15.0359 17.1318 12.8144 19.1018C12.4072 19.4611 11.8922 19.6467 11.3832 19.6467ZM11.3832 4.23354C7.99402 4.23354 5.23354 6.99402 5.23354 10.3832C5.23354 12.1916 7.3054 15.1078 10.7725 18.1797C11.1198 18.491 11.6527 18.491 12 18.1797C15.4671 15.1078 17.5389 12.1976 17.5389 10.3832C17.5389 6.99402 14.7785 4.23354 11.3892 4.23354H11.3832ZM11.2814 13.485C9.28743 13.485 7.66468 11.8623 7.66468 9.86828C7.66468 7.87426 9.28743 6.2515 11.2814 6.2515C13.2755 6.2515 14.8982 7.87426 14.8982 9.86828C14.8982 11.8623 13.2755 13.485 11.2814 13.485ZM11.2814 7.48504C9.96408 7.48504 8.89821 8.5569 8.89821 9.86828C8.89821 11.1797 9.97007 12.2515 11.2814 12.2515C12.5928 12.2515 13.6647 11.1797 13.6647 9.86828C13.6647 8.5569 12.5928 7.48504 11.2814 7.48504Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 1px);
  transform: translatey(-50%);
  right: 0;
}

html[dir="rtl"] .dropbtn:hover {
  background-color: #ffffff;
}

html[dir="rtl"] .deptmnt::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4352 17.94H18.5826V6.22756C18.5826 5.93607 18.3284 5.69758 18.0178 5.69758H15.5891V3.52998C15.5891 3.23849 15.3349 3 15.0243 3H6.97571C6.66507 3 6.4109 3.23849 6.4109 3.52998V5.69758H3.98221C3.67156 5.69758 3.4174 5.93607 3.4174 6.22756V17.94H1.56481C1.25417 17.94 1 18.1785 1 18.47C1 18.7615 1.25417 19 1.56481 19H20.4352C20.7458 19 21 18.7615 21 18.47C21 18.1785 20.7458 17.94 20.4352 17.94ZM7.54053 4.05995H14.4651V5.69758H7.54053V4.05995ZM12.8667 17.94H9.1333V11.7234H12.8667V17.94ZM13.9963 17.94V11.1934C13.9963 10.902 13.7422 10.6635 13.4315 10.6635H8.56848C8.25784 10.6635 8.00367 10.902 8.00367 11.1934V17.94H4.54702V6.75754H17.453V17.94H13.9963Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .exp::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0806 18.7244H4.11759C2.4 18.7244 1 17.3244 1 15.6068V9.93546C1 8.21787 2.4 6.81787 4.11759 6.81787H17.0806C18.7982 6.81787 20.1982 8.21787 20.1982 9.93546V15.6132C20.1982 17.3308 18.7982 18.7308 17.0806 18.7308V18.7244ZM4.11759 8.15306C3.13889 8.15306 2.33519 8.95028 2.33519 9.93546V15.6132C2.33519 16.5919 3.13241 17.3957 4.11759 17.3957H17.0806C18.0593 17.3957 18.863 16.5984 18.863 15.6132V9.93546C18.863 8.95676 18.0657 8.15306 17.0806 8.15306H4.11759V8.15306Z' fill='%2304BBF2'/%3E%3Cpath d='M14.7019 8.15278H6.48986C6.12041 8.15278 5.82227 7.85463 5.82227 7.48519V5.5213C5.82227 4.13426 6.95004 3 8.34356 3H12.8547C14.2417 3 15.376 4.12778 15.376 5.5213V7.49167C15.376 7.86111 15.0778 8.15926 14.7084 8.15926L14.7019 8.15278ZM7.15745 6.81759H14.0343V5.5213C14.0343 4.86667 13.5028 4.34167 12.8547 4.34167H8.34356C7.68893 4.34167 7.16393 4.87315 7.16393 5.5213V6.82408L7.15745 6.81759Z' fill='%2304BBF2'/%3E%3Cpath d='M13.6969 11.698H7.5006C7.13116 11.698 6.83301 11.3998 6.83301 11.0304C6.83301 10.6609 7.13116 10.3628 7.5006 10.3628H13.7034C14.0728 10.3628 14.371 10.6609 14.371 11.0304C14.371 11.3998 14.0728 11.698 13.7034 11.698H13.6969Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .dropdown {
  position: relative;
  display: inline-block;
  text-align: center;
}

html[dir="rtl"] .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  border: 1px solid #eaf0f5;
  overflow: auto;
  box-shadow: 0px 8px 34px rgba(16, 56, 91, 0.04);
  z-index: 1;
  overflow-y: auto;
  max-height: 320px;
  top: 44px;
  right: 50%;
  transform: translateX(50%);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar {
  width: 5px;
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar-track {
  background: #ffffff;
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar-thumb {
  background: #d0d0d0;
}

html[dir="rtl"] .dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #666;
}

html[dir="rtl"] .show {
  display: block;
}

html[dir="rtl"] .bx-cf-location {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  position: relative;
}

html[dir="rtl"] .bx-cf-location::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #d0d0d0;
}

html[dir="rtl"] .bx-cf-location:last-child::after {
  content: none;
}

html[dir="rtl"] .bx-cf-location p {
  margin: 0;
}

html[dir="rtl"] .bx-cf-wrapper {
  padding-top: 50px;
  position: relative;
  max-width: 1150px !important;
  z-index: 1;
}

html[dir="rtl"] .bx-cf-wrapper button {
  border: none;
  background: transparent;
}

html[dir="rtl"] .bx-cf-filterarea {
  width: 100%;
  padding: 15px 0px 15px 40px;
  box-shadow: 0px 11px 34px rgba(16, 56, 91, 0.08);
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #dfeff3;
}

html[dir="rtl"] .bx-checkbox {
  color: #666666;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 42px;
  text-align: right;
}

html[dir="rtl"] .bx-checkbox:hover {
  background-color: #eef1f3;
}

html[dir="rtl"] .bx-checkbox:hover input ~ .bx-checkmark {
  background-color: #ffffff;
}

html[dir="rtl"] .bx-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

html[dir="rtl"] .bx-checkbox input:checked ~ .bx-checkmark {
  background-color: #04bbf2;
}

html[dir="rtl"] .bx-checkbox input:checked ~ .bx-checkmark:after {
  display: block;
}

html[dir="rtl"] .bx-checkbox .bx-checkmark:after {
  right: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0px 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

html[dir="rtl"] .bx-checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
}

html[dir="rtl"] .bx-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

html[dir="rtl"] .p-btn--border-dark {
  border: 1px solid #10385b;
}

html[dir="rtl"] .bx-cf-filterarea_inner-1 {
  display: flex;
  width: 80%;
}

html[dir="rtl"] .bx-cf-filterarea_inner-2 {
  display: none;
  align-items: center;
}

html[dir="rtl"] .bx-cf-filterarea_inner-2.filter-show {
  display: flex;
}

html[dir="rtl"] .bx-fliter {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 0;
  pointer-events: none;
}

html[dir="rtl"] .bx-fliter img {
  margin-left: 10px;
  display: block;
}

html[dir="rtl"] .bx-fliter span {
  font-weight: 600;
  color: #000000;
}

html[dir="rtl"] .bx-filter--visible {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  html[dir="rtl"] .bx-fliter {
    display: flex;
    margin-bottom: 0;
  }
  html[dir="rtl"] .bx-cf-wrapper {
    padding-top: 40px;
    margin-bottom: 0;
  }
  html[dir="rtl"] .bx-cf-filterarea {
    display: none;
    padding-left: 20px;
  }
  html[dir="rtl"] .bx-cf-location {
    margin-left: 0;
    justify-content: center;
  }
  html[dir="rtl"] .bx-cf-filterarea_inner-2 {
    display: flex;
  }
  html[dir="rtl"] .bx-filter--visible {
    display: none;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bx-fliter {
    pointer-events: all;
    margin-bottom: 16px;
  }
  html[dir="rtl"] .dropbtn {
    position: relative;
  }
  html[dir="rtl"] .bx-careerfilter::after {
    content: none;
  }
  html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__outer {
    flex-wrap: wrap;
  }
  html[dir="rtl"] .bx-careerfilter .bx-filter-tagarea__tags {
    flex-wrap: wrap;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .dropbtn {
    margin: 0 auto;
    display: inline-block;
  }
  html[dir="rtl"] .bx-cf-filterarea_inner-1 {
    width: 100%;
    flex-wrap: wrap;
  }
  html[dir="rtl"] .dropdown-content {
    position: relative;
    top: 0;
    max-height: 100%;
  }
  html[dir="rtl"] .bx-cf-location {
    width: 100%;
    margin-bottom: 8px;
  }
  html[dir="rtl"] .bx-cf-location::after {
    content: none;
  }
  html[dir="rtl"] .bx-cf-filterarea_inner-2 {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
  }
}

html[dir="rtl"] .bnx-career-list {
  padding: 50px 0;
}

html[dir="rtl"] .bnx-career-list__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .bnx-career-list__wrapper .bnx-job-tile {
  margin: 16px;
  width: calc(50% - 32px);
  display: flex;
  flex-direction: column;
}

html[dir="rtl"] .bnx-career-list__wrapper .bnx-job-tile .btn-inline {
  margin-top: auto;
}

html[dir="rtl"] .bnx-career-list .bnx-pagination {
  margin-top: 32px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-career-list {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-career-list__wrapper {
    margin: 0 -8px;
  }
  html[dir="rtl"] .bnx-career-list .bnx-job-tile {
    width: calc(100% - 16px);
    margin: 8px;
  }
}

html[dir="rtl"] .bnx-success {
  min-height: 100vh;
  position: relative;
  overflow-y: hidden;
  margin-top: -85px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

html[dir="rtl"] .bnx-success__bg {
  background-color: #00748b;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

html[dir="rtl"] .bnx-success__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html[dir="rtl"] .bnx-success__box {
  position: relative;
  padding: 40px;
  border-radius: 15px;
  background-color: #ffffff;
  text-align: center;
  max-width: 800px;
  width: 100%;
}

html[dir="rtl"] .bnx-success__head {
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-success__head svg {
  width: 60px;
  height: 60px;
}

html[dir="rtl"] .bnx-success__head h1 {
  font-size: 34px;
  margin-top: 8px;
  font-weight: 600;
}

html[dir="rtl"] .bnx-success__txt {
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-success__txt:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-success__links-wrapper {
  padding: 24px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  margin: 24px 0;
}

html[dir="rtl"] .bnx-success__sub-head {
  font-size: 16px;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-success__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

html[dir="rtl"] .bnx-success__links .btn-inline {
  margin: 8px 16px;
}

html[dir="rtl"] .bnx-success__thanks-txt {
  font-size: 16px;
  margin-bottom: 24px;
  font-weight: 600;
}

html[dir="rtl"] .bnx-success__social-txt {
  margin-bottom: 8px;
  font-size: 14px;
  color: #0ad1c1;
}

html[dir="rtl"] .bnx-success__social-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

html[dir="rtl"] .bnx-success__social-links a {
  display: block;
  margin: 0 8px;
}

html[dir="rtl"] .bnx-success__social-links a svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-success__box {
    padding: 24px;
  }
  html[dir="rtl"] .bnx-success__head svg {
    width: 50px;
    height: 50px;
  }
  html[dir="rtl"] .bnx-success__head h1 {
    font-size: 30px;
  }
}

html[dir="rtl"] .testimonial-whole-sec {
  padding: 80px 0 0;
  background-color: #f2f2f2;
}

html[dir="rtl"] .testimonial-whole-sec.white {
  background-color: #ffffff;
}

html[dir="rtl"] .testimonial-video-sec {
  padding-top: 50px;
}

html[dir="rtl"] .testimonial-video-sec h1 {
  font-size: 22px;
  font-weight: 400;
  color: #10385c;
  margin-bottom: 20px;
}

html[dir="rtl"] .testimonial-video-sec .heading-para {
  width: 100%;
  max-width: 730px;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

html[dir="rtl"] .testimonial-video-sec .heading-para h2 {
  margin-bottom: 16px;
}

html[dir="rtl"] .testimonial-video-sec .inner-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 40px 50px;
}

html[dir="rtl"] .testimonial-video-sec .inner-sec .content-area {
  width: 50%;
  padding-right: 60px;
  position: relative;
}

html[dir="rtl"]
  .testimonial-video-sec
  .inner-sec
  .content-area.quote-icon::before {
  transform: scale(-1);
  top: -45px;
  left: 0;
  right: auto;
  width: 142px;
  height: 107px;
  opacity: 0.6;
}

html[dir="rtl"] .testimonial-video-sec .inner-sec .content-area::before {
  background-image: url(../../images/Quote-bg.svg);
  width: 99px;
  height: 74px;
  position: absolute;
  content: "";
  right: 0;
  top: -30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

html[dir="rtl"] .testimonial-video-sec .inner-sec .testimonial-img {
  width: calc(50%);
  position: relative;
  margin: -50px 0;
}

html[dir="rtl"]
  .testimonial-video-sec
  .inner-sec
  .testimonial-img.quote-icon::before {
  background-image: url(../../images/Quote.svg);
  width: 83px;
  height: 83px;
  position: absolute;
  content: "";
  right: -40px;
  top: -40px;
  background-repeat: no-repeat;
  background-size: contain;
}

html[dir="rtl"] .testimonial-video-sec .inner-sec .testimonial-img iframe {
  width: 100%;
  height: 330px;
  display: block;
  box-shadow: -16px 16px 46px 0px #10385b33;
}

html[dir="rtl"] .testimonial-video-sec .content-area-name {
  font-size: 16px;
  font-weight: 600;
  margin-top: 24px;
}

html[dir="rtl"] .testimonial-video-sec .content-area-name-desc {
  font-size: 14px;
  margin-bottom: 0;
}

html[dir="rtl"] .testimonial-section {
  padding-top: 50px;
}

html[dir="rtl"] .testimonial-section .inner-sec {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

html[dir="rtl"] .testimonial-section .inner-sec .table {
  border: 1px solid #dedede;
  padding: 80px 30px 30px 30px;
  position: relative;
  margin: 15px;
  width: calc(33.33% - 30px);
}

html[dir="rtl"] .testimonial-section .inner-sec .table.card-shadow {
  box-shadow: 0px 4px 9px 0px #00000008;
  background: #ffffff;
  border: none;
}

html[dir="rtl"] .testimonial-section .inner-sec .table::before {
  background-image: url(../../images/Quote.svg);
  width: 74px;
  height: 74px;
  position: absolute;
  content: "";
  right: 30px;
  top: -30px;
  background-size: cover;
}

html[dir="rtl"] .testimonial-section .inner-sec .table h3 {
  color: #10385c;
  margin-bottom: 20px;
}

html[dir="rtl"] .testimonial-section .inner-sec .table .client-quote {
  margin-bottom: 30px;
}

html[dir="rtl"] .testimonial-section .inner-sec .table .client-details {
  color: #000;
}

html[dir="rtl"] .testimonial-section .inner-sec .table .client-details p {
  font-weight: 600;
  margin: 0;
  color: #000;
}

html[dir="rtl"]
  .testimonial-section
  .inner-sec
  .table
  .client-details
  p:last-child {
  font-weight: normal;
}

html[dir="rtl"] .test-flex-dir {
  flex-direction: row-reverse;
}

html[dir="rtl"] .test-flex-dir .content-area {
  padding-left: 60px;
}

html[dir="rtl"] .test-flex-dir .content-area::before {
  transform: scaleX(-1);
}

html[dir="rtl"] .testimonial-pagination {
  padding-top: 40px;
}

html[dir="rtl"] .testimonial-pagination .pagination li {
  margin-bottom: 0;
}

html[dir="rtl"] .testimonial-pagination .pagination li a {
  border: 0;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-button {
  margin: 0 50px;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-button a {
  position: relative;
  color: #10385c;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-button a:hover {
  background-color: unset;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-button a::before {
  background-image: url(../../images/Arrow.svg);
  width: 9px;
  height: 12px;
  position: absolute;
  content: "";
  right: -10px;
  top: 10px;
}

html[dir="rtl"]
  .testimonial-pagination
  .pagination
  .test-button
  .item-next::before {
  right: 60px;
  transform: rotate(-180deg);
}

html[dir="rtl"] .testimonial-pagination .pagination .test-page-value {
  width: calc(4.2% - 30px);
  margin: 0 15px;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-page-value .active {
  background-color: #10385c;
  border-radius: 50px;
  color: #fff;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-page-value a {
  color: #10385c;
  font-weight: 600;
  transition: all 0.3s;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-page-value a:hover {
  background-color: #10385c;
  border-radius: 50px;
  color: #fff;
}

html[dir="rtl"] .testimonial-pagination .pagination .test-page-value a:focus {
  outline: none;
  box-shadow: none;
}

html[dir="rtl"] .testimonial-section .slick-slider .slick-prev {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -15px;
  border: none;
  background-color: transparent;
  background-image: url(../../images/left-arrow.svg);
  width: 9px;
  height: 23px;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  font-size: 0;
}

html[dir="rtl"] .testimonial-section .slick-slider .slick-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -15px;
  border: none;
  background-color: transparent;
  background-image: url(../../images/right-arrow.svg);
  width: 9px;
  height: 23px;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  font-size: 0;
}

html[dir="rtl"] .testimonial-section .slick-slider .slick-list {
  padding-top: 20px;
}

html[dir="rtl"] .testimonial-video-sec .slick-slider .slick-prev {
  position: absolute;
  z-index: 1;
  bottom: 100px;
  left: 90px;
  border: none;
  background-color: transparent;
  background-image: url(../../images/left-arrow-1.svg);
  width: 24px;
  height: 13px;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  font-size: 0;
}

html[dir="rtl"] .testimonial-video-sec .slick-slider .slick-next {
  position: absolute;
  z-index: 1;
  bottom: 100px;
  left: 40px;
  border: none;
  background-color: transparent;
  background-image: url(../../images/right-arrow-1.svg);
  width: 24px;
  height: 13px;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  font-size: 0;
}

html[dir="rtl"] .testimonial-video-sec .slick-slider .slick-dots {
  position: absolute;
  bottom: 50%;
  left: 0;
}

html[dir="rtl"] .testimonial-video-sec .slick-slider .slick-dots button {
  padding: 0;
  background-color: transparent;
  border: 1px solid #10385c;
  width: 12px;
  height: 12px;
  font-size: 0;
}

html[dir="rtl"]
  .testimonial-video-sec
  .slick-slider
  .slick-dots
  button[aria-selected="true"] {
  background-color: #10385c;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .testimonial-whole-sec {
    padding: 50px 0 60px;
  }
  html[dir="rtl"] .testimonial-video-sec h1 {
    font-size: 22px;
  }
  html[dir="rtl"] .testimonial-video-sec .slick-slider .slick-next {
    bottom: 0px;
    left: 130px;
  }
  html[dir="rtl"] .testimonial-video-sec .slick-slider .slick-prev {
    bottom: 0px;
    right: 120px;
  }
  html[dir="rtl"] .testimonial-video-sec .slick-slider .slick-dots {
    bottom: -50px;
    left: 50%;
    transform: rotate(-90deg);
  }
  html[dir="rtl"] .testimonial-video-sec .inner-sec {
    flex-direction: column-reverse;
    padding: 20px 0;
    margin: 0;
  }
  html[dir="rtl"] .testimonial-video-sec .inner-sec .content-area {
    width: calc(100%);
    margin-top: 40px;
    padding: 0 0 0 30px;
  }
  html[dir="rtl"] .testimonial-video-sec .inner-sec .content-area::before {
    width: 59px;
    height: 44px;
    top: -9px;
    top: -13px !important;
    right: 0px !important;
  }
  html[dir="rtl"]
    .testimonial-video-sec
    .inner-sec
    .content-area.quote-icon::before {
    right: auto !important;
    left: 0;
    width: 80px;
    height: 52px;
  }
  html[dir="rtl"] .testimonial-video-sec .inner-sec .testimonial-img {
    width: calc(100%);
    padding: 0;
    margin: 0;
  }
  html[dir="rtl"]
    .testimonial-video-sec
    .inner-sec
    .testimonial-img.quote-icon::before {
    width: 33px;
    height: 33px;
    top: -20px;
    right: 0;
  }
  html[dir="rtl"] .testimonial-video-sec .inner-sec .testimonial-img iframe {
    height: 220px;
    box-shadow: -11px 12px 20px 0px #10385b33;
  }
  html[dir="rtl"] .testimonial-section {
    padding: 30px 0;
  }
  html[dir="rtl"] .testimonial-section .inner-sec {
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
  html[dir="rtl"] .testimonial-section .inner-sec .table {
    width: calc(100% - 30px);
    padding: 40px 20px 20px;
  }
  html[dir="rtl"] .testimonial-section .inner-sec .table::before {
    width: 54px;
    height: 54px;
  }
  html[dir="rtl"] .test-flex-dir .content-area::before {
    top: 80px !important;
    right: 300px !important;
  }
}

html[dir="rtl"] .bnx-testimonial {
  padding: 50px 0 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-testimonial {
    padding: 50px 0 60px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-testimonial {
    padding-top: 40px;
  }
}

html[dir="rtl"] .bnx-success-story {
  position: fixed;
  top: 110px;
  right: 0;
  z-index: 99;
  transform: translateX(150%) scale(0.1);
  transition: all 0.8s ease;
}

html[dir="rtl"] .bnx-success-story--show {
  transform: translateX(0) scale(1);
}

html[dir="rtl"] .bnx-success-story--collapse {
  max-width: 70px;
  height: 52px;
}

html[dir="rtl"] .bnx-success-story__icon {
  width: 60px;
  height: 52px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  transform: scale(0.6);
  transform-origin: top right;
}

html[dir="rtl"] .bnx-success-story__icon svg {
  width: 60px;
  height: 52px;
}

html[dir="rtl"] .bnx-success-story__icon--show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  right: 8px;
}

html[dir="rtl"] .bnx-success-story__outer {
  display: flex;
  overflow: hidden;
  transition: all 0.8s;
  box-shadow: -16px 16px 46px rgba(16, 56, 91, 0.2);
  max-width: 520px;
  transform: scale(1);
  transition: all 0.4s;
  transform-origin: top right;
}

html[dir="rtl"] .bnx-success-story__outer--hide {
  opacity: 0;
  transform: scale(0);
}

html[dir="rtl"] .bnx-success-story__inner {
  width: 50%;
  background-color: #ffffff;
  position: relative;
}

html[dir="rtl"] .bnx-success-story__link {
  display: block;
  height: 100%;
  position: relative;
}

html[dir="rtl"] .bnx-success-story__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.2763' cy='16.2763' r='15.2763' fill='black' fill-opacity='0.31' stroke='white' stroke-width='2'/%3E%3Cpath d='M23.125 16.2767L12.853 22.2073L12.853 10.3462L23.125 16.2767Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

html[dir="rtl"] .bnx-success-story__link::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.14);
}

html[dir="rtl"] .bnx-success-story__img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

html[dir="rtl"] .bnx-success-story__cnt-outer {
  padding: 16px;
}

html[dir="rtl"] .bnx-success-story__close {
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 8px;
  left: 8px;
}

html[dir="rtl"] .bnx-success-story__close svg {
  width: 22px;
  height: 22px;
}

html[dir="rtl"] .bnx-success-story__title {
  font-size: 14px;
  font-weight: 600;
  color: #10385b;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-success-story__desc {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-success-story__btn-wrapper {
  background-color: #04bbf2;
  padding: 8px 16px;
}

html[dir="rtl"] .bnx-success-story__btn-wrapper .btn-inline {
  font-size: 14px;
}

html[dir="rtl"] .bnx-success-story__btn-wrapper .btn-inline svg {
  margin-top: -2px;
  width: 20px;
  height: 20px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-success-story {
    opacity: 1;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-success-story {
    bottom: 0;
    top: auto;
    transform: translate(0, 0);
    z-index: 999999;
  }
  html[dir="rtl"] .bnx-success-story--show {
    transform: translate(0, 0);
  }
  html[dir="rtl"] .bnx-success-story__icon {
    top: auto;
    bottom: 33px;
    transform-origin: bottom right;
  }
  html[dir="rtl"] .bnx-success-story__icon svg {
    width: 65px;
    height: 58px;
  }
  html[dir="rtl"] .bnx-success-story__outer {
    transform-origin: bottom right;
  }
  html[dir="rtl"] .bnx-success-story__cnt-outer {
    padding: 8px;
  }
  html[dir="rtl"] .bnx-success-story__title {
    font-size: 12px;
  }
  html[dir="rtl"] .bnx-success-story__desc {
    font-size: 12px;
  }
  html[dir="rtl"] .bnx-success-story__btn-wrapper {
    padding: 8px;
  }
  html[dir="rtl"] .bnx-success-story__btn-wrapper .btn-inline {
    font-size: 10px;
  }
}

@media only screen and (max-device-height: 750px) {
  html[dir="rtl"] .bnx-success-story__icon {
    top: auto;
    bottom: 15px;
    transform-origin: bottom right;
    height: 55px;
  }
  html[dir="rtl"] .bnx-success-story__icon svg {
    width: 59px;
    height: 60px;
  }
}

html[dir="rtl"] .bnx-tag-btn {
  font-size: 14px;
  color: #7b8d9b;
  padding: 4px 16px;
  border: 1px solid #bcc8d1;
  background-color: #f1f5f8;
  border-radius: 30px;
  display: inline-block;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-tag-btn:hover {
  background-color: #10385b;
  color: #ffffff;
}

html[dir="rtl"] .bnx-also-read {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .bnx-also-read__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #1fd4f6;
  border: 4px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

html[dir="rtl"] .bnx-also-read__icon svg {
  width: 3px;
  height: 14px;
}

html[dir="rtl"] .bnx-also-read__txt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 28px 4px 16px;
  background-color: #e9fbff;
  width: calc(100% - 26px);
  margin-right: -18px;
}

html[dir="rtl"] .bnx-also-read__label {
  color: #10385b;
  font-weight: 600;
  float: right;
  display: inline-block;
  padding-left: 8px;
}

html[dir="rtl"] .bnx-also-read__link {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
  color: #666666;
  font-style: italic;
  text-decoration: underline;
}

html[dir="rtl"] .bnx-also-read__link:hover {
  color: #10385b;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-also-read__txt {
    font-size: 14px;
  }
}

html[dir="rtl"] .bnx-blog-quote {
  background-color: #f3f6f8;
  padding: 24px 80px 24px 24px;
  position: relative;
}

html[dir="rtl"] .bnx-blog-quote::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='25' viewBox='0 0 39 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85151 7.21984C13.7166 7.21984 17.6605 11.1638 17.6605 16.0289C17.6605 20.894 13.7166 24.8379 8.85151 24.8379C3.98642 24.8379 0.0424805 20.894 0.0424805 16.0289C0.0424805 11.1638 3.98642 7.21984 8.85151 7.21984Z' fill='%23C4D4DF'/%3E%3Cpath d='M0.0422311 16.0292C-0.0328623 15.1107 -0.457428 8.75956 4.37454 4.04312C6.73851 1.77768 9.78441 0.356266 13.0392 -0.000368118C10.52 1.49042 8.50741 3.7043 7.26274 6.35368C4.95218 11.3329 6.32985 15.9512 6.6851 17.04L0.0422311 16.0292Z' fill='%23C4D4DF'/%3E%3Cpath d='M30.1909 7.21984C35.056 7.21984 38.9999 11.1638 38.9999 16.0289C38.9999 20.894 35.056 24.8379 30.1909 24.8379C25.3258 24.8379 21.3818 20.894 21.3818 16.0289C21.3818 11.1638 25.3258 7.21984 30.1909 7.21984Z' fill='%23C4D4DF'/%3E%3Cpath d='M21.3816 16.0292C21.3065 15.1107 20.8819 8.75956 25.7139 4.04312C28.0779 1.77768 31.1238 0.356266 34.3785 -0.000368118C31.8594 1.49042 29.8468 3.7043 28.6021 6.35368C26.2915 11.3329 27.6692 15.9512 28.0245 17.04L21.3816 16.0292Z' fill='%23C4D4DF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 40px;
  height: 40px;
}

html[dir="rtl"] .bnx-blog-quote__txt {
  font-size: 16px;
  margin-bottom: 16px;
  font-style: italic;
}

html[dir="rtl"] .bnx-blog-quote__name {
  color: #222222;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-blog-quote {
    padding: 16px 60px 16px 16px;
  }
  html[dir="rtl"] .bnx-blog-quote::after {
    right: 16px;
    top: 10px;
    width: 30px;
    height: 30px;
  }
}

html[dir="rtl"] .bnx-related-blog {
  padding: 16px 0;
  border-bottom: 1px solid #bdd0de;
}

html[dir="rtl"] .bnx-related-blog:last-of-type {
  border-bottom: 0;
}

html[dir="rtl"] .bnx-related-blog__link {
  display: flex;
}

html[dir="rtl"] .bnx-related-blog__img-outer {
  width: 45%;
  height: 100px;
}

html[dir="rtl"] .bnx-related-blog__img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

html[dir="rtl"] .bnx-related-blog__cnt {
  width: 65%;
  padding-right: 24px;
}

html[dir="rtl"] .bnx-related-blog__title,
html[dir="rtl"] .bnx-related-blog__desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir="rtl"] .bnx-related-blog__title {
  color: #222222;
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 16px;
}

html[dir="rtl"] .bnx-related-blog__desc {
  color: #666666;
  margin-bottom: 0;
  font-size: 14px;
}

html[dir="rtl"] .bnx-blog-author {
  background-color: #ffffff;
  display: block;
  padding: 24px;
  border-right: 7px solid #04bbf2;
}

html[dir="rtl"] .bnx-blog-author__head {
  color: #10385b;
  font-weight: 700;
  margin-bottom: 16px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

html[dir="rtl"] .bnx-blog-author__head svg {
  width: 20px;
  height: 24px;
  margin-right: 8px;
}

html[dir="rtl"] .bnx-blog-author__cnt {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .bnx-blog-author__img-outer {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
}

html[dir="rtl"] .bnx-blog-author__img {
  width: 100%;
  height: auto;
  display: block;
}

html[dir="rtl"] .bnx-blog-author__detail {
  width: calc(100% - 85px);
  padding-right: 16px;
}

html[dir="rtl"] .bnx-blog-author__name {
  font-size: 16px;
  color: #10385b;
  margin-bottom: 8px;
  font-weight: 600;
}

html[dir="rtl"] .bnx-blog-author__desc {
  margin-bottom: 0;
  font-size: 14px;
  color: #666666;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-blog-author {
    padding: 16px;
  }
}

html[dir="rtl"] .bnx-download-copy {
  padding-right: 16px;
}

html[dir="rtl"] .bnx-download-copy .bnx-blog-author__cnt {
  align-items: flex-start;
}

html[dir="rtl"] .bnx-download-copy .bnx-blog-author__img-outer {
  height: auto;
  border-radius: 0;
}

html[dir="rtl"] .bnx-download-copy .bnx-blog-author__img-hover {
  display: none;
}

html[dir="rtl"] .bnx-download-copy .bnx-blog-author__name {
  font-size: 18px;
  margin-bottom: 10px;
}

html[dir="rtl"] .bnx-download-copy .bnx-blog-author__desc {
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-download-copy .bnx-primary-btn {
  font-size: 14px;
}

html[dir="rtl"] .bnx-download-copy:hover .bnx-blog-author__img {
  display: none;
}

html[dir="rtl"] .bnx-download-copy:hover .bnx-blog-author__img-hover {
  display: block;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-download-copy .bnx-blog-author__img {
    display: none;
  }
  html[dir="rtl"] .bnx-download-copy .bnx-blog-author__img-hover {
    display: block;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-download-copy {
    padding-right: 8px;
  }
}

html[dir="rtl"] .bnx-blog-box-pre {
  padding: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

html[dir="rtl"] .bnx-blog-box-pre::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 100%;
  top: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8cb2c+0,a37722+22,f8cb2c+50,eabf2a+76,795d16+100 */
  background: #f8cb2c;
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f8cb2c 0%,
    #a37722 22%,
    #f8cb2c 50%,
    #eabf2a 76%,
    #795d16 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f8cb2c 0%,
    #a37722 22%,
    #f8cb2c 50%,
    #eabf2a 76%,
    #795d16 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f8cb2c 0%,
    #a37722 22%,
    #f8cb2c 50%,
    #eabf2a 76%,
    #795d16 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

html[dir="rtl"] .bnx-blog-box-pre__tag-icon {
  position: absolute;
  width: 62px;
  height: auto;
  display: block;
  top: -30px;
  right: -20px;
}

html[dir="rtl"] .bnx-blog-box-pre__wrapper {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
}

html[dir="rtl"] .bnx-blog-box-pre__wrapper h3 {
  color: #10385b;
  font-size: 18px;
}

html[dir="rtl"] .bnx-blog-box-pre__head {
  color: #10385b;
  margin-bottom: 32px;
  border-right: 4px solid #2b98f7;
  padding-right: 16px;
}

html[dir="rtl"] .bnx-blog-box-pre .white-form {
  padding: 0;
  background-color: transparent;
  max-width: 380px;
  display: none;
}

html[dir="rtl"] .bnx-blog-box-pre .white-form.show {
  display: block;
}

html[dir="rtl"] .bnx-blog-box-pre .form-group:last-of-type {
  padding-top: 16px;
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-blog-box-pre .form-group .icon {
  width: 20px;
}

html[dir="rtl"] .bnx-blog-box-pre__phone-row {
  display: flex;
  padding: 0 15px;
  margin-bottom: 15px;
}

html[dir="rtl"] .bnx-blog-box-pre__phone-row .form-group {
  padding: 0 !important;
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-blog-box-pre__phone-row .form-group .icon {
  left: 10px;
}

html[dir="rtl"] .bnx-blog-box-pre__phone-code {
  width: 65px;
  min-width: 65px;
}

html[dir="rtl"] .bnx-blog-box-pre__phone-code .form-control {
  padding-left: 12px;
}

html[dir="rtl"] .bnx-blog-details__row {
  display: flex;
}

html[dir="rtl"] .bnx-blog-details__left {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #666666;
  padding-left: 40px;
  width: 66.66%;
}

html[dir="rtl"] .bnx-blog-details__left p {
  font-size: 16px;
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-blog-details__left h1,
html[dir="rtl"] .bnx-blog-details__left h2,
html[dir="rtl"] .bnx-blog-details__left h3,
html[dir="rtl"] .bnx-blog-details__left h4,
html[dir="rtl"] .bnx-blog-details__left h5,
html[dir="rtl"] .bnx-blog-details__left h6 {
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-blog-details__left .bnx-blog-box-pre {
  margin-top: 32px;
  display: none;
}

html[dir="rtl"] .bnx-blog-details__left--premium .bnx-blog-details__cnt-outer {
  max-height: 210px;
  overflow: hidden;
  position: relative;
}

html[dir="rtl"]
  .bnx-blog-details__left--premium
  .bnx-blog-details__cnt-outer::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,ffffff+100&0+0,0.75+30,1+100 */
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 30%,
    white 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 30%,
    white 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 30%,
    white 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

html[dir="rtl"] .bnx-blog-details__left--premium .bnx-blog-box-pre {
  display: block;
}

html[dir="rtl"] .bnx-blog-details__share {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-blog-details__share-label {
  margin-left: 16px;
  margin-top: 2px;
}

html[dir="rtl"] .bnx-blog-details__share-links {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .bnx-blog-details__share-link {
  margin: 0 12px;
}

html[dir="rtl"] .bnx-blog-details__share-link svg {
  width: 24px;
  height: 21px;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-blog-details__share-link:hover svg {
  transform: scale(1.2);
}

html[dir="rtl"] .bnx-blog-details__desc {
  font-size: 16px;
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-blog-details__desc-large {
  font-size: 26px;
  color: #000000;
  font-weight: 600;
}

html[dir="rtl"] .bnx-blog-details__img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-blog-details .bnx-also-read {
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-blog-details .bnx-blog-quote {
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-blog-details__sub-head {
  color: #10385b;
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 16px;
}

html[dir="rtl"] .bnx-blog-details__txt-box {
  background-color: #f3f6f8;
  padding: 24px;
  border-right: 5px solid #04bbf2;
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-blog-details__txt-box .bnx-blog-details__desc {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-blog-details .bnx-tag-btn {
  margin-left: 16px;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-blog-details__right {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 40px;
  width: 33.33%;
}

html[dir="rtl"] .bnx-blog-details__right::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f1f5f8;
  width: calc(100vw - 841.24px);
  height: 100%;
}

html[dir="rtl"] .bnx-blog-details__right-inner {
  position: sticky;
  top: 30px;
  z-index: 1;
}

html[dir="rtl"] .bnx-blog-details__head {
  color: #10385b;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-blog-details .bnx-related-blog {
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-blog-details .bnx-blog-author {
  margin-top: 24px;
}

html[dir="rtl"] .bnx-blog-details .bnx-blog-author.bnx-download-copy {
  margin-top: 0;
  margin-bottom: 24px;
}

html[dir="rtl"]
  .bnx-blog-details
  .bnx-blog-author.bnx-download-copy:hover
  .bnx-blog-author__img {
  display: none;
}

html[dir="rtl"]
  .bnx-blog-details
  .bnx-blog-author.bnx-download-copy:hover
  .bnx-blog-author__img-hover {
  display: block;
}

@media (max-width: 1200px) {
  html[dir="rtl"] .bnx-blog-details__right {
    padding-right: 20px;
  }
  html[dir="rtl"] .bnx-blog-details__right::after {
    width: calc(100% + 32px);
  }
  html[dir="rtl"] .bnx-blog-details .bnx-related-blog__cnt {
    padding-right: 16px;
  }
  html[dir="rtl"] .bnx-blog-details .bnx-related-blog__title {
    font-size: 16px;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-blog-details__row {
    flex-wrap: wrap;
  }
  html[dir="rtl"] .bnx-blog-details__left,
  html[dir="rtl"] .bnx-blog-details__right {
    width: 100%;
  }
  html[dir="rtl"] .bnx-blog-details__left {
    padding-left: 0;
  }
  html[dir="rtl"] .bnx-blog-details__right {
    padding-right: 0;
  }
  html[dir="rtl"] .bnx-blog-details__right::after {
    width: calc(100% + 30px);
    right: -15px;
  }
  html[dir="rtl"] .bnx-blog-details__right-inner {
    position: relative;
    top: 0;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-blog-details__txt-box {
    padding: 16px;
  }
  html[dir="rtl"] .bnx-blog-details__left {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  html[dir="rtl"] .bnx-blog-details__right {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

html[dir="rtl"] .bnx-success-slider {
  padding: 60px 0;
}

html[dir="rtl"] .bnx-success-slider__nav {
  width: 60%;
  margin-right: auto;
}

html[dir="rtl"] .bnx-success-slider__nav .slick-list {
  padding-bottom: 32px;
}

html[dir="rtl"] .bnx-success-slider__nav .slick-track {
  display: flex;
}

html[dir="rtl"] .bnx-success-slider__nav-item {
  cursor: pointer;
  text-align: center;
  padding: 0 16px;
  color: #666666;
  transition: all 0.4s;
  position: relative;
  height: auto;
}

html[dir="rtl"] .bnx-success-slider__nav-item::after {
  content: "";
  position: absolute;
  right: 50%;
  transform: translateX(50%) rotate(-45deg);
  bottom: -45px;
  width: 25px;
  height: 25px;
  background-color: #f1f5f8;
  opacity: 0;
}

html[dir="rtl"] .bnx-success-slider__nav-item.slick-current {
  color: #10385b;
  font-weight: 600;
}

html[dir="rtl"] .bnx-success-slider__nav-item.slick-current::after {
  opacity: 1;
}

html[dir="rtl"] .bnx-success-slider__for {
  margin-top: -16px;
}

html[dir="rtl"] .bnx-success-slider__for-item {
  display: flex;
}

html[dir="rtl"] .bnx-success-slider__for-item.slick-slide {
  display: flex;
}

html[dir="rtl"] .bnx-success-slider__for-img-outer {
  width: 40%;
  display: flex;
}

html[dir="rtl"] .bnx-success-slider__for-img-outer .bnx-video {
  box-shadow: -11px 11px 24px rgba(16, 56, 91, 0.1);
}

html[dir="rtl"] .bnx-success-slider__for-img {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
}

html[dir="rtl"] .bnx-success-slider__for-cnt {
  width: 60%;
  padding: 32px;
  background-color: #f1f5f8;
  margin: 16px 0;
}

html[dir="rtl"] .bnx-success-slider__for-title {
  font-size: 16px;
  color: #10385b;
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-success-slider__for-desc {
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-success-slider__for-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

html[dir="rtl"] .bnx-success-slider__for-logo img {
  width: 90px;
  height: auto;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-success-slider {
    padding: 50px 0;
  }
  html[dir="rtl"] .bnx-success-slider__nav {
    width: 100%;
  }
  html[dir="rtl"] .bnx-success-slider__for-item {
    flex-direction: column-reverse;
  }
  html[dir="rtl"] .bnx-success-slider__for-img-outer {
    width: 100%;
  }
  html[dir="rtl"] .bnx-success-slider__for-img-outer .bnx-video {
    height: 220px;
  }
  html[dir="rtl"] .bnx-success-slider__for-cnt {
    width: 100%;
    padding: 24px;
    margin-bottom: 0;
  }
}

html[dir="rtl"] .bnx-product-tile {
  background-color: #03549f;
  padding: 24px;
}

html[dir="rtl"] .bnx-product-tile:hover .bnx-product-tile__icon {
  display: none;
}

html[dir="rtl"] .bnx-product-tile:hover .bnx-product-tile__icon-hover {
  display: block;
}

html[dir="rtl"] .bnx-product-tile__icon,
html[dir="rtl"] .bnx-product-tile__icon-hover {
  width: 52px;
  height: 52px;
  margin-bottom: 16px;
  display: block;
}

html[dir="rtl"] .bnx-product-tile__icon-hover {
  display: none;
}

html[dir="rtl"] .bnx-product-tile__title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  min-height: 40px;
}

html[dir="rtl"] .bnx-product-tile__desc {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-product-tile__icon {
    display: none;
  }
  html[dir="rtl"] .bnx-product-tile__icon-hover {
    display: block;
  }
}

html[dir="rtl"] .bnx-product-list {
  padding-top: 50px;
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-product-list::before {
  content: "";
  background-color: #071d31;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 40px);
}

html[dir="rtl"] .bnx-product-list .bnx-heading {
  position: relative;
}

html[dir="rtl"] .bnx-product-list__desc {
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  margin-bottom: 32px;
  max-width: 1000px;
}

html[dir="rtl"] .bnx-product-list__mob-btn {
  display: none;
  position: relative;
}

html[dir="rtl"] .bnx-product-list__wrapper {
  position: relative;
  margin: 0 -16px;
}

html[dir="rtl"] .bnx-product-list__wrapper .slick-track {
  display: flex;
}

html[dir="rtl"] .bnx-product-list__wrapper .bnx-product-tile {
  margin: 16px;
  height: auto;
}

html[dir="rtl"]
  .bnx-product-list__wrapper
  .bnx-product-tile
  .bnx-product-tile__icon-hover {
  display: none;
}

html[dir="rtl"]
  .bnx-product-list__wrapper
  .bnx-product-tile:hover
  .bnx-product-tile__icon-hover {
  display: block;
}

html[dir="rtl"]
  .bnx-product-list__wrapper
  .bnx-product-tile:hover
  .bnx-product-tile__icon {
  display: none;
}

html[dir="rtl"] .bnx-product-list__wrapper .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 0;
  color: transparent;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
}

html[dir="rtl"] .bnx-product-list__wrapper .slick-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10px;
  height: 13px;
}

html[dir="rtl"] .bnx-product-list__wrapper .slick-arrow.slick-prev {
  right: 0;
}

html[dir="rtl"] .bnx-product-list__wrapper .slick-arrow.slick-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76923 1L2 6.53846L8.76923 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
  right: calc(50% - 1px);
}

html[dir="rtl"]
  .bnx-product-list__wrapper
  .slick-arrow.slick-prev:lang(ar)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00006 1L7.76929 6.53846L1.00006 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}

html[dir="rtl"] .bnx-product-list__wrapper .slick-arrow.slick-next {
  left: 0;
}

html[dir="rtl"] .bnx-product-list__wrapper .slick-arrow.slick-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00006 1L7.76929 6.53846L1.00006 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
  right: calc(50% + 1px);
}

html[dir="rtl"]
  .bnx-product-list__wrapper
  .slick-arrow.slick-next:lang(ar)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76923 1L2 6.53846L8.76923 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}

@media (max-width: 1023.98px) {
  html[dir="rtl"]
    .bnx-product-list
    .bnx-product-tile.slick-slide
    .bnx-product-tile__icon {
    display: none;
  }
  html[dir="rtl"]
    .bnx-product-list
    .bnx-product-tile.slick-slide
    .bnx-product-tile__icon-hover {
    display: block;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-product-list {
    padding-top: 40px;
  }
  html[dir="rtl"] .bnx-product-list .bnx-heading__right {
    display: none;
  }
  html[dir="rtl"] .bnx-product-list__mob-btn {
    display: inline-block;
    margin-bottom: 32px;
  }
}

html[dir="rtl"] .bxn-digital-tranfo {
  padding: 80px 0 60px;
  position: relative;
  margin-top: -40px;
}

html[dir="rtl"] .bxn-digital-tranfo__bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

html[dir="rtl"] .bxn-digital-tranfo .bnx-sec-heading {
  position: relative;
}

html[dir="rtl"] .bxn-digital-tranfo__img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bxn-digital-tranfo {
    padding: 70px 0 50px;
  }
}

html[dir="rtl"] .bnx-our-approach-slider .bnx-success-slider__for-img-outer {
  align-self: center;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-our-approach-slider .bnx-success-slider__for-img-outer {
    padding: 24px;
    border: 1px solid #f1f5f8;
  }
  html[dir="rtl"] .bnx-our-approach-slider .bnx-success-slider__for-img {
    max-width: 230px;
  }
}

html[dir="rtl"] .bnx-tile-leader__cnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #10385b;
  color: #ffffff;
  padding: 24px;
}

html[dir="rtl"] .bnx-tile-leader__name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-tile-leader__desc {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.5);
}

html[dir="rtl"] .bnx-tile-leader__img-outer {
  padding: 0 16px;
  position: relative;
}

html[dir="rtl"] .bnx-tile-leader__img-outer::after {
  content: "";
  background-color: #ffffff;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 50px);
}

html[dir="rtl"] .bnx-tile-leader__img {
  max-width: 270px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-tile-leader__social-share {
  display: flex;
  align-items: center;
  margin-right: 16px;
}

html[dir="rtl"] .bnx-tile-leader__social-link {
  margin-left: 8px;
}

html[dir="rtl"] .bnx-tile-leader__social-link svg {
  width: 24px;
  height: 24px;
  transition: all 0.4s;
}

html[dir="rtl"] .bnx-tile-leader__social-link:hover svg {
  transform: scale(1.1);
}

html[dir="rtl"] .bnx-tile-leader__social-link:last-child {
  margin-left: 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-tile-leader__name {
    font-size: 16px;
  }
}

html[dir="rtl"] .bnx-leadership {
  padding: 60px 0;
  background-color: #f1f5f8;
}

html[dir="rtl"] .bnx-leadership__wrapper {
  margin: 0 -16px;
}

html[dir="rtl"] .bnx-leadership__wrapper .slick-track {
  margin: 0;
  display: flex;
}

html[dir="rtl"] .bnx-leadership__wrapper .bnx-tile-leader {
  margin: 0 16px;
  height: auto;
  display: flex;
  flex-direction: column;
}

html[dir="rtl"] .bnx-leadership__wrapper .bnx-tile-leader__cnt {
  height: 100%;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-leadership {
    padding: 50px 0;
  }
}

html[dir="rtl"] .bnx-accordion__item {
  background-color: #0c3153;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-accordion__btn {
  width: 100%;
  padding: 16px 24px 16px 60px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  background-color: transparent;
  text-align: right;
  position: relative;
}

html[dir="rtl"] .bnx-accordion__btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0V12' stroke='%231FD4F6' stroke-width='2'/%3E%3Cpath d='M12 6L-5.96046e-08 6' stroke='%231FD4F6' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
}

html[dir="rtl"] .bnx-accordion__btn[aria-expanded="true"]::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L-5.96046e-08 6' stroke='%231FD4F6' stroke-width='2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .bnx-accordion .card-body {
  padding: 0 24px 16px;
}

html[dir="rtl"] .bnx-accordion .card-body p {
  color: #6b869e;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-accordion .card-body p:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-accordion .card-body ul {
  color: #6b869e;
  margin-bottom: 16px;
  padding-right: 16px;
  list-style: disc;
}

html[dir="rtl"] .bnx-accordion .card-body ul li {
  color: #6b869e;
}

html[dir="rtl"] .bnx-accordion__show-more-input {
  display: none;
}

html[dir="rtl"]
  .bnx-accordion__show-more-input:checked
  + .bnx-accordion__show-more-outer {
  display: none;
}

html[dir="rtl"]
  .bnx-accordion__show-more-input:checked
  ~ .bnx-accordion__expan-more {
  display: block;
}

html[dir="rtl"] .bnx-accordion__expan-more {
  display: none;
}

html[dir="rtl"] .bnx-accordion__show-more-outer {
  text-align: center;
  padding-top: 16px;
}

html[dir="rtl"] .bnx-accordion__show-more {
  color: #04bbf2;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  cursor: pointer;
}

html[dir="rtl"] .bnx-accordion__show-more svg {
  width: 14px;
  height: 9px;
  margin-right: 8px;
}

html[dir="rtl"] .bnx-faq-sec {
  padding: 60px 0;
  background-color: #071d31;
}

html[dir="rtl"] .bnx-faq-sec__haed {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-faq-sec__haed .bnx-sec-heading {
  color: #ffffff;
  margin-bottom: 0;
  text-align: right;
}

html[dir="rtl"] .bnx-faq-sec__haed .bnx-sec-heading svg {
  width: 30px;
  height: 30px;
  margin-right: 16px;
}

html[dir="rtl"] .bnx-faq-sec__search-wrapper {
  width: 30%;
  margin-right: 24px;
}

html[dir="rtl"] .bnx-faq-sec__search {
  position: relative;
}

html[dir="rtl"] .bnx-faq-sec__search input[type="text"] {
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ffffff;
  padding: 8px 0 8px 32px;
  color: #ffffff;
}

html[dir="rtl"] .bnx-faq-sec__search input[type="text"]::placeholder {
  color: #6b869e;
}

html[dir="rtl"] .bnx-faq-sec__search-btn {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: 0;
  padding: 0;
}

html[dir="rtl"] .bnx-faq-sec__search-btn svg {
  width: 22px;
  height: 24px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-faq-sec__haed {
    display: block;
  }
  html[dir="rtl"] .bnx-faq-sec__search-wrapper {
    width: 100%;
    margin-right: 0;
    margin-top: 24px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-faq-sec {
    padding: 50px 0;
  }
}

html[dir="rtl"] .bnx-thought {
  padding: 60px 0;
  overflow: hidden;
}

html[dir="rtl"] .bnx-thought__wrapper {
  display: flex;
}

html[dir="rtl"] .bnx-thought__left {
  width: 40%;
}

html[dir="rtl"] .bnx-thought__left .bnx-related-blog {
  position: relative;
  padding: 0;
  height: 100%;
  border-bottom: 0;
}

html[dir="rtl"] .bnx-thought__left .bnx-related-blog__link {
  align-items: flex-end;
  height: 100%;
}

html[dir="rtl"] .bnx-thought__left .bnx-related-blog__img-outer {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

html[dir="rtl"] .bnx-thought__left .bnx-related-blog__img-outer::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

html[dir="rtl"] .bnx-thought__left .bnx-related-blog__cnt {
  position: relative;
  width: 100%;
  padding: 0 24px;
}

html[dir="rtl"] .bnx-thought__left .bnx-related-blog__title {
  color: #ffffff;
}

html[dir="rtl"] .bnx-thought__left .bnx-related-blog__desc {
  color: rgba(255, 255, 255, 0.8);
}

html[dir="rtl"] .bnx-thought__right {
  width: 60%;
  padding-right: 32px;
}

html[dir="rtl"] .bnx-thought__right .bnx-related-blog {
  padding: 0;
  margin-bottom: 32px;
  border-bottom: 0;
}

html[dir="rtl"] .bnx-thought__right .bnx-related-blog:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-thought__right .bnx-related-blog__img-outer {
  height: auto;
}

html[dir="rtl"] .bnx-thought__right .bnx-related-blog__cnt {
  padding: 16px 32px;
}

html[dir="rtl"] .bnx-thought__right .bnx-related-blog__title {
  color: #10385b;
}

html[dir="rtl"] .bnx-thought__right .bnx-related-blog__desc {
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-thought__right .bnx-related-blog .bnx-tag-btn {
  font-size: 12px;
  padding: 2px 10px;
  margin-left: 8px;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-thought__tag-outer {
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-thought__tile-btn {
  margin: 24px -24px 0;
  display: flex;
  gap: 16px;
}

html[dir="rtl"] .bnx-thought__tile-btn .bnx-thought__time {
  color: #ffffff;
  align-self: center;
}

html[dir="rtl"] .bnx-thought__time {
  font-size: 14px;
  color: #10385b;
}

html[dir="rtl"] .bnx-thought__time svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-top: -2px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-thought__wrapper {
    display: block;
  }
  html[dir="rtl"] .bnx-thought__left {
    width: 100%;
  }
  html[dir="rtl"] .bnx-thought__left .bnx-related-blog__img-outer::after {
    height: 100%;
  }
  html[dir="rtl"] .bnx-thought__left .bnx-related-blog__link {
    min-height: 300px;
  }
  html[dir="rtl"] .bnx-thought__right {
    width: 100%;
    padding-right: 0;
    margin-top: 16px;
  }
  html[dir="rtl"] .bnx-thought__right .bnx-related-blog {
    margin-bottom: 16px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-thought {
    padding: 50px 0;
  }
  html[dir="rtl"] .bnx-thought__right .bnx-related-blog__cnt {
    padding: 0 16px 0 0;
  }
  html[dir="rtl"] .bnx-thought__tile-btn {
    flex-direction: column-reverse;
  }
  html[dir="rtl"] .bnx-thought__tile-btn .bnx-primary-btn {
    text-align: center;
    justify-content: center;
  }
}

html[dir="rtl"] .bnx-vertical-tile {
  padding: 24px;
  box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

html[dir="rtl"] .bnx-vertical-tile::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(24px);
}

html[dir="rtl"] .bnx-vertical-tile--filter2::before {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(24px);
}

html[dir="rtl"] .bnx-vertical-tile__title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 16px;
  position: relative;
}

html[dir="rtl"] .bnx-vertical-tile__title hr {
  display: inline-block;
  width: 40px;
  height: 1px;
  border: 0;
  background-color: #fff;
  margin-right: 16px;
  transform: translateY(10px);
}

html[dir="rtl"] .bnx-vertical-tile__link {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  color: #fff;
  padding: 8px 0 8px 16px;
  min-height: 56px;
}

html[dir="rtl"] .bnx-vertical-tile__link::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 6.5L1 12' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

html[dir="rtl"] .bnx-vertical-tile__link::before {
  content: "";
  position: absolute;
  right: -24px;
  top: 0;
  width: calc(100% + 48px);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  transition: all 0.4s;
  opacity: 0;
}

html[dir="rtl"] .bnx-vertical-tile__link:hover {
  color: #ffffff;
}

html[dir="rtl"] .bnx-vertical-tile__link:hover::before {
  opacity: 1;
}

html[dir="rtl"] .bnx-vertical-tile__link.active {
  color: #ffffff;
}

html[dir="rtl"] .bnx-vertical-tile__link.active::before {
  opacity: 1;
}

html[dir="rtl"] .bnx-vertical-tile__link--arrow-hide::after {
  content: none;
}

html[dir="rtl"] .bnx-vertical-tile__link-icon {
  width: 40px;
  height: 40px;
  margin-left: 16px;
}

html[dir="rtl"] .bnx-vertical-tile__link-wrapper {
  position: relative;
}

html[dir="rtl"] .bnx-vertical-tile__link-wrapper p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-vertical-tile__link-wrapper p:last-child {
  margin-bottom: 0;
}

html[dir="rtl"]
  .bnx-vertical-tile__link-wrapper.slick-slider
  .bnx-vertical-tile__link-outer {
  margin: 0;
}

html[dir="rtl"] .bnx-vertical-tile__link-wrapper .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

html[dir="rtl"] .bnx-vertical-tile__link-wrapper .slick-dots li {
  font-size: 0;
  margin: 4px;
}

html[dir="rtl"] .bnx-vertical-tile__link-wrapper .slick-dots li button {
  border: 1px solid #ffffff;
  background-color: transparent;
  width: 8px;
  height: 8px;
  padding: 0;
}

html[dir="rtl"]
  .bnx-vertical-tile__link-wrapper
  .slick-dots
  li.slick-active
  button {
  background-color: #ffffff;
}

html[dir="rtl"] .bnx-vertical-tile__link-wrapper .slick-list {
  margin: 0 -24px;
}

html[dir="rtl"] .bnx-vertical-tile__link-outer {
  padding: 0 24px;
  margin: 0 -24px;
}

html[dir="rtl"] .bnx-our-verticals {
  padding: 50px 0;
  position: relative;
}

html[dir="rtl"] .bnx-our-verticals__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

html[dir="rtl"] .bnx-our-verticals__wrapper {
  position: relative;
  display: flex;
}

html[dir="rtl"] .bnx-our-verticals__left-desc {
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.5);
}

html[dir="rtl"] .bnx-our-verticals__left-desc:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-our-verticals__left {
  width: 40%;
  padding-left: 40px;
}

html[dir="rtl"] .bnx-our-verticals__right {
  width: 60%;
  display: flex;
}

html[dir="rtl"] .bnx-our-verticals__right .bnx-vertical-tile {
  width: 50%;
}

html[dir="rtl"]
  .bnx-industry-offering.bnx-our-verticals--tab-sec
  .bnx-our-verticals__right {
  width: 60%;
}

html[dir="rtl"]
  .bnx-industry-offering.bnx-our-verticals--tab-sec
  .bnx-industry-offering__tab1,
html[dir="rtl"]
  .bnx-industry-offering.bnx-our-verticals--tab-sec
  .bnx-industry-offering__tab2 {
  width: 50%;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-our-verticals__wrapper {
    display: block;
  }
  html[dir="rtl"] .bnx-our-verticals__left {
    width: 100%;
    padding-left: 0;
    padding-bottom: 24px;
  }
  html[dir="rtl"] .bnx-our-verticals__right {
    width: 100%;
  }
  html[dir="rtl"]
    .bnx-industry-offering.bnx-our-verticals--tab-sec
    .bnx-our-verticals__right {
    width: 100%;
  }
  html[dir="rtl"]
    .bnx-industry-offering.bnx-our-verticals--tab-sec
    .bnx-industry-offering__tab1,
  html[dir="rtl"]
    .bnx-industry-offering.bnx-our-verticals--tab-sec
    .bnx-industry-offering__tab2 {
    width: 50%;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-our-verticals {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-our-verticals__right {
    display: block;
  }
  html[dir="rtl"] .bnx-our-verticals__right .bnx-vertical-tile {
    width: 100%;
  }
  html[dir="rtl"]
    .bnx-industry-offering.bnx-our-verticals--tab-sec
    .bnx-industry-offering__tab1,
  html[dir="rtl"]
    .bnx-industry-offering.bnx-our-verticals--tab-sec
    .bnx-industry-offering__tab2 {
    width: 100%;
  }
}

html[dir="rtl"] .bnx-contact-us {
  background-color: #ffffff;
}

html[dir="rtl"] .bnx-contact-us--home-sec .bnx-contact-us__left {
  padding-top: 125px;
}

html[dir="rtl"] .bnx-contact-us--home-sec .bnx-contact-us__left::after {
  top: 125px;
  height: calc(100% - 175px);
}

html[dir="rtl"] .bnx-contact-us--home-sec .bnx-contact-us__right {
  padding-top: 125px;
}

html[dir="rtl"] .bnx-contact-us__wrapper {
  display: flex;
}

html[dir="rtl"] .bnx-contact-us__left {
  width: 70%;
  padding: 50px 0 50px 50px;
  position: relative;
}

html[dir="rtl"] .bnx-contact-us__left::after {
  content: "";
  position: absolute;
  left: 0;
  height: calc(100% - 100px);
  width: 1px;
  background-color: #d9d9d9;
  top: 50px;
}

html[dir="rtl"] .bnx-contact-us__left .bnx-primary-btn {
  display: inline-flex;
  border: 0;
}

html[dir="rtl"] .bnx-contact-us__left .bnx-primary-btn img {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

html[dir="rtl"]
  .bnx-contact-us__left
  .bnx-primary-btn
  img.bnx-primary-btn__loader-icon {
  display: none;
  animation: loader 1.5s linear infinite;
}

html[dir="rtl"] .bnx-contact-us__left .bnx-primary-btn.loading img {
  display: none;
}

html[dir="rtl"]
  .bnx-contact-us__left
  .bnx-primary-btn.loading
  img.bnx-primary-btn__loader-icon {
  display: inline-block;
}

html[dir="rtl"] .bnx-contact-us__right {
  width: 30%;
  padding: 50px 50px 50px 0;
  position: relative;
}

html[dir="rtl"] .bnx-contact-us .bnx-sec-heading {
  text-align: right;
  position: relative;
}

html[dir="rtl"] .bnx-contact-us__row {
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-contact-us__row--two-col {
  display: flex;
  gap: 24px;
}

html[dir="rtl"] .bnx-contact-us__row--two-col .bnx-contact-us__item {
  flex: 1;
}

html[dir="rtl"] .bnx-contact-us__form {
  position: relative;
}

html[dir="rtl"] .bnx-contact-us__form select {
  border-radius: 0;
  border: 1px solid #d9d9d9;
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  color: #666666;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

html[dir="rtl"] .bnx-contact-us__form input[type="text"] {
  border-radius: 0;
  border: 1px solid #d9d9d9;
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  color: #666666;
}

html[dir="rtl"] .bnx-contact-us__form input[type="text"]::placeholder {
  color: #666666;
}

html[dir="rtl"] .bnx-contact-us__form textarea {
  border-radius: 0;
  border: 1px solid #d9d9d9;
  width: 100%;
  padding: 8px 16px;
  min-height: 68px;
  font-size: 14px;
  color: #666666;
}

html[dir="rtl"] .bnx-contact-us__form textarea::placeholder {
  color: #666666;
}

html[dir="rtl"] .bnx-contact-us__form svg,
html[dir="rtl"] .bnx-contact-us__form img {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 6px;
  top: 5px;
}

html[dir="rtl"] .bnx-contact-us__form-phone {
  display: flex;
}

html[dir="rtl"] .bnx-contact-us__form-phone input[type="text"] {
  width: calc(100% - 75px);
}

html[dir="rtl"] .bnx-contact-us__form-phone input[type="text"]:first-child {
  width: 75px;
}

html[dir="rtl"] .bnx-contact-us__right-desc {
  margin-bottom: 16px;
  position: relative;
  color: rgba(0, 0, 0, 0.5);
}

html[dir="rtl"] .bnx-contact-us__right-desc:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-contact-us__successs {
  height: 100%;
}

html[dir="rtl"] .bnx-contact-us__successs-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

html[dir="rtl"] .bnx-contact-us__successs-inner h4 {
  color: #10385b;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
}

html[dir="rtl"] .bnx-contact-us__successs-img {
  width: 120px;
  height: auto;
  display: block;
  margin-bottom: 16px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-contact-us--home-sec .bnx-contact-us__left::after {
    top: auto;
    height: 1px;
  }
  html[dir="rtl"] .bnx-contact-us--home-sec .bnx-contact-us__right {
    padding-top: 50px;
  }
  html[dir="rtl"] .bnx-contact-us__wrapper {
    display: block;
  }
  html[dir="rtl"] .bnx-contact-us__left {
    width: 100%;
    padding-left: 0;
  }
  html[dir="rtl"] .bnx-contact-us__left::after {
    width: 100%;
    height: 1px;
    bottom: 0;
    top: auto;
  }
  html[dir="rtl"] .bnx-contact-us__right {
    width: 100%;
    padding-right: 0;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-contact-us--home-sec .bnx-contact-us__left {
    padding-top: 115px;
  }
  html[dir="rtl"] .bnx-contact-us--home-sec .bnx-contact-us__right {
    padding-top: 40px;
  }
  html[dir="rtl"] .bnx-contact-us__left {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-contact-us__right {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-contact-us__row--two-col {
    flex-direction: column;
  }
}

html[dir="rtl"] .bnx-contact-sec {
  padding: 50px 0;
}

html[dir="rtl"] .bnx-contact-sec .bnx-contact-us__wrapper {
  display: block;
  max-width: 775px;
  width: 100%;
  margin: 0 auto;
}

html[dir="rtl"] .bnx-contact-sec .bnx-contact-us__left {
  padding: 0;
  width: 100%;
}

html[dir="rtl"] .bnx-contact-sec .bnx-contact-us__left::after {
  content: none;
}

html[dir="rtl"] .bnx-contact-sec__cnt {
  text-align: center;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-contact-sec__cnt .bnx-sec-heading {
  text-align: center;
}

html[dir="rtl"] .bnx-contact-sec__cnt p {
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-contact-sec__cnt p:last-child {
  margin-bottom: 0;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-contact-sec {
    padding: 40px 0;
  }
}

html[dir="rtl"] .bnx-description-sec {
  background-color: #e9fbff;
}

html[dir="rtl"] .bnx-description-sec--no-bnr-video .bnx-description-sec__inner {
  padding: 60px 0 60px 60px;
}

html[dir="rtl"] .bnx-description-sec__wrapper {
  display: flex;
}

html[dir="rtl"] .bnx-description-sec__file {
  width: 340px;
  position: relative;
}

html[dir="rtl"]
  .bnx-description-sec__file:hover
  .bnx-description-sec__file-cnt
  svg {
  animation: slide-top 0.5s 2 linear;
}

html[dir="rtl"]
  .bnx-description-sec__file:hover
  .bnx-description-sec__file-shade {
  animation: scale-shade 0.5s 2 linear;
}

html[dir="rtl"] .bnx-description-sec__file-shade {
  width: 99px;
  height: auto;
}

html[dir="rtl"] .bnx-description-sec__txt {
  color: #10385b;
  font-weight: 600;
}

html[dir="rtl"] .bnx-description-sec__file-img {
  width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}

html[dir="rtl"] .bnx-description-sec__file-cnt {
  position: relative;
}

html[dir="rtl"] .bnx-description-sec__file-cnt {
  padding-bottom: 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

html[dir="rtl"] .bnx-description-sec__file-cnt svg {
  width: 60px;
  height: 60px;
}

html[dir="rtl"] .bnx-description-sec__file-cnt .bnx-primary-btn {
  margin-top: 24px;
}

html[dir="rtl"] .bnx-description-sec__inner {
  padding: 100px 0 60px 60px;
  width: calc(100% - 340px);
}

@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes scale-shade {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"]
    .bnx-description-sec--no-bnr-video
    .bnx-description-sec__inner {
    padding: 50px 0 50px;
  }
  html[dir="rtl"] .bnx-description-sec__wrapper {
    display: block;
  }
  html[dir="rtl"] .bnx-description-sec__inner {
    padding: 90px 0 50px;
    width: 100%;
  }
  html[dir="rtl"] .bnx-description-sec__file {
    width: 100%;
  }
}

html[dir="rtl"] .bnx-case-study-catagory {
  background-color: #f1f5f8;
  padding: 40px 0;
}

html[dir="rtl"] .bnx-case-study-catagory__wrapper {
  display: flex;
  gap: 24px;
  max-width: 950px;
  margin: 0 auto;
  justify-content: space-between;
}

html[dir="rtl"] .bnx-case-study-catagory__item {
  display: flex;
  align-items: center;
}

html[dir="rtl"]
  .bnx-case-study-catagory__item:hover
  .bnx-case-study-catagory__icon-img {
  display: none;
}

html[dir="rtl"]
  .bnx-case-study-catagory__item:hover
  .bnx-case-study-catagory__icon-img-hover {
  display: block;
}

html[dir="rtl"] .bnx-case-study-catagory__icon img {
  width: 74px;
  height: auto;
}

html[dir="rtl"] .bnx-case-study-catagory__icon-img,
html[dir="rtl"] .bnx-case-study-catagory__icon-img-hover {
  width: 74px;
  height: auto;
  display: block;
}

html[dir="rtl"] .bnx-case-study-catagory__icon-img-hover {
  display: none;
}

html[dir="rtl"] .bnx-case-study-catagory__cnt {
  padding-right: 16px;
}

html[dir="rtl"] .bnx-case-study-catagory__cnt h3 {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 8px;
}

html[dir="rtl"] .bnx-case-study-catagory__cnt p {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-case-study-catagory__icon-img {
    display: none;
  }
  html[dir="rtl"] .bnx-case-study-catagory__icon-img-hover {
    display: block;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-case-study-catagory {
    padding: 32px 0;
  }
  html[dir="rtl"] .bnx-case-study-catagory__wrapper {
    flex-direction: column;
    gap: 16px;
  }
  html[dir="rtl"] .bnx-case-study-catagory__icon img {
    width: 60px;
  }
}

html[dir="rtl"] .bnx-case-study-flow {
  padding: 40px 0;
}

html[dir="rtl"] .bnx-case-study-flow__item {
  border-bottom: 1px solid #c6c6c6;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-case-study-flow__item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

html[dir="rtl"] .bnx-case-study-flow__item-inner {
  display: flex;
  align-items: flex-start;
  max-width: 1100px;
  margin: 0 auto;
}

html[dir="rtl"]
  .bnx-case-study-flow__item-inner:hover
  .bnx-case-study-flow__left-icon {
  display: none;
}

html[dir="rtl"]
  .bnx-case-study-flow__item-inner:hover
  .bnx-case-study-flow__left-icon-hover {
  display: block;
}

html[dir="rtl"] .bnx-case-study-flow__left {
  width: 30%;
  display: flex;
  align-items: center;
}

html[dir="rtl"] .bnx-case-study-flow__left img {
  width: 74px;
  height: auto;
  margin-left: 16px;
}

html[dir="rtl"] .bnx-case-study-flow__left h3 {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-case-study-flow__left-icon {
  display: block;
}

html[dir="rtl"] .bnx-case-study-flow__left-icon-hover {
  display: none;
}

html[dir="rtl"] .bnx-case-study-flow__right {
  width: 70%;
  padding-right: 32px;
}

html[dir="rtl"] .bnx-case-study-flow__right p {
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-case-study-flow__right p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-case-study-flow__item-inner {
    display: block;
  }
  html[dir="rtl"] .bnx-case-study-flow__left {
    width: 100%;
  }
  html[dir="rtl"] .bnx-case-study-flow__left-icon {
    display: none;
  }
  html[dir="rtl"] .bnx-case-study-flow__left-icon-hover {
    display: block;
  }
  html[dir="rtl"] .bnx-case-study-flow__right {
    width: 100%;
    padding-right: 0;
    margin-top: 24px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-case-study-flow {
    padding: 32px 0;
  }
  html[dir="rtl"] .bnx-case-study-flow__left img {
    width: 60px;
  }
}

html[dir="rtl"] .bnx-industry-offering .bnx-sec-heading {
  position: relative;
}

html[dir="rtl"] .bnx-industry-offering .bnx-our-verticals__right {
  width: 100%;
}

html[dir="rtl"]
  .bnx-industry-offering
  .bnx-our-verticals__right
  .bnx-vertical-tile {
  width: 100%;
  height: 100%;
  display: none;
  padding-bottom: 50px;
  flex-direction: column;
}

html[dir="rtl"]
  .bnx-industry-offering
  .bnx-our-verticals__right
  .bnx-vertical-tile.active {
  display: flex;
}

html[dir="rtl"]
  .bnx-industry-offering
  .bnx-our-verticals__right
  .bnx-vertical-tile__link-wrapper {
  height: 100%;
}

html[dir="rtl"]
  .bnx-industry-offering
  .bnx-our-verticals__right
  .bnx-vertical-tile__link-wrapper
  .slick-list {
  height: 100%;
}

html[dir="rtl"]
  .bnx-industry-offering
  .bnx-our-verticals__right
  .bnx-vertical-tile__link-wrapper
  .slick-dots {
  margin-top: 0;
}

html[dir="rtl"]
  .bnx-industry-offering
  .bnx-our-verticals__right
  .bnx-vertical-tile__link-wrapper
  .slick-dots
  > li:only-child {
  display: none;
}

html[dir="rtl"] .bnx-industry-offering__tab1,
html[dir="rtl"] .bnx-industry-offering__tab2,
html[dir="rtl"] .bnx-industry-offering__tab3 {
  width: 33.33%;
}

html[dir="rtl"] .bnx-industry-offering__close {
  position: relative;
  background-color: transparent;
  border: 0;
  color: #fff;
  display: block;
  padding: 0 24px 0 0;
  margin-bottom: 8px;
  display: none;
}

html[dir="rtl"] .bnx-industry-offering__close::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1L2 6.5L8 12' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-industry-offering__close {
    display: flex;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-industry-offering__tab1,
  html[dir="rtl"] .bnx-industry-offering__tab2,
  html[dir="rtl"] .bnx-industry-offering__tab3 {
    width: 100%;
  }
}

.bnx-about-beinex {
  padding: 50px 0px;
}
.bnx-about-beinex__wrapper {
  display: flex;
  align-items: center;
}
.bnx-about-beinex__left {
  width: 50%;
}
.bnx-about-beinex__right {
  width: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.bnx-about-beinex__right img {
  width: 70%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.bnx-about-beinex__desc {
  margin-bottom: 32px;
}
.bnx-about-beinex--careers {
  padding: 0px 0px;
  background-color: #e9fbff;
  background-position: center;
  background-size: cover;
}
.bnx-about-beinex--careers .bnx-about-beinex__left {
  padding: 50px 0px;
  margin-left: auto;
}
.bnx-about-beinex--careers .bnx-about-beinex__wrapper {
  align-items: inherit;
}
.bnx-about-beinex--careers .bnx-about-beinex__desc {
  color: #fff;
}
.bnx-about-beinex--schedule {
  padding: 0px;
  position: relative;
}
.bnx-about-beinex--schedule::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 90%;
  width: 100%;
  background: linear-gradient(94.1deg, #1ab7ff 35.38%, #84d9ff 80.69%);
}
.bnx-about-beinex--schedule .bnx-about-beinex__left {
  padding: 50px 0px 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 60%;
}
.bnx-about-beinex--schedule .bnx-about-beinex__wrapper {
  align-items: inherit;
}
.bnx-about-beinex--schedule .bnx-about-beinex__desc {
  color: #fff;
}
.bnx-about-beinex--schedule .bnx-about-beinex__right {
  width: 40%;
}
.bnx-about-beinex--schedule .bnx-about-beinex__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .bnx-about-beinex {
    padding: 40px 0;
 }
  .bnx-about-beinex__wrapper {
    display: block;
 }
  .bnx-about-beinex__left, .bnx-about-beinex__right {
    width: 100%;
 }
  .bnx-about-beinex__left {
    margin-bottom: 32px;
 }
  .bnx-about-beinex--careers {
    padding: 0px;
 }
  .bnx-about-beinex--schedule .bnx-about-beinex__wrapper {
    display: flex;
    flex-direction: column-reverse;
 }
  .bnx-about-beinex--schedule .bnx-about-beinex__left {
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    padding-top: 24px;
 }
  .bnx-about-beinex--schedule .bnx-about-beinex__right {
    display: none;
 }
}


html[dir="rtl"] .bnx-we-do {
  padding: 34px 0;
}

html[dir="rtl"] .bnx-we-do__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .bnx-we-do__tile {
  background-color: #ffffff;
  padding: 32px;
  width: calc(33.33% - 32px);
  margin: 16px;
  transition: all 0.1s ease-in-out;
  display: flex;
  flex-direction: column;
}

html[dir="rtl"] .bnx-we-do__tile svg {
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-we-do__tile.slick-slide .bnx-we-do__icon-hover {
  display: none;
}

html[dir="rtl"] .bnx-we-do__tile:hover {
  box-shadow: 0 4px 84px #ebf1f5;
}

html[dir="rtl"] .bnx-we-do__tile:hover .bnx-we-do__arrow {
  opacity: 1;
}

html[dir="rtl"] .bnx-we-do__tile:hover .bnx-we-do__icon {
  display: none;
}

html[dir="rtl"] .bnx-we-do__tile:hover .bnx-we-do__icon-hover {
  display: block;
}

html[dir="rtl"] .bnx-we-do__tile:hover.slick-slide .bnx-we-do__icon-hover {
  display: block;
}

html[dir="rtl"] .bnx-we-do__icon,
html[dir="rtl"] .bnx-we-do__icon-hover {
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-we-do__icon-hover {
  display: none;
}

html[dir="rtl"] .bnx-we-do__tile-head {
  font-size: 18px;
  font-weight: 600;
  color: #10385b;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-we-do__tile-desc {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-we-do__arrow {
  width: 22px;
  height: auto;
  display: block;
  margin-top: auto;
  padding-top: 24px;
  opacity: 0;
  transition: all 0.3s;
}

html[dir="rtl"] .bnx-we-do__arrow:lang(ar) {
  transform: rotate(-180deg);
  padding-top: 0;
  padding-bottom: 24px;
}

html[dir="rtl"] .bnx-we-do__list li {
  position: relative;
  padding-right: 24px;
}

html[dir="rtl"] .bnx-we-do__list li::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg data-name='Capa 1' id='Capa_1' viewBox='0 0 20 19.84' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.39,5.66a.37.37,0,0,0-.52,0L8,13.39,5.09,11.06a.38.38,0,1,0-.47.59L7.85,14.2a.38.38,0,0,0,.52,0l7.06-8A.38.38,0,0,0,15.39,5.66Z' fill='%23666'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 25px;
  right: -4px;
  top: -2px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-we-do__wrapper .slick-track {
    display: flex;
  }
  html[dir="rtl"] .bnx-we-do__tile {
    border: 1px solid #d9d9d9;
    height: auto;
    opacity: 0.5;
  }
  html[dir="rtl"] .bnx-we-do__tile.slick-active {
    opacity: 1;
  }
  html[dir="rtl"] .bnx-we-do__tile svg {
    width: 40px;
    height: 40px;
  }
  html[dir="rtl"] .bnx-we-do__tile.slick-slide .bnx-we-do__icon {
    display: none;
  }
  html[dir="rtl"] .bnx-we-do__tile.slick-slide .bnx-we-do__icon-hover {
    display: block;
  }
  html[dir="rtl"] .bnx-we-do__arrow {
    opacity: 1;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-we-do {
    padding: 32px 0;
  }
  html[dir="rtl"] .bnx-we-do__tile {
    padding: 24px;
    width: calc(100% - 16px);
  }
}

html[dir="rtl"] .bnx-about-offerings {
  padding-top: 50px;
}

html[dir="rtl"] .bnx-about-offerings .bnx-sec-heading {
  margin-bottom: 24px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-about-offerings {
    padding-top: 40px;
  }
}

html[dir="rtl"] .bnx-our-client {
  background-color: #f8f8f8;
  padding: 32px 0;
}

html[dir="rtl"] .bnx-our-client__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* html[dir="rtl"] .bnx-our-client__wrapper::after,
html[dir="rtl"] .bnx-our-client__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 210px;
  z-index: 1;
}

html[dir="rtl"] .bnx-our-client__wrapper::after {
  left: 0;
  background: linear-gradient(
    to right,
    #f8f8f8 0%,
    rgba(248, 248, 248, 0) 100%
  );
} */

html[dir="rtl"] .bnx-our-client__head-outer {
  text-align: center;
  max-width: 500px;
  margin: 0 auto 24px;
}

html[dir="rtl"] .bnx-our-client__sub-head {
  font-size: 14px;
  color: #2a3a48;
  margin-bottom: 4px;
}

html[dir="rtl"] .bnx-our-client__heading {
  font-size: 28px;
  font-weight: 600;
  position: relative;
}

html[dir="rtl"] .bnx-our-client__heading::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #2A3A48;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

html[dir="rtl"] .bnx-our-client__heading span {
  position: relative;
  z-index: 1;
  padding: 0 8px;
  background-color: #f1f5f8;
}

html[dir="rtl"] .bnx-our-client__item {
  width: calc(18% - 32px);
  margin: 0px 16px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

html[dir="rtl"] .bnx-our-client__item:hover {
  transform: scale(1.1);
}

html[dir="rtl"] .bnx-our-client__item.less-width img {
  width: 50%;
}

html[dir="rtl"] .bnx-our-client__item img {
  width: 75%;
  height: auto;
}

html[dir="rtl"] .bnx-our-client__wrapper::before {
  right: 0;
  background: linear-gradient(to left, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
}

html[dir="rtl"] .bnx-our-client__item {
  padding: 0 16px;
}

html[dir="rtl"] .bnx-our-client__item img {
  width: 100%;
  height: auto;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-our-client {
    padding: 16px 0;
  }
  html[dir="rtl"] .bnx-our-client__wrapper::after,
  html[dir="rtl"] .bnx-our-client__wrapper::before {
    width: 70px;
  }
  html[dir="rtl"] .bnx-our-client__item {
    padding: 0 8px;
  }

  html[dir="rtl"]  .bnx-our-client__heading {
    font-size: 20px;
  }
  html[dir="rtl"] .bnx-our-client__item {
    width: calc(30% - 16px);
    margin: 0px 8px 8px;
  }
}

html[dir="rtl"] .bnx-our-client-about {
  padding: 50px 0;
}

html[dir="rtl"] .bnx-our-client-about__head {
  max-width: 1000px;
  margin: 0 auto 40px;
  text-align: center;
}

html[dir="rtl"] .bnx-our-client-about__head .bnx-sec-heading {
  margin-bottom: 24px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-our-client-about {
    padding: 40px 0;
  }
}

html[dir="rtl"] .bnx-quotes__wrapper {
  box-shadow: 0 4px 24px rgba(224, 233, 241, 0.63);
  background-color: #ffffff;
  padding: 40px 120px 40px 40px;
  position: relative;
}

html[dir="rtl"] .bnx-quotes__wrapper::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='77' height='77' viewBox='0 0 77 77' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='38.5' cy='38.5' r='38.5' fill='%231FD4F6'/%3E%3Cpath d='M30.1356 34.4222C33.9516 34.4222 37.0451 37.5157 37.0451 41.3317C37.0451 45.1477 33.9516 48.2412 30.1356 48.2412C26.3196 48.2412 23.2261 45.1477 23.2261 41.3317C23.2261 37.5157 26.3196 34.4222 30.1356 34.4222Z' fill='white'/%3E%3Cpath d='M23.226 41.3321C23.1671 40.6117 22.8341 35.63 26.6241 31.9306C28.4784 30.1537 30.8675 29.0388 33.4204 28.759C31.4445 29.9284 29.8658 31.6649 28.8895 33.7429C27.0772 37.6485 28.1578 41.2709 28.4365 42.125L23.226 41.3321Z' fill='white'/%3E%3Cpath d='M46.8734 34.4222C50.6894 34.4222 53.7829 37.5157 53.7829 41.3317C53.7829 45.1477 50.6894 48.2412 46.8734 48.2412C43.0574 48.2412 39.9639 45.1477 39.9639 41.3317C39.9639 37.5157 43.0574 34.4222 46.8734 34.4222Z' fill='white'/%3E%3Cpath d='M39.9638 41.3321C39.9049 40.6117 39.5719 35.63 43.3619 31.9306C45.2161 30.1537 47.6053 29.0388 50.1582 28.759C48.1823 29.9284 46.6036 31.6649 45.6273 33.7429C43.815 37.6485 44.8956 41.2709 45.1743 42.125L39.9638 41.3321Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 75px;
  height: 75px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

html[dir="rtl"] .bnx-quotes__txt {
  font-size: 18px;
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-quotes__name {
  font-style: italic;
  font-weight: 600;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-quotes__wrapper {
    padding: 32px;
  }
  html[dir="rtl"] .bnx-quotes__wrapper::after {
    right: 16px;
    width: 50px;
    height: 50px;
  }
  html[dir="rtl"] .bnx-quotes__txt {
    font-size: 16px;
  }
}

html[dir="rtl"] .bnx-approach {
  padding: 50px 0;
  background-color: #f8f8f8;
}

html[dir="rtl"] .bnx-approach--home-sec {
  padding: 90px 0 0;
  margin-top: -40px;
}

html[dir="rtl"] .bnx-approach--home-sec .bnx-quotes {
  margin-bottom: -75px;
  position: relative;
  z-index: 1;
  padding-top: 50px;
}

html[dir="rtl"] .bnx-approach--analytics-sec {
  padding: 90px 0 50px;
  margin-top: -40px;
}

html[dir="rtl"] .bnx-approach__wrapper {
  display: flex;
}

html[dir="rtl"] .bnx-approach__left {
  width: 50%;
  padding-left: 40px;
}

html[dir="rtl"] .bnx-approach__left svg,
html[dir="rtl"] .bnx-approach__left object {
  width: 100%;
  height: auto;
}

html[dir="rtl"] .bnx-approach__right {
  width: 50%;
  overflow-x: hidden;
}

html[dir="rtl"] .bnx-approach__item {
  border-bottom: 1px solid #c6c6c6;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-approach__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

html[dir="rtl"] .bnx-approach__item p {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-approach__item:hover .bnx-approach__item-icon-hover {
  display: block;
}

html[dir="rtl"] .bnx-approach__item:hover .bnx-approach__item-icon {
  display: none;
}

html[dir="rtl"] .bnx-approach__item-head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-approach__item-head h3 {
  color: #10385b;
  font-weight: 600;
  font-size: 18px;
}

html[dir="rtl"] .bnx-approach__item-icon,
html[dir="rtl"] .bnx-approach__item-icon-hover {
  width: 50px;
  height: auto;
  margin-left: 16px;
}

html[dir="rtl"] .bnx-approach__item-icon-hover {
  display: none;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-approach__right {
    overflow: hidden;
  }
  html[dir="rtl"] .bnx-approach__item-head {
    margin-bottom: 0;
  }
  html[dir="rtl"] .bnx-approach__item {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  html[dir="rtl"] .bnx-approach__item p {
    display: none;
    margin-top: 16px;
  }
  html[dir="rtl"] .bnx-approach__item.active p {
    display: block;
  }
  html[dir="rtl"] .bnx-approach__item.active .bnx-approach__item-head::after {
    transform: translateY(-50%) rotate(-180deg);
  }
  html[dir="rtl"] .bnx-approach__item-icon {
    display: none;
  }
  html[dir="rtl"] .bnx-approach__item-icon-hover {
    display: block;
  }
  html[dir="rtl"] .bnx-approach__item-head {
    position: relative;
  }
  html[dir="rtl"] .bnx-approach__item-head::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 4.5L8 1' stroke='%23666666'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
    transition: all 0.3s;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-approach {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-approach--home-sec {
    padding: 70px 0 0;
    margin-top: -40px;
  }
  html[dir="rtl"] .bnx-approach--home-sec .bnx-quotes {
    margin-bottom: -75px;
    position: relative;
    z-index: 1;
    padding-top: 80px;
  }
  html[dir="rtl"] .bnx-approach--analytics-sec {
    padding: 70px 0 40px;
  }
  html[dir="rtl"] .bnx-approach__wrapper {
    display: block;
  }
  html[dir="rtl"] .bnx-approach__left {
    width: 100%;
    padding-left: 0;
    padding-bottom: 32px;
  }
  html[dir="rtl"] .bnx-approach__right {
    width: 100%;
  }
}

html[dir="rtl"] .bnx-why-beinex {
  padding: 50px 0 34px;
  background-color: #f8f9fb;
}

html[dir="rtl"] .bnx-why-beinex__head {
  max-width: 1000px;
  margin: 0 auto 16px;
  text-align: center;
}

html[dir="rtl"] .bnx-why-beinex__head-desc:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-why-beinex__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .bnx-why-beinex__wrapper .slick-track {
  display: flex;
}

html[dir="rtl"] .bnx-why-beinex__wrapper .bnx-product-tile {
  background-color: #ffffff;
  margin: 16px;
  width: calc(33.33% - 32px);
  box-shadow: 0 4px 44px rgba(200, 206, 217, 0.27);
  padding: 32px;
  height: auto;
}

html[dir="rtl"] .bnx-why-beinex__wrapper .bnx-product-tile__head-outer {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-why-beinex__wrapper .bnx-product-tile__title {
  color: #10385b;
  margin-bottom: 0;
  min-height: auto;
  width: calc(100% - 50px);
  padding-right: 16px;
}

html[dir="rtl"] .bnx-why-beinex__wrapper .bnx-product-tile__icon {
  margin-bottom: 0;
  width: 50px;
  height: 50px;
}

html[dir="rtl"] .bnx-why-beinex__wrapper .bnx-product-tile__icon-hover {
  width: 50px;
  height: 50px;
  margin-bottom: 0;
  display: none;
}

html[dir="rtl"] .bnx-why-beinex__wrapper .bnx-product-tile__desc {
  color: #666666;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-why-beinex__wrapper .bnx-product-tile__icon {
    display: none;
  }
}

html[dir="rtl"] .bnx-alterx-flow {
  padding: 26px 0 50px;
}

html[dir="rtl"] .bnx-alterx-flow__wrapper {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .bnx-alterx-flow__item {
  flex: 1;
  text-align: center;
  padding: 24px;
}

html[dir="rtl"] .bnx-alterx-flow__item h3 {
  color: #10385b;
  font-weight: 600;
  font-size: 18px;
}

html[dir="rtl"] .bnx-alterx-flow__item:first-child h3 {
  color: #05dcac;
  position: relative;
}

html[dir="rtl"] .bnx-alterx-flow__item:first-child h3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 6.5L1 12' stroke='%2305DCAC'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .bnx-alterx-flow__tile-wrapper {
  margin-top: 40px;
}

html[dir="rtl"] .bnx-alterx-flow__tile {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

html[dir="rtl"]
  .bnx-alterx-flow__tile:first-child
  .bnx-alterx-flow__tile-cnt
  h3 {
  color: #05dcac;
}

html[dir="rtl"] .bnx-alterx-flow__tile:nth-child(even) {
  flex-direction: row-reverse;
}

html[dir="rtl"]
  .bnx-alterx-flow__tile:nth-child(even)
  .bnx-alterx-flow__tile-cnt {
  padding-left: 0;
  padding-right: 40px;
}

html[dir="rtl"] .bnx-alterx-flow__tile-cnt {
  width: 65%;
  padding-left: 40px;
}

html[dir="rtl"] .bnx-alterx-flow__tile-cnt h3 {
  font-weight: 600;
  color: #10385b;
  margin-bottom: 24px;
  font-size: 22px;
}

html[dir="rtl"] .bnx-alterx-flow__tile-img {
  width: 35%;
}

html[dir="rtl"] .bnx-alterx-flow__tile-img img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-alterx-flow__item {
    padding: 16px;
  }
  html[dir="rtl"] .bnx-alterx-flow__item h3 {
    font-size: 14px;
  }
  html[dir="rtl"] .bnx-alterx-flow__item:first-child h3::after {
    width: 20px;
    height: 20px;
    left: -26px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-alterx-flow {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-alterx-flow__wrapper {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-alterx-flow__item {
    padding: 24px;
  }
  html[dir="rtl"] .bnx-alterx-flow__item:first-child h3::after {
    width: 20px;
    height: 20px;
    right: 50%;
    left: auto;
    bottom: -32px;
    top: auto;
    transform: translateX(50%) rotate(-90deg);
  }
  html[dir="rtl"] .bnx-alterx-flow__tile {
    flex-direction: column-reverse;
  }
  html[dir="rtl"] .bnx-alterx-flow__tile:nth-child(even) {
    flex-direction: column-reverse;
  }
  html[dir="rtl"]
    .bnx-alterx-flow__tile:nth-child(even)
    .bnx-alterx-flow__tile-cnt {
    padding-right: 0;
  }
  html[dir="rtl"] .bnx-alterx-flow__tile-cnt {
    width: 100%;
    padding-left: 0;
    padding-top: 24px;
    text-align: center;
  }
  html[dir="rtl"] .bnx-alterx-flow__tile-img {
    width: 100%;
  }
  html[dir="rtl"] .bnx-alterx-flow__tile-img img {
    width: 75%;
    margin: 0 auto;
  }
}

html[dir="rtl"] .bnx-culture {
  padding: 50px 0;
}

html[dir="rtl"] .bnx-culture__wrapper {
  display: flex;
}

html[dir="rtl"] .bnx-culture__cnt {
  width: 60%;
  padding-left: 40px;
}

html[dir="rtl"] .bnx-culture__img-outer {
  width: 40%;
  display: flex;
  height: 300px;
}

html[dir="rtl"] .bnx-culture__img-item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex: 1;
  transition: all 0.4s;
  box-shadow: 0 15px 46px rgba(16, 56, 91, 0.25);
  position: relative;
}

html[dir="rtl"] .bnx-culture__img-item.active {
  flex: 7;
}

html[dir="rtl"] .bnx-culture__img-item.active .bnx-culture__img-txt {
  max-height: 100px;
  transition: all 0.4s;
  transition-delay: 0.4s;
}

html[dir="rtl"] .bnx-culture__img-item:nth-child(2) {
  margin: 10px 0;
}

html[dir="rtl"] .bnx-culture__img-item:nth-child(2).active {
  margin: 0;
}

html[dir="rtl"] .bnx-culture__img-item:last-child {
  margin: 20px 0;
}

html[dir="rtl"] .bnx-culture__img-item:last-child.active {
  margin: 0;
}

html[dir="rtl"] .bnx-culture__img-item:first-child {
  margin: 20px 0;
}

html[dir="rtl"] .bnx-culture__img-item:first-child.active {
  margin: 0;
}

html[dir="rtl"] .bnx-culture__img-txt {
  background-color: #2b98f7;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 180px;
  max-height: 0;
  overflow: hidden;
}

html[dir="rtl"] .bnx-culture__img-txt span {
  padding: 4px;
  display: block;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-culture__wrapper {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-culture__cnt {
    width: 100%;
    padding-left: 0;
    padding-bottom: 32px;
  }
  html[dir="rtl"] .bnx-culture__img-outer {
    width: 100%;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-culture {
    padding: 40px 0;
  }
}

html[dir="rtl"] .bnx-recruitment {
  padding: 50px 0;
  overflow-x: hidden;
}

html[dir="rtl"] .bnx-recruitment__wrapper {
  display: flex;
  width: 100%;
}

html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile {
  flex: 1;
  background-color: transparent;
  position: relative;
}

html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='74' height='2' viewBox='0 0 74 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H73' stroke='%2388ADC8' stroke-width='2' stroke-linecap='round' stroke-dasharray='5 8'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  height: 2px;
  width: 72px;
  position: absolute;
  top: 46px;
  left: 24px;
}

html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile__title {
  color: #10385b;
  font-size: 18px;
  min-height: auto;
}

html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile__desc {
  color: #666666;
}

html[dir="rtl"]
  .bnx-recruitment__wrapper
  .bnx-product-tile.bnx-recruitment__end {
  background-color: #2b98f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

html[dir="rtl"]
  .bnx-recruitment__wrapper
  .bnx-product-tile.bnx-recruitment__end::after {
  content: none;
}

html[dir="rtl"]
  .bnx-recruitment__wrapper
  .bnx-product-tile.bnx-recruitment__end
  .bnx-product-tile__title {
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}

html[dir="rtl"] .bnx-recruitment__end-img {
  position: absolute;
  top: -80px;
  right: 20px;
  width: 120px;
  height: auto;
}

html[dir="rtl"] .bnx-recruitment__end-logo {
  width: 40px;
  height: auto;
  display: block;
  margin-bottom: 16px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-recruitment {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-recruitment__wrapper {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile {
    display: flex;
    align-items: center;
    padding: 16px 0;
  }
  html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile::after {
    right: 11px;
    bottom: 6px;
    top: auto;
    transform: rotate(-90deg);
    width: 30px;
  }
  html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile__cnt-box {
    padding-right: 16px;
  }
  html[dir="rtl"] .bnx-recruitment__wrapper .bnx-product-tile__desc {
    display: none;
  }
  html[dir="rtl"]
    .bnx-recruitment__wrapper
    .bnx-product-tile.bnx-recruitment__end {
    margin-top: 24px;
  }
  html[dir="rtl"] .bnx-recruitment__end-img {
    top: -50px;
    width: 80px;
  }
}

html[dir="rtl"] .bnx-perks {
  padding-top: 50px;
  background-color: #f1f5f8;
  overflow: hidden;
}

html[dir="rtl"] .bnx-perks__wrapper {
  display: flex;
}

html[dir="rtl"] .bnx-perks__img-outer {
  width: 40%;
  align-self: flex-end;
  position: relative;
}

html[dir="rtl"] .bnx-perks__round-animation {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

html[dir="rtl"] .bnx-perks__round-animation img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

html[dir="rtl"] .bnx-perks__ticket-wrapper {
  position: relative;
}

html[dir="rtl"] .bnx-perks__ticket-img {
  width: 100%;
  height: auto;
  display: block;
}

html[dir="rtl"] .bnx-perks__ticket-img--left,
html[dir="rtl"] .bnx-perks__ticket-img--right {
  position: absolute;
  top: 0;
  right: 0;
}

html[dir="rtl"] .bnx-perks__ticket-img--center {
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-perks__cnt {
  width: 60%;
  padding-right: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}

html[dir="rtl"] .bnx-perks__item {
  width: 33.33%;
  text-align: center;
  padding: 16px;
}

html[dir="rtl"] .bnx-perks__item:hover .bnx-perks__item-icon-hover {
  display: block;
}

html[dir="rtl"] .bnx-perks__item:hover .bnx-perks__item-icon {
  display: none;
}

html[dir="rtl"] .bnx-perks__item-icon,
html[dir="rtl"] .bnx-perks__item-icon-hover {
  width: 52px;
  height: 52px;
  display: block;
  margin: 0 auto;
}

html[dir="rtl"] .bnx-perks__item-icon-hover {
  display: none;
}

html[dir="rtl"] .bnx-perks__item-head {
  color: #10385b;
  margin-top: 16px;
  text-align: center;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-perks__wrapper {
    flex-direction: column-reverse;
  }
  html[dir="rtl"] .bnx-perks__img-outer {
    width: 70%;
    align-self: center;
  }
  html[dir="rtl"] .bnx-perks__cnt {
    width: 100%;
    padding-right: 0;
  }
  html[dir="rtl"] .bnx-perks__item-icon {
    display: none;
  }
  html[dir="rtl"] .bnx-perks__item-icon-hover {
    display: block;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-perks {
    padding-top: 40px;
  }
  html[dir="rtl"] .bnx-perks__item {
    width: 50%;
  }
}

html[dir="rtl"] .bnx-training {
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

html[dir="rtl"] .bnx-training__wrapper {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .bnx-training__left {
  width: 60%;
}

html[dir="rtl"] .bnx-training__tile-outer {
  display: flex;
  margin: 0 -16px 24px;
}

html[dir="rtl"] .bnx-training__tile-outer .bnx-product-tile {
  flex: 1;
  background-color: rgba(107, 186, 255, 0.23);
  backdrop-filter: blur(24px);
  margin: 16px;
}

html[dir="rtl"] .bnx-training__tile-outer .bnx-product-tile__title {
  font-size: 18px;
  min-height: auto;
}

html[dir="rtl"] .bnx-training__img-outer {
  width: 40%;
  position: relative;
}

html[dir="rtl"] .bnx-training__girl-img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}

html[dir="rtl"] .bnx-training__girl-img-outline {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

html[dir="rtl"] .bnx-training__girl-shadow-img {
  width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  animation: trainingShadow 3s infinite linear;
  transform-origin: center;
}

@keyframes trainingShadow {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}

html[dir="rtl"] .bnx-training__animated-img {
  position: absolute;
  width: 100%;
  height: auto;
  display: block;
  top: 0;
  right: 0;
}

html[dir="rtl"] .bnx-training__animated-img img {
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-training__wrapper {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-training__left {
    width: 100%;
    margin-bottom: 40px;
  }
  html[dir="rtl"] .bnx-training__img-outer {
    width: 100%;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-training {
    padding: 40px 0;
  }
  html[dir="rtl"] .bnx-training__tile-outer {
    flex-direction: column;
    margin: 0 -8px 16px;
  }
  html[dir="rtl"] .bnx-training__tile-outer .bnx-product-tile {
    display: flex;
    padding: 16px;
    margin: 8px;
  }
  html[dir="rtl"] .bnx-training__tile-outer .bnx-product-tile__cnt-box {
    padding-right: 16px;
  }
}

html[dir="rtl"] .bnx-brocher-popup.modal {
  z-index: 9999999;
  opacity: 1;
  background-color: transparent;
}

html[dir="rtl"] .bnx-brocher-popup .modal-dialog {
  margin-top: 40px;
  margin-bottom: 40px;
  min-height: calc(100% - 80px);
}

html[dir="rtl"] .bnx-brocher-popup .modal-content {
  border: 0;
  border-radius: 0;
}

html[dir="rtl"] .bnx-brocher-popup .modal-body {
  padding: 0;
}

html[dir="rtl"] .bnx-brocher-popup__head {
  padding: 24px 32px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

html[dir="rtl"] .bnx-brocher-popup__head h2 {
  font-size: 22px;
  padding-left: 160px;
  color: #fff;
}

html[dir="rtl"] .bnx-brocher-popup__head-icon {
  position: absolute;
  left: 10px;
  top: -22px;
  width: 145px;
  height: auto;
}

html[dir="rtl"] .bnx-brocher-popup__cnt {
  padding: 32px;
}

html[dir="rtl"] .bnx-brocher-popup__cnt .bnx-contact-us__item {
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-brocher-popup__lang h3 {
  color: #000;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
}

html[dir="rtl"] .bnx-brocher-popup__lang-outer {
  display: flex;
  margin-bottom: 32px;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}

html[dir="rtl"] .bnx-brocher-popup__lang-outer .bnx-radio-btn {
  display: block;
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 24px;
  color: #666;
}

html[dir="rtl"] .bnx-brocher-popup__lang-outer .bnx-radio-btn:last-child {
  margin-left: 0;
}

html[dir="rtl"] .bnx-brocher-popup__lang-outer .bnx-radio-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

html[dir="rtl"] .bnx-brocher-popup__lang-outer .checkmark {
  position: absolute;
  top: 1px;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #aab6c0;
}

html[dir="rtl"]
  .bnx-brocher-popup__lang-outer
  .bnx-radio-btn
  input:checked
  ~ .checkmark {
  border: 1px solid #2b98f7;
}

html[dir="rtl"] .bnx-brocher-popup__lang-outer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

html[dir="rtl"]
  .bnx-brocher-popup__lang-outer
  .bnx-radio-btn
  input:checked
  ~ .checkmark:after {
  display: block;
}

html[dir="rtl"] .bnx-brocher-popup__lang-outer .bnx-radio-btn .checkmark:after {
  top: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2b98f7;
}

html[dir="rtl"] .bnx-brocher-popup .close {
  position: absolute;
  left: -30px;
  top: -30px;
  text-shadow: none;
  color: #fff;
  opacity: 1;
  font-weight: 400;
  font-size: 34px;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-brocher-popup .close {
    left: 0px;
    top: -35px;
  }
  html[dir="rtl"] .bnx-brocher-popup__head-icon {
    width: 120px;
  }
  html[dir="rtl"] .bnx-brocher-popup__head {
    padding: 24px;
  }
  html[dir="rtl"] .bnx-brocher-popup__head h2 {
    font-size: 18px;
    padding-left: 90px;
  }
  html[dir="rtl"] .bnx-brocher-popup__cnt {
    padding: 24px;
  }
}

html[dir="rtl"] .bnx-timer {
  display: flex;
}

html[dir="rtl"] .bnx-certificate {
  font-family: "Outfit", sans-serif;
  background-color: #f0f0f0;
  font-weight: 300;
  color: #414a4f;
  min-height: 100vh;
}

html[dir="rtl"] .bnx-certificate__wrapper {
  max-width: 1400px;
  width: 100%;
  display: block;
  margin: 0 auto;
  background-color: #fff;
  display: flex;
}

html[dir="rtl"] .bnx-certificate__left {
  width: calc(100% - 320px);
  padding: 32px 32px 32px 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top left;
}

html[dir="rtl"] .bnx-certificate__left-inner {
  border: 1px solid #074f90;
  border-left: 0;
  padding: 60px;
}

html[dir="rtl"] .bnx-certificate__title {
  font-size: 44px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 60px;
}

html[dir="rtl"] .bnx-certificate__badge-mob-img {
  display: none;
}

html[dir="rtl"] .bnx-certificate__cnt-row {
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-certificate__label {
  font-size: 21px;
  margin-bottom: 4px;
}

html[dir="rtl"] .bnx-certificate__value {
  font-weight: 500;
  font-size: 32px;
  color: #004d93;
}

html[dir="rtl"] .bnx-certificate__logo {
  width: 275px;
  height: auto;
  display: block;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-certificate__bottom {
  padding-top: 40px;
}

html[dir="rtl"] .bnx-certificate__details {
  display: flex;
}

html[dir="rtl"] .bnx-certificate__details-item {
  padding-left: 40px;
}

html[dir="rtl"] .bnx-certificate__details-item:last-child {
  padding-left: 0;
}

html[dir="rtl"] .bnx-certificate__details-label {
  font-size: 17px;
  margin-bottom: 4px;
}

html[dir="rtl"] .bnx-certificate__details-value {
  font-size: 18px;
  font-weight: 500;
  color: #31383d;
}

html[dir="rtl"] .bnx-certificate__right {
  width: 320px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#22133e+0,0d1d54+32,00326a+68,004d93+100 */
  background: #22133e;
  /* Old browsers */
  background: -moz-linear-gradient(
    45deg,
    #22133e 0%,
    #0d1d54 32%,
    #00326a 68%,
    #004d93 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    45deg,
    #22133e 0%,
    #0d1d54 32%,
    #00326a 68%,
    #004d93 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    -135deg,
    #22133e 0%,
    #0d1d54 32%,
    #00326a 68%,
    #004d93 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

html[dir="rtl"] .bnx-certificate__badge {
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-certificate__badge-img {
  width: 100%;
  height: auto;
  display: block;
}

html[dir="rtl"] .bnx-certificate__company-info {
  text-align: center;
}

html[dir="rtl"] .bnx-certificate__sign {
  width: 140px;
  height: auto;
  display: block;
  margin: 0 auto 16px;
}

html[dir="rtl"] .bnx-certificate__sign.mobile {
  display: none;
}

html[dir="rtl"] .bnx-certificate__name {
  font-size: 21px;
  color: #fff;
  margin-bottom: 4px;
  font-weight: 700;
}

html[dir="rtl"] .bnx-certificate__designation {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  font-size: 16px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-certificate__outer {
    padding: 16px;
    background-color: #fff;
  }
  html[dir="rtl"] .bnx-certificate__wrapper {
    flex-wrap: wrap;
    border: 1px solid #074f90;
  }
  html[dir="rtl"] .bnx-certificate__left {
    width: 100%;
    padding: 0;
  }
  html[dir="rtl"] .bnx-certificate__left-inner {
    padding: 40px;
    border: 0;
    position: relative;
  }
  html[dir="rtl"] .bnx-certificate__title {
    font-size: 34px;
    padding-left: 100px;
  }
  html[dir="rtl"] .bnx-certificate__badge-mob-img {
    display: block;
    position: absolute;
    width: 100px;
    height: auto;
    top: 30px;
    left: 30px;
  }
  html[dir="rtl"] .bnx-certificate__right {
    width: 100%;
    flex-direction: row;
    align-items: center;
    background: transparent;
    padding: 40px;
  }
  html[dir="rtl"] .bnx-certificate__badge {
    margin-bottom: 0;
    width: 125px;
    display: none;
  }
  html[dir="rtl"] .bnx-certificate__company-info {
    width: calc(100% - 125px);
    text-align: right;
  }
  html[dir="rtl"] .bnx-certificate__sign {
    width: 100px;
    margin: 0 0 16px 0;
  }
  html[dir="rtl"] .bnx-certificate__sign.mobile {
    display: block;
  }
  html[dir="rtl"] .bnx-certificate__sign.desktop {
    display: none;
  }
  html[dir="rtl"] .bnx-certificate__name {
    font-size: 18px;
    color: #31383d;
  }
  html[dir="rtl"] .bnx-certificate__designation {
    font-size: 14px;
    color: #414a4f;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-certificate__left {
    padding: 0;
  }
  html[dir="rtl"] .bnx-certificate__left-inner {
    padding: 24px;
  }
  html[dir="rtl"] .bnx-certificate__title {
    font-size: 22px;
    margin-bottom: 32px;
  }
  html[dir="rtl"] .bnx-certificate__badge-mob-img {
    top: 20px;
    left: 20px;
  }
  html[dir="rtl"] .bnx-certificate__details {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-certificate__cnt-row {
    margin-bottom: 24px;
  }
  html[dir="rtl"] .bnx-certificate__label {
    font-size: 18px;
  }
  html[dir="rtl"] .bnx-certificate__value {
    font-size: 20px;
  }
  html[dir="rtl"] .bnx-certificate__bottom {
    padding-top: 32px;
  }
  html[dir="rtl"] .bnx-certificate__logo {
    width: 200px;
  }
  html[dir="rtl"] .bnx-certificate__details-item {
    padding-left: 0;
    padding-bottom: 16px;
  }
  html[dir="rtl"] .bnx-certificate__details-item:last-child {
    padding-bottom: 0;
  }
  html[dir="rtl"] .bnx-certificate__details-label {
    font-size: 14px;
  }
  html[dir="rtl"] .bnx-certificate__details-value {
    font-size: 16px;
  }
  html[dir="rtl"] .bnx-certificate__right {
    padding: 24px;
  }
}

html[dir="rtl"] .ar-event-bg {
  min-height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

html[dir="rtl"] .ar-event-cnt {
  min-height: calc(100vh - 140px);
  display: flex;
  align-items: center;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .ar-event-cnt {
    min-height: calc(100vh - 87px);
  }
}

html[dir="rtl"] .ar-event-heading {
  font-size: 44px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .ar-event-heading {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

html[dir="rtl"] .ar-event-header {
  padding: 60px 0 40px;
}

html[dir="rtl"] .ar-event-header__logo-link {
  display: inline-block;
}

html[dir="rtl"] .ar-event-header__logo {
  width: 200px;
  height: auto;
  display: block;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .ar-event-header {
    padding: 24px 0 32px;
  }
  html[dir="rtl"] .ar-event-header__logo {
    width: 150px;
  }
}

html[dir="rtl"] .ar-event-step {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

html[dir="rtl"] .ar-event-step__item {
  color: rgba(255, 255, 255, 0.22);
  font-size: 38px;
  font-weight: 700;
  padding: 16px;
  position: relative;
}

html[dir="rtl"] .ar-event-step__item.active {
  color: #fff;
  font-size: 58px;
}

html[dir="rtl"] .ar-event-step__item.active::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(50%);
  left: -74px;
  width: 50px;
  height: 1px;
  background-color: #fff;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .ar-event-step {
    position: static;
    top: 0;
    transform: none;
    flex-direction: row;
    justify-content: center;
  }
  html[dir="rtl"] .ar-event-step__item {
    font-size: 26px;
  }
  html[dir="rtl"] .ar-event-step__item.active {
    font-size: 42px;
  }
  html[dir="rtl"] .ar-event-step__item.active::after {
    content: none;
  }
}

html[dir="rtl"] .ar-event-form {
  padding-bottom: 40px;
  overflow-y: hidden;
}

html[dir="rtl"] .ar-event-form__wrapper {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .ar-event-form__left {
  width: 60%;
  padding-left: 40px;
}

html[dir="rtl"] .ar-event-form__right {
  width: 40%;
  text-align: center;
}

html[dir="rtl"] .ar-event-form__right .ar-btn--secondary {
  position: relative;
  z-index: 9;
  font-size: 16px;
  line-height: 1;
}

html[dir="rtl"] .ar-event-form__title {
  font-size: 44px;
  line-height: 64px;
  font-weight: 700;
  margin-bottom: 32px;
  color: #fff;
}

html[dir="rtl"] .ar-event-form__desc {
  color: #fff;
}

html[dir="rtl"] .ar-event-form__desc:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .ar-event-form__desc a {
  color: #fff;
}

html[dir="rtl"] .ar-event-form__desc a:hover {
  color: #fff;
}

html[dir="rtl"] .ar-event-form__steps {
  list-style: disc;
  padding-right: 20px;
  margin-top: 16px;
}

html[dir="rtl"] .ar-event-form__steps li {
  display: list-item;
  color: #fff;
}

html[dir="rtl"] .ar-event-form__right-img {
  position: relative;
}

html[dir="rtl"] .ar-event-form__right-img img {
  display: block;
  width: 100%;
  height: auto;
}

html[dir="rtl"] .ar-event-form__right-img-shade {
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: color-dodge;
}

html[dir="rtl"] .ar-event-form__box {
  background-color: #fff;
  border-radius: 20px;
  padding: 32px;
  text-align: right;
  position: relative;
}

html[dir="rtl"] .ar-event-form__box .bnx-primary-btn {
  margin-top: 24px;
}

html[dir="rtl"] .ar-event-form__box-shade {
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translate(50%, 82%);
  width: calc(100% + 140px);
  height: auto;
}

html[dir="rtl"] .ar-event-form__box-heading {
  color: #484848;
  font-size: 22px;
  margin-bottom: 32px;
  font-weight: 700;
}

html[dir="rtl"] .ar-event-form__row {
  border-bottom: 1px solid #d6d6d6;
  margin: 0 -32px;
  padding: 24px 32px;
  position: relative;
}

html[dir="rtl"] .ar-event-form__row:first-of-type {
  border-top: 1px solid #d6d6d6;
}

html[dir="rtl"] .ar-event-form__row select {
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
}

html[dir="rtl"] .ar-event-form__row select::-ms-expand {
  display: none;
}

html[dir="rtl"] .ar-event-form__cell-outer {
  display: flex;
  align-items: center;
}

html[dir="rtl"] .ar-event-form__cell-code {
  width: 100px;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #d6d6d6;
  position: relative;
}

html[dir="rtl"] .ar-event-form__cell-num {
  width: calc(100% - 120px);
}

html[dir="rtl"] .ar-event-form__input {
  border: 0;
  padding: 0;
  font-size: 18px;
  color: #5f7683;
  width: 100%;
}

html[dir="rtl"] .ar-event-form__input::placeholder {
  color: #5f7683;
}

html[dir="rtl"] .ar-event-form__input-icon {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
}

html[dir="rtl"] .ar-event-form__btn-outer {
  text-align: center;
}

html[dir="rtl"] .ar-event-form__btn {
  display: inline-block;
  transition: all 0.3s;
}

html[dir="rtl"] .ar-event-form__btn:hover {
  transform: scale(1.1);
}

html[dir="rtl"] .ar-event-form__btn img {
  max-width: 280px;
  width: 100%;
  height: auto;
  display: block;
}

html[dir="rtl"] .ar-event-form__btn.mobile {
  display: none;
}

@media (max-width: 1600px) {
  html[dir="rtl"] .ar-event-form__wrapper {
    padding-left: 100px;
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .ar-event-form__wrapper {
    flex-direction: column;
    padding-left: 0;
  }
  html[dir="rtl"] .ar-event-form__left {
    width: 100%;
    padding-left: 0;
    padding-bottom: 16px;
  }
  html[dir="rtl"] .ar-event-form__right {
    width: 100%;
  }
  html[dir="rtl"] .ar-event-form__right-img img {
    width: 80%;
    margin: 0 auto;
  }
  html[dir="rtl"] .ar-event-form__right-img-shade {
    right: 50%;
    transform: translateX(50%);
  }
  html[dir="rtl"] .ar-event-form__box {
    margin-top: 32px;
  }
  html[dir="rtl"] .ar-event-form__box-shade {
    width: 100%;
  }
  html[dir="rtl"] .ar-event-form__btn-outer.desktop {
    display: none;
  }
  html[dir="rtl"] .ar-event-form__btn.mobile {
    display: inline-block;
    margin-right: -16px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .ar-event-form__title {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  html[dir="rtl"] .ar-event-form__right-img img {
    width: 100%;
  }
  html[dir="rtl"] .ar-event-form__box-heading {
    font-size: 20px;
  }
}

html[dir="rtl"] .ar-event-quiz {
  padding: 40px 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

html[dir="rtl"] .ar-event-quiz__wrapper {
  max-width: 765px;
  margin: 0 auto;
}

html[dir="rtl"] .ar-event-quiz__box {
  background-color: #fff;
  border-radius: 20px;
  padding: 32px;
  text-align: right;
  position: relative;
}

html[dir="rtl"] .ar-event-quiz__nav {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 auto 32px;
  max-width: 280px;
}

html[dir="rtl"] .ar-event-quiz__nav::before {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
  border: 0;
  border-top: 1px solid #d1dce4;
  border-style: dashed;
}

html[dir="rtl"] .ar-event-quiz__nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

html[dir="rtl"] .ar-event-quiz__nav-item.correct .ar-event-quiz__nav-item-icon {
  background-color: #72bf7e;
}

html[dir="rtl"]
  .ar-event-quiz__nav-item.correct
  .ar-event-quiz__nav-item-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5385L9.84615 17.3846L20.2308 7' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"] .ar-event-quiz__nav-item.correct .ar-event-quiz__nav-item-txt {
  color: #72bf7e;
}

html[dir="rtl"] .ar-event-quiz__nav-item.current .ar-event-quiz__nav-item-icon {
  background-color: #63a3ff;
}

html[dir="rtl"] .ar-event-quiz__nav-item.current .ar-event-quiz__nav-item-txt {
  color: #63a3ff;
}

html[dir="rtl"]
  .ar-event-quiz__nav-item.wrong-answer
  .ar-event-quiz__nav-item-icon {
  background-color: #ec4b68;
}

html[dir="rtl"]
  .ar-event-quiz__nav-item.wrong-answer
  .ar-event-quiz__nav-item-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7L17.5 17.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M17.5 7L7 17.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

html[dir="rtl"]
  .ar-event-quiz__nav-item.wrong-answer
  .ar-event-quiz__nav-item-txt {
  color: #ec4b68;
}

html[dir="rtl"] .ar-event-quiz__nav-item-txt {
  color: #b9cad6;
  font-size: 20px;
  display: block;
  text-align: center;
  margin-top: 8px;
}

html[dir="rtl"] .ar-event-quiz__nav-item-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #b9cad6;
  position: relative;
}

html[dir="rtl"] .ar-event-quiz__nav-item-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.01635C8 5.68182 9.07692 4.00039 11.6923 4C14.3077 3.99961 16 6.33307 16 8.30769C16 12.6169 11.2308 12.3409 11.2308 12.3409V15.6925' stroke='white' stroke-width='2'/%3E%3Ccircle cx='11.0766' cy='20.1538' r='1.84615' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

html[dir="rtl"] .ar-event-quiz__question {
  color: #727272;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
}

html[dir="rtl"] .ar-event-quiz__ans {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .ar-event-quiz__ans-btn {
  border: 1px solid #dde8ed;
  background-color: #f6f9fb;
  color: #212121;
  text-align: center;
  padding: 8px 16px;
  border-radius: 7px;
  margin: 16px;
  width: calc(50% - 32px);
  text-align: right;
  font-size: 18px;
}

html[dir="rtl"] .ar-event-quiz__ans-btn.active {
  background-color: #63a3ff;
  border: 1px solid #63a3ff;
  color: #fff;
}

html[dir="rtl"] .ar-event-quiz__ans-btn--img {
  background-color: #fff;
}

html[dir="rtl"] .ar-event-quiz__ans-btn--img img {
  width: 150px;
  height: auto;
  display: block;
  margin: 0 auto;
}

html[dir="rtl"] .ar-event-quiz__ans-btn--img.active {
  background-color: #e1e9ef;
  border: 1px solid #dde8ed;
}

html[dir="rtl"] .ar-event-quiz__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #727272;
  margin-top: 16px;
}

html[dir="rtl"] .ar-event-quiz__loader-icon {
  width: 17px;
  height: 17px;
  margin-left: 8px;
  animation: loader 1.5s linear infinite;
}

@keyframes loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}

html[dir="rtl"] .ar-event-quiz__btn-outer {
  text-align: center;
  margin-top: 32px;
}

html[dir="rtl"] .ar-event-quiz__btn-outer .ar-btn--secondary {
  font-size: 16px;
  line-height: 1;
}

html[dir="rtl"] .ar-event-quiz__btn-outer .bnx-primary-btn {
  background-color: #fff;
  color: #04bbf2;
}

html[dir="rtl"] .ar-event-quiz__wrong-ans {
  text-align: center;
  padding: 24px 0;
}

html[dir="rtl"] .ar-event-quiz__wrong-ans-img {
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto 32px;
}

html[dir="rtl"] .ar-event-quiz__wrong-ans-txt {
  color: #727272;
  margin-bottom: 10px;
}

html[dir="rtl"] .ar-event-quiz__wrong-ans-blue-txt {
  color: #63a3ff;
  font-weight: 600;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .ar-event-quiz {
    padding-top: 24px;
  }
  html[dir="rtl"] .ar-event-quiz__ans {
    margin: 0 -8px;
  }
  html[dir="rtl"] .ar-event-quiz__ans-btn {
    width: calc(100% - 16px);
    margin: 8px;
  }
}

html[dir="rtl"] #wheel,
html[dir="rtl"] #applause {
  display: none;
}

html[dir="rtl"] .ar-event-spin {
  overflow-y: hidden;
  padding: 40px 0;
}

html[dir="rtl"] .ar-event-spin__wrapper {
  max-width: 550px;
  margin: 0 auto;
  width: 100%;
}

html[dir="rtl"] .ar-event-spin__wrapper.one .ar-event-spin__wheel-img {
  transform: rotate(-1091deg);
  transition: all 4.5s ease-out;
}

html[dir="rtl"] .ar-event-spin__wrapper.two .ar-event-spin__wheel-img {
  transform: rotate(-1057deg);
  transition: all 4.5s ease-out;
}

html[dir="rtl"] .ar-event-spin__wrapper.three .ar-event-spin__wheel-img {
  transform: rotate(-1345deg);
  transition: all 4.5s ease-out;
}

html[dir="rtl"] .ar-event-spin__wrapper.four .ar-event-spin__wheel-img {
  transform: rotate(-1283deg);
  transition: all 4.5s ease-out;
}

html[dir="rtl"] .ar-event-spin__wrapper.five .ar-event-spin__wheel-img {
  transform: rotate(-1249deg);
  transition: all 4.5s ease-out;
}

html[dir="rtl"] .ar-event-spin__wrapper.six .ar-event-spin__wheel-img {
  transform: rotate(-1213deg);
  transition: all 4.5s ease-out;
}

html[dir="rtl"] .ar-event-spin__wrapper.seven .ar-event-spin__wheel-img {
  transform: rotate(-1522deg);
  transition: all 4.5s ease-out;
}

html[dir="rtl"] .ar-event-spin__wheel-img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 2;
}

html[dir="rtl"] .ar-event-spin__wheel {
  position: relative;
}

html[dir="rtl"] .ar-event-spin__btn {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  border: 0;
  background-color: transparent;
  padding: 0;
  width: 125px;
  height: 125px;
  z-index: 3;
  transition: all 0.3s;
}

html[dir="rtl"] .ar-event-spin__btn img {
  display: block;
  width: 100%;
  height: 100%;
}

html[dir="rtl"] .ar-event-spin__btn:hover {
  transform: translate(50%, -50%) scale(1.1);
}

html[dir="rtl"] .ar-event-spin__btn.disable {
  opacity: 0.6;
  pointer-events: none;
}

html[dir="rtl"] .ar-event-spin__meter {
  background-color: #01b1ff;
  height: 80px;
  width: calc(50% + 80px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -70px;
  border-radius: 10px;
}

html[dir="rtl"] .ar-event-spin__meter-img {
  width: 150px;
  height: auto;
  display: block;
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  transform-origin: 14% center;
}

html[dir="rtl"] .ar-event-spin__meter-img.active {
  animation: meter 0.5s ease-in-out 9;
}

@keyframes meter {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(15deg);
  }
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .ar-event-spin__wrapper {
    max-width: 450px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .ar-event-spin__wrapper {
    padding-left: 70px;
  }
  html[dir="rtl"] .ar-event-spin__meter-img {
    width: 100px;
  }
  html[dir="rtl"] .ar-event-spin__meter {
    height: 55px;
  }
  html[dir="rtl"] .ar-event-spin__btn {
    width: 70px;
    height: 70px;
  }
}

html[dir="rtl"] .ar-event-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  display: none;
  opacity: 0;
}

html[dir="rtl"] .ar-event-popup.active {
  display: block;
  opacity: 1;
  animation: spinPopup 0.3s linear;
}

@keyframes spinPopup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

html[dir="rtl"] .ar-event-popup .container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

html[dir="rtl"] .ar-event-popup__wrapper {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  max-width: 600px;
  width: 100%;
  text-align: center;
}

html[dir="rtl"] .ar-event-popup__title {
  color: #011827;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 32px;
}

html[dir="rtl"] .ar-event-popup__img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 32px;
}

html[dir="rtl"] .ar-event-popup__desc {
  color: #727272;
  margin-bottom: 24px;
}

html[dir="rtl"] .ar-event-popup__desc strong {
  color: #000;
}

html[dir="rtl"] .ar-event-popup .ar-btn--secondary:hover {
  background-color: var(--ar-color-blue-2);
  color: var(--ar-color-white);
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .ar-event-popup__title {
    font-size: 20px;
  }
  html[dir="rtl"] .ar-event-popup__wrapper {
    padding: 32px 24px;
  }
}

html[dir="rtl"] .ar-custom-select {
  color: #5f7683;
}

html[dir="rtl"] .ar-custom-select__main {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  cursor: pointer;
}

html[dir="rtl"] .ar-custom-select__main::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 10px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 4.5L8 1' stroke='%235F7683'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

html[dir="rtl"] .ar-custom-select__main img {
  width: 30px;
  height: 30px;
  margin-left: 8px;
}

html[dir="rtl"] .ar-custom-select__expan {
  display: none;
  position: absolute;
  right: 0;
  top: 40px;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  max-height: 130px;
  overflow-y: auto;
}

html[dir="rtl"] .ar-custom-select__expan.active {
  display: block;
}

html[dir="rtl"] .ar-custom-select__item {
  display: flex;
  align-items: center;
  padding: 4px;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer;
}

html[dir="rtl"] .ar-custom-select__item:last-child {
  border-bottom: 0;
}

html[dir="rtl"] .ar-custom-select__item img {
  width: 30px;
  height: 30px;
  margin-left: 8px;
}

html[dir="rtl"] .ar-custom-select__item.active {
  background-color: #e7e7e7;
}

html[dir="rtl"] .bnx-timer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

html[dir="rtl"] .bnx-timer__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

html[dir="rtl"] .bnx-timer__item span {
  color: #1d7ad0;
  font-weight: 700;
  font-size: 30px;
}

html[dir="rtl"] .bnx-timer__txt {
  text-align: center;
  margin-top: 8px;
  color: #666;
}

html[dir="rtl"] .bnx-timer__end-txt {
  display: block;
  text-align: center;
  color: #1d7ad0;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-timer__item span {
    font-size: 22px;
  }
  html[dir="rtl"] .bnx-timer__txt {
    font-size: 12px;
  }
}

html[dir="rtl"] .bnx-event-popup {
  background-color: rgba(0, 0, 0, 0.44);
}

html[dir="rtl"] .bnx-event-popup .modal-dialog {
  max-width: 540px;
}

html[dir="rtl"] .bnx-event-popup .modal-content {
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

html[dir="rtl"] .bnx-event-popup .modal-body {
  padding: 76px 0 0;
}

html[dir="rtl"] .bnx-event-popup__cnt {
  text-align: center;
  padding: 24px;
  background-color: #fff;
  position: relative;
}

html[dir="rtl"] .bnx-event-popup__close-btn {
  border: 0;
  background-color: transparent;
  font-size: 28px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: -30px;
  left: -40px;
}

html[dir="rtl"] .bnx-event-popup__event-name {
  position: absolute;
  top: -52px;
  right: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 12px 16px 12px 40px;
}

html[dir="rtl"] .bnx-event-popup__btn {
  text-align: center;
  padding: 24px;
  background-color: #e9fbff;
}

html[dir="rtl"] .bnx-event-popup__icon {
  width: 100%;
  max-width: 245px;
  height: auto;
  display: block;
  margin: -100px auto 16px;
}

html[dir="rtl"] .bnx-event-popup__main-head {
  font-size: 26px;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-event-popup__desc {
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-event-popup__sub-head {
  color: #2e2e2e;
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-event-popup__timer {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-event-popup .modal-body {
    padding: 56px 0 0;
  }
  html[dir="rtl"] .bnx-event-popup__close-btn {
    top: -40px;
    left: 0px;
  }
  html[dir="rtl"] .bnx-event-popup__event-name {
    font-size: 16px;
    top: -46px;
  }
  html[dir="rtl"] .bnx-event-popup__icon {
    max-width: 180px;
    margin: -80px auto 16px;
  }
  html[dir="rtl"] .bnx-event-popup__main-head {
    font-size: 20px;
  }
}

html[dir="rtl"] .bnx-banner-form .bnx-banner-blog__img {
  background-position: bottom center;
}

html[dir="rtl"] .bnx-banner-form .bnx-banner-blog__img::after {
  content: none;
}

html[dir="rtl"] .bnx-banner-form__logo-link {
  display: inline-block;
  margin-bottom: 52px;
}

html[dir="rtl"] .bnx-banner-form__logo {
  display: block;
  width: 124px;
  height: auto;
}

html[dir="rtl"] .bnx-banner-form__box {
  background-color: #fff;
  padding: 32px;
  border-radius: 10px;
  box-shadow: 0 4px 64px rgba(17, 112, 171, 0.15);
  max-width: 440px;
  margin-right: auto;
}

html[dir="rtl"] .bnx-banner-form__box .bnx-contact-us__item {
  margin-bottom: 20px;
}

html[dir="rtl"] .bnx-banner-form__box .bnx-contact-us__form input[type="text"],
html[dir="rtl"] .bnx-banner-form__box .bnx-contact-us__form select {
  border-radius: 5px;
}

html[dir="rtl"]
  .bnx-banner-form__box
  .bnx-contact-us__form-phone
  input[type="text"]:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"]
  .bnx-banner-form__box
  .bnx-contact-us__form-phone
  input[type="text"]:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .bnx-banner-form__box .bnx-primary-btn {
  width: 100%;
  justify-content: center;
  border-radius: 5px;
}

html[dir="rtl"] .bnx-banner-form__box-title {
  font-size: 22px;
  text-align: center;
  margin-bottom: 24px;
  color: #000;
  font-weight: 600;
}

html[dir="rtl"] .bnx-banner-form__thanks-msg {
  text-align: center;
  padding: 40px 0;
}

html[dir="rtl"] .bnx-banner-form__thanks-msg h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-banner-form__thanks-msg p {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-banner-form__thanks-msg-icon {
  width: 120px;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-banner-form .bnx-banner-digital__right {
    display: block;
    height: auto;
  }
  html[dir="rtl"] .bnx-banner-form__box {
    max-width: 100%;
  }
}

html[dir="rtl"] .bnx-ehse-head {
  max-width: 600px;
  margin: 0 auto 32px;
}

html[dir="rtl"] .bnx-ehse-head .bnx-sec-heading {
  text-align: center;
  margin-bottom: 16px;
  color: #000;
  font-weight: 700;
  font-size: 26px;
}

html[dir="rtl"] .bnx-ehse-head__desc {
  text-align: center;
  color: #6b6b6b;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-ehse-head .bnx-sec-heading {
    font-size: 22px;
  }
}

html[dir="rtl"] .bnx-ehse-success {
  padding-bottom: 40px;
}

html[dir="rtl"] .bnx-ehse-success__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

html[dir="rtl"] .bnx-ehse-success__item {
  width: calc(25% - 32px);
  margin: 16px;
  text-align: center;
}

html[dir="rtl"] .bnx-ehse-success__item-head {
  font-weight: 600;
  font-size: 21px;
  color: #1586ef;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-ehse-success__item-desc {
  margin-bottom: 0;
  color: #6b6b6b;
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-ehse-success__head .bnx-sec-heading {
    font-size: 22px;
  }
  html[dir="rtl"] .bnx-ehse-success__item {
    width: calc(100% - 32px);
  }
}

html[dir="rtl"] .bnx-ehse-solutions {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 260px;
}

html[dir="rtl"] .bnx-ehse-solutions__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 16px;
}

html[dir="rtl"] .bnx-ehse-solutions__cnt {
  width: 50%;
  padding-left: 60px;
}

html[dir="rtl"] .bnx-ehse-solutions__video {
  width: 50%;
}

html[dir="rtl"] .bnx-ehse-solutions__video .bnx-video {
  height: 350px;
  border-radius: 10px;
  overflow: hidden;
}

html[dir="rtl"] .bnx-ehse-solutions__cnt-row {
  margin-bottom: 24px;
}

html[dir="rtl"] .bnx-ehse-solutions__cnt-row:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-ehse-solutions__cnt-row h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-ehse-solutions__cnt-row p {
  margin-bottom: 0;
  color: #6b6b6b;
}

html[dir="rtl"] .bnx-ehse-solutions__cnt-list li {
  position: relative;
  padding-right: 32px;
}

html[dir="rtl"] .bnx-ehse-solutions__cnt-list li::after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.83668 1.01792C10.1146 1.972 11.2528 2.34826 12.0336 1.74356C13.132 0.883538 14.6672 2.01232 14.204 3.34266C13.8732 4.28331 14.5746 5.26428 15.5539 5.2374C16.9436 5.19709 17.5259 7.02464 16.3877 7.83091C15.5804 8.3953 15.5804 9.6047 16.3877 10.1691C17.5391 10.9619 16.9568 12.7895 15.5539 12.7626C14.5746 12.7357 13.8732 13.7167 14.204 14.6573C14.6672 15.9877 13.1453 17.1165 12.0336 16.2564C11.2528 15.6517 10.1146 16.028 9.83668 16.9821C9.43964 18.3393 7.54712 18.3393 7.16332 16.9821C6.8854 16.028 5.74724 15.6517 4.96641 16.2564C3.86796 17.1165 2.33276 15.9877 2.79597 14.6573C3.12683 13.7167 2.42541 12.7357 1.44606 12.7626C0.056446 12.8029 -0.525868 10.9754 0.612291 10.1691C1.41959 9.6047 1.41959 8.3953 0.612291 7.83091C-0.539103 7.03807 0.0432116 5.21053 1.44606 5.2374C2.42541 5.26428 3.12683 4.28331 2.79597 3.34266C2.33276 2.01232 3.85472 0.883538 4.96641 1.74356C5.74724 2.34826 6.8854 1.972 7.16332 1.01792C7.56036 -0.339306 9.45288 -0.339306 9.83668 1.01792V1.01792Z' fill='%2320BA6D'/%3E%3Cpath d='M6 9.24516L7.83371 11L12 7' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

html[dir="rtl"] .bnx-ehse-solutions__btn {
  text-align: center;
  margin-top: 32px;
}

html[dir="rtl"] .bnx-ehse-solutions__btn .bnx-primary-btn {
  border-radius: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  z-index: 2;
  position: relative;
}

html[dir="rtl"] .bnx-ehse-solutions__btn-inner {
  position: relative;
  display: inline-block;
}

html[dir="rtl"] .bnx-ehse-solutions__btn-inner img {
  position: absolute;
  width: 100%;
  height: auto;
  right: 0;
  top: -8px;
  z-index: 1;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-ehse-solutions__cnt {
    width: 100%;
    padding-left: 0;
    padding-bottom: 32px;
  }
  html[dir="rtl"] .bnx-ehse-solutions__video {
    width: 100%;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-ehse-solutions {
    padding: 40px 0 260px;
  }
  html[dir="rtl"] .bnx-ehse-solutions__video .bnx-video {
    height: 250px;
  }
  html[dir="rtl"] .bnx-ehse-solutions__btn .bnx-primary-btn {
    font-size: 14px;
  }
}

html[dir="rtl"] .bnx-ehse-advantage {
  margin-top: -200px;
  padding-bottom: 32px;
}

html[dir="rtl"] .bnx-ehse-advantage__box {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(17, 112, 171, 0.15);
  background-color: #fff;
}

html[dir="rtl"] .bnx-ehse-advantage__box-inner {
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

html[dir="rtl"] .bnx-ehse-advantage__cnt {
  width: 50%;
  padding-left: 32px;
}

html[dir="rtl"] .bnx-ehse-advantage__cnt h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 32px;
}

html[dir="rtl"] .bnx-ehse-advantage__cnt p {
  margin-bottom: 16px;
  color: #6b6b6b;
}

html[dir="rtl"] .bnx-ehse-advantage__cnt p:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .bnx-ehse-advantage__img {
  width: 50%;
}

html[dir="rtl"] .bnx-ehse-advantage__img img {
  width: 100%;
  height: auto;
  display: block;
}

html[dir="rtl"] .bnx-ehse-advantage__bottom {
  background: linear-gradient(-87.27deg, #0095c7 2.31%, #004e97 95.05%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px;
}

html[dir="rtl"] .bnx-ehse-advantage__bottom-txt {
  color: #fff;
  padding-left: 32px;
}

html[dir="rtl"] .bnx-ehse-advantage__bottom-btn {
  position: relative;
}

html[dir="rtl"] .bnx-ehse-advantage__bottom-btn img {
  position: absolute;
  width: 100%;
  height: auto;
  right: 0;
  top: -20px;
  z-index: 1;
}

html[dir="rtl"] .bnx-ehse-advantage__bottom-btn .bnx-primary-btn {
  border-radius: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  z-index: 2;
  position: relative;
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-ehse-advantage__cnt {
    width: 100%;
    padding-left: 0;
    padding-bottom: 24px;
  }
  html[dir="rtl"] .bnx-ehse-advantage__img {
    width: 100%;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-ehse-advantage__box-inner {
    padding: 24px;
  }
  html[dir="rtl"] .bnx-ehse-advantage__cnt h3 {
    font-size: 22px;
  }
  html[dir="rtl"] .bnx-ehse-advantage__bottom {
    padding: 24px;
    display: block;
  }
  html[dir="rtl"] .bnx-ehse-advantage__bottom-txt {
    text-align: center;
    padding-left: 0;
    padding-bottom: 16px;
  }
  html[dir="rtl"] .bnx-ehse-advantage__bottom-btn .bnx-primary-btn {
    font-size: 14px;
  }
}

html[dir="rtl"] .bnx-ehse-features {
  padding: 60px 0;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .bnx-product-tile {
  background-color: transparent;
  padding: 0;
  margin: 0 16px;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .bnx-product-tile img {
  display: block;
  width: 63px;
  height: auto;
  margin-bottom: 16px;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .bnx-product-tile__title {
  color: #000;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .bnx-product-tile__desc {
  color: #6b6b6b;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 0;
  color: transparent;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border: 1px solid #10385b;
  border-radius: 50%;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .slick-arrow.slick-disabled {
  opacity: 0.4;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .slick-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10px;
  height: 13px;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .slick-arrow.slick-prev {
  right: -5px;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .slick-arrow.slick-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76923 1L2 6.53846L8.76923 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
  right: calc(50% - 1px);
}

html[dir="rtl"]
  .bnx-ehse-features__wrapper
  .slick-arrow.slick-prev:lang(ar)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00006 1L7.76929 6.53846L1.00006 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}

html[dir="rtl"] .bnx-ehse-features__wrapper .slick-arrow.slick-next {
  left: -5px;
}

html[dir="rtl"] .bnx-ehse-features__wrapper .slick-arrow.slick-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00006 1L7.76929 6.53846L1.00006 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
  right: calc(50% + 1px);
}

html[dir="rtl"]
  .bnx-ehse-features__wrapper
  .slick-arrow.slick-next:lang(ar)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76923 1L2 6.53846L8.76923 12.0769' stroke='%2310385B' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}

@media (max-width: 1023.98px) {
  html[dir="rtl"] .bnx-ehse-features__wrapper {
    padding: 0 16px;
  }
}

@media (max-width: 599.98px) {
  html[dir="rtl"] .bnx-ehse-features {
    padding: 40px 0;
  }
}

/* cookiepolicy */
html[dir="rtl"] .bnx-cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  width: 100%;
  z-index: 999;
}
html[dir="rtl"] .bnx-cookie.box-active {
  background-color: rgba(0, 0, 0, 0.15);
  height: 100%;
}
html[dir="rtl"] .bnx-cookie__box {
  background-color: #fff;
  max-width: 420px;
  position: absolute;
  bottom: 32px;
  right: 32px;
}
html[dir="rtl"] .bnx-cookie__head {
  background: linear-gradient(90deg, #05a4f1 7.36%, #02479c 89.93%);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
html[dir="rtl"] .bnx-cookie__head img {
  display: none;
}
html[dir="rtl"] .bnx-cookie__close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
}
html[dir="rtl"] .bnx-cookie__title {
  color: #fff;
  font-size: 14px;
  padding-right: 16px;
  font-weight: 600;
}
html[dir="rtl"] .bnx-cookie__icon {
  width: 35px;
  height: 35px;
  display: block;
}
html[dir="rtl"] .bnx-cookie__cnt {
  padding: 20px;
}
html[dir="rtl"] .bnx-cookie__cnt.active .bnx-cookie__cnt-inner {
  display: none;
}
html[dir="rtl"] .bnx-cookie__cnt.active .bnx-cookie__cnt-inner--preferences {
  display: block;
}
html[dir="rtl"] .bnx-cookie__cnt.active .bnx-cookie__manage {
  display: block;
}
html[dir="rtl"] .bnx-cookie__cnt.active .bnx-cookie__btns--manage {
  display: flex;
  font-size: 12px;
}
html[dir="rtl"]
  .bnx-cookie__cnt.active
  .bnx-cookie__btns--manage
  .bnx-primary-btn {
  padding: 4px 16px;
  align-items: center;
}
html[dir="rtl"] .bnx-cookie__cnt.active .bnx-cookie__btns--manage img {
  width: 15px;
  height: 20px;
}
html[dir="rtl"] .bnx-cookie__cnt.active .bnx-cookie__btns--main {
  display: none;
}
html[dir="rtl"] .bnx-cookie__cnt.policy-cnt .bnx-cookie__cnt-inner {
  display: none;
}
html[dir="rtl"] .bnx-cookie__cnt.policy-cnt .bnx-cookie__cnt-inner--policy {
  display: block;
}
html[dir="rtl"] .bnx-cookie__cnt.details .bnx-cookie__cnt-inner {
  display: none;
}
html[dir="rtl"]
  .bnx-cookie__cnt.details
  .bnx-cookie__cnt-inner--details.active {
  display: block;
}
html[dir="rtl"] .bnx-cookie__desc {
  color: #666;
  margin-bottom: 0;
  font-size: 12px;
}
html[dir="rtl"] .bnx-cookie__btns {
  display: flex;
  padding-top: 0px;
  position: relative;
}
html[dir="rtl"] .bnx-cookie__btns::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 50px;
  background: #000;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  z-index: 1;
}
html[dir="rtl"] .bnx-cookie__btns .bnx-primary-btn--border {
  margin-right: 24px;
}
html[dir="rtl"] .bnx-cookie__btns--manage {
  display: none;
}
html[dir="rtl"] .bnx-cookie__manage {
  padding-top: 16px;
  display: none;
}
html[dir="rtl"] .bnx-cookie__manage-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #10385b;
}
html[dir="rtl"] .bnx-cookie__cnt-inner {
  overflow-y: auto;
  max-height: calc(100vh - 430px);
  padding-right: 10px;
  margin-right: -10px;
  position: relative;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
html[dir="rtl"] .bnx-cookie__cnt-inner::-webkit-scrollbar {
  width: 5px;
}
html[dir="rtl"] .bnx-cookie__cnt-inner::-webkit-scrollbar-track {
  border-radius: 10px;
}
html[dir="rtl"] .bnx-cookie__cnt-inner::-webkit-scrollbar-thumb {
  background: #ebebeb;
  border-radius: 10px;
}
html[dir="rtl"] .bnx-cookie__cnt-inner::-webkit-scrollbar-thumb:hover {
  background: #ebebeb;
}
html[dir="rtl"] .bnx-cookie__cnt-inner--policy {
  display: none;
}
html[dir="rtl"] .bnx-cookie__cnt-inner--preferences {
  display: none;
}
html[dir="rtl"] .bnx-cookie__cnt-inner--details {
  display: none;
}
html[dir="rtl"] .bnx-cookie__cnt-inner--details.active {
  display: block;
}
html[dir="rtl"] .bnx-cookie__cnt-inner--details .bnx-cookie__manage-title {
  margin-bottom: 16px;
}
html[dir="rtl"] .bnx-cookie__accordion .card {
  margin-bottom: 16px;
  border: 0px !important;
  border-bottom: 1px solid #d9d9d9 !important;
  border-radius: 0;
}
html[dir="rtl"] .bnx-cookie__accordion .card:last-child {
  margin-bottom: 50px;
}
html[dir="rtl"] .bnx-cookie__accordion .card-header {
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  border-bottom: 0;
  padding: 0px 0px 8px;
}
html[dir="rtl"] .bnx-cookie__accordion .card-header button {
  padding: 0;
  background-color: transparent;
  border: 0;
  outline: 0;
  color: #10385b;
  font-weight: 600;
  position: relative;
  padding-left: 32px;
  font-size: 12px;
  text-align: left;
  width: calc(100% - 38px);
  padding-right: 8px;
}
html[dir="rtl"] .bnx-cookie__accordion .card-header button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 0V11' stroke='%2398AFC2'/%3E%3Cpath d='M11 5.5L1.19209e-07 5.5' stroke='%2398AFC2'/%3E%3C/svg%3E%0A");
}
html[dir="rtl"] .bnx-cookie__accordion .card-body {
  padding: 0px 0px 12px 32px;
  color: #666;
}
html[dir="rtl"] .bnx-cookie__accordion .card-body p {
  margin-bottom: 0;
  font-size: 12px;
}
html[dir="rtl"] .bnx-cookie__detail-outer {
  margin-top: 10px;
  font-size: 12px;
}
html[dir="rtl"] .bnx-cookie__detail-back-btn {
  margin-bottom: 16px;
}
html[dir="rtl"] .bnx-cookie__detail-back-btn .btn-inline--icon {
  color: #0060e4;
}
html[dir="rtl"] .bnx-cookie__detail-back-btn .btn-inline--icon img {
  margin-left: 0;
  margin-right: 8px;
}
html[dir="rtl"] .bnx-cookie__detail-back-btn .btn-inline--icon:hover img {
  transform: none;
}
html[dir="rtl"] .bnx-cookie__table table {
  border: 1px solid #d9d9d9;
}
html[dir="rtl"] .bnx-cookie__table table th,
html[dir="rtl"] .bnx-cookie__table table td {
  font-size: 12px;
  padding: 8px;
}
html[dir="rtl"] .bnx-cookie__table table th {
  color: #10385b;
  font-weight: 600;
  background-color: #f1f5f8;
}
html[dir="rtl"] .bnx-cookie__table table td {
  color: #666;
}
html[dir="rtl"] .bnx-cookie__cnt-item {
  margin-bottom: 24px;
}
html[dir="rtl"] .bnx-cookie__cnt-item:last-child {
  margin-bottom: 0;
}
html[dir="rtl"] .bnx-cookie__cnt-item .bnx-cookie__manage-title {
  margin-bottom: 16px;
}
html[dir="rtl"] .bnx-cookie__cnt-item .bnx-cookie__detail-desc {
  margin-bottom: 8px;
}
html[dir="rtl"] .bnx-cookie__cnt-item .bnx-cookie__detail-desc:last-child {
  margin-bottom: 0;
}
html[dir="rtl"] .bnx-cookie__strip {
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, #05a4f1 7.36%, #02479c 89.93%);
  color: #fff;
  width: 100%;
}
html[dir="rtl"] .bnx-cookie__strip .bnx-cookie__icon {
  width: 45px;
  height: 45px;
}
html[dir="rtl"] .bnx-cookie__strip-content {
  font-size: 14px;
  margin: 0px 24px;
  font-weight: 300;
}
html[dir="rtl"] .bnx-cookie__strip-inner {
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
html[dir="rtl"] .bnx-cookie__strip-btns {
  margin-left: auto;
  display: flex;
  align-items: center;
}
html[dir="rtl"] .bnx-cookie__strip-btns .bnx-primary-btn {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
}
html[dir="rtl"] .bnx-cookie__strip-btns .bnx-primary-btn:last-child {
  margin-left: 16px;
  align-items: center;
}
html[dir="rtl"] .bnx-cookie__strip-btns .bnx-primary-btn img {
  width: 15px;
  height: 15px;
}
html[dir="rtl"] .bnx-cookie__contents-wrap {
  display: flex;
  align-items: center;
  max-width: 900px;
}
@media (max-width: 768px) {
  html[dir="rtl"] .bnx-cookie .bnx-cookie__box {
    max-width: 100%;
    width: calc(100% - 32px);
    right: 16px;
    bottom: 50%;
    transform: translateY(50%);
  }
  html[dir="rtl"] .bnx-cookie__cnt {
    padding: 24px 16px;
  }
  html[dir="rtl"] .bnx-cookie__head {
    padding: 12px 16px;
  }
  html[dir="rtl"] .bnx-cookie__table {
    overflow-x: auto;
  }
  html[dir="rtl"] .bnx-cookie__table table {
    width: 500px;
  }
  html[dir="rtl"] .bnx-cookie__btns {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-cookie__btns .bnx-primary-btn--border {
    margin-right: 0;
    margin-bottom: 16px;
  }
  html[dir="rtl"] .bnx-cookie__btns .bnx-primary-btn {
    justify-content: center;
  }
  html[dir="rtl"] .bnx-cookie__strip-inner {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-cookie__strip-content {
    margin: 0px 0px 16px 16px;
  }
  html[dir="rtl"] .bnx-cookie__strip-btns {
    margin-left: 0px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  html[dir="rtl"] .bnx-cookie__strip-btns {
    flex-direction: column;
  }
  html[dir="rtl"] .bnx-cookie__strip-btns .bnx-primary-btn {
    width: 100%;
  }
  html[dir="rtl"] .bnx-cookie__strip-btns .bnx-primary-btn:last-child {
    margin-top: 16px;
    margin-left: 0px;
  }
}
@media only screen and (orientation: landscape) and (min-device-width: 600px) and (max-device-width: 850px) {
  html[dir="rtl"] .bnx-cookie__strip-btns .bnx-primary-btn {
    width: 100%;
  }
  html[dir="rtl"] .bnx-cookie__strip-btns .bnx-primary-btn:last-child {
    margin-left: 0px;
    margin-top: 8px;
  }
}
/* request demo */
html[dir="rtl"] {
  .bnx-contact-us {
    background-color: #fff;
  }
  .bnx-contact-us--home-sec .bnx-contact-us__left {
    padding-top: 125px;
  }
  .bnx-contact-us--home-sec .bnx-contact-us__left::after {
    top: 125px;
    height: calc(100% - 175px);
  }
  .bnx-contact-us__wrapper {
    display: flex;
    align-items: flex-end;
  }
  .bnx-contact-us__left {
    width: 50%;
    padding: 50px 0px 50px 32px;
    position: relative;
  }
  .bnx-contact-us__left::after {
    content: "";
    position: absolute;
    right: 0;
    height: calc(100% - 100px);
    width: 1px;
    background-color: #d9d9d9;
    top: 50px;
    display: none;
  }
  .bnx-contact-us__left .bnx-primary-btn {
    display: inline-flex;
    border: 0;
  }
  .bnx-contact-us__left .bnx-primary-btn img {
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
  }
  .bnx-contact-us__left .bnx-primary-btn img.bnx-primary-btn__loader-icon {
    display: none;
    animation: loader 1.5s linear infinite;
  }
  .bnx-contact-us__left .bnx-primary-btn.loading img {
    display: none;
  }
  .bnx-contact-us__left
    .bnx-primary-btn.loading
    img.bnx-primary-btn__loader-icon {
    display: inline-block;
  }
  .bnx-contact-us__right {
    width: 50%;
    padding: 0px 0 0px 0px;
    position: relative;
  }
  .bnx-contact-us .bnx-sec-heading {
    position: relative;
  }
  .bnx-contact-us__row {
    margin-bottom: 24px;
  }
  .bnx-contact-us__row--two-col {
    display: flex;
    gap: 24px;
  }
  .bnx-contact-us__row--two-col .bnx-contact-us__item {
    flex: 1;
  }
  .bnx-contact-us__form {
    position: relative;
    overflow: hidden;
  }
  .bnx-contact-us__form.correct .bnx-contact-us__tick-icon {
    transform: translateY(0);
  }
  .bnx-contact-us__form select {
    border-radius: 0;
    border: 1px solid #d9d9d9;
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    color: #666;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-left: 32px;
  }
  .bnx-contact-us__form input[type="text"] {
    border-radius: 0;
    border: 1px solid #d9d9d9;
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    color: #666;
    padding-left: 32px;
  }
  .bnx-contact-us__form input[type="text"]::placeholder {
    color: #666;
  }
  .bnx-contact-us__form textarea {
    border-radius: 0;
    border: 1px solid #d9d9d9;
    width: 100%;
    padding: 8px 16px;
    min-height: 68px;
    font-size: 14px;
    color: #666;
    padding-left: 32px;
  }
  .bnx-contact-us__form textarea::placeholder {
    color: #666;
  }
  .bnx-contact-us__form svg,
  .bnx-contact-us__form img {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 6px;
    top: 5px;
  }
  .bnx-contact-us__tick-icon {
    transform: translateY(-40px);
    width: 20px;
    height: 20px;
    top: 8px;
    position: absolute;
    right: 6px;
  }
  .bnx-contact-us__tick-icon svg {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }
  .bnx-contact-us__form-phone {
    display: flex;
  }
  .bnx-contact-us__form-phone input[type="text"] {
    width: calc(100% - 75px);
  }
  .bnx-contact-us__form-phone input[type="text"]:first-child {
    width: 75px;
    padding-right: 8px;
  }
  .bnx-contact-us__right-desc {
    margin-bottom: 16px;
    position: relative;
    color: rgba(0, 0, 0, 0.5);
  }
  .bnx-contact-us__right-desc:last-child {
    margin-bottom: 0px;
  }
  .bnx-contact-us__successs {
    height: 100%;
  }
  .bnx-contact-us__successs-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .bnx-contact-us__successs-inner h4 {
    color: #10385b;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
  }
  .bnx-contact-us__successs-img {
    width: 120px;
    height: auto;
    display: block;
    margin-bottom: 16px;
  }
  .bnx-contact-us--analytics .bnx-contact-us__left,
  .bnx-contact-us--analytics .bnx-contact-us__right {
    width: 50%;
    position: relative;
    z-index: 1;
  }
  .bnx-contact-us--analytics .bnx-contact-us__right {
    position: relative;
    padding: 0px 32px 0px 32px;
  }
  .bnx-contact-us--analytics .bnx-contact-us__right img {
    width: 86%;
    height: auto;
    display: block;
    position: absolute;
    bottom: 0;
    right: 50px;
  }
  .bnx-contact-us--analytics .bnx-contact-us__row {
    margin-bottom: 8px;
  }
  .bnx-contact-us--analytics .bnx-sec-heading {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .bnx-contact-us--analytics .bnx-contact-us__wrapper {
    position: relative;
    align-items: flex-end;
  }
  .bnx-contact-us--analytics .bnx-contact-us__wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f7f9;
  }
  .bnx-contact-us--analytics .bnx-contact-us__left {
    padding: 24px 32px;
  }
  .bnx-contact-us--analytics .bnx-contact-us__left::after {
    display: none;
  }
  .bnx-contact-us__right-outerimg {
    position: relative;
    width: 50%;
  }
  .bnx-contact-us__person-img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
  .bnx-contact-us__cirle-img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bnx-contactus-latest {
    display: flex;
    flex-wrap: wrap;
  }
  .bnx-contactus-latest__right-sec {
    width: 55%;
    max-width: 730px;
    padding: 60px 60px 60px 40px;
  }
  .bnx-contactus-latest__right-sec .bnx-contact-us__row.white-form {
    padding: 0px;
  }
  .bnx-contactus-latest__right-sec .white-form .form-group {
    padding: 0px;
  }
  .bnx-contactus-latest__right-sec .form-group .icon {
    left: 4px;
  }

  .bnx-primary-btn__loader-icon {
    display: none;
    animation: loader 1.5s linear infinite;
  }
  .bnx-contactus-latest__left-sec {
    width: 45%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    background: linear-gradient(
      180deg,
      rgba(229, 235, 241, 1) 0%,
      rgba(247, 249, 251, 1) 100%
    );
  }
  .bnx-contactus-latest__left-sec svg {
    width: 100%;
    height: 100%;
  }
  .bnx-contactus-latest__left-contents {
    position: absolute;
    top: 36%;
    left: 40%;
    transform: translateX(-55%);
    padding-left: 75px;
    max-width: 550px;
    min-width: 420px;
  }
  .bnx-contactus-latest__left-contents .bnx-sec-heading {
    text-align: left;
    font-weight: 700;
  }
  .bnx-contactus-latest__looking-forlinks {
    font-size: 12px;
    color: #2d82e5;
    padding: 4px 8px;
    border: 1px solid #2d82e6;
    border-radius: 40px;
    margin: 0px 4px 8px;
    transition: all 0.3s;
    background-color: rgba(45, 130, 230, 0.12);
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bnx-contactus-latest__looking-forlinks:hover {
    color: #fff;
    background-color: #2d82e5;
  }
  .bnx-contactus-latest__looking-forlinks.active {
    color: #fff;
    background-color: #2d82e5;
  }
  .bnx-contactus-latest__looking-for {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
  .bnx-contactus-latest__sticky {
    position: fixed;
    top: 0;
  }
  @media (max-width: 1024px) {
    .bnx-contact-us--home-sec .bnx-contact-us__left::after {
      top: auto;
      height: 1px;
    }
    .bnx-contact-us--home-sec .bnx-contact-us__right {
      padding-top: 50px;
    }
    .bnx-contact-us__wrapper {
      display: block;
    }
    .bnx-contact-us__left {
      width: 100%;
      padding-left: 0;
    }
    .bnx-contact-us__left::after {
      width: 100%;
      height: 1px;
      bottom: 0;
      top: auto;
    }
    .bnx-contact-us__right-outerimg {
      width: 100%;
    }
    .bnx-contact-us__right {
      width: 100%;
      padding-left: 0;
    }
    .bnx-contactus-latest__left-contents {
      left: 0;
      min-width: auto;
      padding: 8px 16px;
      transform: translate(0);
      top: 40%;
    }
    .bnx-contactus-latest__left-sec img {
      object-position: top right;
    }
    .bnx-contactus-latest__right-sec {
      padding: 32px 24px 32px 24px;
    }
    .be-footer__col {
      width: 16.66%;
    }
  }
  @media (max-width: 600px) {
    .bnx-contact-us--home-sec .bnx-contact-us__left {
      padding-top: 115px;
    }
    .bnx-contact-us--home-sec .bnx-contact-us__right {
      padding-top: 40px;
    }
    .bnx-contact-us__left {
      padding: 40px 0;
    }
    .bnx-contact-us__right {
      padding: 40px 0 0px;
    }
    .bnx-contact-us__row--two-col {
      flex-direction: column;
    }
    .bnx-contactus-latest {
      flex-direction: column;
    }
    .bnx-contactus-latest__left-sec,
    .bnx-contactus-latest__right-sec {
      width: 100%;
    }
    .bnx-contactus-latest__right-sec {
      padding: 24px 16px;
    }
  }
  .bnx-contact-sec {
    padding: 50px 0px;
  }
  .bnx-contact-sec .bnx-contact-us__wrapper {
    display: block;
    max-width: 775px;
    width: 100%;
    margin: 0px auto;
  }
  .bnx-contact-sec .bnx-contact-us__left {
    padding: 0px;
    width: 100%;
  }
  .bnx-contact-sec .bnx-contact-us__left::after {
    content: none;
  }
  .bnx-contact-sec__cnt {
    text-align: center;
    margin-bottom: 32px;
  }
  .bnx-contact-sec__cnt .bnx-sec-heading {
    text-align: center;
  }
  .bnx-contact-sec__cnt p {
    margin-bottom: 16px;
  }
  .bnx-contact-sec__cnt p:last-child {
    margin-bottom: 0px;
  }
  @media (max-width: 600px) {
    .bnx-contact-sec {
      padding: 40px 0px;
    }
    .bnx-contact-us__person-img {
      width: auto;
      height: 255px;
      display: block;
    }
  }
}
/* request-demo-ends */

/* footer-sec */
html[dir="rtl"] {
  .be-footer {
    background-color: #e9e9e9;
  }
  .be-footer a:hover {
    color: #04bbf2;
  }
  .be-footer__top {
    display: flex;
    margin-left: -8px;
    width: calc(100% + 16px);
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .be-footer__news-done {
    margin: 8px 0px 0px;
    color: #fff;
  }
  .be-footer__col {
    padding: 0px 8px;
    width: 100%;
  }
  .be-footer__col p {
    font-weight: 600;
    font-size: 16px;
    color: #000;
  }
  .be-footer__col span {
    font-size: 14px;
    color: #666;
    display: block;
  }
  .be-footer__content {
    background: linear-gradient(
      72.45deg,
      #23133f 9.81%,
      #08205c 50.72%,
      #01326a 93.38%
    );
    padding-bottom: 40px;
  }
  .be-footer__newsletter-box {
    background-color: #1d7ad0;
    padding: 32px;
    display: flex;
    align-items: center;
    position: relative;
    top: -57px;
  }
  .be-footer__news-left {
    padding-right: 30px;
    width: 100%;
  }
  .be-footer__news-left p {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .be-footer__news-left span {
    font-size: 14px;
    color: #fff;
  }
  .be-footer__news-right-wrapper {
    width: 100%;
    max-width: 430px;
  }
  .be-footer__news-right-wrapper form {
    width: 100%;
  }
  .be-footer__news-box {
    display: flex;
    width: 100%;
  }
  .be-footer__news-box button img {
    display: none;
    width: 22px;
    height: 22px;
    animation: loader 1.5s linear infinite;
  }
  @keyframes loader {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .be-footer__news-box.loading {
    pointer-events: none;
  }
  .be-footer__news-box.loading button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .be-footer__news-box.loading button svg {
    display: none;
  }
  .be-footer__news-box.loading button img {
    display: block;
  }
  .be-footer__news-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .be-footer__news-right input {
    height: 42px;
    background-color: #fff;
    border: 0;
    padding: 4px 16px;
    font-size: 14px;
    width: 100%;
  }
  .be-footer__news-right button {
    height: 42px;
    background-color: #10385b;
    border: 0;
    width: 42px;
  }
  .be-footer__news-note {
    display: block;
    position: relative;
    margin-top: 14px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #fff;
  }
  .be-footer__news-note a {
    color: #fff;
    text-decoration: underline;
  }
  .be-footer__news-note a:hover {
    color: #fff;
  }
  .be-footer__news-note input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .be-footer__news-note .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #fff;
  }
  .be-footer__news-note .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg width='448' height='320' viewBox='0 0 448 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M438.6 9.39C451.1 21.89 451.1 42.09 438.6 54.59L182.6 310.59C170.1 323.09 149.9 323.09 137.4 310.59L9.372 182.59C-3.124 170.09 -3.124 149.89 9.372 137.39C21.87 124.89 42.13 124.89 54.63 137.39L159.1 242.69L393.4 9.39C405.9 -3.13 426.1 -3.13 438.6 9.39Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    top: 4px;
    left: 3px;
  }
  .be-footer__news-note input:checked ~ .checkmark::after {
    display: block;
  }
  .be-footer__news-success {
    display: none;
    align-items: center;
  }
  .be-footer__news-success-txt {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .be-footer__news-success-desc {
    color: rgba(255, 255, 255, 0.702);
    margin: 0;
  }
  .be-footer__news-right-wrapper.success .be-footer__news-right {
    display: none;
  }
  .be-footer__news-right-wrapper.success .be-footer__news-note {
    display: none;
  }
  .be-footer__news-right-wrapper.success .be-footer__news-success {
    display: flex;
  }
  .be-footer__news-success-img {
    width: 80px;
    height: auto;
    margin-right: 12px;
  }
  .be-footer__menu {
    display: flex;
    width: 100%;
    margin-left: -40px;
    width: calc(100% + 80px);
    justify-content: space-between;
  }
  .be-footer__menu-col {
    padding: 0px 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.278);
    width: 100%;
  }
  .be-footer__menu-col:last-child {
    border: 0;
    max-width: 414px;
    flex-shrink: 0;
  }
  .be-footer__menu-col:nth-child(3) {
    max-width: 250px;
    flex-shrink: 0;
  }
  .be-footer__menu-col:first-child {
    max-width: 250px;
    flex-shrink: 0;
  }
  .be-footer__menu-col h2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
  }
  .be-footer__menu-col ul {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
  .be-footer__menu-col ul li {
    margin-bottom: 10px;
  }
  .be-footer__menu-col ul a {
    color: #fff;
    font-size: 14px;
  }
  .be-footer__two-col {
    display: flex;
    justify-content: space-between;
  }
  .be-footer__two-col ul:first-child {
    padding-right: 30px;
  }
  .be-footer__bottom {
    background-color: #150d2b;
    padding: 30px 0px 90px;
  }
  @media (max-width: 599px) {
    .be-footer__bottom {
      padding: 30px 0 40px;
    }
  }
  .be-footer__bottom * {
    color: #fff;
  }
  .be-footer__bottom ul {
    display: flex;
    justify-content: center;
  }
  .be-footer__bottom ul li {
    padding: 0px 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.438);
  }
  .be-footer__bottom ul li:last-child {
    border: 0;
  }
  .be-footer__bottom ul li:first-child {
    padding-left: 0;
  }
  .be-footer__bottom p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.486);
  }
  .be-footer__social {
    margin: 20px 0px;
  }
  .be-footer__social a {
    margin: 0px 10px;
  }
  .be-footer__bottom-wrapper {
    display: flex;
    justify-content: space-between;
  }
  @media (max-width: 599px) {
    .be-footer__bottom-wrapper {
      flex-direction: column;
    }
  }
  .be-footer__bottom-certifications {
    padding-left: 16px;
  }
  .be-footer__bottom-certifications h2 {
    font-size: 16px;
    margin-bottom: 16px;
  }
  @media (max-width: 599px) {
    .be-footer__bottom-certifications {
      padding-left: 0;
      padding-top: 24px;
      padding-bottom: 32px;
    }
  }
  .be-footer__bottom-certifications-outer {
    display: flex;
  }
  .be-footer__bottom-certifications-item {
    margin-right: 16px;
  }
  .be-footer__bottom-certifications-item:last-child {
    margin-right: 0;
  }
  .be-footer__bottom-certifications-item img {
    width: 100px;
    height: auto;
    display: block;
  }
  @media (max-width: 680px) {
    .nav-drop {
      padding: 0px;
    }
  }
  @media (max-width: 1024px) and (min-width: 768px) {
    .be-footer__menu {
      flex-wrap: wrap;
      justify-content: start;
      width: calc(100% + 50px);
    }
    .be-footer__menu-col {
      width: 50%;
      flex-shrink: unset;
      max-width: none !important;
    }
    .be-footer__menu-col:nth-child(2) {
      border: 0;
    }
    .be-footer__menu-col:first-child {
      width: 40%;
    }
    .be-footer__menu-col:nth-child(3) {
      width: 40%;
    }
  }
  @media (max-width: 767px) {
    .be-footer__menu {
      width: 100%;
      margin: 0;
      flex-direction: column;
      overflow: hidden;
    }
    .be-footer__top {
      flex-wrap: wrap;
    }
    .be-footer__col {
      width: 100%;
    }
    .be-footer__newsletter-box {
      display: block;
    }
    .be-footer__news-left {
      margin-bottom: 16px;
    }
    .be-footer__menu-col {
      flex-shrink: unset;
      max-width: none !important;
      margin-top: 24px;
      border: 0;
    }
    .be-footer__menu-col:nth-child(3) {
      order: 4;
      border: 0px;
    }
    .be-footer__bottom ul li {
      padding: 0px 8px;
    }
    .be-footer__col {
      border-bottom: 1px solid #d6d6d6;
      padding: 12px 0px;
    }
    .be-footer__col span {
      display: none;
      padding-left: 32px;
      padding-top: 8px;
    }
    .be-footer__col.active span {
      display: block;
    }
    .be-footer__col.active .be-footer__head::after {
      transform: translateY(-50%) rotate(180deg);
    }
    .be-footer__col:last-child {
      border-bottom: 0px;
    }
    .be-footer__menu-col {
      border-bottom: 1px solid #fff;
      position: relative;
      padding: 0;
      margin: 8px 0px 8px 0px;
      padding-bottom: 8px;
    }
    .be-footer__menu-col::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 3px;
      width: 14px;
      height: 8px;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.353553' y1='0.646447' x2='7.35355' y2='7.64645' stroke='white'/%3E%3Cline y1='-0.5' x2='9.8995' y2='-0.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 14 1)' stroke='white'/%3E%3C/svg%3E%0A");
      background-size: cover;
      transition: all 0.3s;
    }
    .be-footer__menu-col ul {
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 16px;
    }
    .be-footer__menu-col li {
      width: calc(50% - 8px);
      margin: 4px;
    }
    .be-footer__menu-col:last-child {
      border-bottom: 1px solid #fff;
    }
    .be-footer__menu-col:first-child::after {
      display: none;
    }
    .be-footer__menu-col:first-child ul {
      display: flex;
    }
    .be-footer__menu-col ul {
      display: none;
    }
    .be-footer__menu-col.active::after {
      transform: translateY(-50%) rotate(180deg);
    }
    .be-footer__menu-col.active ul {
      display: flex;
    }
    .be-footer__head {
      display: flex;
      position: relative;
      align-items: center;
    }
    .be-footer__head::after {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      width: 14px;
      height: 8px;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.353553' y1='0.646447' x2='7.35355' y2='7.64645' stroke='%23A4A4A4'/%3E%3Cline y1='-0.5' x2='9.8995' y2='-0.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 14 1)' stroke='%23A4A4A4'/%3E%3C/svg%3E%0A");
      background-size: cover;
      transition: all 0.3s;
    }
    .be-footer__head p {
      margin: 0;
    }
    .be-footer__two-col {
      flex-direction: column;
    }
    .be-footer__two-col ul:first-child {
      padding-right: 0px;
    }
  }
}
/* footer-sec-end */

/* tablau-servies */
html[dir="rtl"] {
  .bnx-why-beinex {
    padding: 50px 0px 34px;
    background-color: #f8f9fb;
  }
  .bnx-why-beinex__head {
    max-width: 1000px;
    margin: 0px auto 16px;
    text-align: center;
  }
  .bnx-why-beinex__head-desc:last-child {
    margin-bottom: 16px;
  }
  .bnx-why-beinex__wrapper {
    display: flex;
    margin: 0px -16px;
  }
  .bnx-why-beinex__wrapper .slick-track {
    display: flex;
  }
  .bnx-why-beinex__wrapper .bnx-product-tile {
    background-color: #fff;
    margin: 16px;
    flex: 1;
    box-shadow: 0 4px 44px rgba(200, 206, 217, 0.27);
    padding: 32px;
    height: auto;
  }
  .bnx-why-beinex__wrapper .bnx-product-tile__head-outer {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }
  .bnx-why-beinex__wrapper .bnx-product-tile__title {
    color: #10385b;
    margin-bottom: 0px;
    min-height: auto;
    width: calc(100% - 50px);
    padding-left: 16px;
  }
  .bnx-why-beinex__wrapper .bnx-product-tile__icon {
    margin-bottom: 0px;
    width: 50px;
    height: 50px;
  }
  .bnx-why-beinex__wrapper .bnx-product-tile__icon-hover {
    width: 50px;
    height: 50px;
    margin-bottom: 0px;
  }
  .bnx-why-beinex__wrapper .bnx-product-tile__desc {
    color: #666;
  }
  .bnx-why-beinex__tile-wrapper {
    background: radial-gradient(
      105.19% 408.75% at 95.73% -5.19%,
      #0e6596 0%,
      #013462 100%
    );
    display: flex;
  }
  .bnx-why-beinex__tile {
    width: 20%;
    min-height: 350px;
    overflow: hidden;
    transition: all 0.3s;
  }
  .bnx-why-beinex__tile.active {
    width: 40%;
  }
  .bnx-why-beinex__tile-inner {
    padding: 24px 16px;
    position: relative;
    height: 100%;
  }
  .bnx-why-beinex__tile-inner::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 85%;
    width: 1px;
    background-color: rgba(249, 252, 253, 1);
    opacity: 0.4;
  }
  .bnx-why-beinex__tile-head-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .bnx-why-beinex__tile-head {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 24px;
    text-align: center;
  }
  .bnx-why-beinex__tile-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 32px;
  }
  .bnx-why-beinex__forward-outer {
    border-radius: 20px;
    background-color: #0d7cb2;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    margin-top: auto;
  }
  .bnx-why-beinex__forward-icon {
    width: 15px;
    height: 15px;
  }
  .bnx-why-beinex__tile-desc {
    display: none;
    color: rgba(102, 102, 102, 1);
    font-weight: 300;
    font-size: 16px;
    animation: desc 0.5s linear;
    min-width: 438px;
  }
  .bnx-why-beinex--tile-hover {
    height: 100%;
    background-color: #fff;
  }
  .bnx-why-beinex--tile-hover .bnx-why-beinex__tile-icon {
    margin-bottom: 0px;
    margin-right: 16px;
  }
  .bnx-why-beinex--tile-hover .bnx-why-beinex__tile-head-wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 24px;
    height: auto;
  }
  .bnx-why-beinex--tile-hover .bnx-why-beinex__forward-outer {
    display: none;
  }
  .bnx-why-beinex--tile-hover .bnx-why-beinex__tile-head {
    color: #10385b;
    font-weight: 400;
  }
  .bnx-why-beinex--tile-hover .bnx-why-beinex__tile-head span {
    font-weight: 700;
  }
  .bnx-why-beinex--tile-hover .bnx-why-beinex__tile-desc {
    display: block;
  }
  .bnx-why-beinex__border-none::before {
    display: none;
  }
  .bnx-why-beinex--less-padding .bnx-product-tile {
    padding: 16px;
  }
  .bnx-why-beinex--data-governance .bnx-product-tile__head-outer {
    flex-direction: column;
    align-items: flex-start;
  }
  .bnx-why-beinex--data-governance .bnx-product-tile__title {
    width: 100%;
    padding-left: 0px;
    margin-top: 12px;
  }
  .bnx-why-beinex--data-governance .bnx-product-tile__icon,
  .bnx-why-beinex--data-governance .bnx-product-tile__icon-hover {
    width: 40px;
    height: 40px;
  }
  .bnx-why-beinex--al-ml-rpa .bnx-product-tile {
    padding: 16px;
    font-size: 14px;
    margin-bottom: 24px;
  }
  .bnx-why-beinex--al-ml-rpa .bnx-product-tile__icon,
  .bnx-why-beinex--al-ml-rpa .bnx-product-tile__icon-hover {
    width: 40px;
    height: 40px;
  }
  .bnx-why-beinex--al-ml-rpa .bnx-product-tile__icon-hover {
    display: none;
  }
  .bnx-why-beinex--al-ml-rpa ul {
    padding-left: 24px;
    list-style: disc;
  }
  .bnx-why-beinex--al-ml-rpa ::marker {
    color: #2b98f7;
  }
  .bnx-why-beinex-slider-credibility
    .bnx-product-tile
    .bnx-product-tile__icon-hover {
    display: none;
  }
  .bnx-why-beinex-slider-credibility
    .bnx-product-tile:hover
    .bnx-product-tile__icon {
    display: none;
  }
  .bnx-why-beinex-slider-credibility
    .bnx-product-tile:hover
    .bnx-product-tile__icon-hover {
    display: block;
  }
  @media (max-width: 1024px) {
    .bnx-why-beinex__wrapper .bnx-product-tile__icon {
      display: none;
    }
    .bnx-why-beinex__tile-wrapper {
      flex-direction: column;
    }
    .bnx-why-beinex__tile {
      width: 100%;
    }
  }
  @media (max-width: 768px) {
    .bnx-why-beinex__tile-desc {
      min-width: auto;
    }
  }
  @keyframes desc {
    0% {
      opacity: 0;
      transform: translateX(500px);
    }
    100% {
      opacity: 1;
      transform: translateX(0px);
    }
  }
  .bnx-training-absorption {
    padding: 50px 0px 34px;
  }
  .bnx-training-absorption__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
  }
  .bnx-training-absorption__tile {
    width: calc(16.66% - 32px);
    margin: 0px 16px 32px;
  }
  .bnx-training-absorption__tile-imgs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }
  .bnx-training-absorption__tile-head {
    color: #10385b;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 18px;
  }
  .bnx-training-absorption__tile-desc {
    color: #666;
  }
  .bnx-training-absorption__icon {
    width: 40px;
    height: 40px;
    padding-right: 8px;
  }
  .bnx-training-absorption__dash-icon {
    width: 50px;
    height: 2px;
  }
  .bnx-training-absorption__great-place {
    background-size: cover;
    background-position: center;
    margin-top: 40px;
  }
  .bnx-training-absorption__great-place .bnx-heading {
    margin-bottom: 0px;
  }
  .bnx-training-absorption__great-place
    .bnx-heading-with-desc
    .bnx-heading__main {
    width: 100%;
  }
  .bnx-training-absorption__great-place .bnx-sec-heading {
    margin-bottom: 16px;
  }
  .bnx-training-absorption__great-place .bnx-perks__img-outer {
    z-index: 9;
  }
  .bnx-training-absorption__great-place .bnx-perks__img-pos {
    position: static;
    transform: translateX(0%);
    height: auto;
    width: 100%;
    display: block;
  }
  .bnx-training-absorption__great-place .bnx-perks__item-head {
    color: #fff;
  }
  .bnx-training-absorption__great-place .bnx-perks__item-icon,
  .bnx-training-absorption__great-place .bnx-perks__item-icon-hover,
  .bnx-training-absorption__great-place .bnx-perks__item-mob-icon {
    width: 50px;
    height: 50px;
    margin: 0px 16px 0px 0px;
  }
  .bnx-training-absorption__great-place .bnx-perks__item-head {
    margin-top: 0px;
  }
  .bnx-training-absorption__great-place .bnx-perks__item {
    align-items: center;
    margin-bottom: 10px;
  }
  .bnx-training-absorption__great-place .bnx-perks__cnt {
    padding-bottom: 0px;
    width: 45%;
    align-self: initial;
    padding-right: 0px;
    padding-top: 32px;
  }
  .bnx-training-absorption__great-place .bnx-perks__cnt .bnx-heading {
    display: none;
  }
  .bnx-training-absorption__great-place .bnx-perks__img-outer {
    width: 55%;
  }
  .bnx-training-absorption__great-place .bnx-heading__sub {
    margin-bottom: 0px;
  }
  .bnx-training-absorption__great-place .bnx-perks__item-mob-icon {
    display: none;
  }
  .bnx-training-absorption__great-place-strip {
    padding: 16px;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin-top: auto;
  }
  .bnx-training-absorption__great-place-strip::before {
    content: "";
    position: absolute;
    left: -60px;
    top: 0;
    height: 100%;
    width: 5000px;
    background-color: #2d82e6;
  }
  .bnx-training-absorption__great-place-strip-contents {
    position: relative;
  }
  .bnx-training-absorption__great-tab-img {
    display: none;
  }
  .bnx-training-absorption__intake-sec {
    background-color: #071d31;
    padding: 50px 0px;
  }
  .bnx-training-absorption__intake-inner {
    display: flex;
  }
  .bnx-training-absorption__intake-left {
    width: 35%;
  }
  .bnx-training-absorption__intake-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .bnx-training-absorption__intake-right {
    width: 65%;
    padding-right: 24px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -16px;
    margin-right: -16px;
  }
  .bnx-training-absorption__intake-arrow {
    width: 36px;
    height: 36px;
    transition: all 0.3s;
    transform: rotate(-180deg);
  }
  .bnx-training-absorption__back-icon {
    width: 20px;
    height: 20px;
    display: none;
    transition: all 0.3s;
  }
  .bnx-training-absorption__back-icon svg {
    width: 100%;
    height: 100%;
  }
  .bnx-training-absorption__back-icon:hover {
    transform: scale(1.1);
  }
  .bnx-training-absorption__intake-desc {
    display: none;
    color: #fff;
    font-size: 14px;
    margin-bottom: 16px;
  }
  .bnx-training-absorption__intake-click {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .bnx-training-absorption__intake-tile {
    width: calc(50% - 32px);
    margin: 0px 16px 32px;
    padding: 24px;
    background-color: rgba(3, 84, 159, 0.2);
    transition: all 0.3s;
    cursor: pointer;
    position: relative;
  }
  .bnx-training-absorption__intake-tile
    .bnx-primary-btn.bnx-primary-btn--light-blue {
    display: none;
    border: 1px solid #04bbf2;
  }
  .bnx-training-absorption__intake-tile:hover {
    background-color: #03549f;
  }
  .bnx-training-absorption__intake-tile:hover
    .bnx-training-absorption__intake-arrow {
    transform: scale(1.2) rotate(-180deg);
  }
  .bnx-training-absorption__intake-tile.width-full {
    width: calc(100% - 32px);
    background-color: #03549f;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-training-absorption__intake-arrow {
    display: none;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-training-absorption__back-icon {
    display: block;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-primary-btn.bnx-primary-btn--light-blue {
    display: flex;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-training-absorption__intake-contents {
    align-items: flex-end;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-training-absorption__intake-desc-wrap {
    display: flex;
    justify-content: space-between;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-training-absorption__intake-desc-sec {
    margin-bottom: 0px;
    margin-right: 16px;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-training-absorption__intake-desc {
    display: block;
  }
  .bnx-training-absorption__intake-tile.width-full
    .bnx-training-absorption__intake-click {
    display: none;
  }
  .bnx-training-absorption__intake-tile-head {
    position: relative;
    padding-left: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    color: #fff;
    display: flex;
    justify-content: space-between;
  }
  .bnx-training-absorption__intake-tile-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #04bbf2;
  }
  .bnx-training-absorption__intake-txt {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
  }
  .bnx-training-absorption__intake-txt.bold {
    color: #fff;
    margin-bottom: 0px;
  }
  .bnx-training-absorption__intake-contents {
    display: flex;
    justify-content: space-between;
  }
  .bnx-training-absorption__intake-desc-wrap {
    padding-right: 8px;
  }
  .bnx-training-absorption__intake-desc-sec {
    margin-bottom: 16px;
  }
  .bnx-training-absorption__intake-desc-sec:last-child {
    margin-bottom: 0px;
  }
  @media (max-width: 1024px) {
    .bnx-training-absorption__intake-left img {
      object-position: right;
    }
    .bnx-training-absorption .bnx-recruitment__wrapper {
      overflow-x: auto;
    }
    .bnx-training-absorption__great-place {
      background-image: none !important;
      padding-top: 0px;
    }
    .bnx-training-absorption__great-place .bnx-perks__wrapper {
      flex-direction: column;
    }
    .bnx-training-absorption__great-place .bnx-heading {
      display: none;
    }
    .bnx-training-absorption__great-place .bnx-perks__img-outer,
    .bnx-training-absorption__great-place .bnx-perks__cnt {
      width: 100%;
    }
    .bnx-training-absorption__great-place .bnx-perks__cnt .bnx-heading {
      display: flex;
    }
    .bnx-training-absorption__great-place .bnx-perks__img-outer {
      display: none;
    }
    .bnx-training-absorption__great-place .bnx-heading--white .bnx-sec-heading,
    .bnx-training-absorption__great-place .bnx-heading--white .bnx-heading__sub,
    .bnx-training-absorption__great-place
      .bnx-heading--white
      .bnx-heading__sub-title,
    .bnx-training-absorption__great-place .bnx-perks__item-head {
      color: #10385b;
    }
    .bnx-training-absorption__great-place .bnx-perks__item {
      width: 50%;
    }
    .bnx-training-absorption__great-place .bnx-perks__item-icon,
    .bnx-training-absorption__great-place .bnx-perks__item-icon-hover {
      display: none;
    }
    .bnx-training-absorption__great-place .bnx-perks__item-mob-icon {
      display: block;
    }
    .bnx-training-absorption__great-tab-img {
      display: block;
    }
    .bnx-training-absorption--beinex-tableau
      .bnx-training-absorption__intake-left,
    .bnx-training-absorption--beinex-tableau
      .bnx-training-absorption__intake-right {
      width: 50%;
    }
    .bnx-training-absorption--beinex-tableau
      .bnx-training-absorption__intake-tile {
      width: calc(100% - 0px);
      margin: 0px 0px 32px;
    }
    .bnx-training-absorption--beinex-tableau
      .bnx-training-absorption__intake-right {
      padding-left: 50px;
    }
  }
  @media (max-width: 767px) {
    .bnx-training-absorption {
      overflow: hidden;
    }
    .bnx-training-absorption .bnx-recruitment__wrapper {
      overflow: initial;
    }
    .bnx-training-absorption__great-place {
      background-color: #fff;
      margin-top: 0px;
    }
    .bnx-training-absorption__great-place .bnx-perks__item {
      width: 100%;
      padding: 0px 0px 8px;
      margin: 0;
    }
    .bnx-training-absorption__great-place .bnx-perks__cnt .bnx-heading {
      margin-bottom: 30px;
    }
    .bnx-training-absorption__great-place .bnx-perks__cnt {
      padding-top: 0px;
    }
    .bnx-training-absorption__great-tab-img img {
      display: block;
    }
    .bnx-training-absorption__great-place-strip {
      padding: 15px 0px;
      margin-bottom: 24px;
    }
    .bnx-training-absorption__font-small .bnx-sec-heading {
      font-size: 22px;
    }
    .bnx-training-absorption__font-small .bnx-heading__sub-title {
      margin-right: 0px;
      margin-bottom: 16px;
    }
    .bnx-training-absorption__intake-sec {
      padding: 32px 0px;
      overflow: hidden;
    }
    .bnx-training-absorption__intake-inner {
      flex-direction: column;
    }
    .bnx-training-absorption__intake-left,
    .bnx-training-absorption__intake-right {
      width: 100%;
    }
    .bnx-training-absorption__intake-right {
      padding-left: 0px;
      padding-top: 24px;
      margin-left: -8px;
      margin-right: -8px;
    }
    .bnx-training-absorption__intake-tile {
      width: calc(100%);
      margin: 0px 0px 16px;
    }
    .bnx-training-absorption__intake-tile:hover {
      transform: scale(1);
    }
    .bnx-training-absorption__wrapper {
      margin: 0px;
    }
    .bnx-training-absorption--beinex-tableau
      .bnx-training-absorption__intake-left,
    .bnx-training-absorption--beinex-tableau
      .bnx-training-absorption__intake-right {
      width: 100%;
    }
    .bnx-training-absorption--beinex-tableau
      .bnx-training-absorption__intake-right {
      padding-left: 0px;
      padding-top: 24px;
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  @media (max-width: 1024px) and (min-width: 768px) {
    .bnx-training-absorption__intake-left,
    .bnx-training-absorption__intake-right {
      width: 100%;
    }
    .bnx-training-absorption__intake-tile {
      width: calc(100% - 0px);
      margin: 0px 0px 32px;
    }
    .bnx-training-absorption__intake-right {
      padding-left: 50px;
    }
  }
  .bnx-recruitment {
    padding: 50px 0;
    overflow-x: hidden;
  }
  .bnx-recruitment__wrapper {
    display: flex;
    width: 100%;
  }
  .bnx-recruitment__wrapper .bnx-product-tile {
    flex: 1;
    background-color: transparent;
    position: relative;
  }
  .bnx-recruitment__wrapper .bnx-product-tile::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='74' height='2' viewBox='0 0 74 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H73' stroke='%2388ADC8' stroke-width='2' stroke-linecap='round' stroke-dasharray='5 8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 2px;
    width: 72px;
    position: absolute;
    top: 46px;
    right: 24px;
  }
  .bnx-recruitment__wrapper .bnx-product-tile__no {
    position: absolute;
    left: -14px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #04bbf2;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: none;
    align-items: center;
    justify-content: center;
  }
  .bnx-recruitment__wrapper .bnx-product-tile__title {
    color: #10385b;
    font-size: 18px;
    min-height: auto;
  }
  .bnx-recruitment__wrapper .bnx-product-tile__desc {
    color: #666;
  }
  .bnx-recruitment__wrapper .bnx-product-tile.bnx-recruitment__end {
    background-color: #2b98f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 24px 16px;
    text-align: center;
  }
  .bnx-recruitment__wrapper .bnx-product-tile.bnx-recruitment__end::after {
    content: none;
  }
  .bnx-recruitment__wrapper
    .bnx-product-tile.bnx-recruitment__end
    .bnx-product-tile__title {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
  }
  .bnx-recruitment__wrapper
    .bnx-product-tile.bnx-recruitment__end
    .bnx-product-tile__desc {
    color: #fff;
  }
  .bnx-recruitment__end-img {
    position: absolute;
    top: -80px;
    left: 20px;
    width: 120px;
    height: auto;
  }
  .bnx-recruitment__end-logo {
    width: 40px;
    height: auto;
    display: block;
    margin-bottom: 16px;
  }
  @media (max-width: 767px) {
    .bnx-recruitment {
      padding: 40px 0;
    }
    .bnx-recruitment__wrapper {
      flex-direction: column;
    }
    .bnx-recruitment__wrapper .bnx-product-tile {
      display: flex;
      flex-direction: column;
      padding: 8px 8px 8px 24px;
      border: 1px solid #dee2e4;
      margin-bottom: 16px;
      margin-left: 12px;
    }
    .bnx-recruitment__wrapper .bnx-product-tile::after {
      display: none;
      left: 11px;
      bottom: 6px;
      top: auto;
      transform: rotate(90deg);
      width: 30px;
    }
    .bnx-recruitment__wrapper .bnx-product-tile__no {
      display: flex;
    }
    .bnx-recruitment__wrapper .bnx-product-tile__icon,
    .bnx-recruitment__wrapper .bnx-product-tile__icon-hover {
      width: 40px;
      height: 40px;
      margin-bottom: 8px;
    }
    .bnx-recruitment__wrapper .bnx-product-tile.bnx-recruitment__end {
      margin-top: 24px;
      flex-direction: row;
    }
    .bnx-recruitment__end-img {
      position: absolute;
      top: -40px;
      width: 120px;
      left: 30px;
    }
    .bnx-recruitment__end-logo {
      order: 3;
      margin-bottom: 0px;
    }
    .bnx-recruitment__end {
      justify-content: space-between;
    }
    .bnx-recruitment__end::before {
      content: "";
      position: absolute;
      left: -19px;
      top: 5px;
      width: 40px;
      height: 40px;
      background-color: #fff;
      border-radius: 50%;
    }
    .bnx-recruitment__end .bnx-product-tile__title,
    .bnx-recruitment__end .bnx-recruitment__contents {
      max-width: 108px;
      margin-right: 8px;
      margin-left: auto;
    }
    .bnx-recruitment__end .bnx-product-tile__no {
      background-color: #fff;
      border: 2px solid #04bbf2;
      color: #04bbf2;
    }
    .bnx-recruitment__end .bnx-recruitment__contents {
      margin-right: 8px;
    }
    .bnx-recruitment__end .bnx-recruitment__contents .bnx-product-tile__desc {
      font-size: 12px;
      margin-right: 0px;
    }
    .bnx-recruitment__end .bnx-recruitment__contents .bnx-product-tile__title {
      font-size: 16px;
    }
  }
  .bnx-perks {
    padding-top: 50px;
    background-color: #f1f5f8;
    overflow: hidden;
  }
  .bnx-perks__wrapper {
    display: flex;
  }
  .bnx-perks__img-outer {
    width: 40%;
    align-self: flex-end;
    position: relative;
  }
  .bnx-perks__round-animation {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .bnx-perks__round-animation img {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .bnx-perks__ticket-wrapper {
    position: relative;
  }
  .bnx-perks__ticket-img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bnx-perks__ticket-img--left,
  .bnx-perks__ticket-img--right {
    position: absolute;
    top: 0;
    left: 0;
  }
  .bnx-perks__ticket-img--center {
    position: relative;
    z-index: 1;
  }
  .bnx-perks__cnt {
    width: 60%;
    padding-left: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-self: center;
  }
  .bnx-perks__item {
    width: 33.33%;
    text-align: center;
    padding: 16px;
  }
  .bnx-perks__item:hover .bnx-perks__item-icon-hover {
    display: block;
  }
  .bnx-perks__item:hover .bnx-perks__item-icon {
    display: none;
  }
  .bnx-perks__item-icon,
  .bnx-perks__item-icon-hover {
    width: 52px;
    height: 52px;
    display: block;
    margin: 0 auto;
  }
  .bnx-perks__item-icon-hover {
    display: none;
  }
  .bnx-perks__item-head {
    color: #10385b;
    margin-top: 16px;
    text-align: center;
  }
  .bnx-perks--training .bnx-perks__wrapper {
    flex-direction: row-reverse;
  }
  .bnx-perks--training .bnx-perks__item {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 32px;
  }
  .bnx-perks--training .bnx-perks__item-icon,
  .bnx-perks--training .bnx-perks__item-icon-hover {
    margin: 0 8px 0 0px;
  }
  .bnx-perks--training .bnx-perks__item-head {
    text-align: left;
  }
  .bnx-perks--training .bnx-perks__cnt {
    flex-direction: column;
    padding-left: 0px;
    padding-right: 40px;
  }
  .bnx-perks--training .bnx-perks__cnt-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .bnx-perks__img-pos {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 250px;
    height: auto;
    width: 50%;
  }
  .bnx-perks--who-write {
    background-color: #fff;
  }
  .bnx-perks--who-write .bnx-perks__item {
    width: 33.33%;
    flex-direction: column;
    padding: 8px;
  }
  .bnx-perks--who-write .bnx-perks__img-outer {
    width: 50%;
  }
  .bnx-perks--who-write .bnx-perks__cnt {
    width: 50%;
  }
  .bnx-perks--who-write .bnx-perks__item-head,
  .bnx-perks--who-write .bnx-perks__txt {
    color: #666;
  }
  .bnx-perks--who-write .bnx-perks__item-icon,
  .bnx-perks--who-write .bnx-perks__item-icon-hover {
    width: 35px;
    height: 35px;
  }
  .bnx-perks--who-write .bnx-heading__main {
    width: 100%;
  }
  .bnx-perks--what-do {
    background-size: cover;
    background-position: left;
  }
  .bnx-perks--what-do .bnx-perks__wrapper {
    flex-direction: row;
  }
  .bnx-perks--what-do .bnx-perks__item-icon,
  .bnx-perks--what-do .bnx-perks__item-icon-hover {
    width: 18px;
    height: 18px;
  }
  .bnx-perks--what-do .bnx-perks__item-head {
    margin: 0px;
    color: #fff;
  }
  .bnx-perks--what-do .bnx-perks__item {
    padding: 0px;
    margin-bottom: 24px;
  }
  .bnx-perks--what-do .bnx-perks__img-outer {
    max-height: 260px;
    overflow: hidden;
    position: relative;
    padding-top: 32px;
  }
  .bnx-perks--what-do .bnx-perks__img-outer img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 90px;
    height: auto;
    display: block;
  }
  .bnx-perks--careers .bnx-perks__cnt .bnx-sec-heading {
    display: none;
  }
  .bnx-perks__cnt-outer {
    width: 60%;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .bnx-perks--tableau-power .bnx-perks__cnt {
    width: 100%;
    padding-left: 0px;
    padding-bottom: 0;
  }
  @media (max-width: 1024px) {
    .bnx-perks {
      padding-top: 40px;
    }
    .bnx-perks__item {
      width: 50%;
    }
    .bnx-perks--training .bnx-perks__wrapper {
      flex-direction: column-reverse;
    }
    .bnx-perks--training .bnx-perks__item {
      width: 50%;
    }
    .bnx-perks__wrapper {
      flex-direction: column-reverse;
    }
    .bnx-perks__img-outer {
      width: 70%;
      align-self: center;
    }
    .bnx-perks__cnt {
      width: 100%;
      padding-left: 0;
    }
    .bnx-perks__item-icon {
      display: none;
    }
    .bnx-perks__item-icon-hover {
      display: block;
    }
    .bnx-perks--who-write .bnx-perks__cnt {
      width: 100%;
      padding-right: 0px;
    }
    .bnx-perks--who-write .bnx-perks__img-outer {
      width: 50%;
    }
    .bnx-perks--what-do {
      background-position: right;
    }
    .bnx-perks--what-do .bnx-perks__img-outer,
    .bnx-perks--what-do .bnx-perks__cnt {
      width: 100%;
      padding-right: 0px;
    }
    .bnx-perks--tableau-power .bnx-perks__cnt-outer {
      width: 100%;
      padding-left: 0px;
    }
    .bnx-perks--tableau-power .bnx-perks__item {
      width: 33%;
    }
  }
  @media (max-width: 767px) {
    .bnx-perks__img-pos {
      top: 120px;
    }
    .bnx-perks--training .bnx-perks__item {
      width: 100%;
      margin-bottom: 0px;
      align-items: center;
      padding-left: 0px;
    }
    .bnx-perks--training .bnx-perks__item:first-child {
      padding-top: 0px;
    }
    .bnx-perks--training .bnx-perks__item-head {
      margin-top: 0px;
    }
    .bnx-perks--training .bnx-perks__cnt {
      flex-direction: column-reverse;
      padding: 0px;
    }
    .bnx-perks--training .bnx-perks__item-icon,
    .bnx-perks--training .bnx-perks__item-icon-hover {
      width: 24px;
      height: 24px;
    }
    .bnx-perks--who-write .bnx-perks__item {
      flex-direction: row;
      margin-bottom: 24px;
      align-items: center;
    }
    .bnx-perks--who-write .bnx-perks__item-head {
      margin-top: 0px;
    }
    .bnx-perks--what-do .bnx-perks__img-outer {
      max-height: 200px;
    }
    .bnx-perks--what-do .bnx-perks__img-outer img {
      width: 60px;
    }
    .bnx-perks--careers {
      background-color: #fff;
    }
    .bnx-perks--careers .container > .bnx-sec-heading {
      display: none;
    }
    .bnx-perks--careers .bnx-perks__cnt .bnx-sec-heading {
      display: block;
      width: 100%;
    }
    .bnx-perks--careers .bnx-perks__wrapper {
      flex-direction: column;
    }
    .bnx-perks--careers .bnx-perks__cnt {
      background-color: #f1f5f8;
      border-radius: 5px;
      padding: 32px 8px;
    }
    .bnx-perks--careers .bnx-sec-heading {
      font-size: 24px;
    }
    .bnx-perks--tableau-power .bnx-perks__item {
      width: 45%;
    }
  }

  .testimonial-whole-sec {
    padding: 80px 0 0;
    background-color: #f2f2f2;
  }
  .testimonial-whole-sec.white {
    background-color: #fff;
  }
  .testimonial-video-sec {
    padding-top: 50px;
  }
  .testimonial-video-sec h1 {
    font-size: 22px;
    font-weight: 400;
    color: #10385c;
    margin-bottom: 20px;
  }
  .testimonial-video-sec .heading-para {
    width: 100%;
    max-width: 730px;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }
  .testimonial-video-sec .heading-para h2 {
    margin-bottom: 16px;
  }
  .testimonial-video-sec .inner-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 40px 50px;
  }
  .testimonial-video-sec .inner-sec .content-area {
    width: 50%;
    padding-left: 60px;
    position: relative;
  }
  .testimonial-video-sec .inner-sec .content-area.quote-icon::before {
    transform: scale(-1);
    top: -45px;
    right: 0;
    left: auto;
    width: 142px;
    height: 107px;
    opacity: 0.6;
  }
  .testimonial-video-sec .inner-sec .content-area::before {
    background-image: url(../../images/Quote-bg.svg);
    width: 99px;
    height: 74px;
    position: absolute;
    content: "";
    left: 0;
    top: -30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .testimonial-video-sec .inner-sec .testimonial-img {
    width: calc(49%);
    position: relative;
    margin: -50px 0;
    transform: scale(0.99);
    transition: all 0.3s;
    cursor: pointer;
  }
  .testimonial-video-sec .inner-sec .testimonial-img:hover {
    transform: scale(1);
    box-shadow: 16px 16px 46px 0px rgba(16, 56, 91, 0.49);
  }
  .testimonial-video-sec
    .inner-sec
    .testimonial-img:hover
    .bnx-video__btn
    svg
    circle {
    fill: #1fd4f6;
    stroke: transparent;
  }
  .testimonial-video-sec .inner-sec .testimonial-img.quote-icon::before {
    background-image: url(../../images/Quote.svg);
    width: 83px;
    height: 83px;
    position: absolute;
    content: "";
    left: -40px;
    top: -40px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  .testimonial-video-sec .inner-sec .testimonial-img iframe {
    width: 100%;
    height: 330px;
    display: block;
    box-shadow: 16px 16px 46px 0px #10385b 33;
  }
  .testimonial-video-sec .content-area-name {
    font-size: 16px;
    font-weight: 600;
    margin-top: 24px;
  }
  .testimonial-video-sec .content-area-name-desc {
    font-size: 14px;
    margin-bottom: 0;
  }
  .testimonial-section {
    padding-top: 50px;
  }
  .testimonial-section .inner-sec {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .testimonial-section .inner-sec .table {
    border: 1px solid #dedede;
    padding: 80px 30px 30px 30px;
    position: relative;
    margin: 15px;
    width: calc(33.33% - 30px);
  }
  .testimonial-section .inner-sec .table.card-shadow {
    box-shadow: 0px 4px 9px 0px #000 8;
    background: #fff;
    border: none;
  }
  .testimonial-section .inner-sec .table::before {
    background-image: url(../../images/Quote.svg);
    width: 74px;
    height: 74px;
    position: absolute;
    content: "";
    left: 30px;
    top: -30px;
    background-size: cover;
  }
  .testimonial-section .inner-sec .table h3 {
    color: #10385c;
    margin-bottom: 20px;
  }
  .testimonial-section .inner-sec .table .client-quote {
    margin-bottom: 30px;
  }
  .testimonial-section .inner-sec .table .client-details {
    color: #000;
  }
  .testimonial-section .inner-sec .table .client-details p {
    font-weight: 600;
    margin: 0;
    color: #000;
  }
  .testimonial-section .inner-sec .table .client-details p:last-child {
    font-weight: normal;
  }
  .test-flex-dir {
    flex-direction: row-reverse;
  }
  .test-flex-dir .content-area {
    padding-right: 60px;
  }
  .test-flex-dir .content-area::before {
    transform: scaleX(-1);
  }
  .testimonial-pagination {
    padding-top: 40px;
  }
  .testimonial-pagination .pagination li {
    margin-bottom: 0;
  }
  .testimonial-pagination .pagination li a {
    border: 0;
  }
  .testimonial-pagination .pagination .test-button {
    margin: 0 50px;
  }
  .testimonial-pagination .pagination .test-button a {
    position: relative;
    color: #10385c;
  }
  .testimonial-pagination .pagination .test-button a:hover {
    background-color: unset;
  }
  .testimonial-pagination .pagination .test-button a::before {
    background-image: url(../../images/Arrow.svg);
    width: 9px;
    height: 12px;
    position: absolute;
    content: "";
    left: -10px;
    top: 10px;
  }
  .testimonial-pagination .pagination .test-button .item-next::before {
    left: 60px;
    transform: rotate(180deg);
  }
  .testimonial-pagination .pagination .test-page-value {
    width: calc(4.2% - 30px);
    margin: 0 15px;
  }
  .testimonial-pagination .pagination .test-page-value .active {
    background-color: #10385c;
    border-radius: 50px;
    color: #fff;
  }
  .testimonial-pagination .pagination .test-page-value a {
    color: #10385c;
    font-weight: 600;
    transition: all 0.3s;
  }
  .testimonial-pagination .pagination .test-page-value a:hover {
    background-color: #10385c;
    border-radius: 50px;
    color: #fff;
  }
  .testimonial-pagination .pagination .test-page-value a:focus {
    outline: none;
    box-shadow: none;
  }
  .testimonial-section .slick-slider .slick-prev {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -15px;
    border: none;
    background-color: transparent;
    background-image: url(../../images/left-arrow.svg);
    width: 9px;
    height: 23px;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    font-size: 0;
  }
  .testimonial-section .slick-slider .slick-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -15px;
    border: none;
    background-color: transparent;
    background-image: url(../../images/right-arrow.svg);
    width: 9px;
    height: 23px;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    font-size: 0;
  }
  .testimonial-section .slick-slider .slick-list {
    padding-top: 20px;
  }
  .testimonial-video-sec .slick-slider .slick-prev {
    position: absolute;
    z-index: 1;
    bottom: 50px;
    right: 90px;
    border: none;
    background-color: transparent;
    background-image: url(../../images/left-arrow-1.svg);
    width: 24px;
    height: 13px;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    font-size: 0;
  }
  .testimonial-video-sec .slick-slider .slick-next {
    position: absolute;
    z-index: 1;
    bottom: 50px;
    right: 40px;
    border: none;
    background-color: transparent;
    background-image: url(../../images/right-arrow-1.svg);
    width: 24px;
    height: 13px;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    font-size: 0;
  }
  .testimonial-video-sec .slick-slider .slick-dots {
    position: absolute;
    bottom: 50%;
    right: 0;
  }
  .testimonial-video-sec .slick-slider .slick-dots button {
    padding: 0;
    background-color: transparent;
    border: 1px solid #10385c;
    width: 12px;
    height: 12px;
    font-size: 0;
  }
  .testimonial-video-sec
    .slick-slider
    .slick-dots
    button[aria-selected="true"] {
    background-color: #10385c;
  }
  @media (max-width: 1024px) {
    .testimonial-whole-sec {
      padding: 50px 0 60px;
    }
    .testimonial-video-sec h1 {
      font-size: 22px;
    }
    .testimonial-video-sec .slick-slider .slick-next {
      bottom: 0px;
      right: 130px;
    }
    .testimonial-video-sec .slick-slider .slick-prev {
      bottom: 0px;
      left: 120px;
    }
    .testimonial-video-sec .slick-slider .slick-dots {
      bottom: -50px;
      right: 50%;
      transform: rotate(90deg);
    }
    .testimonial-video-sec .inner-sec {
      flex-direction: column-reverse;
      padding: 20px 0;
      margin: 0;
    }
    .testimonial-video-sec .inner-sec .content-area {
      width: calc(100%);
      margin-top: 40px;
      padding: 0 30px 0 0;
    }
    .testimonial-video-sec .inner-sec .content-area::before {
      width: 59px;
      height: 44px;
      top: -9px;
      top: -13px !important;
      left: 0px !important;
    }
    .testimonial-video-sec .inner-sec .content-area.quote-icon::before {
      left: auto !important;
      right: 0;
      width: 80px;
      height: 52px;
    }
    .testimonial-video-sec .inner-sec .testimonial-img {
      width: calc(100%);
      padding: 0;
      margin: 0;
    }
    .testimonial-video-sec .inner-sec .testimonial-img.quote-icon::before {
      width: 33px;
      height: 33px;
      top: -20px;
      left: 0;
    }
    .testimonial-video-sec .inner-sec .testimonial-img iframe {
      height: 220px;
      box-shadow: 11px 12px 20px 0px #10385b 33;
    }
    .testimonial-section {
      padding: 30px 0;
    }
    .testimonial-section .inner-sec {
      flex-direction: column-reverse;
      flex-wrap: nowrap;
    }
    .testimonial-section .inner-sec .table {
      width: calc(100% - 30px);
      padding: 40px 20px 20px;
    }
    .testimonial-section .inner-sec .table::before {
      width: 54px;
      height: 54px;
    }
    .test-flex-dir .content-area::before {
      top: 80px !important;
      left: 300px !important;
    }
  }
  .bnx-testimonial {
    padding: 50px 0px 0px;
  }
  @media (max-width: 1024px) {
    .bnx-testimonial {
      padding: 50px 0px 60px;
    }
  }
  @media (max-width: 767px) {
    .bnx-testimonial {
      padding-top: 40px;
      padding-bottom: 0;
    }
  }

  .bnx-benefits {
    position: relative;
    padding: 50px 0px 40px;
    background-color: #f1f5f8;
  }
  .bnx-benefits::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 65%;
    background-image: url(../../images/benefits-bg.png);
    background-size: cover;
    background-position: center;
  }
  .bnx-benefits .bnx-heading {
    position: relative;
  }
  .bnx-benefits .bnx-product-list__wrapper {
    margin-top: 18%;
    background-color: #fff;
    box-shadow: 0px 25px 39px 0px rgba(171, 187, 207, 0.1);
  }
  .bnx-benefits .bnx-product-tile {
    background-color: transparent;
  }
  .bnx-benefits .bnx-product-tile__title {
    color: #10385b;
    font-size: 18px;
  }
  .bnx-benefits .bnx-product-tile__desc {
    color: #666;
  }
  @media (max-width: 767px) {
    .bnx-benefits::before {
      height: 100%;
    }
    .bnx-benefits .bnx-product-list__wrapper {
      margin-top: 0px;
      background-color: transparent;
    }
    .bnx-benefits .bnx-product-tile {
      background-color: #fff;
    }
  }

  .bnx-trail-bar {
    position: fixed;
    top: 0;
    right: 0;
    background: linear-gradient(89.84deg, #05a4f1 -39.26%, #02479c 89.82%);
    padding: 0px;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 99;
    min-height: 50px;
    overflow: hidden;
    transition: all 0.4s;
    transform: translateY(-100%);
    visibility: hidden;
    z-index: 99;
 }
  .bnx-trail-bar.expan {
    transform: translateY(0);
    visibility: visible;
    top: 44px;
 }
  .bnx-trail-bar.expan .bnx-trail-bar__close {
    transform: translateY(-50%) rotate(0deg);
 }
  .bnx-trail-bar.desk {
    display: flex;
 }
  .bnx-trail-bar__cnt-mob {
    display: none !important;
 }
  .bnx-trail-bar__arrow {
    display: none;
 }
  .bnx-trail-bar__cnt {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
 }
  .bnx-trail-bar__cnt-left {
    color: #fff;
    padding-right: 16px;
    display: flex;
    align-items: center;
    padding-right: 32px;
 }
  .bnx-trail-bar__cnt-icon {
    width: 110px;
    height: auto;
    display: block;
    margin-right: 40px;
 }
  .bnx-trail-bar__cnt-txt {
    font-size: 14px;
    padding-left: 40px;
    border-left: 1px solid #fff;
 }
  .bnx-trail-bar__cnt-txt.small {
    font-size: 12px;
 }
  .bnx-trail-bar__cnt-right {
    display: flex;
    align-items: center;
 }
  .bnx-trail-bar__cnt-right .bnx-primary-btn {
    background-color: #fff;
    border-radius: 50px;
    color: #02479c;
    border: 1px solid #fff;
    font-size: 12px;
    align-items: center;
    padding: 4px 16px;
 }
  .bnx-trail-bar__cnt-right a:last-child {
    display: none;
 }
  .bnx-trail-bar__close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: all 0.4s;
 }
  .bnx-trail-bar__close img {
    width: 18px;
    height: auto;
    display: block;
 }
  .bnx-trail-bar--webinar {
    background: linear-gradient(270deg, #05a4f1 0%, #02479c 100%) !important;
 }
  .bnx-trail-bar--webinar .bnx-trail-bar__cnt-txt {
    padding-left: 0px;
    border-left: 0px;
    display: flex;
    align-items: center;
 }
  .bnx-trail-bar--webinar .bnx-trail-bar__cnt-txt strong {
    padding: 0px 32px;
 }
  .bnx-trail-bar--webinar .bnx-trail-bar__free-web {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background-color: #00acff;
    font-weight: 600;
 }
  .bnx-trail-bar--webinar .bnx-trail-bar__free-web svg {
    width: 10px;
    height: 10px;
    margin-right: 8px;
 }
  .bnx-trail-bar--webinar.show {
    top: 0;
    left: 0;
    transform: translateY(0);
    visibility: visible;
 }
  .bnx-trail-bar-expan-btn {
    background: linear-gradient(89.84deg, #05a4f1 -39.26%, #02479c 89.82%);
    position: fixed;
    top: 0;
    right: 0;
    padding: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 0;
    transform: translateY(-100%);
    transition: all 0.4s;
    z-index: 99;
 }
  .bnx-trail-bar-expan-btn.active {
    top: 44px;
    transform: translateY(0);
 }
  .bnx-trail-bar-expan-btn img {
    width: 18px;
    height: auto;
    display: block;
 }
  @media (max-width: 1024px) and (min-width: 768px) {
    .bnx-trail-bar {
      padding: 16px;
      width: 95%;
      background: rgba(17, 82, 132, 0.9);
      backdrop-filter: blur(10px);
      border-radius: 12px;
      z-index: 9999;
      top: 40px;
      right: 50%;
      transform: translateX(50%);
   }
    .bnx-trail-bar .bnx-primary-btn {
      display: none;
   }
    .bnx-trail-bar.expan {
      right: 50%;
      transform: translateY(0) translateX(50%);
      top: 25px;
   }
    .bnx-trail-bar.expan .bnx-trail-bar__close {
      top: 11px;
      transform: translateY(0%) rotate(0deg);
      display: none;
   }
    .bnx-trail-bar__cnt {
      position: relative;
      justify-content: flex-start;
   }
    .bnx-trail-bar__cnt-left {
      padding-right: 0;
      flex-direction: row;
      align-items: center;
   }
    .bnx-trail-bar__cnt-right {
      margin-top: 0px;
      margin-left: auto;
   }
    .bnx-trail-bar__cnt-right a {
      display: inline-flex;
   }
    .bnx-trail-bar__cnt-right a:last-child {
      display: inline-flex;
   }
    .bnx-trail-bar__cnt-txt {
      padding: 0px 0px 0px 16px;
      font-size: 10px;
   }
    .bnx-trail-bar__close {
      right: 14px;
      top: 50%;
      transform: translateY(-50%) rotate(0deg);
      transition: none;
   }
    .bnx-trail-bar__cnt-icon {
      width: 95px;
      padding-right: 16px;
      border-right: 1px solid #fff;
   }
    .bnx-trail-bar--webinar {
      padding: 8px 32px 8px 16px;
   }
    .bnx-trail-bar--webinar.expan .bnx-trail-bar__cnt-txt {
      align-items: flex-start;
      flex-direction: column;
   }
    .bnx-trail-bar--webinar.expan .bnx-trail-bar__word {
      white-space: inherit;
   }
    .bnx-trail-bar--webinar.expan .bnx-trail-bar__cnt-txt strong {
      padding-top: 4px;
      display: flex;
   }
    .bnx-trail-bar--webinar.expan .bnx-trail-bar__word {
      padding-top: 8px;
   }
    .bnx-trail-bar--webinar.expan .bnx-trail-bar__arrow {
      transform: rotate(180deg) translateY(0px);
   }
    .bnx-trail-bar--webinar.expan .bnx-trail-bar__cnt-right {
      display: flex;
   }
    .bnx-trail-bar--webinar.show {
      top: 5px;
      left: 50%;
      transform: translateX(-50%);
   }
    .bnx-trail-bar--webinar.show .bnx-trail-bar__cnt.desk {
      display: none;
   }
    .bnx-trail-bar--webinar.show .bnx-trail-bar__cnt-mob {
      display: flex !important;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__close, .bnx-trail-bar--webinar .bnx-trail-bar__cnt-right {
      display: none;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__arrow {
      width: 16px;
      height: 16px;
      position: absolute;
      right: 10px;
      top: 15px;
      transform: rotate(0deg) translateY(0px);
      display: flex;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__free-web svg {
      display: none;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__cnt-txt {
      align-items: center;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__cnt-txt strong {
      padding: 0;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__free-web {
      min-width: 88px;
      margin-right: 8px;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__word {
      white-space: nowrap;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__cnt-left {
      overflow: hidden;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__cnt-right, .bnx-trail-bar--webinar .bnx-primary-btn {
      display: flex;
   }
    .bnx-trail-bar--webinar .bnx-primary-btn {
      font-size: 10px;
   }
    .bnx-trail-bar--webinar .bnx-primary-btn img {
      width: 12px;
      height: 12px;
      margin-top: 1px;
   }
    .bnx-trail-bar--webinar .bnx-trail-bar__cnt-right {
      margin-left: 0;
      margin-top: 16px;
      display: none;
   }
    .bnx-trail-bar-expan-btn.active {
      top: 38px;
   }
 }
  @media (max-width: 1024px) and (min-width: 768px) {
    .bnx-trail-bar--webinar.show .bnx-trail-bar__cnt-mob {
      width: 100%;
      justify-content: space-between;
      flex-direction: row;
   }
    .bnx-trail-bar--webinar.show .bnx-trail-bar__cnt-right {
      margin-top: 0px;
   }
    .bnx-trail-bar--webinar.expan .bnx-trail-bar__cnt-txt {
      width: 100%;
      justify-content: space-between;
      flex-direction: row;
      align-items: center;
   }
 }

 .tile-career {
  padding: 24px;
  border: 1px solid #e1e1e1;
  display: flex;
  flex-direction: column;
}
.tile-career__top-cnt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.tile-career__location {
  font-size: 14px;
  font-weight: 600;
  color: #666;
  margin-right: 16px;
}
.tile-career__time {
  text-align: right;
  font-size: 12px;
  color: #666;
}
.tile-career__title {
  color: #10385b;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 16px;
  min-height: 52px;
}
.tile-career__cnt {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}
.tile-career__cnt-qr-code {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  align-items: flex-end;
}
.tile-career__cnt-qr-code .tile-career__cnt {
  margin-bottom: 0px;
}
.tile-career__cnt-qr-code-img {
  width: 80px;
  height: auto;
}
.tile-career__social-link {
  display: flex;
  margin-top: 8px;
}
.tile-career__social-link svg {
  width: 30px;
  height: 30px;
  transition: all 0.4s;
}
.tile-career__social-link li {
  margin-right: 16px;
}
.tile-career__social-link li:last-child {
  margin-right: 0px;
}
.tile-career__social-link a:hover svg {
  transform: scale(1.1);
}
.tile-career .link-btn {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .tile-career {
    padding: 16px;
 }
}
.bnx-job-tile {
  padding: 32px;
  box-shadow: 0 5px 39px rgba(171, 187, 207, 0.22);
  background-color: #fff;
  position: relative;
}
.bnx-job-tile__location {
  color: #666;
  font-size: 14px;
  position: relative;
  padding-left: 32px;
  margin-bottom: 32px;
}
.bnx-job-tile__location::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3832 19.6467C10.8743 19.6467 10.3593 19.4671 9.95211 19.1018C7.73055 17.1318 4 13.3833 4 10.3832C4 6.31138 7.31138 3 11.3832 3C15.4551 3 18.7665 6.31138 18.7665 10.3832C18.7665 13.3833 15.0359 17.1318 12.8144 19.1018C12.4072 19.4611 11.8922 19.6467 11.3832 19.6467ZM11.3832 4.23354C7.99402 4.23354 5.23354 6.99402 5.23354 10.3832C5.23354 12.1916 7.3054 15.1078 10.7725 18.1797C11.1198 18.491 11.6527 18.491 12 18.1797C15.4671 15.1078 17.5389 12.1976 17.5389 10.3832C17.5389 6.99402 14.7785 4.23354 11.3892 4.23354H11.3832ZM11.2814 13.485C9.28743 13.485 7.66468 11.8623 7.66468 9.86828C7.66468 7.87426 9.28743 6.2515 11.2814 6.2515C13.2755 6.2515 14.8982 7.87426 14.8982 9.86828C14.8982 11.8623 13.2755 13.485 11.2814 13.485ZM11.2814 7.48504C9.96408 7.48504 8.89821 8.5569 8.89821 9.86828C8.89821 11.1797 9.97007 12.2515 11.2814 12.2515C12.5928 12.2515 13.6647 11.1797 13.6647 9.86828C13.6647 8.5569 12.5928 7.48504 11.2814 7.48504Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 1px);
  transform: translatey(-50%);
  left: 0;
}
.bnx-job-tile h3 {
  font-size: 18px;
  color: #10385b;
  font-weight: 600;
  margin-bottom: 16px;
}
.bnx-job-tile__tag-outer {
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.bnx-job-tile__tag {
  padding: 8px 16px;
  color: #10385b;
  background-color: rgba(16, 56, 91, 0.1);
  border-radius: 50px;
  display: inline-block;
  margin-right: 24px;
  margin-bottom: 8px;
}
.bnx-job-tile__tag:hover {
  color: #10385b;
}
.bnx-job-tile__job-nature {
  font-size: 14px;
  color: #666;
  align-self: center;
  margin-bottom: 8px;
}
.bnx-job-tile__share {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 1;
}
.bnx-job-tile__share:hover .bnx-job-tile__share-expan {
  opacity: 1;
  visibility: visible;
}
.bnx-job-tile__share-icon {
  cursor: pointer;
  width: 40px;
}
.bnx-job-tile__share-icon img {
  width: 20px;
  height: auto;
  display: block;
  margin-left: auto;
}
.bnx-job-tile__share-expan {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  background-color: #fff;
  box-shadow: 2px 5px 39px rgba(171, 187, 207, 0.42);
  padding: 8px 16px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.bnx-job-tile__share-expan::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: #fff;
}
.bnx-job-tile__share-expan a {
  display: block;
  margin-right: 16px;
}
.bnx-job-tile__share-expan a:last-child {
  margin-right: 0px;
}
.bnx-job-tile__share-expan a:hover img {
  transform: scale(1.1);
}
.bnx-job-tile__share-expan a img {
  width: 22px;
  height: 22px;
  display: block;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .bnx-job-tile {
    padding: 24px;
 }
}
.career__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -16px;
}
.career .tile-career {
  width: calc(33.33% - 32px);
  margin: 16px;
}
@media (min-width: 1024px) and (max-width: 767px) {
  .career .tile-career {
    width: calc(50% - 32px);
 }
}
@media (max-width: 767px) {
  .career__wrapper {
    margin: 0px -8px;
 }
  .career .tile-career {
    width: calc(100% - 16px);
    margin: 8px;
 }
}
.bx-careerfilter {
  position: relative;
}
.bx-careerfilter::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 145px;
  left: 0;
  top: 0;
  background-color: #f1f5f8;
}
.bx-careerfilter .filter-refresh-btn {
  color: #2b98f7;
  font-weight: 500;
}
.bx-careerfilter .filter-refresh-btn svg {
  margin-right: 8px;
  transition: all 0.4s;
}
.bx-careerfilter .filter-refresh-btn:hover svg {
  transform: rotate(45deg);
}
.bx-careerfilter .bx-filter-tagarea {
  display: none;
  flex-wrap: wrap;
  margin-top: 16px;
}
.bx-careerfilter .bx-filter-tagarea--show {
  display: flex;
}
.bx-careerfilter .bx-filter-tagarea__outer {
  display: flex;
  margin-right: 32px;
  margin-top: 16px;
}
.bx-careerfilter .bx-filter-tagarea__tags {
  display: flex;
}
.bx-careerfilter .bx-filter-tagarea__tag {
  color: #2b98f7;
  border: 1px solid #2b98f7;
  padding: 2px 20px 2px 8px;
  border-radius: 40px;
  background-color: rgba(43, 152, 247, 0.1);
  font-size: 12px;
  position: relative;
  margin: 4px;
}
.bx-careerfilter .bx-filter-tagarea__tag::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L7 7.5M7 1L0.5 7.5' stroke='%232B98F7'/%3E%3C/svg%3E%0A");
  position: absolute;
  width: 6px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 7px;
  right: 7px;
}
.bx-careerfilter .bx-filter-tagarea__label {
  color: #666;
  margin-right: 8px;
  margin-top: 4px;
}
.dropbtn {
  background-color: #fff;
  color: #666;
  border: none;
  padding: 8px 25px 8px 30px;
  font-size: 14px;
  cursor: pointer;
}
.dropbtn::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(135deg);
  position: absolute;
  top: 11px;
  right: 3px;
}
.dropbtn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3832 19.6467C10.8743 19.6467 10.3593 19.4671 9.95211 19.1018C7.73055 17.1318 4 13.3833 4 10.3832C4 6.31138 7.31138 3 11.3832 3C15.4551 3 18.7665 6.31138 18.7665 10.3832C18.7665 13.3833 15.0359 17.1318 12.8144 19.1018C12.4072 19.4611 11.8922 19.6467 11.3832 19.6467ZM11.3832 4.23354C7.99402 4.23354 5.23354 6.99402 5.23354 10.3832C5.23354 12.1916 7.3054 15.1078 10.7725 18.1797C11.1198 18.491 11.6527 18.491 12 18.1797C15.4671 15.1078 17.5389 12.1976 17.5389 10.3832C17.5389 6.99402 14.7785 4.23354 11.3892 4.23354H11.3832ZM11.2814 13.485C9.28743 13.485 7.66468 11.8623 7.66468 9.86828C7.66468 7.87426 9.28743 6.2515 11.2814 6.2515C13.2755 6.2515 14.8982 7.87426 14.8982 9.86828C14.8982 11.8623 13.2755 13.485 11.2814 13.485ZM11.2814 7.48504C9.96408 7.48504 8.89821 8.5569 8.89821 9.86828C8.89821 11.1797 9.97007 12.2515 11.2814 12.2515C12.5928 12.2515 13.6647 11.1797 13.6647 9.86828C13.6647 8.5569 12.5928 7.48504 11.2814 7.48504Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 1px);
  transform: translatey(-50%);
  left: 0;
}
.dropbtn:hover {
  background-color: #fff;
}
.deptmnt::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4352 17.94H18.5826V6.22756C18.5826 5.93607 18.3284 5.69758 18.0178 5.69758H15.5891V3.52998C15.5891 3.23849 15.3349 3 15.0243 3H6.97571C6.66507 3 6.4109 3.23849 6.4109 3.52998V5.69758H3.98221C3.67156 5.69758 3.4174 5.93607 3.4174 6.22756V17.94H1.56481C1.25417 17.94 1 18.1785 1 18.47C1 18.7615 1.25417 19 1.56481 19H20.4352C20.7458 19 21 18.7615 21 18.47C21 18.1785 20.7458 17.94 20.4352 17.94ZM7.54053 4.05995H14.4651V5.69758H7.54053V4.05995ZM12.8667 17.94H9.1333V11.7234H12.8667V17.94ZM13.9963 17.94V11.1934C13.9963 10.902 13.7422 10.6635 13.4315 10.6635H8.56848C8.25784 10.6635 8.00367 10.902 8.00367 11.1934V17.94H4.54702V6.75754H17.453V17.94H13.9963Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
}
.exp::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0806 18.7244H4.11759C2.4 18.7244 1 17.3244 1 15.6068V9.93546C1 8.21787 2.4 6.81787 4.11759 6.81787H17.0806C18.7982 6.81787 20.1982 8.21787 20.1982 9.93546V15.6132C20.1982 17.3308 18.7982 18.7308 17.0806 18.7308V18.7244ZM4.11759 8.15306C3.13889 8.15306 2.33519 8.95028 2.33519 9.93546V15.6132C2.33519 16.5919 3.13241 17.3957 4.11759 17.3957H17.0806C18.0593 17.3957 18.863 16.5984 18.863 15.6132V9.93546C18.863 8.95676 18.0657 8.15306 17.0806 8.15306H4.11759V8.15306Z' fill='%2304BBF2'/%3E%3Cpath d='M14.7019 8.15278H6.48986C6.12041 8.15278 5.82227 7.85463 5.82227 7.48519V5.5213C5.82227 4.13426 6.95004 3 8.34356 3H12.8547C14.2417 3 15.376 4.12778 15.376 5.5213V7.49167C15.376 7.86111 15.0778 8.15926 14.7084 8.15926L14.7019 8.15278ZM7.15745 6.81759H14.0343V5.5213C14.0343 4.86667 13.5028 4.34167 12.8547 4.34167H8.34356C7.68893 4.34167 7.16393 4.87315 7.16393 5.5213V6.82408L7.15745 6.81759Z' fill='%2304BBF2'/%3E%3Cpath d='M13.6969 11.698H7.5006C7.13116 11.698 6.83301 11.3998 6.83301 11.0304C6.83301 10.6609 7.13116 10.3628 7.5006 10.3628H13.7034C14.0728 10.3628 14.371 10.6609 14.371 11.0304C14.371 11.3998 14.0728 11.698 13.7034 11.698H13.6969Z' fill='%2304BBF2'/%3E%3C/svg%3E%0A");
}
.dropdown {
  position: relative;
  display: inline-block;
  text-align: center;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  border: 1px solid #eaf0f5;
  overflow: auto;
  box-shadow: 0px 8px 34px rgba(16, 56, 91, 0.04);
  z-index: 99;
  overflow-y: auto;
  max-height: 320px;
  top: 44px;
  left: 50%;
  transform: translateX(-50%);
 /* width */
 /* Track */
 /* Handle */
 /* Handle on hover */
}
.dropdown-content::-webkit-scrollbar {
  width: 5px;
}
.dropdown-content::-webkit-scrollbar-track {
  background: #fff;
}
.dropdown-content::-webkit-scrollbar-thumb {
  background: #d0d0d0;
}
.dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.show {
  display: block;
}
.bx-cf-location {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  position: relative;
}
.bx-cf-location::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #d0d0d0;
}
.bx-cf-location:last-child::after {
  content: none;
}
.bx-cf-location p {
  margin: 0;
}
.bx-cf-wrapper {
  padding-top: 50px;
  position: relative;
  max-width: 1150px !important;
  z-index: 1;
}
.bx-cf-wrapper button {
  border: none;
  background: transparent;
}
.bx-cf-wrapper__head-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  align-items: center;
}
.bx-cf-wrapper__head-wrap .bnx-sec-heading {
  margin-bottom: 0px;
}
.bx-cf-wrapper__filter {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  display: none;
}
.bx-cf-wrapper__filter svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.bx-cf-filterarea {
  width: 100%;
  padding: 15px 40px 15px 8px;
  box-shadow: 0px 11px 34px rgba(16, 56, 91, 0.08);
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #dfeff3;
}
.bx-cf-filterarea__search-outer {
  position: relative;
  width: 40%;
}
.bx-cf-filterarea__search-outer input {
  padding: 8px 16px 8px 50px;
  width: 100%;
  border: 1px solid transparent;
}
.bx-cf-filterarea__search-outer input::placeholder {
  color: #bebebe;
}
.bx-cf-filterarea__search-outer input:focus {
  border: 1px solid rgba(45, 130, 230, 0.3);
  box-shadow: 0px 0px 5px rgba(45, 130, 230, 0.14);
}
.bx-cf-filterarea__search-outer svg {
  position: absolute;
  left: 13px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
.bx-cf-filterarea--live .bx-cf-filterarea_inner-1 {
  width: 90%;
}
.bx-cf-filterarea--live .bx-cf-filterarea_inner-2.filter-show {
  margin-top: 0px;
}
.bx-checkbox {
  color: #666;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 42px;
  text-align: left;
}
.bx-checkbox:hover {
  background-color: #eef1f3;
}
.bx-checkbox:hover input ~ .bx-checkmark {
  background-color: #fff;
}
.bx-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.bx-checkbox input:checked ~ .bx-checkmark {
  background-color: #04bbf2;
}
.bx-checkbox input:checked ~ .bx-checkmark:after {
  display: block;
}
.bx-checkbox .bx-checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0px 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bx-checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
}
.bx-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.p-btn--border-dark {
  border: 1px solid #10385b;
}
.bx-cf-filterarea_inner-1 {
  display: flex;
  width: 60%;
  margin-left: auto;
}
.bx-cf-filterarea_inner-2 {
  display: none;
  align-items: center;
}
.bx-cf-filterarea_inner-2.filter-show {
  display: flex;
  margin-left: auto;
  margin-top: 16px;
}
.bx-fliter {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 0;
  pointer-events: none;
}
.bx-fliter img {
  margin-right: 10px;
  display: block;
}
.bx-fliter span {
  font-weight: 600;
  color: #000;
}
.bx-filter--visible {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .bx-fliter {
    display: flex;
    margin-bottom: 0;
 }
  .bx-cf-wrapper {
    padding-top: 40px;
    margin-bottom: 0;
 }
  .bx-cf-wrapper__head-wrap {
    justify-content: space-between;
 }
  .bx-cf-wrapper__filter {
    display: block;
 }
  .bx-cf-filterarea {
    padding-right: 20px;
    padding-left: 20px;
 }
  .bx-cf-filterarea__search-outer {
    width: 100%;
 }
  .bx-cf-location {
    margin-right: 0;
    justify-content: center;
 }
  .bx-cf-filterarea_inner-2 {
    display: flex;
 }
  .bx-filter--visible {
    display: none;
 }
}
@media (max-width: 1024px) {
  .bx-fliter {
    pointer-events: all;
    margin-bottom: 16px;
 }
  .dropbtn {
    position: relative;
 }
  .bx-careerfilter::after {
    content: none;
 }
  .bx-careerfilter .bx-filter-tagarea__outer {
    flex-wrap: wrap;
 }
  .bx-careerfilter .bx-filter-tagarea__tags {
    flex-wrap: wrap;
 }
  .bx-cf-filterarea_inner-1 {
    width: 100%;
    margin-top: 8px;
 }
}
@media (max-width: 767px) {
  .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
 }
  .bx-cf-location {
    border-bottom: 1px solid #ececec;
 }
  .bx-cf-location:last-child {
    border: 0px;
 }
  .bx-cf-filterarea_inner-1 {
    flex-wrap: wrap;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    position: fixed;
    right: 15px;
    background-color: #fff;
    box-shadow: 0px 35px 79px rgba(33, 37, 40, 0.17);
    border-radius: 5px;
    width: 92%;
    z-index: 9;
    padding: 16px;
 }
  .bx-cf-filterarea_inner-1.show {
    max-height: 800px;
    visibility: visible;
 }
  .dropdown-content {
    position: relative;
    top: 0;
    max-height: 200px;
    box-shadow: none;
    border: 0px;
    margin: 16px 0;
    width: 86%;
 }
  .bx-cf-location {
    width: 100%;
    margin-bottom: 8px;
 }
  .bx-cf-location .dropdown {
    width: 100%;
 }
  .bx-cf-location::after {
    content: none;
 }
  .bx-cf-filterarea_inner-2 {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
 }
}
.bnx-career-list {
  padding: 50px 0px;
}
.bnx-career-list__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -16px;
}
.bnx-career-list__wrapper .bnx-job-tile {
  margin: 16px;
  width: calc(50% - 32px);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
.bnx-career-list__wrapper .bnx-job-tile .btn-inline {
  margin-top: auto;
}
.bnx-career-list .bnx-pagination {
  margin-top: 32px;
}
.bnx-career-list__empty {
  text-align: center;
  padding: 32px 0;
}
.bnx-career-list__empty-icon {
  width: 120px;
  height: auto;
  display: block;
  margin: 0 auto 32px;
}
.bnx-career-list__empty-txt {
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .bnx-career-list {
    padding: 40px 0px;
 }
  .bnx-career-list__wrapper {
    margin: 0px -8px;
 }
  .bnx-career-list .bnx-job-tile {
    width: calc(100% - 16px);
    margin: 8px;
 }
}
.bnx-career__sticky-sec {
  position: fixed;
  right: 0;
  top: 20vh;
  max-width: 475px;
  height: auto;
  display: flex;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: linear-gradient(150deg, #05a4f1 10%, #02479c 100%);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: all 0.3s;
  z-index: 999;
  border-bottom-left-radius: 10px;
}
.bnx-career__sticky-sec.minimize {
  transform: translateX(94%);
}
.bnx-career__sticky-sec.minimize .sticky-close {
  display: none;
}
.bnx-career__sticky-sec.minimize .sticky-message {
  display: block;
}
.bnx-career__sticky-sec .sticky-close {
  display: block;
}
.bnx-career__sticky-sec .sticky-message {
  display: none;
}
.bnx-career__sticky-desc-sec {
  padding: 16px 8px;
}
.bnx-career__sticky-head {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 16px;
}
.bnx-career__sticky-right-sec {
  background-color: rgba(255, 255, 255, .2);
  backdrop-filter: blur(10px);
  color: #fff;
  padding: 4px;
  width: 30px;
  border-bottom-left-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bnx-career__sticky-txt {
  margin-bottom: 24px;
}
.bnx-career__sticky-closeouter {
  position: absolute;
  left: -15px;
  top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5);
  padding: 8px;
}
.bnx-career__sticky-closeouter img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bnx-career__sticky-right-txt {
  transform: rotate(-90deg) translateX(0%);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .bnx-career__sticky-sec {
    max-width: 280px;
    width: 280px;
    top: 25%;
 }
  .bnx-career__sticky-sec.minimize {
    transform: translateX(90%);
 }
}

  
}
/* tablau-servies */
