@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 100;
  src: url("fonts/woff/YekanBakh-thin.woff") format("woff"),
    url("fonts/woff2/YekanBakh-thin.woff2") format("woff2");
}

@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 300;
  src: url("fonts/woff/YekanBakh-Light.woff") format("woff"),
    url("fonts/woff2/YekanBakh-Light.woff2") format("woff2");
}

@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: normal;
  src: url("fonts/woff/YekanBakh-Regular.woff") format("woff"),
    url("fonts/woff2/YekanBakh-Regular.woff2") format("woff2");
}

@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 600;
  src: url("fonts/woff/YekanBakh-SemiBold.woff") format("woff"),
    url("fonts/woff2/YekanBakh-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: bold;
  src: url("fonts/woff/YekanBakh-Bold.woff") format("woff"),
    url("fonts/woff2/YekanBakh-Bold.woff2") format("woff2");
}

@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 800;
  src: url("fonts/woff/YekanBakh-ExtraBold.woff") format("woff"),
    url("fonts/woff2/YekanBakh-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 900;
  src: url("fonts/woff/YekanBakh-Black.woff") format("woff"),
    url("fonts/woff2/YekanBakh-Black.woff2") format("woff2");
}

@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 950;
  src: url("fonts/woff/YekanBakh-ExtraBlack.woff") format("woff"),
    url("fonts/woff2/YekanBakh-ExtraBlack.woff2") format("woff2");
}
:root {
  --primary-color: #f18022;
  --secendary-color: #25449d;

  /*button*/
  --button-background: #f18022;
  --button-background-hover: #25449d;
  --button-color: #000;
  --button-color-hover: #fff;

  /*text*/

  /*h1*/
  --h1-size: clamp(30px, 3.3vw, 63px);
  --h1-color: #fdfeff;
  --h1-weight: 900;

  /*h2*/
  --h2-color: #25449d;
  --h2-size: clamp(26px, 5.4vw, 36px);
  --h2-weight: 700;
  /*h3*/
  --h3-size: clamp(1.1rem, 1.8vw, 1.7rem);
  --h3-weight: 900;

  /*hero*/
  --hero-backgound: #28338e;
  --hero-color: #fff;
  --hero-color-secendary: #f18022;
  --hero-backgound-button: #fff;
  --hero-button-width: clamp(200px, 20vw, 384px);
  --hero-button-font-size: clamp(16px, 1.5vw, 28px);
  --hero-button-font-weight: 700;

  /*plan*/
  --plan-background: #f1f5f6;
  --plan-primary: #f18022;
  --plan-primary-hover: #25449d;
  --plan-shadow-color: #e7ebec;
  --plan-header-text-color-hover: #fff;

  /*promo*/
  --promo-background: #f1f5f6;
  --promo-background-code: #fff;
  --promo-background-title-code: #f18022;

  /*process*/
  --process-header-background: #516cb3;
  --process-header-color: #fff;
  --process-steps-background: #e9eced;
  --process-steps-icon-background-primary: #f79f38;
  --process-steps-icon-background-secendary: #25439b;
  --process-steps-icon-container-shadow-color-primary: #d18730;
  --process-steps-icon-container-shadow-color-secedary: #203a85;
  --process-steps-icon-width: clamp(110px, 27vw, 170px);

  /*benefits*/
  --benefits-icon-border-color-primary: #f79f38;
  --benefits-icon-border-color-secendary: #25449d;
  --benefits-icon-shadow-color: #cecfcf;
  --benefits-title-color-primary: #f18022;
  --benefits-title-color-secendary: #25449d;
  --benefits-circle-color: #151449;
  --benefits-img-wrapper-background: #f1f5f6;
  --benefits-img-container-background: #fdfeff;
  --cile-width: clamp(80px, 10.2vw, 110px);

  /*faq*/
  --faq-wrapper-background: #f1f5f6;
}
* {
  font-family: Yekan Bakh;
  padding: 0;
  margin: 0;
  box-sizing: border-box !important;
}
.kai-button , .kai-button:hover {
  text-decoration: none;
  transition:all .3s;
}
p,
li,
#kai-main span {
  line-height: 1.618 !important;
  text-align: justify;
}
#kai-main h2 {
  color: var(--h2-color);
  margin-bottom: 2.5rem;
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
}
#kai-main h3{
    line-height:1.618;
}
#kai-header strong {
  font-weight: inherit;
}
.small {
  font-size: 0.7rem;
}
.large {
  font-size: 1.2rem;
}
.kai-flex {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.kai-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
.kai-button {
  display: inline-block;
  background: var(--primary-color);
  color: var(--button-color);
  padding: 12px 40px;
  border-radius: 32px;
  cursor:pointer;
}
.kai-button:hover {
  background: var(--button-background-hover);
  color: var(--button-color-hover);
}
.kai-container {
  padding: 4rem max(30px, calc((100vw - 1080px) / 2));
}
.container-m {
  max-width: 1080px;
  margin: 0 auto;
  padding:4rem 0;

}
.container-m-large {
  max-width: 1180px;
  margin:2rem auto;
}
#kai-header {
  background: var(--hero-backgound) url("https://0-1.ir/landing/wp-content/themes/betheme-child/assets/img/page-i5g/hero/banner.webp") no-repeat center
    center;
  background-size: cover;
  aspect-ratio: 2 / 1;
  align-content: center;
  color: var(--hero-color);
  font-weight: 800;
  line-height: 1;
}
#kai-header section {
  padding: 3rem 5rem;
}
#kai-header h1 {
  font-size: var(--h1-size);
  color: var(--h1-color);
  font-weight: var(--h1-weight);
}
#kai-header h1 span {
  color: var(--hero-color-secendary);
  display: block;
  margin-bottom: clamp(0.6rem, 1vw, 2rem);
}
#kai-header p {
  font-size: clamp(20px, 2vw, 39px);
  margin: clamp(1rem, 2vw, 2rem) 0 clamp(2rem, 4vw, 3rem);
  color: var(--h1-color);
}
header .kai-button:hover{
    background:var(--hero-color-secendary);
    color:#000;
}
header .kai-button {
  background-color: var(--hero-backgound-button);
  color: var(--hero-backgound);
  width: var(--hero-button-width);
  font-size: var(--hero-button-font-size);
  font-weight: var(--hero-button-font-weight);
  text-align: center;
  align-content: center;
  aspect-ratio: 5.7 / 1;
  padding: 0;
}
.whyus h3 {
  font-size: 0.98rem;
  text-align: center;
  line-height: 1.618;
}
.whyus article {
  width: clamp(130px, 50%, 150px);
}
.whyus article img {
  width: 100%;
  aspect-ratio: 3 / 1;
  margin: 0 0 0.5rem;
}
.description p {
  align-content: center;
}
.description video {
  width: 100%;
}
/*video*/
.video-section {
  width: 100%;
  aspect-ratio: 1.7 / 1;
  background: #f0f4f8 url("https://0-1.ir/landing/wp-content/themes/betheme-child/assets/img/page-i5g/Untitled-1.webp") no-repeat center;
  background-size:cover;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:2rem;
}
.play-button {
  width: 70px;
  height: 70px;
  background: #fafcfd;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.play-icon {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 30px solid #333;
}
.video-section:hover .play-button {
  animation: one 2s 0.5s forwards;
}
.play-icon-in {
  width: 0;
  height: 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 5px solid #fafcfd;
  translate: -15px -2px;
}
@keyframes one {
  from {
  }
  to {
    scale: 1.1;
  }
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.popup.active {
  display: flex;
}
.popup video {
  max-width: 80%;
  max-height: 80%;
}
.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}
/*/video*/
.plans h2{
    padding:0 30px;
}
/*.plans .sliders {*/
/*  display: flex;*/
/*  flex-wrap: nowrap;*/
/*  justify-content: space-between;*/

