:root {
  --vs-black: #000000;
  --vs-ink: #101010;
  --vs-ink-2: #1d1d1d;
  --vs-ink-3: #262626;
  --vs-card: #1f1f1f;
  --vs-card-soft: #323232;
  --vs-orange: #ff4f00;
  --vs-orange-2: #df4500;
  --vs-orange-3: #fc5d0b;
  --vs-white: #ffffff;
  --vs-text: #d9d9d9;
  --vs-muted: #9e9e9e;
  --vs-muted-2: #b5b7bd;
  --vs-border: rgba(107, 107, 107, .5);
  --vs-glass: rgba(67, 67, 67, .3);
  --vs-radius-xs: 8px;
  --vs-radius-sm: 10px;
  --vs-radius-md: 12px;
  --vs-radius-lg: 20px;
  --vs-radius-xl: 24px;
  --vs-radius-2xl: 30px;
  --vs-shadow-card: 0 23px 36.9px rgba(0, 0, 0, .45);
  --vs-shadow-orange: 0 4px 19px rgba(252, 93, 11, .28);
  --vs-sidebar: 292px;
  --vs-transition: 260ms ease;
  --vs-transition-slow: 520ms cubic-bezier(.22, 1, .36, 1);
  --vs-font: "Cairo", Arial, sans-serif;
  --vs-font-number: "Inter", "Cairo", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}
/* Start Scroll */
body::-webkit-scrollbar-track {
  background: var(--vs-white);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--vs-orange-2);
  border-radius: 50px;
}

body::-webkit-scrollbar {
  width: .5em;
}


.allvidsec{
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0; 
}



html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  margin: 0;
  color: var(--vs-text);
  background: var(--vs-black);
  font-family: var(--vs-font);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: hidden;
}
body.rtl{
  text-align: right;
}
html[dir="ltr"] body{
  direction: ltr;
  text-align: left;
}
body.menu-open,
body.modal-opened {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a,
button,
input,
textarea,
select {
  font-family: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--vs-transition), background-color var(--vs-transition), transform var(--vs-transition), border-color var(--vs-transition);
}

a:hover {
  color: inherit;
  text-decoration: none;
}

button {
  border: 0;
  cursor: pointer;
}

[dir="rtl"] .text-left {
  text-align: start !important;
}

[dir="rtl"] .text-right {
  text-align: end !important;
}

.page {
radial-gradient(circle at 17% 20%, rgb(255 79 0 / 0%), transparent 24%), linear-gradient(180deg, var(--vs-black) 0%, var(--vs-ink-3) 48%, var(--vs-black) 100%)
}

.page__main {
  position: relative;
  min-height: 100vh;
}

body.single-service .page__main {
  background: #101010;
}

.container {
  max-width: 1204px;
}

.section {
  position: relative;
  padding-block: 100px;
  overflow: hidden;
}
  section#services , section.whyushome , section.pwas-sec {
  padding-top: 0;
}

  section.whyushome{
  padding-bottom: 0;
}
section.ousfredanto{
  background: #1F1F1F;
  padding: 50px 0 70px;
}
section#partners  {
  padding-bottom: 0;
}
.rtl-pair,
.contact-layout,
.article-layout,
.dash-compare .compare-grid {
  direction: ltr;
}

.rtl-pair > *,
.contact-layout > *,
.article-layout > *,
.dash-compare .compare-grid > * {
  direction: rtl;
}

[dir="ltr"] .rtl-pair,
[dir="ltr"] .contact-layout,
[dir="ltr"] .article-layout,
[dir="ltr"] .dash-compare .compare-grid {
  direction: rtl;
}

[dir="ltr"] .rtl-pair > *,
[dir="ltr"] .contact-layout > *,
[dir="ltr"] .article-layout > *,
[dir="ltr"] .dash-compare .compare-grid > * {
  direction: ltr;
}

.section--tight {
  padding-block: 70px;
  padding-top: 0;
}

.section--black {
  background: var(--vs-black);
}

.section--gradient {
  background: linear-gradient(180deg, var(--vs-black) 0%, var(--vs-ink-3) 100%);
}

.section--gradient-reverse {
  background: linear-gradient(180deg, var(--vs-ink-3) 0%, var(--vs-black) 100%);
}

.section__header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin-block-end: 44px;
  text-align: start;
}

.section__label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding-block: 7px;
  padding-inline: 12px;
  border: 1px solid #484848;
  border-radius: var(--vs-radius-sm);
  color: var(--vs-orange);
  background: rgba(23, 14, 8, .5);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.section__label i {
  color: var(--vs-orange);
  font-size: 14px;
}

.section__label i.fa-circle-dot {
  display: none;
}

.section__label::after {
  width: 8px;
  height: 8px;
  border: 2px solid var(--vs-orange);
  border-radius: 50%;
  content: "";
}
.about-text .section__label::after   ,  .page .section__label::after{
  display: none;
}
.section__title {
  margin: 0;
  color: var(--vs-text);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.3;
  text-align: start;
}
.pwas-sec .section__title{
  max-width: 50%;
}
.section__title span,
.section__title strong {
  display: block;
}

.section__title strong {
  color: var(--vs-white);
}

.section__title--xl {
  font-size: 74px;
  line-height: 1.5;
}

.section__lead {
  max-width: 1004px;
  margin: 0;
  color: var(--vs-text);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8;
  text-align: start;
}

.accent {
  color: var(--vs-orange);
}

.site-loader {
  position: fixed;
  z-index: 2200;
  inset: 0;
  display: grid;
  place-items: center;
  background: var(--vs-black);
  transition: opacity 420ms ease, visibility 420ms ease;
}

.site-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.site-loader__mark {
  width: 76px;
  height: 76px;
  border: 2px solid rgba(255, 79, 0, .22);
  border-block-start-color: var(--vs-orange);
  border-radius: 50%;
  animation: vs-spin 900ms linear infinite;
}

@keyframes vs-spin {
  to {
    transform: rotate(360deg);
  }
}

.site-header {
  position: absolute;
  z-index: 50;
  inset-block-start: 0;
  inset-inline: 0;
  padding-block: 31px 0;
  padding-inline: clamp(16px, 8.27vw, 119px);
  pointer-events: none;
}

.site-header__inner {
  display: flex;
  align-items: center;
  gap: 18px;
  width: min(100%, 1202px);
  min-height: 85px;
  margin-inline: auto;
  pointer-events: auto;
}

.site-header__brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.site-header__logo {
  width: 85px;
  height: 85px;
  object-fit: contain;
}

.site-header__nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  min-width: 0;
  margin-block-start: 15px;
}

.site-header__nav-list,
.site-header__dropdown {
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-header__nav-list {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: auto;
  min-height: auto;
  padding-block: 6px;
  padding-inline: 6px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(14, 14, 14, .82);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
  backdrop-filter: blur(16px);
}

.site-header__item {
  position: relative;
}

.site-header__link,
.site-header__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: auto;
  padding-block: 12px;
  padding-inline: 18px;
  border-radius: 999px;
  color: rgba(255, 255, 255, .82);
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
}

.site-header__link::before,
.site-header__toggle::before {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .04));
  content: "";
  opacity: 0;
  transform: scale(.82);
  transition: opacity var(--vs-transition), transform var(--vs-transition-slow);
}

.site-header__link::after,
.site-header__toggle::after {
  display: none;
  position: absolute;
  inset-block-end: 3px;
  inset-inline: 14px;
  height: 2px;
  border-radius: 999px;
  background: var(--vs-orange);
  content: "";
  opacity: 0;
  transform: scaleX(.25);
  transition: opacity var(--vs-transition), transform var(--vs-transition-slow);
}

.site-header__link:hover,
.site-header__toggle:hover,
.site-header__link.is-active,
.site-header__toggle.is-active,
.site-header__item.is-open > .site-header__toggle {
  color: var(--vs-white);
  transform: translateY(-1px);
}

.site-header__link:hover::before,
.site-header__toggle:hover::before,
.site-header__link.is-active::before,
.site-header__toggle.is-active::before,
.site-header__item.is-open > .site-header__toggle::before {
  opacity: 1;
  transform: scale(1);
}

.site-header__link:hover::after,
.site-header__toggle:hover::after,
.site-header__link.is-active::after,
.site-header__toggle.is-active::after,
.site-header__item.is-open > .site-header__toggle::after {
  opacity: 1;
  transform: scaleX(1);
}

.site-header__link,
.site-header__toggle span,
.site-header__toggle i {
  z-index: 1;
}

.site-header__chevron {
  position: relative;
  color: rgba(255, 255, 255, .54);
  font-size: 9px;
  transition: color var(--vs-transition), transform var(--vs-transition-slow);
}

.site-header__item.is-open .site-header__chevron {
  color: var(--vs-orange);
  transform: rotate(180deg);
}

.site-header__dropdown {
  position: absolute;
  inset-block-start: calc(100% + 10px);
  inset-inline-start: 0;
  width: min(246px, 86vw);
  padding-block: 10px;
  padding-inline: 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: var(--vs-radius-lg);
  background:
    linear-gradient(135deg, rgba(255, 79, 0, .16), transparent 42%),
    rgba(15, 15, 15, .96);
  box-shadow: 0 26px 60px rgba(0, 0, 0, .48);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(14px) scale(.96);
  transform-origin: top center;
  transition: opacity 240ms ease, visibility 240ms ease, transform 380ms cubic-bezier(.22, 1, .36, 1);
}

.site-header__item.is-open .site-header__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.site-header__dropdown-link {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding-block: 7px;
  padding-inline: 12px;
  border-radius: var(--vs-radius-xs);
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
  font-weight: 600;
}

.site-header__dropdown-link:hover {
  color: var(--vs-white);
  background: rgba(255, 79, 0, .16);
  transform: translateX(-4px);
}

.site-header__actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  margin-block-start: 15px;
}

.site-header__lang,
.site-header__contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-height: 38px;
  border-radius: var(--vs-radius-xs);
  color: var(--vs-white);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.site-header__lang {
  width: 50px;
  min-width: 50px;
  padding-inline: 0;
  background: rgba(52, 52, 60, .95);
}

.site-header__contact {
  width: 120px;
  min-width: 120px;
  padding-inline: 10px;
  background: var(--vs-orange-2);
  box-shadow: 0 9px 20px rgba(223, 69, 0, .28);
}

.site-header__lang:hover,
.site-header__contact:hover {
  color: var(--vs-white);
  transform: translateY(-2px);
}

.menu-button {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: var(--vs-radius-xs);
  color: var(--vs-white);
  background: rgba(52, 52, 60, .95);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .22);
}

.menu-button__line {
  display: block;
  width: 24px;
  height: 2px;
  margin-block: 3px;
  margin-inline: auto;
  border-radius: 99px;
  background: currentColor;
  transform-origin: center;
  transition: transform var(--vs-transition-slow), opacity var(--vs-transition);
}

.menu-button.is-active .menu-button__line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.menu-button.is-active .menu-button__line:nth-child(2) {
  opacity: 0;
}

.menu-button.is-active .menu-button__line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.site-menu {
  display: none;
}

.site-menu__brand {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0;
}

.site-menu__logo {
  width: 74px;
  height: 74px;
  object-fit: contain;
}

.site-menu__brand-text {
  display: none;
}

.site-menu__nav {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
}

.site-menu__list,
.site-menu__dropdown {
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-menu__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.site-menu__item {
  position: relative;
  margin: 0;
}

.site-menu__parent {
  display: flex;
  align-items: stretch;
  gap: 4px;
}

.site-menu__parent .site-menu__link {
  flex: 1 1 auto;
}

.site-menu__link,
.site-menu__toggle {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  min-height: 44px;
  gap: 7px;
  padding-block: 9px;
  padding-inline: 12px;
  border-radius: var(--vs-radius-md);
  color: var(--vs-white);
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  text-align: start;
  overflow: hidden;
  white-space: nowrap;
}

.site-menu__link::before,
.site-menu__toggle::before {
  position: absolute;
  inset-block-start: auto;
  inset-block-end: 4px;
  inset-inline: 14px;
  width: auto;
  height: 2px;
  border-radius: 999px;
  background: var(--vs-orange);
  content: "";
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity var(--vs-transition), transform var(--vs-transition-slow);
}

.site-menu__link > i,
.site-menu__toggle > i:not(.site-menu__chevron) {
  display: none;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  color: var(--vs-orange);
  font-size: 15px;
}

.site-menu__link span,
.site-menu__toggle span {
  flex: 1 1 auto;
}

.site-menu__link:hover,
.site-menu__toggle:hover,
.site-menu__link.is-active,
.site-menu__toggle.is-active,
.site-menu__item.is-open .site-menu__toggle {
  color: var(--vs-white);
  background: rgba(255, 255, 255, .08);
}

.site-menu__link:hover::before,
.site-menu__toggle:hover::before,
.site-menu__link.is-active::before,
.site-menu__toggle.is-active::before,
.site-menu__item.is-open .site-menu__toggle::before {
  opacity: 1;
  transform: scaleX(1);
}

.site-menu__link:hover,
.site-menu__toggle:hover {
  transform: translateY(-2px);
}

.site-menu__chevron {
  flex: 0 0 auto;
  color: var(--vs-muted);
  font-size: 12px;
  transition: transform var(--vs-transition-slow), color var(--vs-transition);
}

.site-menu__toggle--arrow {
  flex: 0 0 42px;
  justify-content: center;
  padding-inline: 0;
}

.site-menu__toggle--arrow::before {
  display: none;
}

.site-menu__item.is-open .site-menu__chevron {
  color: var(--vs-orange);
  transform: rotate(180deg);
}

.site-menu__dropdown {
  position: absolute;
  inset-block-start: calc(100% + 12px);
  inset-inline-start: 0;
  width: min(260px, 86vw);
  padding-block: 10px;
  padding-inline: 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--vs-radius-lg);
  background: rgba(19, 19, 19, .96);
  box-shadow: var(--vs-shadow-card);
  backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px) scale(.98);
  transition: opacity 280ms ease, visibility 280ms ease, transform 320ms ease;
}

