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

header {
  background-color: #252b42;
}

body {
  font-family: sans-serif;
}

ul,
ol,
li {
  list-style-type: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.container {
  margin: 0 auto;
  width: 1000px;
}

.tepa {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  color: #fff;
}

.nav-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

ul {
  display: flex;
  gap: 20px;
  align-items: center;
}

span {
  font-size: 25px;
  font-weight: 600;
  margin: 0 50px 0 0;
}

.join {
  margin: 0 50px 0 0;
  padding: 10px 15px;
  background-color: #23a6f0;
  color: #fff;
  border: none;
  border-radius: 3px;
}

.past {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 80px 0 0 0;
  color: #fff;
}

.welcome {
  color: #23a6f0;
  margin: 20px;
}

.textone {
  margin: 20px;
}

.get {
  padding: 10px 15px;
  background-color: #23a6f0;
  color: #fff;
  border: none;
  border-radius: 3px;
}

.learn {
  padding: 10px 15px;
  background-color: #252b42;
  color: #23a6f0;
  border: 2px solid #23a6f0;
  border-radius: 3px;
}

.box {
  display: flex;
  justify-content: space-between;
  margin: 100px 0 60px 0;
}

.div {
  display: flex;
  text-align: start;
  flex-direction: column;
  padding: 20px;
  width: 250px;
  height: 250px;
  background-color: #ffffff;
}

.h-uch {
  color: #1d1d1d;
}

.p-one {
  color: #706b6b;
}

.uch {
  background-color: #23a6f0;
}

.chiziq {
  width: 70px;
  height: 3px;
  margin: 10px 0;
  background-color: #ff0000;
}

.three {
  background-color: #ffffff;
}

#sticker-bir {
  width: 40px;
  height: 40px;
  background-color: #ffdcd1;
  color: #ff0000;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 15px 0;
}

#sticker-ikki {
  width: 40px;
  height: 40px;
  background-color: #b9eaa8;
  color: #00ff84;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 15px 0;
}

#sticker-uch {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #23a6f0;
  margin: 0 0 15px 0;
}

.packages {
  width: 1000px;
  margin: 0 auto;
}

.markaz-2 {
  padding: 200px 0;
  display: flex;
  justify-content: space-between;
}

.chiziq-2 {
  width: 100px;
  height: 7px;
  background-color: #ff0000;
  margin: 15px 0;
}

.text-2 {
  color: #595959;

  margin: 15px 0;
}

.chap-2 {
  width: 50%;
  padding: 20px;
}

.ong-2 {
  width: 50%;
  position: relative;
}

.aprodableimg {
  width: 400px;
}

.education-container {
  width: 1000px;
  margin: 0 auto;
  padding: 120px 0 100px;
}

.education-h6 {
  color: #23a6f0;
}

.education-h2 {
  margin: 15px 0;
}

.education-img {
  width: 100%;
  margin: 100px 0 0;
}

.expert-container {
  width: 1000px;
  margin: 0 auto;
  padding: 120px 0 100px;
}

.expert-h6 {
  color: #23a6f0;
}

.expert-h2 {
  margin: 15px 0;
}

.expert-img {
  width: 100%;
  margin: 100px 0 0;
}

.featured-container {
  width: 1000px;
  margin: 0 auto;
  padding: 120px 0 100px;
  display: flex;
  text-align: center;
  flex-direction: column;
}

.featured-h6 {
  color: #23a6f0;
}

.featured-h2 {
  margin: 15px 0;
}

.featured-text {
  color: #595959;
}

.email-form {
  display: flex;
  align-items: center;
  justify-content: center;
}

.featured-input {
  margin: 80px 0;
  width: 700px;
  padding: 15px 10px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #979797;
}

.featured-button {
  padding: 15px;
  background-color: #23a6f0;
  color: #fff;
  border-radius: 0 5px 5px 0;
  border: 1px solid #979797;
}

footer {
  background-color: #252b42;
  color: #fff;
}

.footer-container {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
}

.footer-box {
  width: 700px;

  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}

.footer-style {
  padding: 20px 20px 20px 0;
}

.footer-li {
  display: flex;
  flex-direction: column;
}

.footer-text-bir {
  margin: 25px 0;
}

.footer-a-2 {
  margin: 15px 0;
}

.footer-a-4 {
  margin: 15px 0;
}

.footer-h3-ikki,
.footer-h3-uch,
.footer-h3-tort {
  margin: 0 0 25px;
}

.footer-past {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  padding: 20px;
  color: #595959;
}

.fa-brands {
  color: #23a6f0;
}

.fa-instagram {
  margin: 0 10px;
}