:root{
   
    box-sizing: border-box;

}




/*----- Reset Style ------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    color: inherit;
    font-family: inherit;
    text-decoration: none;
}

input ,input::placeholder , button{
      font-family: inherit;

}
*, *:after, *:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
}

img{
  user-select: none;
}
video{
	pointer-events: none;
}

/*-------- fonts ------*/

@font-face {
  font-family: 'IRANYekanX';
  src: url('../fonts/IRANYekanXVFaNumVF.woff') format('woff-variations');
  src: url('../fonts/IRANYekanXVFaNumVF.woff2') format('woff2-variations');
  font-style: normal;
}



/* -------- Container -------- */

.container {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 16px;
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        padding: 0 0;
    }
}

@media (min-width: 768px) {
    .container {
        width: 740px;
    }
}

@media (min-width: 992px) {
    
      .container { 
        width: 900px;
    } 
}

 @media (min-width: 1024px) { 
    .container {
        width: 960px;
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1192px;
    }
}
@media (min-width: 1920px) {
       .container {
        width: 1440px;
    }
}

body{
    font-family: 'IRANYekanX';
    position: relative;
}




.HoverArrow {
    --arrowSpacing: 5px;
    --arrowHoverTransition: 150ms cubic-bezier(0.215,0.61,0.355,1);
    --arrowHoverOffset: translateX(3px);
    --arrowTipTransform: none;
    --arrowLineOpacity: 0;
    -webkit-transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, -1);    stroke-width: 2px;
    fill: none;
    stroke: currentColor;
}
.arrow__btn{
  gap: 5px;
}
.HoverArrow__linePath {
    opacity: var(--arrowLineOpacity);
    transition: opacity var(--hoverTransition, var(--arrowHoverTransition));
}
.HoverArrow__tipPath {
    transform: var(--arrowTipTransform);
    transition: transform var(--hoverTransition, var(--arrowHoverTransition));
}
.arrow__btn:hover .HoverArrow__linePath, button:hover .HoverArrow__linePath {
    --arrowLineOpacity: 1;
}
.arrow__btn:hover .HoverArrow__tipPath, button:hover .HoverArrow__tipPath {
    --arrowTipTransform: var(--arrowHoverOffset);
}



/*-----------------header------------ */

.header__wrapper {
  height: 67px;
  position: fixed;
  top: 0;
  z-index: 45;
  transition: all 0.3s ease-in-out;
  width: 100%;
    border: 1px solid transparent;


}
.header__wrapper.scrolled{
  border: 1px solid rgba(78, 72, 177, 0.10);
background: rgba(78, 72, 177, 0.75);
    -webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);

}

.header--visible {
  position: fixed;
  transform: translateY(0);
}

/* حالت مخفی (می‌ره بالا و دیگه فیکس نیست) */
.header--hidden {
  position: absolute;
  transform: translateY(-100%);
}

.header__container{
  height: 100%;
}
.header-inner__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.header-menu__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  height: 100%;
} 

/* mobile menu */


.nav__btn {
  display: none;
padding: 11px 16px;
align-items: center;
justify-content: center;
border-radius: 16px;
background: var(--stripe-com-nero-20, rgba(255, 255, 255, 0.20));
}
.nav__btn-line {
  width: 16px;
height: 10px;
}

.nav-menu{
      position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    right: -100%; 
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    z-index: 50;
    background: #FFF;
    padding: 0 0 35px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

}
.nav-menu--open{
    right:0;

}

.nav-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  margin-bottom: 28px;
  width: 100%;
}
.nav-menu__close {
  display: flex;
padding: 8px;
align-items: center;
justify-content: center;

}
.nav-menu__close--svg{
  width: 20px;
  height: 20px;
}
.nav-menu__logo {
  width: 50px;
  color: #635BFF;
}
.nav-logo__svg {
  height: 30px;
  width: 100%;
}
.nav-menu__back-btn { 
  color: #635BFF;
text-align: center;

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
display: flex;
padding: 0 13px;
align-items: center;
gap: 10px; 
}
.nav-menu__back-btn svg{ 
  height: 9px;
  width: 5px;
}
.nav-menu__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0 16px;
}
.nav-menu__link {
  display: flex;
padding: 12px 0 16px 0;
justify-content: flex-start;
align-items: center;
width: 100%;
border-bottom: 0.8px dashed #DEE4E8;
color: #161C2D;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.nav-menu__link--sub {
  display: flex;
  justify-content: space-between;
}
.nav-menu__link--sub svg{
  height: 12px;
  width: 6px;
    color: #161C2D;

}

.nav-menu__submenu{
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  gap: 8px;
  width: 100%;
}
.nav-menu__submenu--first{
display: flex;
width: 100%;
padding: 10px 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}