.site-menu__item.is-open .site-menu__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.site-menu__dropdown-link {
  display: block;
  padding-block: 8px;
  padding-inline: 15px;
  border-radius: var(--vs-radius-xs);
  color: var(--vs-muted);
  font-size: 14px;
  font-weight: 500;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity var(--vs-transition), transform var(--vs-transition), background-color var(--vs-transition), color var(--vs-transition);
}

.site-menu__item.is-open .site-menu__dropdown-link {
  opacity: 1;
  transform: translateY(0);
}

.site-menu__dropdown-link:hover {
  color: var(--vs-white);
  background: rgba(255, 79, 0, .12);
  transform: translateX(-4px);
}

.site-menu__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.site-menu__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding-block: 5px;
  padding-inline: 12px;
  border-radius: var(--vs-radius-xs);
  color: var(--vs-white);
  background: #34343c;
  font-size: 14px;
  font-weight: 600;
}

.site-menu__action--primary {
  flex: 1 1 auto;
  background: var(--vs-orange-2);
}

.site-menu__action:hover {
  color: var(--vs-white);
  transform: translateY(-2px);
}

.site-overlay {
  position: fixed;
  z-index: 1100;
  inset: 0;
  background: rgba(0, 0, 0, .62);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--vs-transition-slow), visibility var(--vs-transition-slow);
}

.site-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.hero {
  position: relative;
  min-height: 950px;
  padding-block: 0;
  background: var(--vs-black);
  overflow: hidden;
  background-size: 100% 100%;
}

.hero .container {
  position: relative;
  z-index: 2;
  width: min(100%, 1202px);
  max-width: 1202px;
  min-height: 950px;
  margin-inline: auto;
  padding-inline: 0;
}

.hero-layout {
  position: relative;
  z-index: 2;
  display: block;
  min-height: 950px;
}

.hero::before {
  display: none;
  /*position: absolute;*/
  /*inset-block: -40px -22px;*/
  /*inset-inline: -62px -51px;*/
  /*z-index: 0;*/
  /*background-image: url("../images/hero-bg.png");*/
  /*background-position: center;*/
  /*background-size: cover;*/
  /*content: "";*/
}

.hero::after {
  position: absolute;
  inset-block: -40px 0;
  inset-inline: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .08) 19%, rgba(0, 0, 0, .04) 78%, rgba(0, 0, 0, .96) 100%),
    radial-gradient(ellipse at 86% 18%, rgba(0, 0, 0, .98) 0%, rgba(0, 0, 0, .86) 26%, rgba(0, 0, 0, 0) 58%),
    radial-gradient(ellipse at 89% 92%, rgba(0, 0, 0, .98) 0%, rgba(0, 0, 0, .84) 31%, rgba(0, 0, 0, 0) 64%);
  content: "";
  pointer-events: none;
}
html[dir="ltr"] .hero::after{
  background: linear-gradient(180deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .08) 19%, rgba(0, 0, 0, .04) 78%, rgba(0, 0, 0, .96) 100%), radial-gradient(ellipse at 14% 18%, rgba(0, 0, 0, .98) 0%, rgba(0, 0, 0, .86) 26%, rgba(0, 0, 0, 0) 58%), radial-gradient(ellipse at 11% 92%, rgba(0, 0, 0, .98) 0%, rgba(0, 0, 0, .84) 31%, rgba(0, 0, 0, 0) 64%);
}
.hero .container::before,
.hero .container::after {
  position: absolute;
  z-index: 1;
  border-radius: 50%;

  content: "";
  pointer-events: none;
}

.hero .container::before {
  inset-block-start: -281px;
  inset-inline-start: -357px;
  width: 994px;
  height: 994px;
  filter: blur(318px);
}

.hero .container::after {
  inset-block-start: 512px;
  inset-inline-start: -658px;
  width: 1273px;
  height: 1337px;
  filter: blur(318px);
}

.hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 572px;
  max-width: 100%;
  margin-inline-start: 0;
  margin-inline-end: auto;
  padding-block-start: 219px;
}

.hero .section__label {
  min-width: 215px;
  min-height: 37px;
  justify-content: center;
  padding-inline: 16px;
  font-size: 14.8px;
  white-space: nowrap;
}

.hero__label::after {
  display: none;
}

.hero__label {
  flex-wrap: nowrap;
}

.hero__label span {
  flex: 0 0 auto;
  white-space: nowrap;
}

.hero__label .section__label-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 22px;
}

.hero__title {
  max-width: 580px;
  margin-block: -3px 0;
  margin-inline: 0;
  color: var(--vs-text);
  font-size: 74px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: start;
}

html[dir="ltr"] .hero__title{
  font-size: 46px;
}


.hero__title strong {
  color: var(--vs-white);
  font-weight: 700;
}

.hero__text {
  max-width: 572px;
  margin-block: 16px 0;
  margin-inline: 0;
  color: #999999;
  font-size: 19px;
  line-height: 1.5;
  text-align: start;
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 50px;
}

.hero__actions .btn-vs--ghost {
  direction: rtl;
  height: 55px;
  min-height: 55px;
}

.hero-cta {
  display: inline-flex;
  align-items: stretch;
  gap: 8px;
  width: 271px;
  height: 55px;
  min-height: 55px;
  border-radius: var(--vs-radius-md);
  color: var(--vs-white);
  overflow: visible;
  transition: transform var(--vs-transition), box-shadow var(--vs-transition);
}

.hero-cta__arrow,
.hero-cta__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  min-height: 55px;
  background: var(--vs-orange-2);
  transition: background-color var(--vs-transition), transform var(--vs-transition);
}

.hero-cta__arrow {
  flex: 0 0 47px;
  width: 47px;
  border-radius: var(--vs-radius-md);
}
html[dir="ltr"] .hero-cta__arrow{
  transform: scaleX(-1);
}
.hero-cta__arrow i {
  transform: none;
}

.hero-cta__text {
  flex: 1 1 auto;
  padding-inline: 16px;
  border-radius: var(--vs-radius-md);
  direction: rtl;
  font-size: 20px;
  font-weight: 600;
}

.hero-cta:hover {
  color: var(--vs-white);
  transform: translateY(-4px);
}

.hero-cta:hover .hero-cta__arrow,
.hero-cta:hover .hero-cta__text {
  background: var(--vs-orange);
}

.hero-cta:hover .hero-cta__arrow i {
  transform: translateX(-3px);
}

.btn-vs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  gap: 10px;
  padding-block: 12px;
  padding-inline: 16px;
  border-radius: var(--vs-radius-md);
  color: var(--vs-white);
  background: var(--vs-orange-2);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  transition: transform var(--vs-transition), box-shadow var(--vs-transition), background-color var(--vs-transition), border-color var(--vs-transition);
}

.btn-vs:hover {
  color: var(--vs-white);
  background: var(--vs-orange);
  box-shadow: 0 18px 38px rgba(255, 79, 0, .3);
  transform: translateY(-4px);
}

.btn-vs--wide {
  min-width: 216px;
}

.btn-vs--ghost {
  border: 1px solid var(--vs-ink);
  background: #131313;
  font-weight: 400;
}

.btn-vs--ghost:hover {
  border-color: var(--vs-orange);
}

.btn-vs--icon {
  width: 47px;
  min-width: 47px;
  padding-inline: 0;
}

html[dir="ltr"] .btn-vs--icon i,
html[dir="ltr"] .icon-direction {
  transform: scaleX(-1);
}



.btn-vs.wpcf7-submit{
  width: 100%;
  border: 0;
  margin-top: 20px;
}
.wpcf7-spinner{
  position: absolute;
  margin: 0;
  left: 0;
}




.hero-stats {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-around;
  gap: 0;
  width: 509px;
  max-width: 100%;
  margin-block-start: 94px;
  padding-block: 12px;
  padding-inline: 0;
  border: 1px solid rgba(70, 70, 70, .39);
  border-radius: 15px;
  background: rgba(255, 255, 255, .04);
  backdrop-filter: blur(13px);
}

.hero-stats__item {
  min-width: 87px;
  text-align: center;
}

.stat-repeater {
  position: relative;
}

.hero-stats__label {
  margin: 0;
  color: #999999;
  font-size: 18px;
  font-weight: 500;
}

.hero-stats__number {
  margin: 0;
  color: var(--vs-white);
  font-family: var(--vs-font-number);
  font-size: 28px;
}

.image-frame {
  position: relative;
  overflow: hidden;
  border-radius: var(--vs-radius-lg);
}

.image-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 900ms cubic-bezier(.22, 1, .36, 1), filter var(--vs-transition-slow);
}

.image-frame:hover img {
  filter: saturate(1.08) contrast(1.05);
  transform: scale(1.045);
}

.about-image {
  height: 607px;
  border-radius: var(--vs-radius-lg);
}

.about-text {
  max-width: 657px;
  text-align: start;
}

.about-text__title {
  margin: 0;
  color: var(--vs-text);
  font-size: 60px;
  font-weight: 400;
  line-height: 1.35;
}

.about-text__title strong {
  display: block;
  color: var(--vs-white);
  font-weight: 700;
}

.about-text__copy {
  margin-block: 28px 0;
  color: var(--vs-text);
  font-size: 20px;
  line-height: 1.8;
}

.feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 32px;
  margin-block-start: 42px;
}

.feature-list__item {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  color: var(--vs-text);
  font-size: 24px;
}
html[dir="ltr"] .feature-list__item{
  font-size: 18px;
}
.feature-list__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  color: var(--vs-white);
  background: var(--vs-orange);
  font-size: 15px;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 53px;
}

.service-card {
  position: relative;
  min-height: 499px;
  padding-block: 32px;
  padding-inline: 24px;
  border-radius: var(--vs-radius-2xl);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .75);
  overflow: hidden;
}
.post-type-archive-service .service-card   , .post-type-archive-service .why-card , .security-feature-card , .process-card  , .solution-card , .tech-card--flip , .fleet-challenge-card
, .blog-card , .blog-feature{
    transform: scale(.9) !important;
}
.service-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .01) 24%, rgba(0, 0, 0, .7) 60%, var(--vs-black) 96%);
  content: "";
  pointer-events: none;
}

.service-card__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--vs-transition-slow), filter var(--vs-transition-slow);
}

.service-card__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 435px;
  text-align: start;
}

.service-card__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.34;
}

.service-card__text {
  max-width: 481px;
  margin-block: 10px 0;
  color: var(--vs-text);
  font-size: 16px;
  line-height: 1.8;
}

.service-card:hover .service-card__image {
  filter: saturate(1.12);
  transform: scale(1.055);
}

.service-card:hover {
  box-shadow: 0 26px 54px rgba(255, 79, 0, .16);
}

.service-card__link {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  padding-block: 32px;
  padding-inline: 24px;
  border-radius: inherit;
  color: inherit;
}

.service-card__link:hover {
  color: inherit;
  text-decoration: none;
}

.service-single {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.service-single::before {
  position: absolute;
  z-index: -1;
  inset-block-start: 4%;
  inset-inline-end: -8%;
  inline-size: min(520px, 45vw);
  block-size: min(635px, 55vw);
  background: url("../images/service-single-line-shape.png") center / contain no-repeat;
  opacity: .44;
  content: "";
  pointer-events: none;
}

.service-single--intro::after {
  position: absolute;
  z-index: -2;
  inset-block-start: 0;
  inset-inline-start: -28%;
  inline-size: min(850px, 70vw);
  block-size: min(760px, 62vw);
  background: radial-gradient(circle, rgba(255, 79, 0, .2), rgba(255, 79, 0, 0) 66%);
  content: "";
  pointer-events: none;
}

.service-single__intro,
.service-single__split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr);
  gap: 44px;
  align-items: center;
}

.service-single__copy,
.service-single__panel {
  position: relative;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--vs-radius-2xl);
  background:
    linear-gradient(145deg, rgba(31, 31, 31, .96), rgba(8, 8, 8, .9)),
    url("../images/service-single-line-bg.png") 24% 48% / 520px auto no-repeat;
  box-shadow: var(--vs-shadow-card);
}

.service-single__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 34px;
  margin-block-end: 18px;
  padding-inline: 18px;
  border: 1px solid rgba(255, 79, 0, .4);
  border-radius: 999px;
  color: var(--vs-orange);
  background: rgba(255, 79, 0, .08);
  font-size: 15px;
  font-weight: 700;
}

.service-single__title {
  max-width: 760px;
  margin: 0;
  color: var(--vs-white);
  font-size: 42px;
  font-weight: 800;
  line-height: 1.22;
}

.service-single__title--compact {
  font-size: 36px;
}

.service-single__text {
  margin-block-start: 18px;
  color: var(--vs-text);
  font-size: 19px;
  line-height: 1.9;
}

.service-single__text p {
  margin: 0;
}

.service-single__text p + p {
  margin-block-start: 12px;
}

.service-single__media {
  position: relative;
  min-block-size: 420px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: var(--vs-radius-2xl);
  background: var(--vs-ink);
  box-shadow: 0 28px 52px rgba(0, 0, 0, .42);
}

.service-single__media::before {
  position: absolute;
  inset: 18px;
  z-index: 2;
  border: 1px solid rgba(255, 79, 0, .28);
  border-radius: calc(var(--vs-radius-2xl) - 10px);
  content: "";
  pointer-events: none;
}

