.newslisting {
  width: 100%;
  max-width: 1920px;
  margin: auto;
  padding-block: 60px;
  padding-inline: 1em;
}
.newslisting .wrapper {
  display: flex;
  gap: 30px;
}
.newslisting .main {
  flex: 0 1 auto;
  width: 100%;
}
.newslisting .side {
  flex: 0 0 380px;
  display: grid;
  align-items: flex-start;
  align-content: flex-start;
  gap: 5px;
}
.newslisting .side .sideheading {
  padding: 30px;
  color: #fff;
  background-color: #975d99;
}
.newslisting .side .sidebox {
  padding: 30px;
  background-color: #f4f4f4;
}
.newslisting .side .sidebox:hover {
  background-color: #3c2849;
  color: #fff;
}
.newslisting .side .talkbox {
  padding: 30px;
  background-color: #975d99;
  margin-top: 15px;
}
.newslisting .side .talkbox .talkheading {
  font-size: 21px;
  line-height: 25.2px;
  color: #fff;
  margin-bottom: 30px;
  text-align: center;
}
.newslisting .side .talkbox .talkbtn {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding-inline: 40px;
  padding-block: 10px;
  font-weight: bold;
  background-color: #fff;
  color: #975d99;
}
@media screen and (max-width: 567px) {
  .newslisting .side .talkbox .talkbtn {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
.newslisting .newsgrid {
  display: grid;
  gap: 30px;
  align-items: flex-start;
}
.newslisting .newsgrid .article {
  display: flex;
  gap: 30px;
}
.newslisting .newsgrid .article .image {
  flex: 0 0 379px;
}
.newslisting .newsgrid .article .image img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.newslisting .newsgrid .article .text {
  flex: 0 1 auto;
  width: 100%;
}
.newslisting .newsgrid .article .text h2 {
  font-size: 21px;
  line-height: 25.2px;
  margin-bottom: 15px;
  color: #975d99;
}
.newslisting .newsgrid .article .text p {
  margin-bottom: 15px;
  color: #5a5a5a;
}
.newslisting .newsgrid .article .text .category {
  font-size: 14px;
  line-height: 19.2px;
  color: #3c2849;
}
.newslisting .newsgrid .article.big {
  display: block;
}
.newslisting .newsgrid .article.big .image {
  margin-bottom: 15px;
}
@media screen and (max-width: 1025px) {
  .newslisting .newsgrid .article {
    flex-direction: column;
  }
  .newslisting .newsgrid .article .image {
    flex: 0 1 auto;
  }
}
@media screen and (max-width: 769px) {
  .newslisting .side {
    flex: 0 0 250px;
  }
}
@media screen and (max-width: 567px) {
  .newslisting .wrapper {
    display: grid;
    gap: 30px;
  }
}

/*# sourceMappingURL=newslisting.css.map */