body {
  background: #111113;
}

.section {
  padding: 195px 0 49px;
}

.section .back {
  width: 70px;
  height: 40px;
  background: #F8AB21;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 45px;
  margin-left: -70px;
}

.section .back img {
  display: block;
  width: 23px;
}

.section .title {
  font-weight: 500;
  font-size: 34px;
  color: #FFFFFF;
  font-family: 'Manrope3-M';
}

.section .date {
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  margin: 20px 0 28px;
}

.section .line {
  height: 1px;
  width: 100%;
  background: #545454;
}

.section .content {
  margin: 45px 0 81px;
}

.section .content p {
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 36px;
}
.section .content p img {
  height: unset !important;
}
.section .news_page {
  padding: 40px 0 0;
  border-top: 1px solid #545454;
}

.section .news_page a {
  display: flex;
}

.section .news_page a:not(:last-child) {
  margin-bottom: 12px;
}

.section .news_page a h5 {
  font-family: 'Manrope3 M';
  font-weight: 500;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
}

.section .news_page a p {
  font-family: 'Manrope3 M';
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
}

@media screen and (max-width: 1919px) {
  .section {
    padding: 10.15625vw 0px 2.5520833333vw;
  }

  .section .back {
    width: 3.6458333333vw;
    height: 2.0833333333vw;
    border-radius: 1.0416666667vw;
    margin-bottom: 2.34375vw;
    margin-left: -3.6458333333vw;
  }

  .section .back img {
    width: 1.1979166667vw;
  }

  .section .title {
    font-size: 1.7708333333vw;
  }

  .section .date {
    font-size: 0.9375vw;
    margin: 1.0416666667vw 0px 1.4583333333vw;
  }

  .section .content {
    margin: 2.34375vw 0px 4.21875vw;
  }

  .section .content p {
    font-size: 0.9375vw;
    line-height: 1.875vw;
  }

  .section .news_page {
    padding: 2.0833333333vw 0px 0px;
  }

  .section .news_page a:not(:last-child) {
    margin-bottom: 0.625vw;
  }

  .section .news_page a h5 {
    font-size: 0.9375vw;
  }

  .section .news_page a p {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 1024px) {
  .section .back{
    width: 80px;
    height: 36px;
    border-radius: 18px;
    margin-bottom: 30px;
    margin-left: 0px;
  }
  .section .back img{
    width: 20px;
  }
  .section .title{
    font-size: 18px;
  }
  .section .date{
    font-size: 12px;
  }
  .section .content p{
    font-size: 14px;
    line-height: 2;
  }
  .section .news_page a{
    flex-direction: column;
  }
  .section .news_page a p,
  .section .news_page a h5{
    font-size: 14px;
  }
  .section{
    padding: 110px 0 50px;
  }
  .section .date{
    margin: 10px 0;
  }
  .section .news_page{
    padding-top: 20px;
  }
  .section .content{
    margin: 20px 0;
  }
}