.service-single__media img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  filter: saturate(1.04) contrast(1.04);
}

.service-single__points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-block-start: 34px;
}

.service-info-card,
.service-check-list__item,
.related-service-card {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--vs-radius-xl);
  background: linear-gradient(180deg, rgba(38, 38, 38, .96), rgba(12, 12, 12, .96));
  box-shadow: var(--vs-shadow-card);
}

.service-info-card {
  min-block-size: 188px;
  padding: 24px;
}

.service-info-card__icon,
.service-check-list__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 46px;
  block-size: 46px;
  border-radius: 14px;
  color: var(--vs-white);
  background: linear-gradient(135deg, var(--vs-orange), var(--vs-orange-2));
  box-shadow: var(--vs-shadow-orange);
}

.service-info-card__title {
  margin-block: 18px 8px;
  color: var(--vs-white);
  font-size: 22px;
  font-weight: 700;
}

.service-info-card__text {
  margin: 0;
  color: var(--vs-text);
  font-size: 16px;
  line-height: 1.8;
}

.service-check-list {
  display: grid;
  gap: 16px;
}

.service-check-list__item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 22px;
}

.service-check-list__item h3 {
  margin-block: 0 8px;
  color: var(--vs-white);
  font-size: 22px;
  font-weight: 700;
}

.service-check-list__item p {
  margin: 0;
  color: var(--vs-text);
  font-size: 16px;
  line-height: 1.75;
}

.related-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.related-service-card {
  position: relative;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 24px;
  gap: 18px;
  align-items: center;
  min-block-size: 156px;
  padding: 18px;
  color: inherit;
  overflow: hidden;
}

.related-service-card:hover {
  color: inherit;
  text-decoration: none;
  transform: translateY(-5px);
  border-color: rgba(255, 79, 0, .35);
  box-shadow: 0 26px 54px rgba(255, 79, 0, .14);
}

.related-service-card__thumb {
  display: block;
  inline-size: 96px;
  block-size: 96px;
  overflow: hidden;
  border-radius: 18px;
  background: var(--vs-ink);
}

.related-service-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.related-service-card__body {
  display: grid;
  gap: 8px;
}

.related-service-card__body strong {
  color: var(--vs-white);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.35;
}

.related-service-card__body span {
  color: var(--vs-text);
  font-size: 15px;
  line-height: 1.7;
}

.related-service-card > i {
  color: var(--vs-orange);
  transition: transform var(--vs-transition);
}

.related-service-card:hover > i {
  transform: translateX(-4px);
}

.service-install {
  position: relative;
  isolation: isolate;
  overflow: visible;
  margin-block: 100px;
  padding-block: 0;
  background: transparent;
}

.service-install > .container {
  max-width: 1228px;
}

.service-install__layout {
  display: grid;
  grid-template-columns: minmax(0, 718px) minmax(320px, 436px);
  gap: 44px;
  align-items: stretch;
  justify-content: center;
  max-width: 1198px;
  margin-inline: auto;
  direction: ltr;
}
html[dir="ltr"] .service-install__layout{
  direction: rtl;
}
.service-install__content {
  direction: rtl;
  text-align: right;
}
html[dir="ltr"] .service-install__content{
  text-align: left;
}
.service-install__title {
  max-width: 718px;
  margin: 0;
  color: var(--vs-white);
  font-size: 52px;
  font-weight: 700;
  line-height: 1.15;
}

.service-install__text {
  max-width: 718px;
  margin-block-start: 44px;
  color: var(--vs-white);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}

.service-install__text p {
  margin: 0;
}

.service-install__text p + p {
  margin-block-start: 12px;
}

.service-install__image {
  position: relative;
  inline-size: 436px;
  min-block-size: 354px;
  margin: 0;
  overflow: hidden;
  border-radius: 30px;
  background: #101010;
}

.service-install__image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, .62) 100%);
  opacity: .88;
  content: "";
  pointer-events: none;
}

.service-install__image img {
  width: 100%;
  height: 100%;
  min-block-size: 354px;
  object-fit: cover;
}

.service-features.security-features {
  min-height: 0;
  padding-block: 72px;
  padding-top: 0;
}

.service-audience {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 560px;
  padding-block: 40px;
  background: #1d1d1d;
}

.service-audience::before {
  position: absolute;
  z-index: 0;
  top: 247px;
  left: -262px;
  inline-size: 558px;
  block-size: 574px;
  border-radius: 50%;
  background: #bd4608;
  filter: blur(407.6px);
  content: "";
  pointer-events: none;
}

.service-audience__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 44px;
  max-width: 1230px;
}

.service-audience__header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: start;
}

.service-audience__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
}

.service-audience__lead {
  margin: 0;
  color: rgba(255, 255, 255, .7);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.service-audience__groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 590px));
  gap: 20px;
  justify-content: start;
  direction: ltr;
}

.service-audience-group {
  min-height: 309px;
  padding: 32px 20px;
  border-inline-start: 2px solid var(--vs-orange);
  border-radius: 24px;
  background: var(--vs-black);
  direction: rtl;
  text-align: start;
}
html[dir="ltr"] .service-audience-group{
  direction: ltr;
}
.service-audience-group__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.service-audience-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.service-audience-group:first-child .service-audience-list {
  margin-block-start: 37px;
}

.service-audience-list__item {
  display: grid;
  grid-template-columns: minmax(0, max-content) 24px;
  justify-content: end;
  align-items: center;
  column-gap: 4px;
  width: 100%;
  color: var(--vs-white);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  direction: ltr;
  text-align: start;
}
html[dir="ltr"] .service-audience-list__item{
  direction: rtl;
}
.service-audience-list__item > span:not(.service-audience-list__icon) {
  grid-column: 1;
  direction: rtl;
}

.service-audience-group:nth-child(2) .service-audience-list__item {
  color: #dadada;
}

.service-audience-list__icon {
  display: inline-flex;
  grid-column: 2;
  grid-row: 1;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: var(--vs-black);
  background: var(--vs-white);
  font-size: 12px;
}

.service-audience-list__icon i {
  font-size: 11px;
  line-height: 1;
}

.service-faq .faq-accordion {
  max-width: 1100px;
  margin-inline: auto;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px;
}

.why-card {
  position: relative;
  min-height: 249px;
  padding-block: 32px;
  padding-inline: 32px;
  border-radius: 28px;
  background: radial-gradient(circle at 18% 12%, rgb(255 79 0 / 0%), transparent 34%), linear-gradient(180deg, var(--vs-black) 0%, #191919 100%);
  box-shadow: var(--vs-shadow-card);
  overflow: hidden;
  text-align: start;
  border-inline-start: 2px solid transparent;
  transition: all linear .4s , transform var(--vs-transition), box-shadow var(--vs-transition) !important;
}

/*.why-card:nth-child(2),*/
/*.why-card:nth-child(5) {*/
/*  background:*/
/*    linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 32%),*/
/*    linear-gradient(180deg, #222 0%, #111 100%);*/
/*}*/

/*.why-card:nth-child(1),*/
/*.why-card:nth-child(3),*/
/*.why-card:nth-child(4),*/
/*.why-card:nth-child(6),*/
/*.why-card:hover {*/
/*  background:*/
/*    radial-gradient(circle at 16% 14%, rgba(255, 79, 0, .34), transparent 36%),*/
/*    linear-gradient(180deg, #1a100b 0%, #111 100%);*/
/*}*/

.why-card::before {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 36%;
  background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px);
  background-size: 8px 8px;
  opacity: .28;
  content: "";
}

.why-card__icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 66px;
  margin-block-end: 14px;
  color: var(--vs-orange);
  font-size: 40px;
}

.why-card__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.why-card__title {
  position: relative;
  z-index: 2;
  margin: 0;
  color: var(--vs-text);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
}

.why-card__text {
  position: relative;
  z-index: 2;
  max-width: 291px;
  margin-block: 4px 0;
  color: var(--vs-text);
  font-size: 16px;
  line-height: 1.8;
}

.why-card:hover {
  /*box-shadow: 0 24px 54px rgba(255, 79, 0, .18);*/
  border-inline-start: 2px solid var(--vs-orange-3);
  transform: translateY(-8px);
}

.number-list {
  display: grid;
  grid-template-columns: 305px minmax(280px, 461px) 305px;
  align-items: center;
  gap: 64px;
}

.number-list__media {
  height: 555px;
  border-radius: var(--vs-radius-lg);
}

.number-list__items {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.number-list__item {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  color: var(--vs-text);
  font-size: 24px;
}

.number-list__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  color: var(--vs-white);
  background: var(--vs-orange);
  font-family: "Calistoga", var(--vs-font-number);
  font-size: 22px;
}

.accordion-feature {
  display: grid;
  grid-template-columns: minmax(0, 621px) minmax(0, 488px);
  align-items: start;
  justify-content: space-between;
  gap: 64px;
}
 
 
 
 
 
 
 
 /* =========================================
   PWAS SECTION
========================================= */

.pwas-sec {
    overflow: hidden;
}

.pwas-sec .container {
    min-width: 0;
}


/* =========================================
   SECTION LAYOUT
========================================= */

.accordion-feature {
    display: grid;
    grid-template-columns: minmax(0, 621px) minmax(0, 488px);
    align-items: center;
    justify-content: space-between;
    gap: 64px;

    width: 100%;
    min-width: 0;
    margin-top: 55px;
}

.accordion-feature > * {
    min-width: 0;
}


/* =========================================
   SWIPER CONTAINER
========================================= */

.pwas-swiper {
    width: 100%;

    /* لازم الـ vertical swiper يكون له ارتفاع محدد */
    height: clamp(420px, 70vh, 650px);

    min-height: 0 !important;
    max-height: 650px;

    overflow: hidden;
    box-sizing: border-box;
}

.pwas-swiper .swiper-wrapper {
    min-height: 0 !important;
}

.pwas-swiper .swiper-slide {
    min-height: 0 !important;
    box-sizing: border-box;
}


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

.pwas-swiper .accordion-feature__item.swiper-slide {
    box-sizing: border-box;
    height: auto;

    padding-block: 30px;
    padding-inline: 26px;

    border-radius: var(--vs-radius-lg);
    background: transparent;
    color: var(--vs-text);

    cursor: pointer;

    opacity: 0.35;
    transform: scale(0.88);

    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        background-color var(--vs-transition),
        box-shadow var(--vs-transition);
}


/* العنصر السابق والتالي */

.pwas-swiper .accordion-feature__item.swiper-slide-prev,
.pwas-swiper .accordion-feature__item.swiper-slide-next {
    opacity: 0.65;
    transform: scale(0.94);
}


/* العنصر الموجود في المنتصف */

.pwas-swiper .accordion-feature__item.swiper-slide-active {
    z-index: 2;

    opacity: 1;
    transform: scale(1);

    background: var(--vs-card-soft);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.28);
}


/* =========================================
   SLIDE TITLE
========================================= */

.accordion-feature__title {
    margin: 0;

    color: var(--vs-orange);

    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================================
   SLIDE TEXT
========================================= */

.accordion-feature__text {
    max-width: 471px;
    max-height: 0;

    margin: 0;
    overflow: hidden;

    color: var(--vs-text);

    font-size: 16px;
    line-height: 1.6;

    opacity: 0;
    transform: translateY(-8px);

    transition:
        max-height var(--vs-transition-slow),
        margin var(--vs-transition-slow),
        opacity var(--vs-transition),
        transform var(--vs-transition);
}


/* إظهار النص في العنصر الأوسط فقط */

.pwas-swiper
.accordion-feature__item.swiper-slide-active
.accordion-feature__text {
    max-height: var(--accordion-feature-text-height, 180px);
    margin-block: 16px 0;

    opacity: 1;
    transform: translateY(0);
}


/* =========================================
   IMAGE
========================================= */

.accordion-feature__image {
    width: 100%;
    max-width: 488px;
    min-width: 0;
    margin: 0;
}

.accordion-feature__image img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;
}


/* =========================================
   REMOVE TRANSITIONS WHILE MEASURING
========================================= */

.accordion-feature.is-measuring .accordion-feature__item,
.accordion-feature.is-measuring .accordion-feature__text {
    transition: none !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .accordion-feature {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
        gap: 40px;
    }

    .accordion-feature__list.pwas-swiper {
        max-width: 100%;
    }

    .accordion-feature__image {
        max-width: 420px;
    }

}


/* =========================================
   MOBILE / TABLET
========================================= */

@media (max-width: 900px) {

    .accordion-feature {
        grid-template-columns: minmax(0, 1fr);
        gap: 35px;

        margin-top: 40px;
    }

    .accordion-feature__list.pwas-swiper {
        width: 100%;
        max-width: 100%;

        padding-block: 25px;
    }

    .accordion-feature__image {
        width: 100%;
        max-width: 520px;
        margin-inline: auto;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575px) {

    .accordion-feature {
        gap: 25px;
        margin-top: 30px;
    }

    .accordion-feature__list.pwas-swiper {
        padding-block: 20px;
    }

    .pwas-swiper .accordion-feature__item.swiper-slide {
        padding-block: 24px;
        padding-inline: 20px;

        border-radius: 18px;
    }

    .accordion-feature__title {
        font-size: 18px;
    }

    .accordion-feature__text {
        font-size: 14px;
        line-height: 1.7;
    }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

    .pwas-swiper .accordion-feature__item.swiper-slide,
    .accordion-feature__text {
        transition: none;
    }

}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

.accordion-feature__image {
  align-self: start;
  height: 526px;
  border-radius: 40px;
  transform: translateZ(0);
}

.accordion-feature__image:hover img {
  filter: none;
  transform: none;
}

.banner {
  position: relative;
  min-height: 488px;
  padding-block: 64px;
  background: var(--vs-black);
  overflow: hidden;
}

.banner__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(95deg, rgba(0, 0, 0, .1) 0%, rgb(0 0 0 / 58%) 58%, rgb(0 0 0 / 54%) 100%);
  content: "";
}

