body {
  font-family: "IRANSans", sans-serif;
}
.btn-outline-purple {
color: #6f42c1;
border: 1px solid #6f42c1;
background-color: transparent;
}

.btn-outline-purple:hover {
background-color: #6f42c1;
color: white;
}

.btn-purple {
background-color: #6f42c1; /* رنگ بنفش بوت‌استرپ */
color: #fff;
}
.text-purple {
color: #6f42c1; /* رنگ بنفش بوت‌استرپ */

}
  @media (max-width: 991.98px) {
    /* وسط‌چین کردن کل محتویات در موبایل */
    .navbar-collapse {
      text-align: center;
    }

    /* لینک‌های منو در موبایل به رنگ secondary */
    .navbar-nav .nav-link.link-style {
      color: #6c757d !important; /* Bootstrap secondary */
    }
  }


.custom-outline-warning {
color: #f2b602;
border-color: #f2b602;
}

.custom-outline-warning:hover {
background-color: #f2b602;
color: white; /* یا white اگر خواناتر باشه */
}

.btn-purple:hover {
background-color: #5936a6;
color: #fff;
}


.patterns-top {
  max-height: 600px;
  object-fit: cover;

}

.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}



  /* افکت انیمیشن fade-in */
  .animate-fade {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s ease-out forwards;
  }

  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

.hero .container {
  position: relative;
  z-index: 2;
}

.card-title {
  font-size: 1.1rem;
  font-weight: bold;
}
.video-wrapper-vertical {
  position: relative;
  width: 100%;
  padding-top: 177.77%; /* نسبت 16:9 معکوس برای ویدیوی عمودی یعنی 9:16 */
  overflow: hidden;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;

}

.video-wrapper-vertical iframe,
.video-wrapper-vertical script,
.video-wrapper-vertical div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.register{
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.login{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.footer_container {
    direction: rtl;
    background-color: #212121;
    padding: 1px 50px;
    text-align: center;
    margin-top: 100px;
}
.copyright {
    max-width: 800px;
    margin: 10px auto 10px auto;
    color: #000;
    padding: 1px 0px 10px 0px;
    font-size: 16px;
    border-bottom: 1px solid #535353;
}
.footer_info {
    color: #fff;
    font-size: 18px;
    margin-top:10px;
}