/*  text-align: center;*/
/*  gap: 20px;*/
/*  position: relative;*/
/*}*/
/*.plans .plan {*/
/*  background: var(--plan-background);*/
/*  border-radius: 3rem;*/
/*  overflow: hidden;*/
/*  width: 250px;*/
/*}*/
/*.plans .plan h3 {*/
/*  background: var(--plan-primary);*/
/*  padding: 3rem 2.5rem;*/
/*  box-shadow: 0 6px 0 0 var(--plan-shadow-color);*/
/*  position: relative;*/
/*  font-size: 1.7rem;*/
/*}*/
/*.plans .plan h3:before {*/
/*  content: "";*/
/*  display: block;*/
/*  width: 20px;*/
/*  aspect-ratio: 1 / 1;*/
/*  background: var(--plan-primary);*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 50%;*/
/*  translate: -50% 50%;*/
/*  rotate: 45deg;*/
/*  box-shadow: 5px 5px 0 0 var(--plan-shadow-color);*/
/*}*/
/*.plans .plan:hover h3,*/
/*.plans .plan:hover h3:before,*/
/*.plans .plan:hover .kai-button {*/
/*  background: var(--plan-primary-hover);*/
/*  color: var(--plan-header-text-color-hover);*/
/*}*/
/*.plans .plan ul {*/
/*  list-style: none;*/
/*  margin-top: 3rem;*/
/*  padding: 0 0.5rem;*/
/*}*/
/*.plans .plan li,*/
/*.plans .plan p {*/
/*  text-align: center;*/
/*  margin: 1rem 0;*/
/*}*/
/*.plans .plan .kai-button {*/
/*  margin: 1.5rem 0 2.5rem;*/
/*}*/
/*.prev,*/
/*.next {*/
/*  border-radius: 50%;*/
/*  background: var(--secendary-color);*/
/*  width: 34px;*/
/*  aspect-ratio: 1 / 1;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  color: #fff;*/
/*  text-align: center;*/
/*  align-content: center;*/
/*  translate: 0 -50%;*/
/*  cursor: pointer;*/
/*}*/
/*.next {*/
/*  left: -60px;*/
/*}*/
/*.prev {*/
/*  right: -60px;*/
/*}*/