.banner__content {
  position: relative;
  z-index: 2;
  max-width: 50%;
  margin-inline-start: 0;
  text-align: start;
}
.bnrr1 .banner__content{
  max-width: 100%;
  text-align: center;
  margin-top: 20px;
}
.banner__content .btn-vs{
  min-width: 300px;
  margin-top: 35px;
}
.banner__content .btn-vs i{
  font-size: 15px;
}
.banner__title {

  margin: 0;
  color: var(--vs-white);
  font-size: 62px;
  font-weight: 700;
  line-height: 1.35;
}

.banner__text {

  margin-block: 22px 0;
  color: var(--vs-white);
  font-size: 20px;
  line-height: 1.8;
}

.brand-strip {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-block-start: 16px;
}

.brand-strip img {
  max-width: 100px;
  max-height: 60px;
  object-fit: contain;
}

.cert-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
}

.cert-card {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 303px;
  background: var(--vs-black-soft);
  border-radius: var(--vs-radius-sm);
  overflow: hidden;
  box-shadow: 48px 148px 155px rgba(0, 0, 0, .12);
  isolation: isolate;
  transition: all linear .4s , transform var(--vs-transition-slow), box-shadow var(--vs-transition-slow) !important;
  will-change: transform;
}

.cert-card:nth-child(1) {
  margin-block-start: 19px;
}

.cert-card:nth-child(2),
.cert-card:nth-child(5) {
  margin-block-start: 52px;
}

.cert-card:nth-child(4) {
  margin-block-start: 93px;
}


/*.cert-card:nth-child(1):hover{*/
/*        transform: translateY(-20px) !important;*/
/*}*/
/*.cert-card:nth-child(3):hover{*/
/*        transform: translateY(-40px) !important;*/
/*}*/


/*.cert-card:nth-child(2):hover,*/
/*.cert-card:nth-child(5):hover {*/
/*      transform: translateY(20px) !important;*/
/*}*/

/*.cert-card:nth-child(4):hover {*/
/*      transform: translateY(20px) !important;*/
/*}*/




.cert-card::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .58) 100%);
  content: "";
}

.cert-card img {
  display: block;
  width: 100%;
  height: 303px;
  object-fit: cover;
  transition: transform 900ms cubic-bezier(.22, 1, .36, 1), filter var(--vs-transition-slow);
}

.cert-card:hover,
.cert-card:focus-within {
  box-shadow: 0 34px 70px rgba(0, 0, 0, .34);
  transform: translateY(-12px);
}

.cert-card:hover img,
.cert-card:focus-within img {
  filter: saturate(1.14) contrast(1.05);
  transform: scale(1.055);
}

.cert-card__title {
  position: absolute;
  z-index: 2;
  inset-block-end: 22px;
  inset-inline: 14px;
  margin: 0;
  color: var(--vs-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.partners-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px 80px;
}

.partner-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 77px;
  padding: 0;
  border-radius: var(--vs-radius-lg);
  background: var(--vs-white);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .12);
  overflow: hidden;
  outline: 1px solid rgba(255, 255, 255, .18);
  outline-offset: 0;
  transition: transform var(--vs-transition-slow), box-shadow var(--vs-transition-slow), outline-color var(--vs-transition);
}

.partner-logo::before {
  position: absolute;
  z-index: 2;
  inset-block: -40%;
  inset-inline-start: -70%;
  width: 42%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .75), transparent);
  content: "";
  pointer-events: none;
  transform: skewX(-18deg);
  transition: inset-inline-start 900ms cubic-bezier(.22, 1, .36, 1);
}

.partner-logo img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-inline-size: none;
  max-block-size: none;
  object-fit: contain;
  object-position: center center;
  transition: transform var(--vs-transition-slow), filter var(--vs-transition-slow);
  transform-origin: center center;
}

.partner-logo--fill img {
  object-fit: cover;
}

.partner-logo:hover,
.partner-logo:focus-within {
  /*box-shadow: 0 26px 54px rgba(255, 79, 0, .2), 0 22px 46px rgba(0, 0, 0, .24);*/
  /*outline-color: rgba(255, 79, 0, .56);*/
  /*transform: translateY(-10px) scale(1.025);*/
}

.partner-logo:hover::before,
.partner-logo:focus-within::before {
  inset-inline-start: 128%;
}

.partner-logo:hover img,
.partner-logo:focus-within img {
  filter: saturate(1.12) contrast(1.06);
  transform: scale(.88);
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(300px, 546px) minmax(320px, 629px);
  gap: 26px;
  align-items: start;
}

.contact-cards {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.contact-card {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  min-height: 90px;
  padding-block: 16px;
  padding-inline: 24px;
  border: 1px solid transparent;
  background: linear-gradient(#111, #111) padding-box, linear-gradient(186.52deg, #666666 -14.59%, rgba(110, 110, 110, 0.1) 49.88%) border-box;
  border-radius: var(--vs-radius-lg);
  text-align: start;
}

.contact-card__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 20px;
  line-height: 1;
}

.contact-card__text {
  margin-block: 10px 0;
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
}

.contact-card__icon {
  color: #fff;
  font-size: 34px;
}

.contact-cards--page {
  gap: 40px;
}

.contact-cards--page > .row {
  width: 100%;
  margin-inline: -13px;
}

.contact-cards--page > .row > [class*="col-"] {
  padding-inline: 13px;
}

.contact-cards--page .contact-card {
  justify-content: flex-start;
  min-height: 103px;
  padding-block: 8px;
  padding-inline: 24px;
  border: 1px solid transparent;
  border-radius: 20px;
  background:
    linear-gradient(#1d1d1d, #1d1d1d) padding-box,
    linear-gradient(160deg, rgba(102, 102, 102, 1) 0%, rgba(110, 110, 110, .1) 100%) border-box;
  overflow: hidden;
}

.contact-cards--page .contact-card__body {
  text-align: start;
}

.contact-cards--page .contact-card__title {
  font-weight: 400;
  line-height: 15px;
}

.contact-cards--page .contact-card__text {
  margin-block-start: 10px;
  line-height: 17px;
}

.contact-cards--page .contact-card__icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.contact-cards--page .contact-card__icon--call {
  flex-basis: 38px;
  width: 38px;
  height: 38px;
}

.contact-cards--page .contact-card__icon--location {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
}

.contact-map {
  min-height: 305px;
  border: 0;
  border-radius: 40px;
  background: var(--vs-ink);
  overflow: hidden;
}

.contact-map img,
.contact-map iframe {
  display: block;
  width: 100%;
  height: 305px;
  border: 0;
  object-fit: cover;
}

.page--home .contact-layout {
  align-items: stretch;
}

.page--home .contact-cards {
  min-height: 100%;
}

.page--home .contact-card {
  justify-content: flex-start;
  min-height: 90px;
  padding-block: 24px;
  padding-inline: 31px;
  border-color: transparent;
  border-radius: 20px;
  background:
    linear-gradient(#101010, #101010) padding-box,
    linear-gradient(130deg, rgba(255, 79, 0, .48), rgba(107, 107, 107, .55), rgba(255, 255, 255, .08)) border-box;
}

.page--home .contact-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.page--home .contact-card__title {
  line-height: 1;
}

.page--home .contact-card__text {
  margin: 0;
  line-height: 17px;
}

.page--home .contact-card__text a {
  color: inherit;
  text-decoration: none;
}

.page--home .contact-card__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--vs-white);
  font-size: 36px;
}

.page--home .contact-map {
  flex: 1 1 293px;
  min-height: 293px;
  margin-block-start: 27px;
  padding-block-start: 6px;
  border: 1px solid transparent;
  border-radius: 20px;
  background:
    linear-gradient(#101010, #101010) padding-box,
    linear-gradient(130deg, rgba(255, 79, 0, .48), rgba(107, 107, 107, .55), rgba(255, 255, 255, .08)) border-box;
  overflow: hidden;
}

.page--home .contact-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 287px;
  border: 0;
  border-radius: 32px;
  filter: grayscale(.2) contrast(1.04) brightness(.92);
}

.contact-cards > .btn-vs {
  align-self: center;
  width: 229px;
  min-height: 44px;
  padding-block: 10px;
  padding-inline: 12px;
  border-radius: 8px;
  font-size: 14px;
}

.form-card {
  padding-block: 32px;
  padding-inline: 32px;
  border: 1px solid transparent;
  background: linear-gradient(#111, #111) padding-box, linear-gradient(186.52deg, #666666 -14.59%, rgba(110, 110, 110, 0.1) 49.88%) border-box;
  border-radius: var(--vs-radius-lg);

}

.form-card--dark {
  border-color: transparent;
  background: var(--vs-ink-2);
}

.form-group-vs {
  margin-block-end: 16px;
}

.form-group-vs label {
  display: block;
  margin-block-end: 10px;
  color: var(--vs-white);
  font-size: 16px;
  line-height: 1.5;
  text-align: start;
}

.form-control-vs {
  display: block;
  width: 100%;
  min-height: 54px;
  padding-block: 13px;
  padding-inline: 18px  !important;
  border: 1px solid var(--vs-border);
  border-radius: 9px;
  color: var(--vs-white);
  background: #333333;
  font-size: 14px;
  text-align: start;
  outline: 0;
  transition: border-color var(--vs-transition), box-shadow var(--vs-transition);
  direction: rtl !important;
}
html[dir="ltr"] .form-control-vs{
  direction: ltr !important;

}
.wesocont7page{
  display: flex;
  align-items: center;
  gap: 20px;
}

.wesocont7page input{
  width: 50% !important;
  margin-top: 0 !important;
  height: 50px !important;
  padding: 0 !important;
}

.wesocont7page .form-actions{
  width: 50%;
}
.owl-carousel .owl-nav{
  display: none !important;
}

.iti__selected-country-primary{
  flex-direction: row-reverse !important;
}
.contact-form-section .iti__selected-country-primary{
  flex-direction: row !important;
}
[dir=rtl] .iti__arrow{
  margin-left: var(--iti-arrow-padding) !important;
  margin-right: 0 !important;
}
.iti--inline-dropdown .iti__dropdown-content{
  left: 0 !important;
}
html[dir="ltr"] .iti--inline-dropdown .iti__dropdown-content {
  right: 0 !important;
  left: unset !important;
}
.iti__country-container {
  left: 0 !important;
  right: unset !important;
}
html[dir="ltr"] .iti__country-container {
  right: 0 !important;
  left: unset !important;
}
.form-control-vs::placeholder {
  color: rgba(255, 255, 255, .6);
}

.form-control-vs:focus {
  border-color: var(--vs-orange);
  box-shadow: 0 0 0 3px rgba(255, 79, 0, .14);
}

.page--home .contact-layout .form-card {
  display: flex;
  flex-direction: column;
  min-height: 668px;
  height: 100%;
  padding-block: 55px 54px;
  padding-inline: 61px 62px;
  border-color: transparent;
  border-radius: 20px;
  background:
    linear-gradient(#101010, #101010) padding-box,
    linear-gradient(130deg, rgba(255, 79, 0, .48), rgba(107, 107, 107, .55), rgba(255, 255, 255, .08)) border-box;
}

.page--home .contact-layout .form-group-vs {
  margin-block-end: 25px;
}

.page--home .contact-layout .form-group-vs--message {
  margin-block-end: 37px;
}

.page--home .contact-layout .form-group-vs label {
  margin-block-end: 12px;
}

.page--home .contact-layout .form-control-vs {
  border-color: rgba(107, 107, 107, .5);
  background: #1f1f1f;
}

.page--home .contact-layout textarea.form-control-vs {
  min-height: 91px;
}

.page--home .contact-layout .btn-vs--wide {
  align-self: center;
  width: calc(100% - 6px);
  min-height: 50px;
  border-radius: 0;
  font-size: 18px;
  font-weight: 700;
}

.iti {
  display: block;
  width: 100%;
}

.iti .form-control-vs {
  width: 100%;
}

.page--home .contact-layout .iti .form-control-vs {
  padding-inline-end: 92px;
}

.iti__dropdown-content,
.iti__country-list {
  border-color: rgba(107, 107, 107, .5);
  background: #101010;
  color: var(--vs-white);
}

.iti__country.iti__highlight,
.iti__country:hover {
  background: rgba(255, 79, 0, .16);
}

textarea.form-control-vs {
  height: 150px;
  resize: vertical;
}

.form-actions {
  display: flex;
  gap: 16px;
}

.contact-form-section .contact-form-layout {
  grid-template-columns: minmax(300px, 531px) minmax(320px, 631px);
  gap: 40px;
  align-items: center;
  width: min(100%, 1202px);
  margin-inline: auto;
}

.contact-form-section .contact-form-copy {
  width: min(100%, 531px);
  margin-block-end: 0;
  gap: 23px;
}

.contact-form-section .contact-form-copy .section__title {

  color: var(--vs-white);
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0;
}

.contact-form-section .contact-form-copy .section__lead {
  width: min(100%, 531px);
  max-width: 531px;
  color: var(--vs-white);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: min(100%, 631px);
  min-height: 646px;
  padding-block: 32px;
  padding-inline: 32px;
  border: 0;
  border-radius: 24px;
  background: #1d1d1d;
  position: relative;
}

.contact-form.form-card--dark {
  background: #1d1d1d;
}

.contact-form .form-group-vs {
  margin-block-end: 0;
}

.contact-form .form-group-vs label {
  margin-block-end: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.contact-form .form-control-vs {
  min-height: 54px;
  padding-block: 14px;
  padding-inline: 18px;
  border-color: rgba(107, 107, 107, .5);
  border-radius: 9px;
  background: rgba(255, 255, 255, .1);
  font-size: 14px;
  line-height: 24px;
}

.contact-form .form-control-vs::placeholder {
  color: rgba(255, 255, 255, .6);
}

.contact-form textarea.form-control-vs {
  min-height: 146px;
}

.contact-form .iti {
  direction: ltr;
}

.contact-form .iti .form-control-vs {
  direction: rtl;
  padding-inline-end: 92px;
}

.contact-form .iti__selected-country {
  padding-inline: 16px 10px;
}

.contact-form .form-actions {
  direction: ltr;
  gap: 16px;
}

.contact-form .form-actions .btn-vs,
.contact-form .form-actions .btn-outline-vs {
  flex: 1 1 0;
  min-width: 0;
  min-height: 50px;
  padding-block: 0;
  padding-inline: 16px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26.252px;
  direction: rtl;
  box-shadow: none;
}

.contact-form .form-actions .btn-vs:not(.btn-outline-vs) {
  background: #ff4f00;
}

.contact-form .form-actions .btn-outline-vs {
  color: #fc5d0b;
  border-color: #fc5d0b;
  background: transparent;
}

.working-hours {
  position: relative;
  width: min(100%, 893px);
  min-height: 294px;
  margin-inline: auto;
  padding-block: 32px;
  padding-inline: 32px;
  border: 1px solid #000;
  border-radius: 24px;
  background: #1f1f1f;
  overflow: hidden;
}

.working-hours::before {
  position: absolute;
  inset-inline: 0;
  inset-block-start: -108.27%;
  height: 316.54%;
  background: url("../images/working-hours-bg.png") center / cover no-repeat;
  content: "";
  opacity: .44;
  pointer-events: none;
}

.working-hours > * {
  position: relative;
  z-index: 1;
}

.working-hours__title {
  margin-block: 0;
  color: var(--vs-white);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: start;
}

.working-hours__text {
  margin-block: 32px 0;
  color: var(--vs-white);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  text-align: start;
}

.working-hours__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  margin-block: 32px 0;
  margin-inline: 0;
  list-style: none;
}

.working-hours__list li {
  display: grid;
  grid-template-columns: minmax(0, 672px) 24px;
  align-items: center;
  justify-content: end;
  gap: 8px;
  color: var(--vs-white);
  direction: ltr;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
html[dir="ltr"] .working-hours__list li{
  direction: rtl;
}
.working-hours__list span {
  direction: rtl;
  text-align: start;
}
html[dir="ltr"] .working-hours__list span{
  direction: ltr;
}
.working-hours__icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.btn-outline-vs {
  color: var(--vs-orange-3);
  border: 1px solid var(--vs-orange-3);
  background: transparent;
}

.btn-outline-vs:hover {
  color: var(--vs-white);
  background: rgba(252, 93, 11, .15);
}

.inner-hero .btn-vs,
.section-actions .btn-vs,
.cta-panel .btn-vs:not(.btn-outline-vs) {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 216px;
  min-height: 55px;
  padding-block: 0;
  padding-inline: 0 16px;
  border-radius: 12px;
  overflow: hidden;
}

.inner-hero .btn-vs::before,
.section-actions .btn-vs::before,
.cta-panel .btn-vs:not(.btn-outline-vs)::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 47px;
  color: var(--vs-white);
  background: var(--vs-orange-2);
  font-family: "Font Awesome 6 Free";
  font-size: 16px;
  font-weight: 900;
  content: "\f053";
  transform: scaleX(-1);
  transition: transform var(--vs-transition);
}

.inner-hero .btn-vs:hover::before,
.section-actions .btn-vs:hover::before,
.cta-panel .btn-vs:not(.btn-outline-vs):hover::before {
  transform: translateX(-3px) scaleX(-1);
}
.post-type-archive-faq .section-actions .btn-vs::before{
  display: none;
}
.inner-hero .inner-hero__cta {
  gap: 12px;
  min-width: 0;
  min-height: 0;
  margin-block-start: 32px;
  padding: 0;
  color: var(--vs-white);
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.inner-hero .inner-hero__cta::before {
  display: none;
  content: none;
}

.inner-hero .inner-hero__cta:hover {
  background: transparent;
  box-shadow: none;
  transform: translateY(-3px);
}

.inner-hero__cta-arrow,
.inner-hero__cta-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  border-radius: 12px;
  background: var(--vs-orange-2);
}

.inner-hero__cta-arrow {
  width: 47px;
  font-size: 16px;
}
html[dir="ltr"] .inner-hero__cta-arrow{
  transform: scale(-1);
}
.inner-hero__cta-text {
  min-width: 300px;
  padding-inline: 28px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.inner-hero .inner-hero__cta:hover .inner-hero__cta-arrow i {
  transform: translateX(-3px);
}

.inner-hero__cta-arrow i {
  transition: transform var(--vs-transition);
}

.footer {
  padding-block: 68px 58px;
  background: linear-gradient(180deg, var(--vs-black) 0%, var(--vs-ink-3) 100%);
  padding-bottom: 30px;
}

.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-block-start: 42px;
  padding-block-start: 22px;
  border-block-start: 1px solid rgba(255, 255, 255, .08);
  color: var(--vs-muted);
  font-size: 14px;
}

.footer__credit a {
  color: var(--vs-orange);
  font-weight: 800;
}

.footer__grid {
  display: grid;
  grid-template-columns: 250px repeat(3, minmax(90px, 1fr));
  gap: 80px;
  align-items: start;
}

.footer__logo {
  width: 86px;
  height: 86px;
  object-fit: contain;
}

.footer__text {
  margin-block: 18px 0;
  color: var(--vs-muted);
  font-size: 16px;
  line-height: 1.5;
  text-align: start;
}

.footer__social {
  display: flex;
  gap: 8px;
  margin-block-start: 24px;
}

.footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--vs-white);
  background: var(--vs-orange);
}

.footer__social a:hover {
  transform: translateY(-4px);
}

.footer__title {
  margin: 0 0 22px;
  color: var(--vs-orange);
  font-size: 22px;
  font-weight: 700;
}

.footer__links {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer__links a {
  display: inline-block;
  padding-block: 8px;
  color: var(--vs-muted);
  font-size: 16px;
  font-weight: 700;
}

.footer__links a:hover {
  color: var(--vs-white);
  transform: translateX(-3px);
}

.inner-hero {
  position: relative;
  isolation: isolate;
  min-height: 581px;
  padding-block: 185px 73px;
  background-color: #000;
  overflow: hidden;
}
.post-type-archive-faq .inner-hero {
  background-color: #040515;

}
.inner-hero::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  z-index: 1;
  width: min(578px, 58vw);
  height: 100%;
  background: url("../images/inner-hero-pattern.png") 0 0 / auto 100% no-repeat;
  content: "";
  pointer-events: none;
}

.inner-hero::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    url("../images/inner-hero-glow-orange.svg") -431.6px -499.6px / 1155.2px 1276.2px no-repeat,
    url("../images/inner-hero-glow-white-1.svg") -162.6px -356.6px / 1022.2px 1056.2px no-repeat,
    url("../images/inner-hero-glow-white-2.svg") -120.6px 37.4px / 1022.2px 973.2px no-repeat;
  content: "";
  pointer-events: none;
}
html[dir="ltr"] .inner-hero::after{
        background: url(../images/inner-hero-glow-orange.svg) right -431.6px top -499.6px / 1155.2px 1276.2px no-repeat, url(../images/inner-hero-glow-white-1.svg) right -162.6px top -356.6px / 1022.2px 1056.2px no-repeat, url(../images/inner-hero-glow-white-2.svg) right -120.6px top 37.4px / 1022.2px 973.2px no-repeat;
}
.inner-hero__content {
  position: relative;
  z-index: 2;
  max-width: 1085px;
  margin-inline: 0 auto;
  text-align: start;
}

