@font-face {
  font-family: adobemingstd;
  src: url("../font/adobemingstd-light.otf");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: adobemingstd;
}

.body {
  transition: 0.4s;
}

.bi-sun {
  color: rgb(250, 225, 0);
  text-shadow: 0 0 14px rgb(0, 217, 255);
  cursor: pointer;
  transition: 0.3s;
  animation: rotate 5s linear infinite forwards;
}
.bi-sun:hover {
  color: rgb(216, 195, 5);
  transition: 0.3s;
  text-shadow: 0 0 27px rgb(0, 217, 255);
}

.bi-moon {
  color: #fafafa;
  text-shadow: 0 0 14px rgb(0, 38, 255);
  cursor: pointer;
  transition: 0.3s;
  animation: rotate 5s linear infinite forwards;
}
.bi-moon:hover {
  transition: 0.3s;
  color: #dbdbdb;
  text-shadow: 0 0 27px rgb(0, 38, 255);
}

.bg {
  transition: 0.3s;
  background-color: rgba(0, 0, 0, 0.7960784314);
}

.bg-2 {
  transition: 0.3s;
  background-color: rgba(180, 180, 180, 0.7960784314);
}

.bg-3 {
  transition: 0.3s;
  background-color: rgba(15, 15, 15, 0.9254901961);
}

.vh {
  height: 90vh;
}

.text {
  color: #000000;
  transition: 0.3s;
}
.text:hover {
  color: #7e7e7e;
}

.text-2 {
  color: #ffffff;
  transition: 0.3s;
}
.text-2:hover {
  color: #adadad;
}

.offcanvas-btn {
  border: none;
  background-color: transparent;
  color: #000000;
  transition: 0.3s;
}
.offcanvas-btn:hover {
  color: #7e7e7e;
}

.offcanvas-btn2 {
  color: #ffffff;
}
.offcanvas-btn2:hover {
  color: #adadad;
}

.bi-x-lg {
  border: none;
  background-color: transparent;
  color: rgb(255, 0, 0);
  transition: 0.1s;
}
.bi-x-lg:hover {
  transition: 0.1s;
  transform: scale(1.1);
}

.links {
  color: rgb(17, 0, 255);
  transition: 0.4s;
  text-shadow: 0 0 2px black;
}
.links:hover {
  color: rgb(0, 153, 255);
}

