@charset "utf-8";

@font-face {
  font-family: IRANYekanX-UltraLight;
  src: url("fonts/IranYekanX/IRANYekanX-UltraLight.ttf");
}

@font-face {
  font-family: IRANYekanX-Regular;
  src: url("fonts/IranYekanX/IRANYekanX-Regular.ttf");
}

* {
  box-sizing: border-box;
  font-family: IRANYekanX-UltraLight;

  padding: 0%;
  margin: 0%;
  font-weight: 500;
  color: var(--ColorText);
}

main {
  margin-top: 100px;
  gap: 20px !important;
}

.DivText {
  width: 100%;
  padding: 0% 150px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.TitleArticle {
  font-family: IRANYekanX-Regular;
  font-size: 1.6rem !important;
}

.DivText h3 {
  font-family: IRANYekanX-Regular;
  font-size: 1.3rem;
}

.DivText span {
  font-family: IRANYekanX-UltraLight;
  font-size: 1.2rem;
  line-height: 2.2rem;
}

.DivText span b {
  font-family: IRANYekanX-Regular;
  font-size: 1.1rem;
}

.DivText span img {
  height: 35px;
  width: auto;
  margin: 0%;
  background-color: #fff;
  padding: 3px;
  margin: 0 5px;
}

.DivText img {
  height: 60px;
  width: auto;
  margin: auto;
  border-radius: 5px;
}

.DivText .w75 {
  width: 70%;
  height: auto;
}

.DivText .w50 {
  width: 50%;
  height: auto;
}

.DivText .w35 {
  width: 35% !important;
  height: auto;
}

.DivText .w15 {
  width: 15% !important;
  height: auto;
}

.DivLink {
  width: 100%;
  font-size: 1.3rem;

  padding: 0% 150px;
}

.DivLink ul {
  list-style: none;
  padding: 20px;
  border: 1px solid #8b8b8b;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.DivLink ul h4 {
  font-size: 1.1rem;
  font-family: IRANYekanX-Regular;
}

.DivLink ul li a {
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  color: var(--Color);
}

.align_center {
  display: flex;
  justify-content: center;
  width: 100%;
}

.DivText .w50 {
  width: 65%;
  height: auto;
}

.DivText .w75 {
  width: 85%;
  height: auto;
}

@media (max-width: 1007px) {

  .DivLink,
  .DivText {
    padding: 0 50px;
  }
}

@media (max-width: 640px) {

  .DivLink,
  .DivText {
    padding: 0 20px;
  }

  .DivText span {
    font-family: IRANYekanX-UltraLight;
    font-size: 0.9rem;
    line-height: 2rem;
  }

  .DivText .w50 {
    width: 100%;
    height: auto;
  }

  .DivText .w75 {
    width: 100%;
    height: auto;
  }

  .DivText .w35 {
    width: 100%;
    height: auto;
  }

  .DivText .w35 {
    width: 75% !important;
    height: auto;
  }

  .DivText .w15 {
    width: 50% !important;
    height: auto;
  }
}