@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
}

#mohirfest-info {
  background-color: #F7F9FC;
  margin-top: 40px;
  height: 60vh;
  border-radius: 30px;
  text-align: center;
}

#mohirfest-info h3 {
  padding-top: 60px;
  padding-bottom: 15px;
  color: #2D4359;
  font-weight: 600;
  font-size: 35px
}

#mohirfest-info p {
  font-size: 20px;
}


@media only screen and (max-width: 568px){
  #mohirfest-info iframe {
    margin-top: 60px;
    width: auto;
    height: auto;
  }
}

#loyiha-maqsadi {
  margin-top: 330px;
  border-radius: 20px;
  margin-bottom: 200px;
}

#loyiha-maqsadi h2 {
  padding-top: 60px;
  padding-bottom: 15px;
  color: #2D4359;
  font-weight: 600;
}

#loyiha-maqsadi p {
  font-size: 18px;
}

#maqsad img {
  width: 320px;
}

.card-custom {
  background-color: #F7F9FC;
}

#seminarlar {
  margin-top: 150px;
}

/* .test {
  width: 555px;
}
@media only screen and (max-width: 768px) {
  .test {
    width: 100%;
  }
} */


#spikerlar img {
  width: 200px;
  background-image: url('../images/spiker-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #2E4359;
  border-radius: 10px;
}

#xakaton {
  padding-top: 100px;
}

#xakaton-yonalish .hover-box {
  color: #0D6EFD;
}

#xakaton-yonalish .hover-box:hover {
  background-color: #6AAAEA;
  color: #F7F9FC;
  border-radius: 15px;
}

#footer {
  padding-top: 100px;
  background-color: #162B3A;
  color: #fff;
}

.icons i {
  font-size: 20px;
}

.items li {
  list-style: none;
}

#footer .icons i:hover {
  color:#fff;
  cursor: pointer;
}