.promo-section {
  aspect-ratio: 5.5 / 1;
  background: #f1f5f6 url(https://0-1.ir/landing/wp-content/themes/betheme-child/assets/img/page-i5g/promo/0-1\ landin\ page\ V\ Final.png) no-repeat
    right;
  background-size: cover;
  padding: 2rem 9% 2rem 3rem;
  align-content: center;
  text-align: center;
  border-radius: 7rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap:0 clamp(2rem,6vw, 4rem);
}
.promo__text {
  text-align: center;
  font-weight: 700;
  font-size: clamp(1.1rem, 2.4vw, 2rem);
  text-shadow: 0 0 2px #f1f5f6;
  position: relative;
}
.promo__text:before {
  content: url(https://0-1.ir/landing/wp-content/themes/betheme-child/assets/img/page-i5g/promo/text.svg);
  position: absolute;
  top: 60%;
  left: 50%;
  width: 100%;
  translate: -50% -50%;
}
.promo__text span {
  display: block;
  text-align:center;
}
.promo-section div {
  border-radius: 32px;
  gap: 0;
  overflow: hidden;
  font-weight: 600;
  position: relative;
  width: fit-content;
  height: fit-content;
}
.promo-section .promo__code {
  background: var(--promo-background-code);
  display: inline-block;
  align-content: center;
  padding: 10px 40px;
}
.promo-section .promo__title-code {
  background: var(--promo-background-title-code);
  display: inline-block;
  align-content: center;
  flex: 1;
  padding: 10px 40px;
}

.copy-notification {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--secendary-color);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: left 0.3s ease;
  z-index: 1000;
}
.copy-notification.active {
  left: 0;
}
.modem ul {
  list-style: none;
  font-weight: 300;
  margin-bottom: clamp(30px, 3.9vw, 45px);
}
.modem ul li {
  align-content: center;
  margin-bottom: clamp(10px, 1.4vw, 20px);
}
.modem ul li:before {
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1 / 1;
  background: var(--primary-color);
  border-radius: 50%;
  margin-left: 10px;
}
.modem .kai-button {
  padding: 12px clamp(12px,3.8vw,70px);
}
.modem img {
  margin-right: auto;
  width:95%;
}

