/* variables */
@font-face {
  font-family: YekanBakhFaNum_v;
  src: url("../fonts/variable/YekanBakhFaNum-VF.woff") format("woff-variation"),
    url("../fonts/variable/YekanBakhFaNum-VF.woff");
}

@font-face {
  font-family: YekanBakhEnNum_v;
  src: url("../fonts/variable/YekanBakh-VF.woff") format("woff-variation"),
    url("../fonts/variable/YekanBakh-VF.woff");
}

html{
    scroll-behavior: smooth;
}

body {
  font-family: YekanBakhFaNum_v, sans-serif;
  padding-left: 15px;
  padding-right: 15px;
}

.menu li a {
  font-size: 16px;
  color: var(--color-neutral-11);
  transition: 0.3s all;
}
@media (max-width: 1024px) {
  .menu li a {
    font-size: 14px;
  }
}

.menu li a:hover {
  color: var(--color-primary-600);
}

.btn {
  border-radius: 16px;
  border: 1px solid var(--color-neutral-4);
  color: var(--color-neutral-11);
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  transition: 0.3s all;
  padding-left: 3rem;
  padding-right: 3rem;
}

@media (max-width: 1024px) {
  .btn {
    font-size: 13px;
    height: 58px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.btn:hover {
  background-color: black;
  color: white;
}

.btn.filled {
  background-color: black !important;
  color: white !important;
  transition: 0.3s all;
  border-color: transparent !important;
}

.filled:hover {
  background-color: #303030 !important;
}

.hero-box {
  background: linear-gradient(135deg, #15deec 0%, #0be166 30%, #b6f9d2 100%);
}

.swiper {
  width: 100%;
}

.customers-slider .swiper-slide-active .slide-desc {
  width: 418px !important;
  max-width: 800px !important;
}

.splide__slide.is-visible.is-active .slide-desc {
  width: 440px !important;
  max-width: 800px !important;
  margin-right: 1rem !important;
}

@media (max-width: 1024px) {
  .splide__slide.is-visible.is-active .slide-desc {
    width: 266px !important;
    max-width: 266 !important;
    margin-right: 0 !important;
    max-height: 350px;
  }
}

.slide-desc {
  transition-delay: 0.5s;
  transition-duration: 0.5s;
  direction: rtl !important;
}

.acc.active .acc-desc {
  max-height: 300px !important;
  opacity: 1 !important;
}

.acc.active .acc-title {
  background-color: var(--color-frame-3) !important;
  border-color: transparent !important;
}

.acc.active .icon-arrow {
  rotate: 180deg !important;
  color: #b1b5c3 !important;
}

.banner-box {
  background: linear-gradient(135deg, #15deec, #0be166);
}

.deactive {
  opacity: 0;
  visibility: hidden;
}

.deactive:hover {
  opacity: 0;
  visibility: hidden;
}

.active-plan {
  font-weight: 800 !important;
  border-bottom: 1px solid;
}

.english-nums {
  font-family: "YekanBakhEnNum_v", sans-serif !important;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 1px solid transparent !important;
}

.active-backdrop {
  opacity: 1 !important;
  visibility: visible !important;
}

.active-nav {
  opacity: 1 !important;
  visibility: visible !important;
  right: 0 !important;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  scrollbar-width: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}