.breadcrumb-vs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  min-height: 26px;
  padding: 0;
  margin-block: 0 16px;
  margin-inline: 0;
  color: var(--vs-white);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  border: 0;
  background: transparent;
  width: fit-content;
  list-style: none;
}

.breadcrumb-vs a {
  color: inherit;
}

.breadcrumb-vs li:first-child a {
  color: #cecece;
}

.breadcrumb-vs a:hover {
  color: var(--vs-orange);
}

.breadcrumb-vs__active {
  color: var(--vs-white);
}

.inner-hero__title {
  max-width: 896px;
  margin: 0;
  color: var(--vs-white);
  font-size: 55px;
  font-weight: 700;
  line-height: 1.5;
}

.inner-hero__text {
  max-width: 965px;
  margin-block: 24px 0;
  color: #d6d6d6;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.55;
}
.section--bluew{
  background-color: #040515;
}
.hero__video{
        width: 100%;
    height: 100%;
    object-fit: contain;
}

.tabs-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    max-width: 840px;
    min-height: 66px;
    padding-block: 8px;
    padding-inline: 32px;
    margin-block-end: 40px;
    border: 0px solid rgba(255, 255, 255, .08);
    border-radius: 140px;
    background: #2a2a2aa6;
    box-shadow: unset;
    margin: 0 auto 40px;
}

.tabs-nav__item {
  position: relative;
  z-index: 0;
  min-height: 50px;
  padding-block: 8px;
  padding-inline: 12px;
  border-radius: 34px;
  color: var(--vs-white);
  background: transparent;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
  transition: color var(--vs-transition), background-color var(--vs-transition), transform var(--vs-transition), box-shadow var(--vs-transition);
}

.tabs-nav__item::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 82% 20%, rgb(255 79 0 / 0%), transparent 42%), linear-gradient(180deg, #3a3a3a 0%, #262626 100%);
  content: "";
  opacity: 0;
  transform: scale(.82);
  transition: opacity var(--vs-transition), transform var(--vs-transition-slow);
}

.tabs-nav__item:hover::before,
.tabs-nav__item--active::before {
  opacity: 1;
  transform: scale(1);
}

.tabs-nav__item:hover {
  transform: translateY(-2px);
}

.tabs-nav__item--active {
  min-width: 170px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
  transform: translateY(-2px);
}

.tabs-nav__item {
  isolation: isolate;
}

.tabs-nav__item > * {
  position: relative;
  z-index: 1;
}

.tabs-content__panel {
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translateY(18px);
  transition: max-height 640ms cubic-bezier(.22, 1, .36, 1), opacity 320ms ease, visibility 320ms ease, transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.tabs-content__panel--active {
  max-height: 5000px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq-accordion__item .faq-accordion__button {
  position: relative;
  border: 1px solid #4e4e4e;
  border-radius: 18px;
  background: #121212;
  overflow: hidden;
  transition: background-color var(--vs-transition), border-color var(--vs-transition), box-shadow var(--vs-transition), transform var(--vs-transition);
}
.faq-accordion__item.is-open .faq-accordion__button{
  background: #323232;
}
.faq-accordion__item .faq-accordion__button::before {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 4px;
  background: var(--vs-orange);
  content: "";
  opacity: 0;
  transform: scaleY(.35);
  transition: opacity var(--vs-transition), transform var(--vs-transition-slow);
}

.faq-accordion__item.is-open,
.faq-accordion__item .faq-accordion__button:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: unset;
  transform: translateY(-3px);
}

.faq-accordion__item.is-open .faq-accordion__button::before,
.faq-accordion__item .faq-accordion__button:hover::before {
  opacity: 1;
  transform: scaleY(1);
}

.faq-accordion__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 74px;
  padding-block: 22px;
  padding-inline: 20px;
  color: var(--vs-white);
  background: transparent;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-align: start;
}

.faq-accordion__icon {
  flex: 0 0 auto;
  transition: transform var(--vs-transition-slow);
}

.faq-accordion__item.is-open .faq-accordion__icon {
  transform: rotate(180deg);
}

.faq-accordion__body {
  max-height: 0;
  padding-block: 0;
  padding-inline: 24px;
  color: #e2e2e2;
  font-size: 24px;
  line-height: 1.6;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-8px);
  transition: max-height 520ms cubic-bezier(.22, 1, .36, 1), opacity var(--vs-transition), transform var(--vs-transition);
}

.faq-accordion__item.is-open .faq-accordion__body {
  max-height: 220px;
  padding-block-end: 24px;
  opacity: 1;
  transform: translateY(0);
  margin-top: 20px;
  padding-bottom: 10px;
}

.section-actions {
  display: flex;
  justify-content: start;
  margin-block-start: 36px;
}
.post-type-archive-faq .section-actions .btn-vs{
  background: transparent;
}
.blog-feature {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 597px);
  align-items: center;
  gap: 24px;
  min-height: 350px;
  border-radius: 40px;
  background: var(--vs-ink-2);
  overflow: hidden;
}
html[dir="ltr"] .blog-feature{
  direction: ltr;
}
.blog-feature__content {
  padding-block: 32px;
  padding-inline: 32px;
  text-align: start;
}

.blog-feature__image {
  height: 350px;
  border-radius: 40px;
  margin: 0;
}

.blog-feature-slider .blog-feature {
  width: 100%;
}

.blog-feature-slider.owl-theme .owl-dots {
  display: flex;
  justify-content: center;
  gap: 3px;
  margin-block-start: 24px;
}

.blog-feature-slider.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 0;
}

