
.product-key-tab-item:hover .product-key-tab-item-label, .product-key-tab-item:hover .product-key-tab-item-title{
	color: var(--content--brand);
}
.product-key-tab-item.active .product-key-tab-item-label, .product-key-tab-item.active .product-key-tab-item-title {
	color: var(--content--white);
}
.product-how-item .product-how-item-ic:nth-child(2) {
	opacity: 1;
  pointer-events: all;
  animation: rotate 2s linear infinite;
}
.product-how-item.active .product-how-item-ic:nth-child(1) {
	opacity: 1;
  pointer-events: all;
}
.product-how-item.active .product-how-item-ic:nth-child(2) {
	opacity: 0;
  pointer-events: none;
}
.product-how-item.active .product-how-item-label {
	color: var(--content--primary);
}
.product-faq-title-wrap:after {
	content: '';
  position: absolute;
  inset: 0;
  background-image: url("/murat/assets/cdn.prod.website-files.com/68f73a0fbae6fa626a19135c/690b187088225fb99f274165_hero-bg.png");
  background-size: cover;
  mix-blend-mode: multiply;
}
.product-key-main-img-main {
	--product-clip: 100%;
}
.product-key-tab-list {
  transition-timing-function: linear !important;
}
.product-key-main-img-main:first-child {
	--product-clip: 0%;
}
.product-key-main-left-main:first-child {
	clip-path: inset(0 0 0 0);
}
.product-key-main-title-inner.active .product-key-main-title {
	color: var(--content--primary);
}
.product-key-main-title-inner.active .product-key-main-sub {
	color: var(--content--terriary);
}
.product-hero-sub-wrap .line.bot {
	display: none;
}


.product-hero-chat-footer-txt.fill+.product-hero-chat-footer-ic-wrap {
  color: var(--content--brand);
}
.product-hero-chat-footer-txt.fill .txt {
  text-transform: unset !important;
}
@media only screen and (max-width: 991px) {
  .product-hero-img .line {
    display: none;
  }
  .product-key-title-inner .line {
    display: none;
  }
	.product-hero-sub-wrap .line.bot {
    display: block;
  }
  /* .product-how-img-inner .img-basic.img-abs {
    object-fit: cover;
  } */
}
@media only screen and (max-width: 767px) {
  .product-how-sub-wrap .line {
    display: none;
  }
  .product-how-item .product-how-item-ic:nth-child(1) {
    opacity: 1;
    pointer-events: all;
  }
  .product-how-item .product-how-item-ic:nth-child(2) {
    opacity: 0;
    pointer-events: none;
  }
  .product-key-tab-item-title .txt {
    display: inline;
  }
}