.process__header {
  width: 100%;
  background: var(--process-header-background);
  border-radius: 7rem;
  position: relative;
}
#kai-main .process__header h2 {
  color: var(--process-header-color);
  text-align: center;
  padding: 20px;
  margin-bottom: 0;
  font-size: clamp(18px, 4.4vw, 36px);
}
.process__header img {
  position: absolute;
  width: 10%;
}
.process__header img:first-of-type {
  top: -30%;
  right: 5%;
}
.process__header img:last-child {
  bottom: -38%;
  left: 5%;
}
.process__steps {
    padding:0 clamp(1.5rem, 5vw, 4rem);
  background: var(--process-steps-background);
  max-height:0;
  overflow:hidden;
  border-radius:0 0 clamp(2rem,6.5vw,7rem) clamp(2rem,6.5vw,7rem);
  transition:max-height 0.3s;
}
.process__steps.active{
    margin-top:-50px;
    max-height:10000px;
    padding: 7rem clamp(1.5rem, 5vw, 4rem) 4rem;
      border: 2px solid var(--process-header-background);

}
.process__step {
  justify-content: start;
  align-items: center;
  position: relative;
}
.process__step.process__step:nth-child(2n-1) {
  direction: ltr;
}
.process__step-icon {
  background: var(--process-steps-icon-background-primary);
  width: var(--process-steps-icon-width);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  align-content: center;
  text-align: center;
  padding: 13px;
  z-index: 1;
}
.process__step.process__step:nth-child(2n) .process__step-icon {
  background: var(--process-steps-icon-background-secendary);
}
.process__icon-container {
  background: var(--process-steps-background);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  box-shadow: 4px 4px 0 0
    var(--process-steps-icon-container-shadow-color-primary);
    display:flex;
    justify-content:center;
  align-items: center;
  padding: clamp(10px,1.2vw,25px);
}
.process__icon-img {
  width: 74%;
}
.process__step.process__step:nth-child(2n) .process__icon-container {
  box-shadow: 4px 4px 0 0
    var(--process-steps-icon-container-shadow-color-secedary);
}
.process__step-line {
  position: absolute;
  border: 8px solid #000;
  border-bottom: none;
  border-radius: 2rem;
  width: calc(100% - var(--process-steps-icon-width));
  height: 100%;
  top: 50%;
  right: 50%;
  translate: 50% 0;
}
.process__step:nth-child(2n-1) .process__step-line {
  border-left: none;
}
.process__step:nth-child(2n) .process__step-line {
  border-right: none;
}
.process__step:last-child .process__step-line {
  border: none;
}
.process__step-title {
  translate: 0 -100%;
  flex: 1;
  font-size: clamp(14px, 2vw, 19px);
}
.process-go-next {
  background: var(--process-header-background);
  border-radius: 0 0 7rem 7rem;
  color: #fff;
  width: 200px;
  margin: 10px auto;
  text-align: center;
  display: block;
  cursor:pointer;
}
.process-go-next span {
  display: inline-block;
  rotate: -90deg;
}
.comparison__container {
  grid-template-columns: 1fr auto 1fr;
  justify-items: center;
  text-align: center;
  font-weight: 700;
}
#kai-main .comparison__container span{
    text-align:center;
}

