@media (min-width: 1400px) {
  .container {
    max-width: 1400px !important;
  }
}

@media (max-width : 992px) {

  nav{
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    transform: translateY();
  }

  .AutoResponsive992{
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-direction: column;
  }

  .w50{
    width: 100%;
  }

  .TudidBtns div{
    background-color: #FAAE1C;
  }

  .AutoResponsive992Revers{
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-direction: column-reverse;
  }
  .TextCenter992{
    text-align: center;
  }

  .AboutContactSupport {
    position: relative;
  }

  .AboutContactSupportLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    
    display: flex !important; /* دوباره نمایش داده میشه اما روی دیو راست */
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.15); /* شیشه‌ای */
    z-index: 10;
  }

  .AboutContactSupportRight {
    width: 100% !important;
  }

  
.Tudid{
    position: relative;
}

.TudidAppImg{
  width: 100 !important;
}

.TudidLeft{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    
    display: flex !important; /* دوباره نمایش داده میشه اما روی دیو راست */
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.15); /* شیشه‌ای */
    z-index: 10;
}

.IranMap{
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.IranMapIcons{
  gap: 20px;
}

.BorderRight{border-right: #65308F 2px solid; padding-right: 20px;}
.BorderLeft{border-left: #65308F 2px solid; padding-left: 20px;}

}

@media (max-width : 768px) {
  .TudidNowSectionRight{
    display: none;
  }

  .ActiviteNew{
    display: flex;
    flex-direction: column-reverse;
    gap: 15px;
  }

  nav{
    transform: translateX(20px) translateY(20px);
    gap: 0;
  }

  .PurpleBtn{
    width: 100%;
  }
}