.tab-item .icon {
    background-size: 24px !important;
}
.tabs-striped.tabs-background-positive .tabs {
    box-shadow: 0 5px 21px 0px #707070;
    height: 48px;
}

h4.ng-binding {
    color: wheat;
}
.cta-button {
    /* پایه طراحی */
    position: relative;
    background: linear-gradient(135deg, #9D4EDD 0%, #7B2CBF 100%);
    border: none;
    padding: 1.2rem 2.5rem;
    border-radius: 15px; /* گردی ملایم */
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: white;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    
    /* سایه و نورپردازی */
    box-shadow: 
        0 4px 20px rgba(157, 78, 221, 0.3),
        0 0 15px rgba(157, 78, 221, 0.2) inset;
        
    /* افکت سه بعدی */
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* افکت هورور پیشرفته */
.cta-button:hover {
    transform: 
        scale(1.05) 
        translateY(-2px);
    box-shadow: 
        0 8px 30px rgba(157, 78, 221, 0.5),
        0 0 25px rgba(157, 78, 221, 0.3) inset;
        
    background: linear-gradient(135deg, #B667F1 0%, #8E44AD 100%);
}

/* افکت کلیک */
.cta-button:active {
    transform: scale(0.98) translateY(1px);
    transition: all 0.1s ease;
}

/* نور داخلی */
.cta-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.15),
        transparent
    );
    animation: lightSlide 2s infinite;
}

@keyframes lightSlide {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* ذرات پراکنده */
.cta-button::after {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    background: radial-gradient(
        circle, 
        rgba(255,255,255,0.1) 0%, 
        transparent 70%
    );
    animation: particleBloom 3s infinite;
}

@keyframes particleBloom {
    0%, 100% { transform: scale(0.9); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.4; }
}

/* متن سه بعدی */
.cta-button span {
    position: relative;
    z-index: 2;
    text-shadow: 
        1px 1px 2px rgba(0,0,0,0.3),
        0 0 8px rgba(255,255,255,0.4);
}
.cta-button-v3 {
  /* پایه طراحی */
  position: relative;
  background: linear-gradient(135deg, #9D4EDD 0%, #7B2CBF 100%);
  border: none;
  padding: 1.2rem 2.5rem;
  border-radius: 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  
  /* سایه با افکت عمق سه‌بعدی */
  box-shadow: 
    0 4px 20px rgba(157, 78, 221, 0.3),
    0 0 15px rgba(157, 78, 221, 0.2) inset,
    0 8px 25px rgba(0,0,0,0.2);
    
  transform: perspective(1000px) translateZ(0);
  backface-visibility: hidden;
}

/* حالت هاور با افزایش درخشش حاشیه */
.cta-button-v3:hover {
  transform: perspective(1000px) scale(1.05) translateY(-2px);
  box-shadow: 
    0 10px 30px rgba(157, 78, 221, 0.5),
    0 0 25px rgba(157, 78, 221, 0.3) inset,
    0 12px 40px rgba(0,0,0,0.25);
  background: linear-gradient(135deg, #B667F1 0%, #8E44AD 100%);
}

/* افکت کلیک */
.cta-button-v3:active {
  transform: perspective(1000px) scale(0.98) translateY(1px);
  transition: all 0.1s ease;
}

/* افکت نور داخلی */
.cta-button-v3::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  animation: lightSlide 2s infinite;
}

/* حاشیه نورانی متحرک */
.cta-button-v3::after {
  content: '';
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  border: 2px solid rgba(255,255,255,0.25);
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(255,255,255,0.3);
  animation: borderGlow 3s infinite;
}

@keyframes borderGlow {
  0%, 100% { filter: blur(2px); opacity: 0.8; }
  50% { filter: blur(6px); opacity: 0.5; }
}

/* کلیدواژه‌های مشترک برای افکت‌های متحرک */
@keyframes lightSlide {
  0% { left: -100%; }
  100% { left: 100%; }
}

@keyframes particleBloom {
  0%, 100% { transform: scale(0.9); opacity: 0.7; }
  50% { transform: scale(1.1); opacity: 0.4; }
}

/* متن سه بعدی */
.cta-button-v3 span {
  position: relative;
  z-index: 2;
  text-shadow: 
    1px 1px 2px rgba(0,0,0,0.3),
    0 0 8px rgba(255,255,255,0.4);
}

div.item-container div.item-right{
  margin-bottom: -20px;
  margin-top: 5px;
}