main .h1 {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 150%;
  color: #414141;
  margin-top: 16px;
  margin-bottom: 60px;
}
main .katalog .car1 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
main .katalog .car2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
main .katalog .car3 {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 30px;
  margin-bottom: 30px;
}
main .katalog .car4 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
main .katalog .cc {
  background-image: url(../../img/katalog-1.png);
  width: 100%;
  color: white;
  padding-top: 163px;
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-1.png);
  padding-left: 10px;
  padding-bottom: 10px;
  background-size: cover;
  transition: 0.3s;
}
main .katalog .cc:hover {
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-1.png);
}
main .katalog .car .card11 {
  overflow: hidden;
}
main .katalog .car .card11 .card1 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-1.png);
  transition: 0.4s;
}
main .katalog .car .card11 .card1:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-1.png);
}
main .katalog .car .card22 {
  overflow: hidden;
}
main .katalog .car .card22 .card2 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-2.png);
  transition: 0.4s;
}
main .katalog .car .card22 .card2:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-2.png);
}
main .katalog .car .card33 {
  overflow: hidden;
}
main .katalog .car .card33 .card3 {
  background-image: li near-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-3.png);
  transition: 0.4s;
}
main .katalog .car .card33 .card3:hover {
  transform: scale(1.1);
  background-image: li near-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-3.png);
}
main .katalog .car .card44 {
  overflow: hidden;
}
main .katalog .car .card44 .card4 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-4.png);
  transition: 0.4s;
}
main .katalog .car .card44 .card4:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-4.png);
}
main .katalog .car .card55 {
  overflow: hidden;
}
main .katalog .car .card55 .card5 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-5.png);
  transition: 0.4s;
}
main .katalog .car .card55 .card5:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-5.png);
}
main .katalog .car .card66 {
  overflow: hidden;
}
main .katalog .car .card66 .card6 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-6.png);
  transition: 0.4s;
}
main .katalog .car .card66 .card6:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-6.png);
}
main .katalog .car .card77 {
  overflow: hidden;
}
main .katalog .car .card77 .card7 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-7.png);
  transition: 0.4s;
}
main .katalog .car .card77 .card7:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-7.png);
}
main .katalog .car .card88 {
  overflow: hidden;
}
main .katalog .car .card88 .card8 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-8.png);
  transition: 0.4s;
}
main .katalog .car .card88 .card8:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-8.png);
}
main .katalog .car .card99 {
  overflow: hidden;
}
main .katalog .car .card99 .card9 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-9.png);
  transition: 0.4s;
}
main .katalog .car .card99 .card9:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-9.png);
}
main .katalog .car .card100 {
  overflow: hidden;
}
main .katalog .car .card100 .card10 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-10.png);
  transition: 0.4s;
}
main .katalog .car .card100 .card10:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-10.png);
}
main .katalog .car .card110 {
  overflow: hidden;
}
main .katalog .car .card110 .card11 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-11.png);
  transition: 0.4s;
}
main .katalog .car .card110 .card11:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-11.png);
}
main .katalog .car .card120 {
  overflow: hidden;
}
main .katalog .car .card120 .card12 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-12.png);
  transition: 0.4s;
}
main .katalog .car .card120 .card12:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-12.png);
}
main .katalog .car .card130 {
  overflow: hidden;
}
main .katalog .car .card130 .card13 {
  background-image: linear-gradient(to top, #6fc05b, rgba(111, 192, 91, 0)), url(../../img/katalog-13.png);
  transition: 0.4s;
}
main .katalog .car .card130 .card13:hover {
  transform: scale(1.1);
  background-image: linear-gradient(to top, #FF6633, rgba(111, 192, 91, 0)), url(../../img/katalog-13.png);
}

footer {
  background-image: url(../../img/footer.png);
  padding-top: 30px;
  padding-bottom: 50px;
}
footer .futer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .futer .f-1 {
  display: flex;
  align-items: center;
}
footer .futer .f-1 .left {
  margin-left: 30px;
  margin-bottom: -10px;
}
footer .futer .f-1 .left a {
  font-family: "Rubik";
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #414141;
}
footer .futer .f-1 .left a:hover {
  cursor: pointer;
  color: #70C05B;
}
footer .futer .f-2 {
  display: flex;
  align-items: center;
}
footer .futer .f-2 .left {
  margin-left: 20px;
}
footer .futer .f-2 img:hover {
  cursor: pointer;
}
footer .futer .f-3 .f-33 {
  display: flex;
}
footer .futer .f-3 .f-33 .dizayn {
  margin-right: 10px;
}
footer .futer .f-3 .f-33 .raqam {
  margin-left: 10px;
  cursor: pointer;
}
footer .futer .f-3 .f-33 .raqam:hover {
  color: #70C05B;
}

@media (max-width: 1000px) {
  main .katalog .car1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  main .katalog .car2 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  main .katalog .car3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  main .katalog .car4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 900px) {
  main .katalog .car1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  main .katalog .car2 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  main .katalog .car2 .card77 {
    display: none;
  }
  main .katalog .car3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  main .katalog .car4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 780px) {
  main .katalog .car1 {
    grid-template-columns: 1fr 2fr;
  }
  main .katalog .car1 .card33 {
    display: none;
  }
  main .katalog .car2 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  main .katalog .car2 .card77 {
    display: none;
  }
  main .katalog .car3 {
    grid-template-columns: 2fr 1fr;
  }
  main .katalog .car3 .card100 {
    display: none;
  }
  main .katalog .car4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 650px) {
  main .katalog .car1 {
    grid-template-columns: 2fr;
  }
  main .katalog .car1 .card22 {
    display: none;
  }
  main .katalog .car2 {
    grid-template-columns: 1fr 1fr;
  }
  main .katalog .car2 .card66 {
    display: none;
  }
  main .katalog .car3 {
    grid-template-columns: 1fr 1fr;
  }
  main .katalog .car3 .card100 {
    display: none;
  }
  main .katalog .car4 {
    grid-template-columns: 1fr 1fr;
  }
  main .katalog .car4 .card130 {
    display: none;
  }
}
@media (max-width: 580px) {
  main .katalog .car1 {
    grid-template-columns: 2fr;
  }
  main .katalog .car1 .card22 {
    display: none;
  }
  main .katalog .car2 {
    grid-template-columns: 1fr 1fr;
  }
  main .katalog .car2 .card66 {
    display: none;
  }
  main .katalog .car3 {
    grid-template-columns: 2fr;
  }
  main .katalog .car3 .card88 {
    display: none;
  }
  main .katalog .car4 {
    grid-template-columns: 1fr 1fr;
  }
  main .katalog .car4 .card130 {
    display: none;
  }
}
@media (max-width: 400px) {
  main .katalog .car1 {
    grid-template-columns: 2fr;
  }
  main .katalog .car1 .card22 {
    display: none;
  }
  main .katalog .car2 {
    grid-template-columns: 2fr;
  }
  main .katalog .car2 .card55 {
    display: none;
  }
  main .katalog .car3 {
    grid-template-columns: 2fr;
  }
  main .katalog .car3 .card88 {
    display: none;
  }
  main .katalog .car4 {
    grid-template-columns: 2fr;
  }
  main .katalog .car4 .card120 {
    display: none;
  }
}/*# sourceMappingURL=kategori.css.map */