.nav-menu__submenu--sec{
  border-radius: 4px;
background: #EFF3F9;
display: flex;
width: 100%;
padding: 10px 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.nav-menu__sub--link {
  display: flex;
padding: 16px 12px;
justify-content: flex-start;
align-items: center;
gap: 8px;
  width: 100%;
  color: #425466;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.nav-menu-login__btn {
  border-radius: 8px;
background: #635BFF;
display: flex;
padding: 7px 13px;
justify-content: center;
align-items: center;
gap: 10px;
margin: auto auto 0;
color: var(--Netural-color-1, #FFF);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
width: 90%;

}

.nav-menu-login__btn svg{
  width: 6.121px;
height: 9.414px;
}





/* حالت عادی */
.nav-menu__back-btn {
  display: none;
}

.nav-menu__submenu {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* وقتی submenu بازه */
.nav-menu.submenu-open .nav-menu__logo {
  display: none;
}

.nav-menu.submenu-open .nav-menu__back-btn {
  display: flex;
}

.nav-menu.submenu-open .nav-menu__links {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.nav-menu.submenu-open .nav-menu__submenu {
  max-height: 500px; /* یک مقدار کافی برای کل لینک‌ها */
  opacity: 1;
}





.nav-menu__background{
    display: none;
    opacity: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 49;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.nav-menu__background--open{
 display: block;
    opacity: 0.75;
}










.header-menu__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  color: #fff;
  width: 50px;
}
.header-menu__logo--svg{
  height: 100%;
  width: 100%;
}
.header__menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  
  height: 100%;
}
.header-menu__item {
  color: #fff;

text-align: right;

font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 17px 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
transition: all 0.3s ease-in;
}

.header-menu__link {
  display: flex;
padding: 11px 20px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 8px;
transition: all 0.3s ease-in;

}
.header-menu__link:hover {
  background: rgba(246, 247, 249, 0.24);

}
.header-menu__item--megamenu{
  position: relative;
}
.header-menu__link--megamenu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.header-link__megamenu--svg {
  rotate: -90deg;
  width: 5px;
   height: 6px;
}
.header-menu__item--megamenu:hover .header-mega__menu{
  opacity: 1;
  visibility: visible;
}

/* mega menu */
.header-mega__menu {
display: flex;
padding: 24px 6px 6px 6px;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 28px;
border-radius: 8px;
background: #fff;
width: 470px;
box-shadow: 0 30px 45px -30px rgba(50, 50, 93, 0.04), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
position: absolute;
top: 60px;
right: 0;
z-index: 10;
transition: all 0.3s ease-in;
opacity: 0;
visibility: hidden;
}
.mega-menu__top {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  flex-direction: column;
  width: 100%;
  gap: 16px;

}
.mega-menu__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.mega-menu__item {
  color: #425466;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
flex-basis: 45%;
padding: 2px 20px  2px 0;

}
.mega-menu__link{
}

.mega-menu__bot {
  border-radius: 4px;
background: #EFF3F9;
display: flex;
width: 100%;
padding:13px 10px;
flex-direction: column;
justify-content: center;
align-items: center;
  gap: 16px;

}





/* حالت اولیه مخفی */
.hero-left__wrapper,
.hero-inner__wrapper,
.logo-swiper__section,
.ticker-slider ,
.hero-text__overlay{
  opacity: 0;
  transform: translateY(30px) translate3d(0, 0, 0);
  transition: all 1s ease;
}

/* وقتی فعال بشن */
.hero-left__wrapper.active,
.hero-inner__wrapper.active,
.logo-swiper__section.active,
.ticker-slider.active{
  opacity: 1;
  transform: translateY(0) translate3d(0, 0, 0);
}




.hero-text__overlay.active {
	 opacity: 0.7;
  transform: translateY(0) translate3d(0, 0, 0);
}






.header-login__btn {
  color: var(--Netural-color-1, #FFF);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
display: flex;
align-items: center;
justify-content: center;
padding: 7px 13px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.24);
} 
 
.header-login__btn .arrow span,
.arrow::before,
.arrow::after {
	border-radius: 1px;
}


.arrow-btn {
  border: none;
  position: relative;
}

.arrow {
  display: block;
  width: 20px;
  height: 10px;
  position: relative;
    transition: all 0.3s ease;
  flex-shrink: 0;
}

.arrow span,
.arrow::before,
.arrow::after {
  content: '';
  position: absolute;
  background: #fff;
  height: 2px;       /* ضخامت خط */
  width: 5px;       /* طول خط */
  top: 47%;
  left: 0;
  transform-origin: left center;
  transition: all 0.3s ease;
  border-radius: 1px;
}

/* خطوط مورب برای شکل < */
.arrow::before {
  transform: rotate(-45deg);
    top: 55%;
    width: 6px;
}

.arrow::after {
  transform: rotate(45deg);
    top: 45%;
  width: 6px;
}

/* خط وسط (span) */
.arrow span {
  width: 0;
  top: 51%;
}
.arrow-btn:hover .arrow {
  width: 20px;
}

.arrow-btn:hover .arrow span {
  width: 10px;  /* طول خط وسط هنگام هاور */
}



/* --------main-------- */

.front-page__main{
  position: relative;
}

.hero__section{
  position: relative;
  padding-top: 105px;
  padding-bottom: 120px;
  overflow-x: hidden;
	isolation: isolate;
}


.hero-bg__wrapper{
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  user-select: none;
  /* transform: skew(12deg); */
  /* transform-origin: top 100%; */
clip-path: polygon(0 0, 100% 0%, 100% 91%, 0 41%);
}

#gradient-canvas {
  width:100%;
  height:100%;
  --gradient-color-1: #a960ee; 
  --gradient-color-2: #ff333d; 
  --gradient-color-3: #90e0ff;  
  --gradient-color-4: #ffcb57;
  --gradient-color-5: rgba(169, 96, 238, 0);
  --gradient-color-6: rgba(255, 51, 61, 0);
  --gradient-color-7: rgba(144, 224, 255, 0);
  --gradient-color-8: rgba(255, 203, 87, 0);

  z-index:0;
}



.hero-inner__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding-top: 54px;
  mix-blend-mode: color-burn;
  -webkit-backface-visibility: visible;
}
.hero-text__overlay {
  position: absolute;
  inset: 0; /* یعنی top:0; right:0; bottom:0; left:0 */
  z-index: 22;
  color: #3a3a3a;
  padding-top: 54px;
  pointer-events: none; /* تا کلیک‌ها روی متن اصلی بمونه */
}

.hero-text__overlay .hero-text__first{
	 color: inherit;
  opacity: inherit;
}


.hero-text__overlay .hero-text__sec{
	 color: inherit;
  opacity: inherit;
}
.hero-text__first{
color: #393939;
text-align: right;
font-size: 87px;
font-style: normal;
font-weight: 700;
line-height: 89px; /* 102.299% */
letter-spacing: -3.48px;
margin-bottom: 100px;
z-index: 21;
position: relative;
}

.hero-text__sec{
  color: #393939;
text-align: right;
font-size: 87px;
font-style: normal;
font-weight: 700;
line-height: 89px; /* 102.299% */
letter-spacing: -3.48px;
z-index: 21;
padding-top: 15px;
position: relative;
}


    @keyframes cssTicker {
      /* آیتم اول */
      0%   { transform: translateY(0); }
      8%   { transform: translateY(0); }

      /* آیتم دوم */
      12%  { transform: translateY(-96px); }
      20%  { transform: translateY(-96px); }

      /* آیتم سوم */
      24%  { transform: translateY(-192px); }
      32%  { transform: translateY(-192px); }

      /* آیتم چهارم */
      36%  { transform: translateY(-288px); }
      44%  { transform: translateY(-288px); }

      /* آیتم پنجم */
      48%  { transform: translateY(-384px); }
      56%  { transform: translateY(-384px); }

      /* آیتم ششم */
      60%  { transform: translateY(-480px); }
      68%  { transform: translateY(-480px); }

      /* آیتم هفتم */
      72%  { transform: translateY(-576px); }
      80%  { transform: translateY(-576px); }

      /* برگشت نرم (لیست دوبل) */
      100% { transform: translateY(-672px); }
    }

    .ticker-slider {
      position: absolute;
      z-index: 20;
      top: 150px;
      left: 0;
      right: 0;
      height: 96px; /* ارتفاع یک آیتم */
      overflow: hidden;
   }

    .ticker-slider .ticker {
      padding: 0;
      margin: 0;
      list-style: none;
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      animation: cssTicker 28s infinite;
      animation-timing-function: ease-in-out;
    }

    .ticker-slider .ticker li {
      margin: 0;
      height: 96px;
      color: #FFF;
      text-align: right;
      font-size: 87px;
      font-style: normal;
      font-weight: 700;
      line-height: 96px;
      letter-spacing: -3.48px;
    }






.hero-left__wrapper {
  position: absolute;
  left: 0;
  top: 105px;
  display: flex;
  justify-content: center;
  gap: 23px;
  padding: 24px  24px 24px 0;
  border-radius: 0 8px 8px 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0.07%, rgba(255, 255, 255, 0.30) 13.74%, rgba(246, 249, 252, 0.30) 31.51%, #F6F9FC 99.51%);
box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.10) inset, 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.30);
}
.hero-left__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.hero__logo {
  width: 20px;
height: 20px;
flex-shrink: 0;
}
.hero-logo__name {
  width: 100px;
  flex-shrink: 0;
  padding-top: 3px;
}
.hero-inner__iframe {
  position: absolute;
  top: 35px;
  left: -15px;
  height: 550px;
  border-radius: 30px;
  overflow: hidden;
box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.30), 0 -2px 6px 0 rgba(10, 37, 64, 0.35) inset;
}
.hero-inner__device {
  width: 275px;
height: 100%;
object-fit: cover;
}
.hero-left__img--wrapper {

}
.hero-left__img {
  width: 100%; 
}


