@media (min-width: 1200px) and (max-width: 1600px) {
  .departments .payment-wrapper .payment-card {
    width: calc((100% - 50px) / 5);
  }
}

@media (min-width: 1250px) and (max-width: 1500px) {
  .track-telegram .steps-wrapper {
    width: 80%;
  }
}

@media (min-width: 2000px) {
  .track-telegram .steps-wrapper {
    width: 50%;
  }
}

@media (max-width: 1600px) {
  .btn-flex {
    display: none;
  }
}

@media (max-width: 1250px) {
  .track-telegram {
    padding-bottom: 0 !important;
  }

  .track-telegram .steps-wrapper {
    width: 80%;
  }

  .track-telegram .steps-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 35px;
    position: relative;
  }

  .track-telegram .step-card {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
    right: unset;
  }

  .track-telegram .steps-wrapper .circle {
    display: none;
  }

  .track-telegram .step-card:not(:last-child)::after {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);

    width: 2px;
    height: 45px;

    background: repeating-linear-gradient(to bottom,
        var(--main-color) 0px,
        var(--main-color) 6px,
        transparent 6px,
        transparent 11px);
    background-size: 2px 11px;
    filter: blur(0);
    animation: dashMove 0.6s linear infinite;
  }
}


@media (max-width: 1100px) {
  .hero-imgs .img1 .bottom{
    left:  unset;
    right: 50%;
    transform: translateX(50%);
    min-width: 280px;
  }
}
@media (max-width: 992px) {
  .hero-imgs {
    /* flex-direction: column; */
    gap: 60px;
    padding-top: 70px;
  }

  .hero-imgs .img2 {
    margin: 0;
    order: 2;
    display: none;
  }
/* .hero-imgs .img2 img{
  width: 90%;
} */
  .hero-imgs .img1:first-child {
    order: 1;
  }
  .hero-imgs .img1:first-child .hero-text{
    right: 0;
    left: unset;
  }
  .hero-imgs .img1:last-child {
    order: 3;
  }


  .hero-imgs .hero-text p {
    font-size: 16px;
    line-height: 1.5;
  }

  .hero-imgs .img2 ,
  .hero-imgs .img1 {
    height: 200px;
  }

  .hero-imgs .img1 .hero-text{
    left: 20px;
    padding: 8px 12px;
  }

  .hero-imgs .img1 .bottom{
    left:  unset;
    right: 50%;
    transform: translateX(50%);
    min-width: 280px;
  }




  .faqs .row {
    flex-direction: column-reverse;
  }

  .faqs figure {
    width: 40%;
    margin: auto;
  }
  .inquiry-details-form{

    padding: 8px;
  }
}

@media (max-width: 767px) {
    .section {
      margin-top: 0;
    }
  .inquire-message-img {
    /* width: 150px; */
    margin: 0 auto;
  }

  .payment-card {
    width: calc((100% - 10px) / 2);
  }

  .title {
    width: 100%;
  }

  .track-telegram .steps-wrapper {
    width: 90%;
  }

  .faqs .main-container {
    padding: 20px;
  }

  .filter-box,
  .inquire-content-details {
    flex-direction: column;
  }

  .group-box {
    flex-direction: column;
  }

  .inquire-content-details .payment-button-container {
    flex-direction: column;
    gap: 10px;
  }

  .inquire-content-details .payment-button-container a {
    width: 100%;
  }

  .img-animate span,.payment-button-container button span {
    font-size: 14px;
  }

  .cards,
  .about-us {
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .hero-content h1 {
    width: 100%;
  }

  .hero-content h1::before {
    top: 75%;
    right: 75%;
  }

  .hero-imgs {
    gap: 40px;
  }

  .hero-imgs .img1 img {
    width: 140px;
  }

  .hero-imgs .hero-text {
    padding: 8px 12px;
  }

  .hero-imgs .hero-text p {
    font-size: 14px;
  }

  .hero-imgs .main-btn {
    transform: scale(0.9);
  }

  .hero-imgs .img1 .hero-text {
    left: 0px;
  }

  .hero-imgs .img1 .bottom {
    left: unset;
    top: 95%;
  }


  .hero-imgs .img1 .main-btn {
    height: fit-content;
    padding: 4px 12px;
    font-size: 14px;
    bottom: 30px;
  }

  .btn-flex {
    display: block;
  }

  .btn-none {
    display: none;
  }

  .menu-overlay nav {
    width: 200px;
    padding: 0 15px;
  }
  .menu-preview.expanded {
    width: calc(100% - 200px);
  }

  .menu-overlay nav a {
    font-size: 16px;
  }

  .hamburger.menu-open {
    right: 200px;
  }

  .faqs figure .q1 {
    right: 0;
    bottom: 0;
  }

  .faqs figure .q2 {
    bottom: 40px;
  }

  .faqs figure .q3 {
    right: 50px;
    bottom: 50px;
  }

  .payment-card {
    padding: 10px;
    min-height: 120px;
  }

  .payment-logo {
    height: 60px;
    width: 80%;
  }

  .faqs figure .question {
    right: 10px;
    bottom: 0;
  }

  .track-telegram .step-card::before {
    width: 35px;
    height: 35px;
    font-size: 35px;
    left: -10px;
    right: unset;
  }

  .cards .about-us-statistics-item {
    max-width: calc((100% / 2) - 10px);
  }

  .inquiry-tap{
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px;
  }

  .about-us-statistics-item h3 {
    font-size: 28px;
  }

  .about-us-statistics-item p {
    font-size: 16px;
  }

  .about-us-statistics .col-lg-6 {
    padding: 4px !important;
  }

}




@media (max-width: 425px) {

  .hero-imgs .img1 .bottom {
    min-width: 200px;
  }




  .inquire-message-img {
    width: 100px;
    margin: 0 auto;
  }

  .main-btn{
    /* width: 110px; */
    padding: 10px;
    font-size: 14px;
  }

  .payment-button-container {
    gap: 0;
  }

  .section-form h2{
    font-size: 24px;
  }
  .input-box label{
    font-size: 20px;
  }

  .order-number .payment-card h2 {
    font-size: 18px;
  }

  .order-number .payment-card p {
    font-size: 14px;
  }

  .inquire-content-details .payment-button-container {
    width: 100%;
  }

  .cards .about-us-statistics-item p{

    font-size: 16px;
  }
  .cards .about-us-statistics-item h2{
    font-size: 20px;
  }

  .about-us-statistics-item img{
    width: 40px;
    height: 40px;
  }
}

@keyframes dashMove {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 11px;
  }
}


@media (max-width: 375px) {
  .hero-imgs .img1 .bottom {
    right: auto;
    transform: none;
    left: 0px;
    min-width: 240px;
  }


  .hero-imgs .img2 img, .hero-imgs .img1 img {
    height: 180px;
    width: 120px;
}

}