.benefits h2{
    margin-bottom:12rem !important;
}
.benefits__wrapper {
  aspect-ratio: 2 / 1;
  margin: auto;
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-rows: repeat(6, 1fr);
}
.benefits__d {
  width: 50%;
  aspect-ratio: 1 / 1;
  border: clamp(10px, 2vw, 30px) solid var(--benefits-circle-color);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: -1;
  align-content: center;
  justify-items: center;
}
.benefits__d-w {
  background: #f1f5f6;
  border-radius: 50%;
  width: 70%;
  aspect-ratio: 1 / 1;
  padding: 2rem;
  position: relative;
}
.benefits__d-c {
  background: var(--benefits-img-container-background);
  width: 100%;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  border: 12px solid var(--benefits-title-color-primary);
  align-content: center;
  text-align: center;
}
.benefits__d-c:before {
  position: absolute;
  content: "";
  display: block;
  width: 200%;
  background: #fff;
  height: 65%;
  left: 50%;
  top: 65%;
  translate: -50% 0;
  z-index: 1;
  box-shadow: 0 -70px 45px -100px #000;
}
.benefits__d img {
  width: 80%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.benefits__items {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  translate:0 -21%
}
.benefits__items:nth-child(2) {
  translate: 0 -49%;
  padding: 0 1rem;
}
.benefits__items:nth-child(1) {
  width: 47%;
  translate: 0 -23%;
  gap: 8%;
}
.benefits__item {
  display: flex;
  align-items: center;
  width: 50%;
  position:relative;
}
.benefits__item:last-child,
.benefits__items:nth-child(1) .benefits__item:first-child {
  justify-content: end;
}
.benefits__items:nth-child(1) .benefits__item:last-child {
  justify-content: start;
}
.benefits__text-wrapper {
  width: 53%;
  padding: 0 0 0 var(--cile-width);
}
.benefits__items h3 {
  color: var(--benefits-title-color-primary);
  font-weight: var(--h3-weight);
  font-size: clamp(0.7rem, 1.22vw, 0.98rem);
}
.benefits__items:nth-child(2n-1) .benefits__item:last-child h3,
.benefits__items:nth-child(2n) .benefits__item:first-child h3 {
  color: var(--benefits-title-color-secendary);
}
.benefits__item:last-child .benefits__text-wrapper {
  padding: 0 var(--cile-width) 0 0;
}
.benefits__items:nth-child(2) .benefits__text-wrapper {
  width: 63%;
}
.benefits__items:nth-child(1) .benefits__text-wrapper {
  position: absolute;
  top: -100%;
  padding: 0;
  right: -50%;
  left:25%;
  width: fit-content;
}
.benefits__items:nth-child(1) .benefits__text-wrapper:last-child{
    right:unset;
    left:-50%;
    right:25%;
}
.benefits__text-wrapper p{
    font-size:clamp(0.7rem,1.2vw,0.8rem);
    margin-bottom:0;
}
.benefits__icon-wrapper {
  border-radius: 50%;
  background: #fff;
  width: var(--cile-width);
  aspect-ratio: 1 / 1;
  translate: 50% 0;
  padding: 10px;
  box-shadow: 4px 4px 0 0 var(--benefits-icon-shadow-color);
}
.benefits__item:last-child .benefits__icon-wrapper {
  box-shadow: -4px 4px 0 0 var(--benefits-icon-shadow-color);
}
.benefits__item:last-child .benefits__icon-wrapper {
  translate: -50% 0;
}
.benefits__items:nth-child(1) .benefits__icon-wrapper {
  translate: 0 0;
}
.benefits__icon-contaner {
  border: clamp(3px, 0.5vw, 8px) solid
    var(--benefits-icon-border-color-secendary);
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  padding:15%;
  align-content:center;
  overflow:hidden;
}
.benefits__items:nth-child(2n-1)
  .benefits__item:last-child
  .benefits__icon-contaner,
.benefits__items:nth-child(2n)
  .benefits__item:first-child
  .benefits__icon-contaner {
  border-color: var(--benefits-icon-border-color-primary);
}
.benefits__icon-contaner img{
    width:100%;
}

@media(min-width:1440px){
    .benefits{
    max-width:1440px;
    margin:0 auto;
}
.benefits__items h3{
    font-size:1.49rem;
}
}
@media(min-width:676px){
    #logo{
    align-content:center;
}
#Top_bar #logo img{
    vertical-align:unset !important;
}
}
@media (max-width: 767px) {
    .container-m,.container {
        padding-right:30px !important;
        padding-left:30px !important;
    }
    .benefits{
        padding:0 30px;
    }
    .benefits h2{
        margin-bottom:4rem !important;
        padding:0;
        
    }
  .benefits__wrapper {
    grid-template-columns: unset;
    grid-template-rows: repeat(3, 1fr);
  }
  .benefits__wrapper .benefits__items {
    flex-direction: column;
    width: 100%;
    translate: unset;
    padding: 0;
  }
  .benefits__wrapper,
  .benefits__wrapper .benefits__items {
    gap: 3rem;
  }
  .benefits__items:nth-child(2) .benefits__item:last-child {
    order: -1;
  }
  .benefits__item {
    width: 100%;
    gap:1.5rem
  }
  .benefits__item:last-child,
  .benefits__items:nth-child(1) .benefits__item:first-child {
    justify-content: start;
  }
  .benefits__items:nth-child(1) .benefits__text-wrapper {
    position: static;
  }
  .benefits__items .benefits__item .benefits__text-wrapper {
    order: 1;
    padding: 0;
    max-width:unset;
    width:90%;
  }
  .benefits__items h3{
      font-size:1.15rem;
      margin-bottom:4px;
  }
  .benefits__items p{
      font-size:0.9rem;
  }
  .benefits__items .benefits__item .benefits__icon-wrapper {
    translate: unset;
    width:90px;
    box-shadow: 4px 4px 0 0 var(--benefits-icon-shadow-color)
  }
  .benefits__d {
    width:80%;
    margin:0 auto;
    position:static;
    translate:0 0;
    grid-row-start:1
  }
  .benefits__d-c:before {
    width: 165%;
  }
}

