.section-area {
  padding: 82px 0px 82px;
  text-align: center;
  max-width: 100%;
  width: 750px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}

.section-titles {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.section-first-title {
  font-family: Manrope;
  font-weight: 700;
  font-size: 16px;
  color: #22282B;
  text-align: center;
}

.section-title {
  font-family: Manrope;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  color: #22282B;

}

.section-description {
  font-family: Manrope;
  font-weight: 400;
  font-size: 18px;
  color: #22282B;
  text-align: center;
}

.section-ust-baslik {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}










.blog-date {
  font-family: Manrope;
  font-weight: 400;
  font-size: 16px;
  background: #22282B;
  color: white;
  padding: 10px 24px;
  display: inline-block;
  border-radius: 44px;
  margin-top: 32px;
}

.blog-right {
  background-color: #F6F6F6;
}

.blog-right-area {
  padding: 32px 32px 32px 32px;
}

.blog-right-title {
  font-family: Poppins;
  font-weight: 400;
  font-size: 24px;
  color: #000000;


}

.content-section {
  font-family: Manrope;
  font-weight: 400;
  font-size: 15px;
  color: #22282B;
  margin-top: 24px;
}
/* .sidebar-text{
  max-width: 270px;
} */
.sidebar-item {
  display: flex;
  gap: 10px;
  padding: 32px 0px 0px 0px;
  border-radius: 10px;
  background: #f7f7f7;
  transition: 0.3s;
}



.sidebar-title {
  font-family: Manrope;
font-weight: 500;
font-size: 15px;
color: #22282B;

}

.sidebar-date {
  font-family: Poppins;
  font-weight: 400;
  font-size: 13px;
  color: #22282B;
  background: #FFFFFF;
  padding: 10px 16px;
  border: 1px solid #EAE9E9;
  border-radius: 44px;
  display: inline-block;
  margin-bottom: 14px;
}

.content-section {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
    .section-title {
    font-family: Manrope;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #22282B;
}
}
@media (max-width: 425px) {
    .section-title {
    font-family: Manrope;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #22282B;
}
   .sidebar-item {
    display: flex;
    flex-direction: column;
}
}