.links2 {
  color: rgb(255, 255, 255);
}
.links2:hover {
  color: rgb(112, 112, 112);
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.card {
  border-radius: 15px;
  width: 20rem;
  height: 10rem;
}

.default {
  transition: 0.4s;
  color: #000;
  text-shadow: 0 0 20px black;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 40px rgb(0, 0, 0);
  backdrop-filter: blur(5px);
}

.eqtesad-novin {
  transition: 0.4s;
  color: #fff;
  text-shadow: 0 0 20px black;
  background-color: rgba(64, 12, 184, 0.4);
  box-shadow: 0 0 40px rgb(88, 0, 146);
  backdrop-filter: blur(5px);
}

.ansar {
  transition: 0.4s;
  color: #fff;
  text-shadow: 0 0 20px black;
  background-color: rgba(187, 124, 8, 0.4);
  box-shadow: 0 0 40px rgb(146, 132, 0);
  backdrop-filter: blur(5px);
}

.iran-zamin {
  transition: 0.4s;
  color: #000;
  text-shadow: 0 0 20px black;
  background-color: rgba(217, 152, 255, 0.4);
  box-shadow: 0 0 40px rgb(126, 0, 115);
  backdrop-filter: blur(5px);
}

.parsian {
  transition: 0.4s;
  color: #000;
  text-shadow: 0 0 20px black;
  background-color: rgba(255, 242, 199, 0.4);
  box-shadow: 0 0 40px rgb(187, 153, 0);
  backdrop-filter: blur(5px);
}

.pasagurd {
  transition: 0.4s;
  color: rgb(255, 196, 0);
  text-shadow: 0 0 20px black;
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 40px rgb(255, 196, 0);
  backdrop-filter: blur(5px);
}

.ayande {
  transition: 0.4s;
  color: #000;
  background-color: rgba(5, 67, 240, 0.4);
  box-shadow: 0 0 40px rgb(0, 162, 255);
  backdrop-filter: blur(5px);
}

.tejarat {
  transition: 0.4s;
  color: #000;
  text-shadow: 0 0 20px black;
  background-color: rgba(0, 225, 255, 0.4);
  box-shadow: 0 0 40px rgb(0, 89, 255);
  backdrop-filter: blur(5px);
}

.tosee-tavon {
  transition: 0.4s;
  color: #000;
  background-color: rgba(150, 241, 253, 0.4);
  box-shadow: 0 0 40px rgb(46, 119, 255);
  backdrop-filter: blur(5px);
}

.tosee-saderat-iran {
  transition: 0.4s;
  color: rgb(255, 196, 0);
  text-shadow: 0 0 20px black;
  background-color: rgba(9, 255, 0, 0.4);
  box-shadow: 0 0 40px rgb(150, 122, 0);
  backdrop-filter: blur(5px);
}

.hekmat-iranian {
  transition: 0.4s;
  color: #000000;
  text-shadow: 0 0 20px black;
  background-color: rgba(192, 192, 192, 0.4);
  box-shadow: 0 0 40px rgb(0, 15, 150);
  backdrop-filter: blur(5px);
}

.dey {
  transition: 0.4s;
  color: #000;
  text-shadow: 0 0 20px black;
  background-color: rgba(0, 238, 255, 0.4);
  box-shadow: 0 0 40px rgb(96, 197, 255);
  backdrop-filter: blur(5px);
}

.refah-karegaran {
  transition: 0.4s;
  color: #000;
  text-shadow: 0 0 20px black;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 40px rgb(62, 125, 161);
  backdrop-filter: blur(5px);
}

.saman {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px black;
  background-color: rgba(0, 55, 175, 0.4);
  box-shadow: 0 0 40px rgb(0, 217, 255);
  backdrop-filter: blur(5px);
}

.sepah {
  transition: 0.4s;
  color: #000000;
  text-shadow: 0 0 20px black;
  background-color: rgba(255, 174, 0, 0.4);
  box-shadow: 0 0 40px rgb(192, 192, 192);
  backdrop-filter: blur(5px);
}

.sarmaye {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px black;
  background-color: rgba(68, 0, 255, 0.4);
  box-shadow: 0 0 40px rgb(255, 255, 255);
  backdrop-filter: blur(5px);
}

.sina {
  transition: 0.4s;
  color: #000000;
  text-shadow: 0 0 20px black;
  background-color: rgba(255, 187, 0, 0.4);
  box-shadow: 0 0 40px rgb(255, 238, 0);
  backdrop-filter: blur(5px);
}

.shahr {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px black;
  background-color: rgba(202, 0, 0, 0.4);
  box-shadow: 0 0 40px rgb(235, 0, 0);
  backdrop-filter: blur(5px);
}

.saderat-iran {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px black;
  background-color: rgba(52, 126, 145, 0.4);
  box-shadow: 0 0 40px rgb(0, 119, 255);
  backdrop-filter: blur(5px);
}

.sanat-va-madan {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px black;
  background-color: rgba(3, 0, 173, 0.4);
  box-shadow: 0 0 40px rgb(99, 141, 233);
  backdrop-filter: blur(5px);
}

.qarz-alhasane {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px black;
  background-color: rgba(69, 173, 0, 0.4);
  box-shadow: 0 0 40px rgb(133, 60, 0);
  backdrop-filter: blur(5px);
}

.qavamim {
  transition: 0.4s;
  color: #000000;
  text-shadow: 0 0 20px black;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 40px rgb(206, 20, 20);
  backdrop-filter: blur(5px);
}

.kar-afarin {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px black;
  background-color: rgba(66, 180, 0, 0.4);
  box-shadow: 0 0 40px rgb(196, 183, 0);
  backdrop-filter: blur(5px);
}

.keshavarzi {
  transition: 0.4s;
  color: #fdec00;
  text-shadow: 0 0 20px black;
  background-color: rgba(211, 197, 0, 0.4);
  box-shadow: 0 0 40px rgb(0, 119, 6);
  backdrop-filter: blur(5px);
}

.gardeshgari {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  background-color: rgba(160, 75, 75, 0.4);
  box-shadow: 0 0 40px rgb(255, 255, 255);
  backdrop-filter: blur(5px);
}

.markazi {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  background-color: rgba(0, 28, 104, 0.4);
  box-shadow: 0 0 40px rgb(146, 138, 138);
  backdrop-filter: blur(5px);
}

.maskan {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  background-color: rgba(27, 161, 0, 0.4);
  box-shadow: 0 0 40px rgb(0, 49, 7);
  backdrop-filter: blur(5px);
}

.melat {
  transition: 0.4s;
  color: #000000;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  background-color: rgba(223, 38, 14, 0.4);
  box-shadow: 0 0 40px rgb(255, 255, 255);
  backdrop-filter: blur(5px);
}

.meli {
  transition: 0.4s;
  color: #ffffff;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  background-color: rgba(0, 88, 221, 0.4);
  box-shadow: 0 0 40px rgb(0, 117, 0);
  backdrop-filter: blur(5px);
}

.mehr-eqtesad {
  transition: 0.4s;
  color: #000000;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 40px rgb(187, 0, 0);
  backdrop-filter: blur(2px);
}

.iran-post {
  transition: 0.4s;
  color: #000000;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  background-color: rgba(221, 206, 0, 0.4);
  box-shadow: 0 0 40px rgb(255, 255, 255);
  backdrop-filter: blur(5px);
}

@media only screen and (max-width: 990px) {
  .card {
    width: 17rem;
  }
  .input {
    width: 17rem !important;
  }
}
.bi-wifi {
  transform: rotate(90deg);
}

.input {
  border: 1px solid black;
  outline: none;
  width: 20rem;
  box-shadow: 0 0 20px black;
}

.light {
  background: url("../images/card/light.jpg") no-repeat center;
  background-size: cover;
  height: 100vh;
}

.dark {
  background: url("../images/card/dark.jpg") no-repeat center;
}

/*# sourceMappingURL=card.css.map */