.faq {
  grid-template-columns: 1fr 2.3fr;
}
.faq img {
  width: 100%;
}
.faq-wrapper {
  background: var(--faq-wrapper-background);
  padding: 3rem 3rem 0;
  border-radius:3rem;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  padding: 2rem 0;
}
.faq-item:last-child{
    border:None;
}
.faq-question {
  transition: all 0.3s;
  justify-content: space-between;
  font-size: clamp(1.1rem,1.7vw,1.4rem);
  font-weight: 600;
  grid-template-columns:1fr auto
}
.faq-item.active .faq-question {
  padding: 0 0 15px;
}
.faq-answer {
  text-align: justify;
  font-weight: 300;
  line-height: 2;
  max-height: 0;
  color: #333;
  overflow: hidden;
  transition: all 0.3s;
}
.faq-item.active .faq-answer {
  max-height: 300px;
}
#kai-main .faq-icon {
  border: 1px solid #dcdddd;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding:2px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  text-align: center;
  align-content: center !important;
  line-height: 1!important;
  font-weight: 300;
  font-size: 30px;
  transition: transform 0.3s;
}
.faq-item.active .faq-icon:before {
  content: "-";
}
.faq-item .faq-icon:before {
  content: "+";
}
@media(max-width:1080px){
      .container-m-large {
    width: 95%;
  }
    .process__steps {
    max-width: 95%;
  }
}
@media (max-width: 767px) {
  #kai-main .kai-grid {
    grid-template-columns: unset;
  }
  #kai-main .faq-question.kai-grid{
      grid-template-columns:auto auto
  }
  #kai-header {
    width:100%;
    background-image:url("https://0-1.ir/landing/wp-content/themes/betheme-child/assets/img/page-i5g/banner mobile.webp");
    /*background-position: -70px 0;*/
    aspect-ratio: 1 / 1.5;
    align-content: end;
  }
  #kai-header section {
    background: linear-gradient(0deg, #00000080 50%, #00000000);
    min-height: 50%;
    align-content: end;
    padding:30px;
  }
  #kai-main .kai-grid.comparison__container {
    grid-template-columns: 1fr auto 1fr;
    gap:2rem 1rem
  }
  .comparison__container img{
  max-width: 60%;
}
.video-section{

        grid-row-start: 1;
}
.promo-section{
    background-image:none;
    padding:0.7rem 1rem;
}
.promo__text:before{
    display:none;
}

  .promo-section .promo__title-code,
  .promo-section .promo__code {
    padding: 10px 20px;
  }
  .promo__text,.promo-section div{
      margin-bottom:5px;
  }
  .promo-section p span {
    display: inline;
  }
  .kai-flex.process__step {
    gap: 10px;
  }
    .process__header img:first-of-type {
    right: 0;
    top: -15%;

  }
  .process__header img:last-child {
    left: 0;
    bottom:-20%
  }
}

.cf-turnstile,.footer-cta{
    text-align:center;
}
footer .section_wrapper{
    height:auto;
}
.button.action_button.top-bar-right-button.open-modal:before{
    display:none;
}
.button.action_button.top-bar-right-button.open-modal{
    background:#f27f21;
}

#menu-item-153 a span{
    display:none !important;
}
#menu-item-153 a:before{
    content:'مشاهده تعرفه‌ها';
}




        .slider-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }
        .slider {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
        }
        .slide {
            min-width: 100%;
            box-sizing: border-box;
            padding: 20px 60px;
            display: flex;
            justify-content: center;
        }
        .slide-content.kai-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            align-items: center;
            width: 100%;
        }
        .slide-content img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
        }
        .bullets {
            text-align: center;
            padding: 10px 0;
        }
        .bullet {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 5px;
            background-color: #bbb;
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .bullet.active {
           background: var(--primary-color)
        }
        .arrow {
border-radius: 50%;
line-height:2.3;
    background: var(--secendary-color);
    width: 34px;
    height: 34px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: 58%;
    color: #fff;
    text-align: center;
    align-content: center;
    translate: 0 -50%;
    cursor: pointer;
        }
        .arrow-left {
            right: 10px; /* فلش برای اسلاید بعدی */
        }
        .arrow-right {
            left: 10px; /* فلش برای اسلاید قبلی */
        }
        .arrow:hover {
            background: var(--primary-color);
        }
        .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
        .kai-popup-content {
            background-color: white;
            width: 80%;
            height: 80%;
            padding: 20px;
            border-radius: 10px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .close-popup {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 24px;
            cursor: pointer;
        }
        @media (max-width: 768px) {
            .slide-content.kai-grid {
                grid-template-columns: 1fr;
            }
            .slide{
                padding:20px 0 ;
            }
        }
        
        
        
        tr{
            border:1px solid rgba(0,0,0,.08) !important;
        }