.hero__subtitle{
  color: #425466;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
margin-bottom: 45px;
margin-top: 40px;
max-width: 503px;
}
.hero-links__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
}
.hero-link__btn {
  display: flex;
height: 33px;
padding: 0 13px;
align-items: center;
border-radius: 8px;
background: #11253E;
color: var(--stripe-com-nero, #FFF);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.15px;
line-height: 16px;
}

.hero-link__btn:hover .arrow span {
  width: 14px;  /* طول خط وسط هنگام هاور */
}


.hero__link {
  display: flex;
height: 33px;
align-items: center;
color: var(--Secondary-Buttons, #0A2540);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.15px;
line-height: 16px;
}

.hero__link:hover .arrow span {
  width: 14px;  /* طول خط وسط هنگام هاور */
}

.hero__link .arrow span,.hero__link .arrow::before,.hero__link .arrow::after {
  background: #0A2540;
}
/* logo swiper */
.logo-swiper__section{
  margin-bottom: 117px;
  height: 55px;

}
.logo-swiper__wrapper{
  position: relative;
  overflow: hidden;
    white-space: nowrap;
    direction: ltr;

}
@keyframes slide-logo {
  from{
    transform: translateX(0);
  }
  to{
    transform: translateX(-100%);
  }
  
}
.logos__slider {
  animation: 80s slide-logo infinite linear;
  display: inline-block;
  height: 30px;
}
.logo-slider__img {
  height: 100%;
  margin: 0 22px;
}



.swiper-wrapper{
  width: auto;
  height: 50px;
}
.mySwiper1 {
  pointer-events: none;
  overflow: hidden;
}

.mySwiper1 .swiper-wrapper {
  transition-timing-function: linear !important;
  display: flex;
  align-items: center;
  transform: translate3d(0, 0, 0); /* بهبود رندرینگ */
  will-change: transform; /* بهینه‌سازی انیمیشن */
}

.mySwiper1 .swiper-slide {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  flex-shrink: 0;
}

.logo-swiper__img {
  width: auto;
  max-width: 150px; /* اختیاری */
  min-width: 50px; /* اختیاری */
  max-height: 100%;
  pointer-events: none;
}

.logo-swiper__overlay--right{
  pointer-events: none;
  position: absolute;
  z-index: 3;
  right: 0;
  width: 100px;
  top: 0;
  bottom: 0;
height: 100%;
flex-shrink: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 92.29%);

}
.logo-swiper__overlay--left{
  pointer-events: none;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  bottom: 0;
width: 100px;
height: 100%;
flex-shrink: 0;
background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 92.29%);
}


/* counter section */

.counter__wrapper {
  padding-bottom: 150px;
  position: relative;
}
.counter-inner__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}
.counter__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
.counter__title {
  color: #161C2D;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: 58px; /* 120.833% */
letter-spacing: -1px;

}
.counter__number {
      display: inline-block;
    text-align: left;
}
.counter__subtitle {
  color: #425466;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.7;
}

.online-contact__btn{
  position: fixed;
  right: 32px;
  bottom: -100px;
  border-radius: var(--Radius-Full, 1000px);
background: #E7E7FF;
box-shadow: 0 0 6px 0 rgba(99, 91, 255, 0.12);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 12px;
height: 48px;
width: 48px;
transition: all 0.3s ease;
z-index: 40;
}
.online-contact__title{
  color: #635BFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
display: none;
}
.online-contact__btn.ready{
  bottom: 32px;

}
.online-contact__btn svg{
  width: 100%;
  height: 100%;
}



/* services section */

.services__section {
  background: #F6F9FC;
  padding: 96px 0;
}

.services__subtitle {
  color: #635BFF;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 24px;
}
.services__title {
  color: #161C2D;
text-align: right;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 64px;
}
.services__inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 34px;
}
.services__right {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  align-items: flex-end;
  padding-top: 130px;
}
.service__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 34px;
  border-radius: 24px;
background: #FFF;
padding: 4px 4px 34px 4px;
	width: 100%;
box-shadow: 0 30px 45px -30px rgba(50, 50, 93, 0.04), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
}
.service__img {
  width: 100%;
}
.service__img--mobile{
	display: none;
}
.service-text__wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 0 30px;
  width: 100%;
}
.service__title {
  color: #161C2D;
text-align: right;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.service__subtitle {
  color: #425466;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
}
.services__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  align-items: flex-start ;
  flex-basis: 50%;
}




/* info swiper section */

.info-swiper__section {
  padding: 165px 0 50px; 
}


.mySwiper2 {
  overflow: hidden;
      border-radius: 16px;
box-shadow: 0 30px 45px -30px rgba(50, 50, 93, 0.04), 0 18px 36px -18px rgba(0, 0, 0, 0.15);

}