.blog-card {
  overflow: hidden;
  border-radius: var(--vs-radius-xl);
  background: var(--vs-card);
  box-shadow: var(--vs-shadow-orange);
  transition: transform var(--vs-transition), box-shadow var(--vs-transition);
}

.blog-card__image {
  height: 313px;
}

.blog-card__body {
  padding-block: 20px 24px;
  padding-inline: 20px 16px;
  text-align: start;
}

.blog-card__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.blog-card__text {
  margin-block: 16px 0;
  color: var(--vs-white);
  font-size: 16px;
  line-height: 1.3;
}

.blog-card__link {
  display: inline-block;
  margin-block-start: 32px;
  color: var(--vs-white);
  font-weight: 700;
  text-decoration: unset;
  border-bottom: 1px solid;
  padding-bottom: 2px;
}

.blog-card:hover {
  box-shadow: 0 22px 42px rgba(252, 93, 11, .34);
  transform: translateY(-7px);
}

.cta-panel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 247px;
  padding-block: 24px;
  padding-inline: 40px;
  border-radius: var(--vs-radius-xl);
  background: #1f1f1f;
  overflow: hidden;
  text-align: center;
}

.cta-panel::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: url("../images/cta-panel-bg.png") center / cover no-repeat;
  opacity: .57;
  content: "";
  pointer-events: none;
}

.cta-panel::after {
  position: absolute;
  z-index: 1;
  inset-block-start: -139px;
  inset-inline-end: -180px;
  inline-size: 446px;
  block-size: 470px;
  background: url("../images/cta-panel-glow.svg") center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}

.cta-panel__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  inline-size: min(100%, 899px);
  padding-block: 24px;
}

.cta-panel__title {
  inline-size: min(100%, 679px);
  margin: 0;
  color: var(--vs-white);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.16px;
}

.cta-panel__text {
  inline-size: 100%;
  margin-block: 16px 24px;
  margin-inline: 0;
  color: var(--vs-white);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.cta-panel__button {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  color: var(--vs-white);
  direction: ltr;
  text-decoration: none;
  transition: transform var(--vs-transition), filter var(--vs-transition);
}
html[dir="ltr"] .cta-panel__button{
  flex-direction: row-reverse;
}
.cta-panel__button:hover {
  color: var(--vs-white);
  filter: drop-shadow(0 14px 22px rgba(255, 79, 0, .28));
  text-decoration: none;
  transform: translateY(-3px);
}

.cta-panel__button-icon,
.cta-panel__button-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 55px;
  border-radius: 12px;
  background: #df4500;
}

.cta-panel__button-icon {
  inline-size: 47px;
  padding-inline: 16px;
  font-size: 16px;
}
html[dir="ltr"] .cta-panel__button-icon{
  transform: scale(-1);
}
.cta-panel__button-icon i {
  display: none;
}

.cta-panel__button-icon::before {
  inline-size: 10.059px;
  block-size: 17.244px;
  background: url("../images/cta-panel-arrow.svg") center / 100% 100% no-repeat;
  content: "";
  transform: scaleX(-1);
  transition: transform var(--vs-transition);
}

.cta-panel__button:hover .cta-panel__button-icon::before {
  transform: translateX(-3px) scaleX(-1);
}

.cta-panel__button-text {
  
  padding-inline: 16px;
  direction: rtl;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.solution-card {
  min-height: 285px;
  padding-block: 32px;
  padding-inline: 24px;
  border-radius: var(--vs-radius-md);
  background: rgba(26, 26, 26, .35);
  text-align: start;
  border: 1px solid #797979;
  transition: transform var(--vs-transition), background-color var(--vs-transition), box-shadow var(--vs-transition);
}
.nopadding-bottom{
  padding-bottom: 0;
}
.solution-card--active,
.solution-card:hover {
  background: linear-gradient(180deg, #141414 0%, rgba(88, 33, 4, .84) 100%);
  box-shadow: 0 18px 40px rgba(252, 93, 11, .16);
  transform: translateY(-7px);
  border: 0;
  border-inline-start: 2px solid var(--vs-orange-3);
}

.solution-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-block-end: 24px;
  border: 1px solid var(--vs-orange-3);
  border-radius: 50%;
  color: var(--vs-orange-3);
  background: rgba(194, 112, 69, .33);
}

.solution-card__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 28px;
  font-weight: 700;
}

.solution-card__text {
  margin-block: 12px 0;
  color: var(--vs-white);
  font-size: 20px;
  line-height: 1.45;
}

.solution-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-block-start: 24px;
  color: var(--vs-orange-3);
  font-size: 20px;
}

.process-grid,
.challenge-grid,
.tech-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.mission-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  align-items: start;
}

.mission-card {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 16px;
  text-align: start;
}

.mission-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  color: var(--vs-orange-3);
  font-size: 36px;
}

.mission-card__title {
  margin: 0;
  color: var(--vs-orange-3);
  font-size: 40px;
  font-weight: 500;
  line-height: 1.15;
}

.mission-card__text {
  margin-block: 20px 0;
  color: var(--vs-muted-2);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.mission-grid--about {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  direction: ltr;
}

.mission-grid--about .mission-card {
  flex: 0 1 526px;
  inline-size: min(100%, 526px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  text-align: start;
}
html[dir="ltr"] .mission-grid--about .mission-card{
  direction: rtl;
}
.mission-grid--about .mission-card__body {
  inline-size: min(100%, 458px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  direction: rtl;
  text-align: start;
}
html[dir="ltr"] .mission-grid--about .mission-card__body{
  direction: ltr;
}
.mission-grid--about .mission-card__title {
  margin: 0;
  color: #fc5d0b;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0;
}

.mission-grid--about .mission-card__text {
  margin: 0;
  color: #b5b7bd;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
}

.mission-grid--about .mission-card--vision .mission-card__text {
  line-height: 1.45;
}

.mission-card__figma-icon {
  position: relative;
  display: block;
  flex: 0 0 52px;
  inline-size: 52px;
  block-size: 52px;
  direction: ltr;
}

.mission-card__figma-icon img {
  position: absolute;
  display: block;
  max-inline-size: none;
}

.mission-card__figma-icon--single img {
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

.mission-card__figma-icon--lamp img {
  inset-block-start: 7.69%;
  inset-inline-start: 17.31%;
  inline-size: 63.62%;
  block-size: 85.78%;
}

.mission-card__goal-vector--one {
  inset-block-start: 5.67%;
  inset-inline-start: 42.19%;
  inline-size: 52.14%;
  block-size: 52.13%;
}

.mission-card__goal-vector--two {
  inset-block-start: 4.69%;
  inset-inline-start: 4.69%;
  inline-size: 90.62%;
  block-size: 90.62%;
}

.mission-card__goal-vector--three {
  inset-block-start: 23.44%;
  inset-inline-start: 23.44%;
  inline-size: 53.12%;
  block-size: 53.14%;
}

.process-card,
.challenge-card,
.tech-card {
  min-height: 230px;
  padding-block: 24px;
  padding-inline: 24px;
  border-radius: 16px;
  background: rgba(29, 29, 29, .88);
  text-align: start;
  transition: all linear .4s , transform var(--vs-transition), box-shadow var(--vs-transition) !important;
}

.process-card,
.challenge-card--active {
  border-inline-start: 2px solid var(--vs-orange-3);
}

.process-card__number {
  margin: 0;
  color: rgba(255, 255, 255, .3);
  font-family: "IBM Plex Sans", var(--vs-font-number);
  font-size: 96px;
  font-weight: 500;
  line-height: 1.1;
}

.process-card__title,
.challenge-card__title,
.tech-card__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.process-card__text,
.challenge-card__text,
.tech-card__text {
  margin-block: 12px 0;
  color: #e6e6e6;
  font-size: 20px;
  line-height: 1.45;
}

.challenge-card__icon,
.tech-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-block-end: 12px;
  color: var(--vs-orange);
  font-size: 38px;
}

.process-card:hover,
.challenge-card:hover,
.tech-card:hover {
  box-shadow: 0 20px 42px rgba(255, 79, 0, .15);
  transform: translateY(-7px) !important;
}

.security-features {
  min-height: 680px;
  padding-block: 29px 38px;
  background: #040515;
}

.security-features::before {
  display: none;
}

.security-features .container {
  max-width: 1204px;
}

.security-features .section__header {
  align-items: start;
  margin-block-end: 44px;
}

.security-features .section__title {

  max-inline-size: 100%;
  margin: 0;
  color: var(--vs-white);
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  text-align: start;
}

.security-features__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 52px 24px;
  inline-size: min(100%, 1189px);
  margin-inline: auto;
  direction: rtl;
}
html[dir="ltr"] .security-features__grid{
  direction: ltr;
}
.security-feature-card {
  position: relative;
  isolation: isolate;
  display: flex;
  min-block-size: 230px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  padding-block: 28px;
  padding-inline: 20px;
  border-radius: 28px;
  background: #1d1d1d;
  box-shadow: 0 23px 36.9px rgba(0, 0, 0, .45);
  text-align: start;
  transition: all linear .4s, translate var(--vs-transition-slow), box-shadow var(--vs-transition-slow) !important;
}

.security-feature-card::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 36%;
  background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px);
  background-size: 8px 8px;
  opacity: .28;
}

.security-feature-card--pattern-alt::before {
  /*background-image: url("../images/security-feature-pattern-b.svg");*/
}

.security-feature-card__icon {
  position: relative;
  z-index: 1;
  display: block;
  inline-size: 60px;
  block-size: 60px;
  margin-block-end: 12px;
}

.security-feature-card__icon img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}

.security-feature-card__title {
  position: relative;
  z-index: 1;
  inline-size: 100%;
  margin: 0;
  color: #d9d9d9;
  font-size: 24px;
  font-weight: 700;
  line-height: 2.125;
  text-align: start;
}

.security-feature-card:hover {
  box-shadow: 0 23px 36.9px rgba(0, 0, 0, .45), 0 18px 34px rgba(255, 79, 0, .16);
  translate: 0 -8px;
}

.split-feature {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 571px);
  gap: 58px;
  align-items: center;
}

.device-stack {
  position: relative;
  min-height: 450px;
}

.device-stack__laptop {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-start: 0;
  width: 683px;
  max-width: 100%;
}

.device-stack__phone {
  position: absolute;
  inset-block-start: 103px;
  inset-inline-start: 0;
  width: 270px;
}

.feature-rows {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.feature-row {
  display: grid;
  grid-template-columns: minmax(280px, 650px) minmax(260px, 495px);
  gap: 55px;
  align-items: center;
}

.feature-row:nth-child(even) {
  grid-template-columns: minmax(260px, 495px) minmax(280px, 650px);
}

.feature-row__image {
  height: 425px;
  border-radius: 40px;
  box-shadow: 0 4px 66.5px rgba(255, 239, 231, .15);
}

.feature-row__body {
  color: var(--vs-white);
  text-align: start;
}

.feature-row__title {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}

.feature-row__list {
  margin-block: 24px 0;
  margin-inline: 0;
  padding-inline-start: 28px;
  color: var(--vs-white);
  font-size: 22px;
  line-height: 1.38;
}

.compare-grid {
  display: grid;
  grid-template-columns: minmax(280px, 714px) minmax(280px, 466px);
  gap: 20px;
}

.compare-card {
  position: relative;
  min-height: 309px;
  padding-block: 32px;
  padding-inline: 20px;
  border-radius: var(--vs-radius-xl);
  background: rgba(0, 0, 0, .91);
  overflow: hidden;
}

.compare-card--active {
  box-shadow: 0 9px 33.1px rgba(255, 79, 0, .36);
}

.compare-card__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 36px;
  font-weight: 500;
}

.compare-card__title strong {
  font-size: 48px;
  font-weight: 700;
}

.compare-card__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  margin-block: 28px 0;
  margin-inline: 0;
  list-style: none;
}

.compare-card__list li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  color: var(--vs-white);
  font-size: 24px;
}

.compare-card__list i {
  color: #fff;
}
.dash-compare{
  padding-bottom: 0;
}
.gallery-frame {
  position: relative;
}

.slider-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-block-end: 40px;
}

.gallery-video-head {
  margin-block-start: 56px;
}

.slider-section-head__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 42px;
  font-weight: 700;
}

.slider-arrows {
  display: inline-flex;
  gap: 8px;
}
html[dir="ltr"] .slider-arrows{
  direction: rtl;
}
.slider-arrows button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--vs-white);
  background: transparent;
  border: 1px solid;
  transition: all linear .4s;
}
.slider-arrows button:hover{
  background: #fff;
  color: #000;
}
.gallery-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.gallery-item {
  position: relative;
  display: block;
  height: 379px;
  border-radius: 14px;
  overflow: hidden;
}

.gallery-item img,
.gallery-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--vs-transition-slow), filter var(--vs-transition);
}

.gallery-item::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 18%, rgba(0, 0, 0, .78) 100%);
  content: "";
  opacity: 0;
  transition: opacity var(--vs-transition);
}

.gallery-item__caption {
  position: absolute;
  z-index: 2;
  inset-inline: 18px;
  inset-block-end: 18px;
  color: var(--vs-white);
  font-size: 18px;
  font-weight: 700;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity var(--vs-transition), transform var(--vs-transition);
}

.gallery-item:hover::after,
.gallery-item:hover .gallery-item__caption {
  opacity: 1;
  transform: translateY(0);
}

.gallery-item:hover img,
.gallery-video:hover img {
  filter: saturate(1.08) contrast(1.08);
  transform: scale(1.06);
}

.gallery-item--large {

}

