/* Product intro category blok_______________________ */



.products-intro {
  padding: 20px 20px;
  background: #ffffff;
  font-family: 'Inter', sans-serif;
  text-align: center;
  margin-top: 90px;
}

.products-intro h2 {
  font-size: 32px;
  font-weight: 500;
  color: #465863;
}

.about-text {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}


.about-text p {
  font-size: 16px;
  line-height: 1.6;
  color: #465863;
}


/* Product intro category blok tugadi_______________________ */



.navBar {
  display: flex;
  justify-content: center; /* markazga tekislash */
  align-items: center;
  margin-bottom: 20px;
}

.navLink {
  font-size: 18px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropMenu {
  position: relative;
}

.dropMenu .dropBtn {
  font-size: 18px;  
  border: none;
  outline: none;
  color: #465863;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  cursor: pointer;
}



.dropMenuContent {
  display: none;
  position: absolute;
  top: 100%; /* pastga tushadi */
  left: 0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px #00000033;
  z-index: 1;
}

.dropMenuContent .dropItem {
  color: #465863;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropMenuContent .dropItem:hover {
  background-color: #ddd;
}

.dropMenu:hover .dropMenuContent {
  display: block;
}





@media screen and (max-width: 700px) {

    .navBar{
        display: none;
    }

    .products-intro h2 {
        font-size: 22px;
        font-weight: 500;
    }

}