footer .seperator-sm {
  width: 100%;
  height: 3px;
  background-color: #2e72ed;
}
footer {
  margin-bottom: 0 !important;
}
footer * {
  inherits: unset;
  color: white !important;
}
.footer {
  display: none !important;
  max-height: 800px;
  height: 35vh !important;
}
.footer a {
  font-family: iran-medium !important;
  font-size: 14px;
  text-wrap: nowrap;
}
.footer .link-col span {
  font-family: iran-medium !important;
  font-size: 15px;
  text-wrap: nowrap;
}

.link-col {
  display: flex;
  gap: 17px;
  flex-direction: column;
}
.desktop-footer-bg {
  display: none !important;
}
/* sm */
@media (min-width: 200px) {
}
/* md  */
@media (min-width: 700px) {
}
/* lg */
@media (min-width: 900px) {
  .footer {
    display: flex !important;
    height: 35vh !important;
    background: linear-gradient(90deg, #091226 1%, #304168 100%);
  }
  .mobile-footer {
    display: none !important;
  }
}
@media (min-width: 900px) and (max-height: 768px) {
  .footer {
    display: flex !important;
    height: 90vh !important;
  }
}
@media (min-width: 1200px) and (max-height: 800px) {
  .footer {
    display: flex !important;
    height: 80vh !important;
  }
}
@media (min-width: 1024px) and (max-height: 768px) {
  .desktop-footer-bg {
    display: block !important;
  }
  .footer {
    height: 50vh !important;
    background: none !important;
  }
}
@media (min-width: 1024px) and (max-height: 600px) {
  .footer {
    height: 70vh !important;
    background: none !important;
  }
}
/* xl*/
@media (min-width: 1200px) and (min-height: 600px) {
  .footer .link-col span {
    font-size: 13px;
  }
  .footer a {
    font-size: 12px;
  }
  .footer .seperator-sm {
    height: 2px;
  }
  .footer-icon {
    width: 15px !important;
  }
  .footer {
    height: 80vh !important;
  }
}
@media (min-width: 1400px) and (min-height: 600px) {
  .footer .link-col span {
    font-size: 15px;
  }
  .footer a {
    font-size: 14px;
  }
  .desktop-footer-bg {
    display: block !important;
  }
  .footer .seperator-sm {
    width: 100%;
    height: 3px;
    background-color: #2e72ed;
  }
  .footer-icon {
    width: 20px !important;
  }
  .footer {
    height: 80vh !important;
    background: none !important;
  }
}

/* mobile-footer  */
.mobile-footer {
  background: url(../../images/mobile-footer-bg.svg);
  background-size: cover;
}
.mobile-footer .link-col {
  flex-direction: column;
  gap: 10px;
}
.mobile-footer .link-col span {
  font-size: 14px;
}
.mobile-footer .link-col a {
  font-size: 12px;
}