.js-gallery-carousel .owl-item.active.center .gallery-item{
  height: 435px;
}
.owl-carousel.js-gallery-carousel .owl-stage{
  display: flex;
  align-items: center;
}
.gallery-video {
  position: relative;
  min-height: 437px;
  border-radius: 14px;
  overflow: hidden;
}

.gallery-video::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .74) 100%);
  content: "";
}

.gallery-video__play {
  position: absolute;
  z-index: 2;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 98px;
  border-radius: 50%;
  color: var(--vs-orange);
  background: rgba(255, 255, 255, .92);
  font-size: 36px;
  transform: translate(50%, -50%);
}

.gallery-video__title {
  position: absolute;
  z-index: 2;
  inset-block-end: 28px;
  inset-inline: 36px;
  margin: 0;
  color: var(--vs-white);
  font-size: 28px;
  font-weight: 700;
  text-align: start;
}

.vs-lightbox {
  position: fixed;
  z-index: 2400;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0, 0, 0, .86);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--vs-transition), visibility var(--vs-transition);
}

.vs-lightbox.is-open {
  opacity: 1;
  visibility: visible;
}

.vs-lightbox__dialog {
  position: relative;
  width: min(980px, 100%);
  max-height: calc(100vh - 44px);
}

.vs-lightbox__media {
  display: block;
  width: 100%;
  max-height: calc(100vh - 44px);
  border-radius: var(--vs-radius-lg);
  object-fit: contain;
  background: var(--vs-black);
}


.vs-lightbox__close {
  position: absolute;
  inset-block-start: -16px;
  inset-inline-end: -16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--vs-white);
  background: var(--vs-orange-2);
  font-size: 18px;
}

.article-layout {
  display: grid;
  grid-template-columns: minmax(300px, 391px) minmax(320px, 757px);
  gap: 53px;
  align-items: start;
}

.article-sidebar {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.share-box__title,
.related-box__title {
  margin: 0 0 24px;
  color: var(--vs-white);
  font-size: 24px;
  font-weight: 700;
}

.share-box__icons {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.share-box__icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  color: var(--vs-white);
}

.article-content {
  color: var(--vs-white);
  text-align: start;
}

.article-content h2 {
  margin-block: 0 24px;
  color: var(--vs-white);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}

.article-content h3 {
  margin-block: 28px 12px;
  color: var(--vs-white);
  font-size: 24px;
  font-weight: 700;
}

.article-content p,
.article-content li {
  color: var(--vs-white);
  font-size: 20px;
  line-height: 1.3;
}

.article-youtube {
  position: relative;
  width: 100%;
  margin-block: 44px;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

.article-youtube iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.article-video {
  position: relative;
  display: block;
  height: 437px;
  margin-block: 44px;
  border-radius: 14px;
  overflow: hidden;
}

.article-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--vs-transition-slow);
}

.article-video:hover img {
  transform: scale(1.04);
}

.article-video::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .74) 100%);
  content: "";
}

.article-video__play {
  position: absolute;
  z-index: 2;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  color: var(--vs-white);
  font-size: 70px;
  transform: translate(50%, -50%);
}

.quote-modal {
  position: fixed;
  z-index: 99;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 0, 0, .72);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--vs-transition-slow), visibility var(--vs-transition-slow);
}

.quote-modal.is-visible {
  opacity: 1;
  visibility: visible;
}

.quote-modal__dialog {
  position: relative;
  width: min(600px, 100%);
  max-height: calc(100vh - 36px);
  padding-block: 40px 34px;
  padding-inline: 24px;
  border-radius: var(--vs-radius-xl);
  background: var(--vs-ink-2);
  overflow-y: auto;
  transform: translateY(18px) scale(.98);
  transition: transform var(--vs-transition-slow);
}


.quote-modal__dialog::-webkit-scrollbar-track {
  background: transparent;
}

.quote-modal__dialog::-webkit-scrollbar-thumb {
  background-color: var(--vs-orange-2);
  border-radius: 50px;
}

.quote-modal__dialog::-webkit-scrollbar {
  width: .5em;
}







.quote-modal.is-visible .quote-modal__dialog {
  transform: translateY(0) scale(1);
}

.quote-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  gap: 18px;
  margin-block-end: 28px;
}
.quote-modal__close{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
html[dir="ltr"] .quote-modal__close{
  left: unset;
  right: 0;
}
.quote-modal__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  text-align: end;
}

.quote-modal__close {
  color: var(--vs-white);
  background: transparent;
  font-size: 32px;
}

.back-to-top {
  position: fixed;
  z-index: 1000;
  inset-block-end: 24px;
  inset-inline-end: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: var(--vs-white);
  background: var(--vs-orange-2);
  box-shadow: 0 16px 28px rgba(223, 69, 0, .28);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity var(--vs-transition), visibility var(--vs-transition), transform var(--vs-transition);
}

.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-inline: 6px;
  border-radius: 50%;
  color: var(--vs-white) !important;
  background: rgba(255, 79, 0, .75) !important;
}

.owl-carousel .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, .3);
}

.owl-carousel .owl-dots .owl-dot.active span {
  background: #fff ;
}

.accordion-feature,
.split-feature,
.feature-row {
  direction: ltr;
}

.accordion-feature > *,
.split-feature > *,
.feature-row > * {
  direction: rtl;
}

html[dir="ltr"] .accordion-feature > *,
html[dir="ltr"] .split-feature > *,
html[dir="ltr"] .feature-row > * {
  direction: ltr;
}



.btn-vs,
.btn-outline-vs {
  min-height: 50px;
  padding-block: 13px;
  padding-inline: 26px;
}

.security-features,
.fleet-sectors,
.security-targets,
.dash-compare,
.about-achievements {
  position: relative;
  overflow: hidden;
}

.security-features::before,
.fleet-sectors::before,
.security-targets::before,
.dash-compare::before,
.about-achievements::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: min(420px, 42vw);
  height: min(420px, 42vw);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 79, 0, .2), transparent 68%);
  content: "";
  pointer-events: none;
}

.about-achievements::before {
  display: none;
}

.security-features {
  background: transparent;
}

.security-features .challenge-grid,
.security-targets .sector-grid,
.fleet-sectors .sector-grid {
  position: relative;
  z-index: 1;
}

.challenge-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .055), transparent 36%),
    linear-gradient(180deg, #242424 0%, #121212 100%);
}

.challenge-card:nth-child(1),
.challenge-card:nth-child(3),
.challenge-card:nth-child(4),
.challenge-card:nth-child(6),
.challenge-card--active,
.challenge-card:hover {
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 79, 0, .28), transparent 38%),
    linear-gradient(180deg, #24140d 0%, #121212 100%);
}

.tech-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(9deg, rgba(255, 255, 255, .045), transparent 38%), linear-gradient(63deg, #202020 0%, #111 100%);
}
section.bgblue{
  background: #040515;
}
.tech-card .image-frame {
  height: 212px;
  margin-block-end: 18px;
  border-radius: 14px;
}

.tech-card--flip {
  display: grid;
  align-content: start;
  min-height: 350px;
  padding-block: 18px 24px;
  padding-inline: 18px;
  border-bottom: 2px solid var(--vs-orange-2);
}

.tech-card--flip .tech-card__image {
  height: 248px;
  margin-block-end: 18px;
  opacity: 1;
  transform: scale(1);
  transition: opacity var(--vs-transition), transform var(--vs-transition-slow);
  margin-top: 30px;
}

.tech-card--flip > .tech-card__title {
  position: relative;
  z-index: 1;
  padding-inline: 6px;
}

.tech-card__hover {
  position: absolute;
  inset: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 22px;
  padding-inline: 20px;
  border-radius: 14px;
  background: transparent;
  box-shadow: unset;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity var(--vs-transition), transform var(--vs-transition-slow);
}

.tech-card--flip:hover .tech-card__image {
  opacity: 0;
  transform: scale(1.08);
}

.tech-card--flip:hover .tech-card__hover {
  opacity: 1;
  transform: translateY(0);
}

.page--fleet {
  background:
    radial-gradient(circle at 82% 34%, rgba(255, 79, 0, .22), transparent 26%),
    linear-gradient(180deg, #000 0%, #111 44%, #1d1d1d 66%, #000 100%);
}

.fleet-challenges {
  padding-block: 35px 72px;

}

.fleet-challenges .container {
  max-width: 1201px;
  padding-inline: 0;
}

.fleet-challenges__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 44px;
}

.fleet-challenges__title {
  max-width: 80%;
  margin: 0;
  color: var(--vs-white);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0;
  text-align: start;
}

.fleet-challenges__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 52px 24px;
  inline-size: 100%;
  direction: rtl;
}
html[dir="ltr"] .fleet-challenges__grid{
  direction: ltr;
}
.fleet-challenge-card {
  position: relative;
  display: flex;
  min-block-size: 230px;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  overflow: hidden;
  padding-block: 28px;
  padding-inline: 20px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 28px;
  background: rgba(29, 29, 29, .2);
  box-shadow: inset 0 -32px 42px rgba(0, 0, 0, .18), 0 22px 40px rgba(0, 0, 0, .22);
  text-align: start;
  transition: all linear .4s , border-color var(--vs-transition), box-shadow var(--vs-transition), translate var(--vs-transition-slow) !important;
}

.fleet-challenge-card--active,
.fleet-challenge-card:hover {
  border-inline-start-color: #ff4f00;
  box-shadow: inset 0 -32px 42px rgba(0, 0, 0, .2), 0 22px 44px rgba(255, 79, 0, .13);
  translate: 0 -4px;
}

.fleet-challenge-card__icon {
  display: block;
  inline-size: 60px;
  block-size: 60px;
  margin-block-end: 12px;
}

.fleet-challenge-card__icon img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}

.fleet-challenge-card__title {
  inline-size: 100%;
  margin: 0;
  color: #d9d9d9;
  font-size: 24px;
  font-weight: 700;
  line-height: 51px;
  letter-spacing: 0;
  text-align: start;
}

.fleet-solve {
  isolation: isolate;
  background:
    linear-gradient(180deg, #000 0%, #191919 55%, #000 100%);
}

.fleet-solve::before {
  display: none;
}
.sdcwrftq43333{
  margin-bottom: 70px;
}
.fleet-solve .device-stack::after {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(255 79 0 / 92%) 0%, rgb(255 79 0 / 44%) 26%, rgb(255 79 0 / 7%) 68%);
  filter: blur(100px);
  content: "";
}
.sdsdfgsaer{
  background: transparent !important;
  padding: 0 !important;
}
.sector-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.sector-card {
  min-height: 220px;
  padding-block: 28px;
  padding-inline: 22px;
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 79, 0, .16), transparent 42%),
    rgba(27, 27, 27, .9);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
  text-align: start;
  transition: transform var(--vs-transition), box-shadow var(--vs-transition), background var(--vs-transition);
}

.sector-card i {
  color: var(--vs-orange);
  font-size: 34px;
}

.sector-card h3 {
  margin-block: 18px 10px;
  color: var(--vs-white);
  font-size: 24px;
  font-weight: 700;
}

.sector-card p {
  margin: 0;
  color: var(--vs-text);
  font-size: 16px;
  line-height: 1.7;
}

.sector-card:hover {
  background:
    radial-gradient(circle at 16% 16%, rgba(255, 79, 0, .34), transparent 44%),
    rgba(27, 27, 27, .96);
  box-shadow: 0 22px 48px rgba(255, 79, 0, .15);
  transform: translateY(-7px);
}

.fleet-sectors,
.security-targets {
  background:
    radial-gradient(circle at 84% 18%, rgba(255, 79, 0, .14), transparent 34%),
    linear-gradient(180deg, #232323 0%, #101010 100%);
}

.security-targets {
  min-block-size: 544px;
  padding-block: 80px;
  background: #1d1d1d;
}

.security-targets::before {
  z-index: 0;
  inset-block-start: 247px;
  inset-inline-start: auto;
  inset-inline-end: -262px;
  inline-size: 558px;
  block-size: 574px;
  border-radius: 0;
  background: url("../images/security-targets-glow.svg") center / 100% 100% no-repeat;
}

.security-targets .container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  padding-inline: 0;
}

.security-targets__content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 40px;
  text-align: start;
}

.security-targets__head {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
  inline-size: 100%;
}

.security-targets__title {
  inline-size: 100%;
  margin: 0;
  color: var(--vs-white);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: start;
}

.security-targets__text {
  inline-size: 100%;
  margin: 0;
  color: rgba(255, 255, 255, .7);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: start;
}

.security-targets__list {
  inline-size: min(100%, 896px);
  margin-block: 0;
  margin-inline-start: 0;
  margin-inline-end: auto;
  padding-inline-start: 48px;
  color: var(--vs-white);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: 0;
  list-style-position: outside;
  list-style-type: square;
  text-align: start;
}

.security-targets__list li {
  margin-block-end: 4px;
}

.security-targets__list li:last-child {
  margin-block-end: 0;
}

.security-targets__list li::marker {
  font-size: .62em;
}

.dash-compare .compare-grid {
  align-items: stretch;
}

.dash-compare .compare-card {
  padding-block: 32px;
  padding-inline: 20px;
  border: 0;
  box-shadow: none;
}

.dash-compare .compare-card--active {
  isolation: isolate;
  background: #000;
  box-shadow: 0 9px 33.1px rgba(255, 79, 0, .36);
}

.dash-compare .compare-card--active::before,
.dash-compare .compare-card--active::after {
  position: absolute;
  z-index: 0;
  inset-block-start: -71.25%;
  block-size: 222.78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  pointer-events: none;
}

.dash-compare .compare-card--active::before {
  inset-inline-end: -18.17%;
  inline-size: 99.36%;
  background-image: url("../images/dash-compare-glow-a.svg");
}