.info-swiper__slide {
  border-radius: 24px;
background: #635BFF;
}
.info-swiper__inner{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  padding: 36px;
  width: 100%;
  height: 595px;
}
.info-vid__wrapper {
    width: 335px;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
}
.info-swiper__vid {
     width: 100%;
    height: 100%;
    object-fit: cover; /* تا ویدئو کل قاب رو پر کنه */
    display: block;
}
.info-swiper__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 10px;
  flex-basis: 100%;
}
.info-swiper__logo {
  margin-bottom: 20px;
	height: 128px;
}
.info-swiper__title {
  color: var(--generic-white, #FFF);
text-align: right;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 44px; /* 137.5% */
margin-bottom: 67px;
}
.swiper-info__auth {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 25px;

}
.info-auth__img {
    width: 46px;
height: 47px;
aspect-ratio: 46/47;
  border-radius: 69.444px;
  overflow: hidden;
border: 0.347px solid #DDD;
object-fit: cover;
box-shadow: 6px 0 24px 0 rgba(0, 0, 0, 0.12), 0 16px 32px 0 rgba(17, 37, 62, 0.16);
}
.info-auth__texts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.info-auth__title {
  color: var(--Netural-50, #F6F7F9);
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.ingo-auth__subtitle {
  color: var(--Netural-100, #ECEDF2);
text-align: right;

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
}
.swiper-info__numbers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.swiper-number__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--Netural-50, #F6F7F9);
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: 58px; /* 120.833% */
letter-spacing: -1.8px;
}
.swiper__number {
  color: var(--Netural-50, #F6F7F9);
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: 58px; /* 120.833% */
letter-spacing: -1.8px;
}
.swiper-number__subtitle {
  color: #F6F7F9;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.7;
letter-spacing: normal;
}

.info-swiper__next{
  rotate: 180deg;
  width: 11px !important;
height: 22px !important;
flex-shrink: 0 !important;
aspect-ratio: 9/20 !important;
color: #635BFF !important;
left: auto !important;
right: -30px !important; 
}
.info-swiper__next::after , .info-swiper__prev::after{
  display: none !important;
}
.info-swiper__prev{
  width: 11px !important;
height: 22px !important;
flex-shrink: 0 !important;
aspect-ratio: 9/20 !important;
color: #635BFF !important;

right: auto !important;
left: -30px !important;
}
.info-swiper__next--svg{
  stroke-width: 3.5px;

}
.info-swiper__pagination{
  bottom: -30px !important;
}

.info-swiper__pagination .swiper-pagination-bullet{
  opacity: 0.4 !important;
  background: #635BFF !important;
  height: 12px !important;
  width: 12px !important; 
  margin: 0 12px !important;
}
.info-swiper__pagination .swiper-pagination-bullet-active{
    opacity: 1 !important;

}





/* consulting__section */

.consulting__section {
  overflow: hidden;
  padding: 115px 0 165px;
}
.consulting__container{
  
  position: relative;
  isolation: isolate;
  border-radius: 45px;

}

.consulting__bg {
  position: absolute;
  inset: -20px;
  border-radius: inherit;
  background: linear-gradient(270deg,
    rgba(17, 239, 227, 0.21) 0%,
    rgba(153, 102, 255, 0.40) 100%);
  filter: blur(35px);
  transform: scale(1.05);
  z-index: 0;
  pointer-events: none;
}

.consulting-inner__container {
  display: flex;
padding: 17px 48px 15.973px 48px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 16px;
background: #FFF;
gap: 32px;
z-index: 1;
position: relative;

}
.consul-right__wrapper {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}
.consul-right__title {
  color: #161C2D;
text-align: right;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.consul-right__subtitle {
  color: #425466;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
}
.consul-left__wrapper {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.consul__form {
  width: 100%;
  height: 50px;
}
.consul-form__inner {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
border-radius: var(--Radius-small, 8px);
border: 1px solid var(--Netural-200, #D6D8E1);
background: #F7F9FC;
}
.consul__input , .consul__input::placeholder{
  color: #425466;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: right;
}
.consul__input{
  border: none;
  outline: none;
  width: 100%;
  background-color: inherit;
}
.consul__input:focus{
outline: none;
border: none;
}
.consul-form__submit {
  position: absolute;
  left: 4px;
  top: auto;
  bottom: auto;
  border-radius: 8px;
background: #635BFF;
display: flex;
height: 40px;
padding: 0 13px;
align-items: center;
gap: 8px;
color: var(--Neutral-Color-1, #FFF);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 171.429% */
border: none;
outline: none;
cursor: pointer;
}

.consul-popup__btn{
  display: none;
  border-radius: 8px;
background: #635BFF;
align-items: center;
justify-content: center;
color: var(--Neutral-Color-1, #FFF);
text-align: center;
padding: 4.5px 13px;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px; 
width: 100%;
}

.consul-popup__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none; /* کلیک‌ناپذیر وقتی بسته است */
  transition: opacity 0.3s ease-in-out;
}

.consul-popup__wrapper.active {
  opacity: 1;
  pointer-events: auto; /* دوباره قابل کلیک */
}
.consul-popup__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 510px;
  border-radius: 8px;
background: var(--Color-Background-bg-color, #FFF);
position: relative;

}
.consul-popup__divider{
  display: none;
  border-radius: 100px;
background: var(--Netural-200, #D6D8E1);
position: absolute;
top: 8px;
width: 64px;
height: 4px;
  left: 0;
  right: 0;
  margin: 0 auto;

}
.consul-popup__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px 16px;
  width: 100%;
  border-bottom: 1px solid var(--Netural-100, #ECEDF2);
}
.consul-popup__title {
  color: #425466;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.consul-popup__colse-btn {
  width: 20px;
height: 20px;
cursor: pointer;
}
.consul-popup__colse-btn img{
  width: 100%;
  height: 100%;
}
.cosul-popup__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.consul-popup__text {
  color: #425466;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 16px;
}
.cosul-popup__form {
  width: 100%;
  padding: 16px;

}
.consul-popup__input {
  width: 100%;
  border-radius: var(--Radius-small, 8px);
border: 1px solid var(--Netural-200, #D6D8E1);
background: #F7F9FC;
padding: 9px 16px;
color: #425466;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
align-items: center;
justify-content: flex-start;
}
.consul-popup__input:focus {
border: 1px solid var(--Netural-200, #D6D8E1);
outline: none;
}
.consul-popup__input::placeholder{
  color: #425466;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: right;
}


.cosul-popup__submit {
  border-radius: 8px;
background: #635BFF;
display: flex;
height: 33px;
padding: 0 13px;
align-items: center;
gap: 8px;
color: var(--Neutral-Color-1, #FFF);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 171.429% */
border: none;
outline: none;
margin: 32px auto 0 0;
cursor: pointer;
}

.cosul-popup__submit::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ECEDF2;
  left: 0;
  right: 0;
  bottom: 62px;
}


.mySwiper4 .swiper-wrapper {
  justify-content: center; /* وسط چین کل اسلایدها */
}


/* co op section */

.co__section {
  margin-bottom: 150px;
}
.co-inner__container {
 
  margin: 0 134px;
}
.co__title {
  color: #161C2D;
text-align: center;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 144.444% */
}
.co__subtitle {
  color: #425466;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
margin: 16px 0 36px;
}
.co-cards__wrapper {
  overflow-x: hidden;
  margin-bottom: 75px; 
}


.co__card {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto !important;
}
.co-card__img {
  border-radius: 2200px;
  height: 220px;
  width: 208px;
  object-fit: cover;
border: 1px solid #DDD;
overflow: hidden;
margin-bottom: 17px;
box-shadow: 0 30px 45px -30px rgba(50, 50, 93, 0.04), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
}
.co-card__title {
  color: #161C2D;
text-align: right;
margin-bottom: 4px;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.co-card__subtitle {
  color: #425466;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.co-logo__swiper {
  margin: 0 34.5px;
}
.co-logo__swiper .logo-swiper__wrapper {
  margin: 0;
}

.mySwiper3 .swiper-slide {
  width: auto;      /* اجازه بده متناسب با محتوای لوگو باشه */
  display: flex;    
  justify-content: center;
  align-items: center;
  height: 55px;
}
.mySwiper3 img{
  pointer-events: none;
}





/* social section  */

.social__section {
  background: #F6F9FC;
  padding: 48px 0 72px ;
}
.social-inner__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.social__subtitle {
  color: #635BFF;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.social__title {
  color: #161C2D;
text-align: right;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 47px; /* 146.875% */
}
.social__btn {
  border-radius: 8px;
background: #635BFF;
display: flex;
width: 225px;
height: 33px;
padding: 4.5px 13px;
justify-content: center;
align-items: center;
gap: 8px;
color: var(--Netural-color-1, #FFF);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 160% */
}
.social-btn__svg {
  width: 6.121px;
height: 9.414px;
flex-shrink: 0;
}
.social-tab__wrapper {
  margin-top: 24px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 60px;
  width: 100%; 
}


.tabs7-sidebar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 35px;
  flex-shrink: 0;
}
.tabs7-tab {
  display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in;
    position:relative;
    padding-right: 17px;
    cursor: pointer;
    width: 48px ;
    height: 48px;
}
.tabs7-tab img{
    width: 39.983px;
height: 39.983px;
transition: all 0.3s ease-in;
}

.tabs7-tab__img {
  display: block;
  width: 40px; /* اندازه دلخواه */
  height: 40px;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.tabs7-tab {
  position: relative;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}

.tabs7-tab img.tabs7-active-img {
  opacity: 1;
}

.tabs7-tab img.tabs7-inactive-img {
  opacity: 0;
}

.tabs7-tab:not(.tabs7-active) img.tabs7-active-img {
  opacity: 0;
}

.tabs7-tab:not(.tabs7-active) img.tabs7-inactive-img {
  opacity: 1;
}


.tabs7-active {
    filter: grayscale(0%);
    opacity: 1;

}
.tabs7-active img{
width: 48px;
height: 48px;
}

.tabs7-tab::before {
  content:"";
  position:absolute;
  right:0;
  width:4px;
  height:100%;
  background:#BEC9DC; /* رنگ غیر اکتیو */
  border-radius:12px;
}

.tabs7-tab::after {
  content:"";
  position:absolute;
  right:0;
  width:4px;
  top:0;
  height:0%;
  background:#635BFF; /* رنگ پرشونده */
  border-radius:12px;
}

.tabs7-tab.tabs7-active::after {
  height:100%;
  transition:height var(--tabs7-duration, 5s) linear;
}





    /* Video background */
.tabs7-bgvideo {
  position:absolute;
  top:0;
  left:0;
  width:100%;
   height:100%;
  object-fit:cover;
  z-index:0;
}






    .tabs7-panel-1 .tabs7-overlay-color{
    }
    /* Content wrapper */
    .tabs7-content {
      position:relative;
      overflow:hidden;
      z-index:1;
      border-radius: 26px;
      flex-basis: 100%;
    }
    .tabs7-panel {
      position:absolute;
	  display: flex;
      top:0; 
      left:0;
      width:100%;
       height:100%;
      justify-content:flex-end;
      align-items:flex-start;
      text-align:right;
      flex-direction:column;
      gap:15px;
      color:white;
      padding: 36px;
      }
    .tabs7-panel.tabs7-active {
       display:flex;
       }

    .tabs7-overlay {
      position:absolute;
      top:0; left:0;
      width:100%; height:100%;
      z-index:-1;
	  opacity: 0;
	  transition: all .6s cubic-bezier(.7,0,0,1);
    }
    .tabs7-overlay-color {
      width:100%;
       height:100%;
    }
	.tabs7-active .tabs7-overlay{
		
	}

	.tabs-card__overlay{
		  position:absolute;
      top:0; left:0;
      width:100%; height:100%;
      z-index:2;
		transition: all .6s cubic-bezier(.7,0,0,1);
	}
    .tabs7-panel h1 {
    }
    .tabs7-panel p {
    }
.tabs-card__overlay {
  transition: transform 0.6s cubic-bezier(.7,0,0,1);
  transform-origin: 50% 0;
}

.tabs-card__overlay.animate-scale {
  transform: scaleY(1.2);
}




.tabs7-panel__title {
  color: #EAEAEA;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 133.333% */
}
.tabs7-panel__title--bold {
  margin: 24px 0 16px;
  color: #FFF;
text-align: right;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 93.75% */
}
.tabs7-panel__subtitle {
  color: #FFF;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}







/* que section */

.que__section {
  padding: 100px 0;
}

.que__title {
  color: #161C2D;
text-align: center;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 56px; /* 155.556% */
margin-bottom: 32px;
}





.que-accordion {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 12px;
}

.que-item {
  display: flex;
  padding: 14px 16px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  background: #F6F9FC;
    }

.que-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #425466;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 218.75% */
  transition: all 0.3s;
  width: 100%;
  gap: 12px;
  }


.que-header span {
  color: #425466;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 35px; /* 218.75% */
transition: all 0.3s;

}

.que-arrow {
transition: all 0.3s ease;
transform: rotate(-90deg);
display: flex;
width: 28px;
height: 28px;
justify-content: center;
align-items: center;
padding: 10.5px  7.4px;
border-radius: 8px;

}
.que-arrow svg{
  width: 14px;
  height: 6px;
  transform: rotate(90deg)
}
.que-header.active{
    padding-bottom: 16px;
}
.que-header.active span{
  color: #161C2D;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 35px; /* 218.75% */

}

.que-header.active .que-arrow {
  transform: rotate(90deg);
  color: #673CDD;
  background-color: #F0ECFC;
}

.que-content {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  color: #425466;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 131.25% */
  transition: max-height 0.4s ease;
}

.que-content p {
  margin: 1rem 0;
  padding-left: 30px;
}


.que-content.open {
  padding-bottom: 1rem;

}



/* success section */

.success__section {
  padding-bottom: 110px;
  padding-top: 50px;
  overflow: hidden;
}
.success-inner__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;

}
.success-right__wrapper {
  flex-basis: 48%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

}
.success__title {
  color: #161C2D;
text-align: right;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;

}
.success__subtitle {
  color: #425466;
text-align: right;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 16px 0 48px;
}
.success__links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.success__btn {
  border-radius: 8px;
background: #635BFF;
display: flex;
height: 33px;
padding: 0 13px;
align-items: center;
color: var(--stripe-com-nero, #FFF);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.15px;
}

.success__btn:hover .arrow span {
  width: 14px;  /* طول خط وسط هنگام هاور */
}

.success__btn .arrow span,.success__btn .arrow::before,.success__btn .arrow::after {
  background: #FFF;
}


.seccess__link {
  display: flex;
height: 33px;
padding: 0 13px;
align-items: center;
background-color: transparent;
color: #635BFF;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
 letter-spacing: 0.15px;
}

.seccess__link:hover .arrow span {
  width: 14px;  /* طول خط وسط هنگام هاور */
}

.seccess__link .arrow span,.seccess__link .arrow::before,.seccess__link .arrow::after {
  background: #635BFF;
}

.success-left__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 19px;
  position: relative;
}

.success-img__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19px;
}
.success-img__inner{
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 24px;
  height: 114px;
  width: 100%;
}
.success__img {
    flex-basis: 24%;
  border-radius: 12px;
  overflow: hidden;
  object-fit: cover;
  aspect-ratio: 1/1;
}


.success-left__shape{
  position: absolute;
border-radius: 559px;
background: linear-gradient(91deg, rgba(4, 209, 112, 0.28) -12.86%, rgba(153, 102, 255, 0.24) 99.36%);
filter: blur(30px);
width: 100%;
height: 100%;
transform: rotate(12.48deg);
flex-shrink: 0;
z-index: -1;
}





/* -------- footer -------- */




.footer__wrapper {
  background: #F6F7F9;
  position: relative;
  padding: 32px 0;
}
.footer-totop__btn {
  position: absolute;
  right: -75px;
  top: -68px;
  border-radius: 8px;
border: 2px solid #635BFF;
background: var(--Netural-color-1, #FFF);
height: 48px;
width: 48px;
padding: 4px 12px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.footer-totop__btn img{
  width: 100%;
  height: 100%;
}
.footer-top__wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between ;
}
.footer-links__wrapper {
  display:  inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  flex-basis: 66%;
  width: 100%;
}
.footer-links__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 25px;
  flex-basis: 25%;
}
.footer-main__logo {
  height: 28px;
  margin-bottom: -1px;


}
.footer__link {
  color: var(--Netural-900, #353845);
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
transition: all 0.3s ease;
}
.footer__link:hover {
  color: #656E89;
}
.footer-link__head {
  color: var(--Netural-500, #656E89);
text-align: right;
margin-bottom: 11px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.footer-logo__wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 16px;
}
.footer__logo {
  border-radius: 12px;
background: var(--Netural-200, #D6D8E1);
display: flex;
width: 72px;
height: 72px;
padding: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer__sepline{
  width: 100%;
  background: #D6D8E1;
  height: 1px;
  margin: 24px 0;
}
.footer-bot__wrapper {
  display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
width: 100%;
}
.footer-contact__wrapper {
   display: flex;
justify-content: flex-start;
align-items: center;
gap: 24px;
flex: 1 0 0;
}
.footer-contact__call {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.footer-call__svg {
 width: 24px;
height: 24px;
flex-shrink: 0;
}
.footer__call {
  color: var(--Netural-400, #8890A8);
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.footer-contact__mail {
   display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.footer-mail__svg {
  width: 24px;
height: 24px;
flex-shrink: 0;
}
.footer__mail {
  color: var(--Netural-400, #8890A8);
text-align: right;

font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.footer-contact__location {
   display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.footer-location__svg {
  width: 17.75px;
height: 20.5px;
flex-shrink: 0;
}
.footer__location {
  color: var(--Netural-400, #8890A8);
text-align: right; 
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.footer-social__wrapper {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
}
.footer__social {
  display: flex;
width: 32px;
height: 32px;
padding: 4px;
align-items: center;
gap: 10px;
}
.footer__social img{
  width: 100%;
  height: 100%;
}


.footer-links__wrapper--mobile{
  display: none;
}


.footer-main__logo--mobile{
  display: none;
}

.footer-supp-call__mobile{
  display: none;
}

.hero-links__wrapper--mobile{
  display: none;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  gap: 17px;
  min-height: 56px;
padding: 18px 32px 24px 28px;
background-color: #fff;
z-index: 40;
box-shadow: 6px 0 24px 0 rgba(0, 0, 0, 0.12), 0 16px 32px 0 rgba(17, 37, 62, 0.16);
  transition: bottom 0.5s ease; /* ترنزیشن نرم */


}




/* responsive */
@media (max-width: 1440px) {
  .co-inner__container{
    margin: 0 25px;
  }
  .header__container{
    padding: 0;
  }
  .hero-left__wrapper{
    left: -200px;
  }
  .logo-swiper__wrapper , .consulting__container , .co-inner__container , .success-inner__container , .que-inner__container{
    margin: 0;
  }
  .counter-inner__wrapper , .services__wrapper , .info-swiper__inner--container{
    padding: 0;
  }
  .info-swiper__next {
    right: -30px !important;
  }
  .info-swiper__prev {
    left: -30px !important;
  }
  .swiper-info__numbers {
    width: 100%;
    justify-content: space-between;
    gap: 0;
  }
  .consul-right__wrapper{
    flex-basis: 60%;
  }
  .social-inner__container{
    padding: 0 115px;
  }
}

@media (max-width: 1300px) {
  .hero-left__wrapper{
    left: -330px;
  }
  .social-inner__container{
    padding: 0 ;
  }
}
@media (max-width: 1200px) {
  .mySwiper4 .swiper-wrapper {
  justify-content: flex-start; /* وسط چین کل اسلایدها */
}
.footer-totop__btn{
  right: 0;
}
}
@media (max-width: 1024px) {
  .hero-text__first , .hero-text__sec{
    font-size: 70px;
    line-height: 70px;
  }
  .ticker-slider .ticker li {
    font-size: 80px;
    line-height: 85px;
  }
  .ticker-slider {
    height: 84px;
  }
   .hero-left__wrapper{
    left: -400px;
  }
  .consul-right__wrapper{
    flex-basis: 70%;
  }
  .footer-top__wrapper , .footer-bot__wrapper{
    padding: 0;
  }
  .footer-links__wrapper {
    flex-basis: 80%;
  }
}
@media (max-width: 992px) {
  .header-menu__link {
    padding: 7px 14px;
  }
  .hero-left__wrapper{
    left: -500px;
  }
  .services__inner{
    gap: 24px;
  }
  .services__title{
    font-size: 30px;
  }
  .info-vid__wrapper{
    display: none;
  }
  .info-swiper__next , .info-swiper__prev{
    display: none !important;
  }
   .consul-right__wrapper{
    flex-basis:60%;
  }
  .consul-left__wrapper{
    width: 100%;
  }
  .consul-right__subtitle br{
    display: none;
  }
  .consulting-inner__container{
    flex-direction: column;
  }
  .success__img{
    width: 93px;
	flex-basis: auto;
  }
  .success-inner__container {
    gap: 20px;
  }
  .success-img__inner{
    gap: 19px;
  }
  .success-left__wrapper {
    width: 63%;
  }
  .success__title{
    font-size: 30px;
  }
  .success__subtitle{
    font-size: 20px;
  }
  .success-img__inner{
    height: auto;
  }
  .success__links {
    gap: 17px;
  }
  .seccess__link{
    padding: 0;
  }
   .footer-links__wrapper {
    flex-basis: 70%;
  }
  .header-mega__menu{
    right: -90px;
  }
}
@media (max-width: 900px) {
   .hero-left__wrapper{
    left: -560px;
  }
}
@media (max-width: 768px) {
	.header__wrapper.scrolled {
		background: rgba(78, 72, 177, 0.70);
	}
	.hero-bg__wrapper{
clip-path: polygon(0 0, 100% 0%, 100% 61%, 0 43%);
}
	 .services__title span{
    display: none;
  }
	.success__img{
		height: auto;
    width: 73px;
  }
    .success-img__inner{
    gap: 15px;
  }
  success-img__wrapper{
	  gap: 12.5px;
  }

  .header__menu{
    display: none;
  }
   .hero-left__wrapper{
  display: none;
  }
  .hero-text__first , .hero-text__sec{
    font-size: 56px;
    line-height: 56px;
  }
  
  .header-login__btn{
    border-radius: 16px;
	padding: 4px 16px;

  }
  .header-login__btn svg{
    display: none;
  }
  .nav__btn {
  display: flex;
  }
  .header-menu__wrapper{
    gap: 16px; 
  }
  .hero__section{
    padding-bottom: 50px;
	padding-top: 140px;
  }
  .hero-inner__wrapper , .hero-text__overlay{
    padding-top: 24px;
  }
  .ticker-slider .ticker li{
    font-size:56px ;
    line-height: 60px;
  }
  .ticker-slider {
    top: 90px;
    height: 65px;
  }
  .hero-text__first {
    margin-bottom: 60px;
  }
  .hero__subtitle {
    font-size: 16px;
	line-height: 24px;
    margin: 24px 0;
	max-width: 298px;
  }
  .counter__content{
	  gap: 0;
  }
  .counter__number , .counter__title{
    font-size: 28px;
  }
  .counter__subtitle{
    font-size: 18px;
  }
  .logo-swiper__section {
    margin-bottom: 87px;
  }
  .counter__wrapper{
    padding-bottom:84px;
  }
  .services__inner{
    flex-direction: column;
  }
  .services__subtitle{
    font-size: 16px;
  }
  .services__title{
    font-size: 24px;
    margin-bottom: 32px;
  }
  .services__right{
    padding-top: 0;
  }
  .service__title{
    font-size: 19px;
  }
  .service__subtitle{
    font-size: 14px;
  }
  .service__card{
    gap: 14px;
  }
  .service-text__wrapper{
    gap: 12px;
  }
  .service-text__wrapper{
    padding: 0 16px;
  }
  .services__section{
    padding: 42px 0 72px ;
  }
  .services__title br{
    display: none;
  }
  .info-swiper__inner{
    padding: 16px;
  }
  .info-swiper__logo{
    width: 75px;
  height: 90px;
  }
  .info-swiper__title{
    font-size: 20px;
    margin-bottom: 28px;
    line-height: 30px;
  }
  .swiper-info__auth{
    margin-bottom: 18px;
  }
  .swiper-number__wrapper, .swiper__number{
    font-size: 30px;
  }
  .swiper-number__subtitle{
    font-size: 14px;
  }
  .info-swiper__pagination .swiper-pagination-bullet{
    width: 8px !important;
    height: 8px !important;
    margin: 0 8px !important;
  }
  .info-swiper__section{
    padding: 42px 0;
  }
  .info-swiper__inner{
    height: 100%;
  }
  .mySwiper2{
    height: 400px;
  }
  .swiper-number__wrapper{
    gap: 0;
  }
  .consul-right__title{
    font-size: 24px;
  }
  .consul-right__subtitle{
    font-size: 16px;
    line-height: 24px;
  }
  .consul-right__wrapper{
    gap: 12px;
  }
  .consulting-inner__container{
    gap: 28px;
    padding: 20px;
  }
  .co-card__img{
    height: 147.703px;
    width: 147.703px;

  }
  .co-card__title , .co-card__subtitle{
    font-size: 10px;
  }
  .co__title{
    font-size: 24px;
  }
  .co__subtitle{
    font-size: 14px;
	line-height: 22px;
	padding: 0 24px;
  }
  .consulting__section{
    margin-bottom: 72px;
  }
  .co-logo__swiper{
    margin: 0;
  }
  .co__section{
    margin-bottom: 48px;
  }
  .social-tab__wrapper{
    flex-direction: column-reverse;
  }
  .tabs7-sidebar{
    flex-direction: row;
  }
  .tabs7-tab__img{
    visibility: hidden;
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
  }
  .tabs7-tab::after{
    height: 0%;
  }
  .tabs7-tab::before{
    height: 48px;
}
.tabs7-content{
  width: 100%;
  height: 540px;
  flex-basis: auto;
}
.social-tab__wrapper{
  gap: 0;
}
.tabs7-sidebar{
	margin-top: -20px;
  justify-content: space-evenly;
}

.tabs7-tab{
flex-direction: column;
transform: rotate(90deg);
height: 48px;
}
.tabs7-panel__title--bold {
  line-height: 40px;
}
.tabs7-panel {
  padding: 20px 15px 36px;
}
.social__section{
  padding: 42px 0 57px;
}
.que-header span{
  font-size: 14px;
}
.que-content {
font-size: 14px;
}
.que-header.active span{
  font-size: 14px;
}
.que__title{
  font-size: 24px;
}
.que__section{
  padding: 42px 0 0;
}
.success-inner__container{
  flex-direction: column-reverse;
}
.success__section{
  padding: 90px 0 80px;
  overflow-x: hidden;
}
.success-inner__container{
  gap: 46px;
}
.success__title{
  font-size: 24px;
}
.success__subtitle{
  font-size: 18px;
}
.success__subtitle{
  margin: 12px 0 34px;
}
.footer-top__wrapper{
  flex-direction: column;
}
.footer-main__logo{
  display: none;
}
.footer-links__inner {
  max-width: 400px;
  margin: 0 auto 12px;
}

.footer-links__wrapper--mobile{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
}
  .footer-links__wrapper{
    display: none;
  }
  .footer-logo__wrapper{
    justify-content: center;
    margin-top: 24px;
  }
  


.footer-links-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  gap: 7px;
}

.footer-link__head--mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

.footer-link__svg--mobile {
  transition: transform 0.3s ease;
}
    .footer-links__inner--mobile.active .footer-link__head--mobile{
		font-weight: 700;
	}
.footer-links__inner--mobile.active .footer-link__svg--mobile {
  transform: rotate(180deg);
  background-color: #F0ECFC;
  color: #673CDD;
}
.footer-links__inner--mobile.active .footer-link__svg--mobile svg{
  color: #673CDD;
}

.footer-links__wrapper--mobile {

}
.footer-links__inner--mobile {
}
.footer-link__head--mobile {
  color: var(--Netural-900, #353845);
text-align: right;

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
}
.footer-link__svg--mobile {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Radius-small, 8px);
  background: var(--Netural-color-1, #FFF);
  rotate: -90deg;
}
.footer-link__svg--mobile svg{
    width: 100%;
  height: 100%;
  color: #656E89;
}
.footer__link--mobile {
color: var(--Netural-900, #353845);
text-align: right;
padding: 2px 0;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
}

.footer-supp-call__mobile {
  display: flex;
  align-items: center;
  color: #161C2D;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 24px;
}
.footer-supp__svg {
  display: flex;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
aspect-ratio: 1/1;
margin-left: 6px;
}
.footer-supp__btn {
  display: flex;
width: 78px;
padding: 5px 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: var(--Radius-small, 8px);
background: var(--Netural-500, #656E89);
color: var(--generic-white, #FFF);
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 171.429% */
cursor: auto;
margin-right: auto;
}
.footer-main__logo--mobile{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
}
.footer-main__logo--mobile img{
  height: 100%;
}
.footer-bot__wrapper{
  flex-direction: column;
}
.footer-contact__wrapper{
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
}
.footer-contact__call{
  display: none;
}
.success-img__wrapper , .success-left__wrapper {
  width: 100%;
}
.consulting__section{
  overflow: hidden;
  padding: 72px 0;
  margin: 0;
}
.online-contact__title{
  display: inline;
  padding-right: 12px;
}
.online-contact__btn{
  border-radius: 0 96px 96px 0;
  width: auto;
  right: auto;
  left: 0;
  flex-direction: row-reverse;

}
.online-contact__btn svg{
  width: 28px;
height: 28px;
}


.online-contact__btn{
  bottom: 132px;
  left: -100px;
  transition: all 1s ease-in-out;
}
.online-contact__btn.ready{
    bottom: 132px;

}
.online-contact__btn.open{
  left: 0;
}
.hero-links__wrapper--mobile{
display: flex;
}
.logos__slider{
  height: 20px;
}
.social__subtitle{
  font-size: 16px;
}
.social__title{
  font-size: 24px;
}
.social__btn{
  width: 193px;
}
.consulting__bg {
	inset: -5px;
}
.footer__wrapper {
	padding: 32px 0 100px;
}
.que-header.active .que-arrow{
	background-color:  rgba(99, 91, 255, 0.24);
	color: #635BFF;
}

.service__img {
	display: none;
}
.service__img--mobile{
  width: 100%;
  display: block;
}
}
@media (max-width: 600px) {
	.counter-inner__wrapper .counter__content:nth-child(3) {
    order: 2; /* تعامل با تبلیغ */
}

.counter-inner__wrapper .counter__content:nth-child(4) {
    order: 1; /* نمایش تبلیغ */
}

.counter-inner__wrapper .counter__content:nth-child(1) {
    order: 4; /* رسانه و ناشر */
}

.counter-inner__wrapper .counter__content:nth-child(2) {
    order: 3; /* تبلیغ اجرا شده */
}
  .counter-inner__wrapper{
    flex-wrap: wrap;
	flex-direction: row-reverse;
  }
  .counter__content{
    flex-basis: 45%;
  }
  .consul-left__wrapper{
    display: none;
  }
  .consul-popup__btn{
    display: flex;
  }
  .consul-popup__head{
    border: none;
  }
  .consul-popup__title{
    font-size: 14px;
  }
  .cosul-popup__submit::before {
    display: none;
  }
  .consul-popup__divider{
    display: block;
  }
  .consul-popup__colse-btn img{
    width: 11.979px;
height: 11.979px;
flex-shrink: 0;
  }
  .cosul-popup__submit{
    width: 100%;
    justify-content: center;
  }
  .consul-popup__inner{
    border-radius: 16px 16px 0 0;
background: #FFF;
box-shadow: 0 -2px 6px -1px rgba(0, 0, 0, 0.10);
padding: 20px 0 32px;
bottom: -310px;
position: absolute;
transition: all 0.3s ease-in;
width: 100%;
  }
.consul-popup__wrapper.active .consul-popup__inner {
  bottom: 0;
}

}
@media (max-width: 576px) {
	.service__card{
		padding: 6px 8px 34px !important;
	}
	.service__card:nth-child(1) {
		padding: 4px 4px 34px !important;
	}
  .footer-totop__btn{
    right: 16px;
  }
      .ticker-slider {
		  margin: 0 16px;
	  }
   .header__container{
    padding: 0 16px;
  }
  .hero-text__overlay{
	  padding-left: 16px;
	  padding-right: 16px;
  }
}
@media (max-width: 550px) {
   .mySwiper2{
    height: 420px;
  }
 
}
@media (max-width: 450px) {
.tabs7-sidebar{
  justify-content: center;

}
.tabs7-tab{
  height: 38px;
}
.tabs7-tab::before {
  height: 38px;
}
.tabs7-content {
  height: 515px;
}
}
@media (max-width: 420px) {
   .mySwiper2{
    height: 430px;
  }
  .tabs7-sidebar{
    gap: 10px;
  }
}
@media (max-width: 400px) {
  
  .info-swiper__inner{
    padding: 10px;
  }
  .swiper-number__wrapper, .swiper__number{
    font-size: 24px;
  }
  .ingo-auth__subtitle{
    font-size: 12px;
  }
}

@media (max-width: 350px) {
  .hero-links__wrapper {
    gap: 10px;
  }
    .tabs7-sidebar{
    gap: 10px;
  }
}










/* 1️⃣ غیرفعال کردن کرسر pointer در دستگاه‌های لمسی */
@media (hover: none) and (pointer: coarse) {
  * {
    cursor: default !important; /* یا auto */
  }
}

/* 2️⃣ حذف مربع آبی/هایلایت کلیک در iOS/Android */
* {
  -webkit-tap-highlight-color: transparent; /* سافاری و کروم موبایل */
  -webkit-focus-ring-color: transparent;    /* برای برخی مرورگرهای قدیمی */
  outline: none;
}

/* 3️⃣ (اختیاری) جلوگیری از انتخاب متن هنگام لمس */
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}












/* استایل‌های پایه برای آیکون‌ها */
/* .tabs7-tab__img { */
    /* position: absolute; برای قرارگیری روی هم */
    /* top: 0;
    left: 0;
    width: 100%; */
    /* height: 100%; */
    /* object-fit: contain; یا contain */
    /* مطمئن شوید که والد tabs7-tab دارای position: relative است */
/* } */

/* نمایش اولیه: آیکون خاکستری (active-img) نمایش داده شود و آیکون رنگی (inactive-img) مخفی باشد */
/* .tabs7-active-img {
    display: block; 
}
.tabs7-inactive-img {
    display: none;
} */

/* هنگام فعال شدن تب، استایل جاوا اسکریپت این نمایش را برعکس می‌کند. */

/* استایل برای Overlay موقت جدید */
.temp-color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* باید z-index بالاتری از sharedOverlay داشته باشد تا روی آن قرار بگیرد */
    z-index: 10; 
}

/* مطمئن شوید که sharedOverlay در جای خود ثابت است */
.tabs-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; /* باید زیر temp-color-overlay باشد */
    /* نیازی به transition: background نیست */
}


@media (max-width: 768px) {
    .info-swiper__logo {
        width: auto !important;
    }
    .swiper__number{
        font-size: 20px !important;
        line-height: 30px !important;
        letter-spacing: normal !important;
    }
    .swiper-number__wrapper p:not(.swiper-number__subtitle) {
        line-height: 30px !important;
    }
    .info-swiper__content{
        align-self: stretch !important;
        justify-content: space-between !important;
    }
}