@media (min-width: 1024px) {
    .navigation-space

 {
        height: 186px;
    }
}

@media (max-width: 1024px) {
    .navigation-space

 {
        height: 191px;
    }
}




.social-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr); /* دو ستونه */
  gap: 15px;
  max-width: 600px;
  margin: 20px auto;
  font-family: Tahoma, Arial, sans-serif;
}




@media(min-width:999px){
.social-container{
	grid-template-columns:repeat(2,1fr)
	}
}

.social-btn {
  display: block;
  padding: 12px 20px;
  color: white;
  text-decoration: none;
  text-align: center;
  border-radius: 50px; /* دکمه‌های گرد */
  font-weight: bold;
  transition: opacity 0.3s;
}

.social-btn:hover {
  opacity: 0.8;
}

/* رنگ‌بندی اختصاصی هر دکمه */
.telegram { background-color: #26a5e4; }
.instagram { background-color: #c13584; }
.rubika { background-color: #c42d38; }
.eitaa { background-color: #f7941e; }
.bale { background-color: #27a79d; }
.support { background-color: #25d366; }


.after\:to-white\/\[0\.82\]\:after {
    content: var(--tw-content);
    --tw-gradient-to: rgb(0 0 0 / 35%) var(--tw-gradient-to-position);
}

.after\:from-white\/\[0\.96\]\:after {
    content: var(--tw-content);
    --tw-gradient-from: rgb(255 255 255 / 20%) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:bg-gradient-to-b\:after {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.after\:z-1\:after {
    content: var(--tw-content);
    z-index: 1;
}

.after\:inset-y-0\:after {
    content: var(--tw-content);
    top: 0;
    bottom: 0;
}

.after\:inset-x-0\:after {
    content: var(--tw-content);
    left: 0;
    right: 0;
}

.after\:absolute\:after {
    content: var(--tw-content);
    position: absolute;
}

::before,
::after {
    --tw-content: "";
}