.dash-compare .compare-card--active::after {
  inset-inline-end: -30.07%;
  inline-size: 91.23%;
  background-image: url("../images/dash-compare-glow-b.svg");
}

.dash-compare .compare-card--active > * {
  position: relative;
  z-index: 1;
}

.compare-card__list li {
  justify-content: flex-start;
  text-align: start;
}

.cta-panel--dash {
  border: 1px solid #777;
  background: #02030c;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.cta-panel--dash::before {
  inset: auto;
  inset-block-start: -25.65%;
  inset-inline-end: .03%;
  inset-block-end: auto;
  inset-inline-start: auto;
  inline-size: 31.21%;
  block-size: 189.79%;
  background:
    linear-gradient(90deg, rgba(2, 3, 12, 0) 0%, rgba(2, 3, 12, 0) 52%, #02030c 100%),
    linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)),
    url("../images/cta-panel-dash-image.png") center / 100% 100% no-repeat;
  opacity: 1;
}

.cta-panel--dash::after {
  display: block;
  inset: auto;
  inset-block-start: -140px;
  inset-inline-end: -181px;
  inset-block-end: auto;
  inset-inline-start: auto;
  inline-size: 446px;
  block-size: 470px;
  background: url("../images/cta-panel-dash-glow-orange.svg") center / 100% 100% no-repeat;
}

.cta-panel--why-dash::before {
  inset: 0;
  inline-size: auto;
  block-size: auto;
  background:
    linear-gradient(90deg, rgba(2, 3, 12, .02) 0%, rgba(2, 3, 12, .16) 25%, rgba(2, 3, 12, .74) 55%, #02030c 100%),
    var(--dash-cta-bg, url("../images/why-dash-cam-cta-bg.png")) center / cover no-repeat;
}

.cta-panel--why-dash .cta-panel__inner {
  margin-left: min(28vw, 330px);
}

.timeline-grid .process-card {
  position: relative;
}

.timeline-grid .process-card::after {
  position: absolute;
  inset-block-start: 42px;
  inset-inline-end: -24px;
  width: 24px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 79, 0, .8));
  content: "";
}

.timeline-grid .process-card:last-child::after {
  display: none;
}

.about-offer {
  padding-block: 0;
  background: #101010;
  padding: 70px 0;
}

.about-offer__stage {
  position: relative;
  inline-size: min(100% );
  min-block-size: 750px;
  margin-inline: auto;
}

.about-offer__title {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 112px;
  inline-size: 473px;
  margin: 0;
  color: #d9d9d9;
  font-size: 54px;
  font-weight: 700;
  line-height: 111px;
  letter-spacing: 0;
  text-align: start;
  white-space: nowrap;
}

.about-offer__rows {
  position: absolute;
  inset-block-start: 151px;
  inset-inline: 0;
  block-size: 836px;
}

.about-offer__item {
  position: absolute;
  inline-size: 860px;
  block-size: 170px;
  overflow: hidden;
  background: #1f1f1f;
  box-shadow: 0 0 70px rgba(0, 0, 0, .05);
  transition: translate var(--vs-transition), box-shadow var(--vs-transition);
}

.about-offer__item::before {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  background: linear-gradient(112deg, transparent 0%, rgba(255, 255, 255, .08) 48%, transparent 76%);
  opacity: 0;
  translate: 24px 0;
  transition: opacity var(--vs-transition), translate var(--vs-transition);
  content: "";
  pointer-events: none;
}

.about-offer__item:hover {
  translate: 0 -6px;
  box-shadow: 0 16px 58px rgba(0, 0, 0, .18);
}

.about-offer__item:hover::before {
  opacity: 1;
  translate: -24px 0;
}

.about-offer__item--first,
.about-offer__item--third {
  inset-inline-end: 0;
  border-start-start-radius: 50px;
  border-end-start-radius: 50px;
}

.about-offer__item--first {
  inset-block-start: 0;
}

.about-offer__item--second {
  inset-block-start: 200px;
  inset-inline-start: 0;
  border-start-end-radius: 50px;
  border-end-end-radius: 50px;
}

.about-offer__item--third {
  inset-block-start: 400px;
}

.about-offer__label {
  position: absolute;
  inset-block-start: 0;
  inline-size: 205px;
  block-size: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-inline-end: 1px solid rgba(0, 0, 0, .5);
  background: rgba(255, 255, 255, .1);
  transition: background var(--vs-transition), scale var(--vs-transition);
}

.about-offer__item--first .about-offer__label,
.about-offer__item--third .about-offer__label {
  inset-inline-start: 0;
  border-start-end-radius: 50px;
  border-end-end-radius: 50px;
}

.about-offer__item--second .about-offer__label {
  inset-block-start: 3px;
  inset-inline-end: 0;
  border-radius: 50px;
}

.about-offer__item:hover .about-offer__label {
  background: rgba(255, 255, 255, .14);
  scale: .97;
}

.about-offer__label span {
  color: var(--vs-white);
  font-size: 36px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
}

.about-offer__text {
  position: absolute;
  inset-block-start: 67px;
  margin: 0;
  color: #fefefe;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: start;
}

.about-offer__item--first .about-offer__text,
.about-offer__item--third .about-offer__text {
  inset-inline-start: 330px;
  inline-size: 515px;
}

.about-offer__item--second .about-offer__text {
  inset-inline-start: 124px;
  inline-size: 500px;
}

.about-timeline {
  padding-block: 80px;
  background: #1f1f1f;
}

.about-timeline__inner {
  inline-size: calc(100% - 48px);
  max-inline-size: 1200px;
  margin-inline: auto;
}

.about-timeline__title {
  margin: 0;
  color: #d9d9d9;
  font-size: 54px;
  font-weight: 700;
  line-height: 111px;
  letter-spacing: 0;
  text-align: start;
}

.about-timeline__canvas {
  position: relative;
  block-size: 500px;
  margin-block-start: 48px;
  direction: ltr;
}

.about-timeline__line {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 664px;
  inline-size: 2px;
  block-size: 702px;
  object-fit: fill;
  pointer-events: none;
}

.about-timeline__dot {
  position: absolute;
  inset-inline-start: 643px;
  inline-size: 37px;
  block-size: 37px;
  object-fit: contain;
  pointer-events: none;
}

.about-timeline__dot--one {
  inset-block-start: -6px;
  inset-inline-start: 644px;
}

.about-timeline__dot--two {
  inset-block-start: 190px;
}

.about-timeline__dot--three {
  inset-block-start: 380px;
}

.about-timeline__entry {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 160px;
  direction: ltr;
}

.about-timeline__entry--one {
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 1043px;
}

.about-timeline__entry--two {
  inset-block-start: 190px;
  inset-inline-start: 253px;
  inline-size: 949px;
}
html[dir="ltr"] .about-timeline__entry--two{
  inset-inline-start: 0;
}
.about-timeline__entry--three {
  inset-block-start: 380px;
  inset-inline-start: 0;
  inline-size: 1091px;
}

.about-timeline__text {
  margin: 0;
  color: var(--vs-white);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0;
  text-align: start;
  direction: rtl;
}

.about-timeline__entry--one .about-timeline__text,
.about-timeline__entry--three .about-timeline__text {
  flex: 0 0 582px;
}

.about-timeline__entry--two .about-timeline__text {
  flex: 0 0 433px;
}

.about-timeline__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
    min-block-size: 60px;
    margin: 0;
    padding-block: 15px;
    padding-inline: 15px;
  border-radius: 53px;
  background: rgba(255, 239, 231, .05);
  color: #fc5d0b;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: start;
  white-space: nowrap;
  transition: background var(--vs-transition), box-shadow var(--vs-transition), translate var(--vs-transition);
}

.about-timeline__badge--one {
  flex: 0 0 250px;
}

.about-timeline__badge--two {
  flex: 0 0 300px;
}

.about-timeline__badge--three {
  flex: 0 0 300px;
}

.about-timeline__entry:hover .about-timeline__badge {
  background: rgba(255, 239, 231, .08);
  box-shadow: 0 12px 34px rgba(252, 93, 11, .14);
  translate: 0 -4px;
}

.timeline-grid {
  position: relative;
}

.timeline-grid::before {
  position: absolute;
  inset-block-start: 88px;
  inset-inline: 12%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 79, 0, .7), transparent);
  content: "";
}

.timeline-grid .process-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), transparent 38%),
    rgba(18, 18, 18, .96);
}

.about-achievements {
  padding-block: 80px;
  background: #101010;
}

.about-achievements__inner {
  inline-size: min(100% - 48px, 1316px);
  margin-inline: auto;
}

.achievements-layout {
  display: flex;
  align-items: center;
  gap: 71px;
  direction: ltr;
}
html[dir="ltr"] .achievements-layout{
  direction: rtl;
}
.achievements-stats {
  position: relative;
  flex: 0 0 716px;
  inline-size: 716px;
  block-size: 650px;
  direction: ltr;
}
html[dir="ltr"] .achievements-stats{
  direction: rtl;
}
.achievement-stat {
  position: absolute;
  block-size: 170px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-inline-start: 2px solid #fc5d0b;
  background: #1f1f1f;
}

.achievement-stat--one {
  inset-block-start: 0;
  inset-inline-start: 263px;
  inline-size: 453px;
}
html[dir="ltr"] .achievement-stat--one .achievement-stat__label{
  font-size: 27px;
}
.achievement-stat--two {
  inset-block-start: 240px;
  inset-inline-start: 114px;
  inline-size: 602px;
  border: 0px solid #fecdb3;
  border-inline-start: 2px solid #fecdb3;
  border-radius: 8px;
  background: #e3540a;
}
.page #certs{
  background: #040515 !important;
}
.achievement-stat--three {
  inset-block-start: 480px;
  inset-inline-start: 180px;
  inline-size: 536px;
}

.achievement-stat__inner {
  inline-size: min(100% - 60px, 515px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 75px;
  direction: ltr;
}
html[dir="ltr"] .achievement-stat__inner{
  direction: rtl;
}
.achievement-stat--one .achievement-stat__inner {
  inline-size: 392px;
}
html[dir="ltr"] .achievement-stat--one .achievement-stat__inner{
  direction: rtl;
}
.achievement-stat--three .achievement-stat__inner {
  inline-size: 477px;
}

.achievement-stat__number {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: #ffefe7;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
}

.achievement-stat__label {
  color: var(--vs-white);
  font-size: 40px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0;
  text-align: start;
  white-space: nowrap;
  direction: rtl;
}

.achievements-layout__content {
  flex: 0 0 529px;
  inline-size: 529px;
  text-align: start;
  direction: rtl;
}

.achievements-layout__title {
  margin: 0;
  color: var(--vs-white);
  font-size: 54px;
  font-weight: 700;
  line-height: 111px;
  letter-spacing: 0;
}

.achievements-layout__text {
    margin-block: 0 0;
    margin-inline-start: auto;
    color: var(--vs-white);
    font-family: "Almarai", var(--vs-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.achievement-grid,
.achievement-card {
  display: none;
}

.blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin-block: 24px 0;
  margin-inline: 0;
  list-style: none;
}

.blog-meta li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding-block: 8px;
  padding-inline: 14px;
  border: 0px solid rgba(255, 255, 255, .09);
  border-radius: 0;
  color: var(--vs-text);
  background: transparent;
  font-size: 16px;
  font-weight: 700;
}

.blog-meta i {
  /*color: var(--vs-orange);*/
}

.quote-modal__heading {
  display: flex;
  align-items: center;
  direction: rtl;
  gap: 12px;
}

.quote-modal__dialog {
  border: 0px solid rgba(255, 79, 0, .2);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .5), 0 0 44px rgba(255, 79, 0, .12);
}

.quote-modal .form-group-vs:first-child .form-control-vs {
  border-color: var(--vs-orange);
}

.quote-modal .btn-vs--wide {
  width: 100%;
  min-height: 50px;
  border-radius: 10px;
}

.vs-lightbox__frame {
  display: none;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: var(--vs-radius-lg);
  background: var(--vs-black);
}

.vs-loading {
  display: flex;
  min-height: 190px;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border-radius: var(--vs-radius-md);
  border: 1px solid rgba(255, 255, 255, .06);
  background:
    radial-gradient(circle at 50% 50%, rgba(245, 154, 35, .11), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
  color: rgba(255, 255, 255, .82);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02);
}

.vs-loading__mark {
  position: relative;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  border: 2px solid rgba(245, 154, 35, .18);
  border-top-color: var(--vs-orange);
  animation: vs-loading-spin .85s linear infinite;
}

.vs-loading__mark::after {
  position: absolute;
  inset: 9px;
  border-radius: inherit;
  background: var(--vs-orange);
  box-shadow: 0 0 24px rgba(245, 154, 35, .38);
  content: "";
  animation: vs-loading-pulse 1.1s ease-in-out infinite;
}

.vs-loading__text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
}

.vs-empty-state {
  display: grid;
  min-height: 180px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--vs-radius-md);
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .035);
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

@keyframes vs-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes vs-loading-pulse {
  0%,
  100% {
    opacity: .55;
    transform: scale(.72);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.wpcf7-form .form-group-vs {
  margin-bottom: 16px;
}

.wpcf7-not-valid-tip {
  margin-top: 8px;
  color: #ffb4a7;
  font-size: 13px;
}

.wpcf7 form .wpcf7-response-output {
  margin: 14px 0 0;
  border-radius: 10px;
  color: #fff;
}

.whatsapp-floating {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 80;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  font-size: 26px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, .28);
  display: none;
}

.whatsapp-floating:hover {
  color: #fff;
  transform: translateY(-2px);
}