@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
:root {
  --primaryColor: #303030;
  --secondaryColor: #1aaaaa;
  --thirdColor: #fff; }

@font-face {
  font-family: "Open";
  src: url("../fonts/OpenSans-Regular.ttf");
  font-style: normal; }

@font-face {
  font-family: "Open Bold";
  src: url("../fonts/OpenSans-Bold.ttf");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Segoe";
  src: url("../fonts/SegoeUI.ttf");
  font-style: normal; }

:root {
  --primaryColor: #303030;
  --secondaryColor: #1aaaaa;
  --thirdColor: #fff; }

@font-face {
  font-family: "Open";
  src: url("../fonts/OpenSans-Regular.ttf");
  font-style: normal; }

@font-face {
  font-family: "Open Bold";
  src: url("../fonts/OpenSans-Bold.ttf");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Segoe";
  src: url("../fonts/SegoeUI.ttf");
  font-style: normal; }

main .section.section-hightlight {
  margin-top: 0; }
  @media (max-width: 575px) {
    main .section.section-hightlight {
      margin-right: -15px;
      margin-left: -15px; } }
  main .section.section-hightlight .section-content .item .item-content {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (min-width: 1440px) {
      main .section.section-hightlight .section-content .item .item-content {
        max-width: 39.666667%; } }
  @media (min-width: 1440px) {
    main .section.section-hightlight .section-content .item .item-img-bg {
      width: 770px; } }
  main .section.section-hightlight .section-content .item .item-header {
    font-size: 24px;
    font-family: "Open Bold";
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    visibility: visible; }
  main .section.section-hightlight .section-content .item .item-date {
    color: #707070; }
  main .section.section-hightlight .section-content .item .item-desc {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    visibility: visible; }
  main .section.section-hightlight .section-footer {
    margin-top: 50px; }

main .section.news {
  background: transparent; }
  main .section.news .section-content .item {
    margin-bottom: 30px; }
  main .section.news .section-footer {
    padding: 0; }

main .section.news-detail {
  text-align: center;
  margin-top: 30px; }
  main .section.news-detail .section-header {
    max-width: 630px;
    color: var(--primaryColor);
    text-transform: unset;
    margin: auto;
    font-size: 40px;
    font-family: "Open Bold"; }
    @media (max-width: 575px) {
      main .section.news-detail .section-header {
        font-size: 24px;
        font-family: "Open Bold"; } }
  main .section.news-detail .item-img {
    max-width: 850px;
    margin: auto;
    margin-bottom: 30px; }
    @media (max-width: 575px) {
      main .section.news-detail .item-img {
        margin-right: -15px;
        margin-left: -15px; } }
  main .section.news-detail .item-date {
    color: #707070;
    margin: 15px 0 30px 0; }
  main .section.news-detail .section-content {
    max-width: 630px;
    margin: auto; }
    @media (max-width: 575px) {
      main .section.news-detail .section-content {
        padding-right: 15px;
        padding-left: 15px; } }
    main .section.news-detail .section-content .item-sub-title {
      margin: 30px auto;
      font-size: 24px;
      font-family: "Open Bold";
      text-transform: capitalize; }
      @media (max-width: 575px) {
        main .section.news-detail .section-content .item-sub-title {
          font-size: 16px; } }
    main .section.news-detail .section-content .item-desc {
      text-align: center; }
    main .section.news-detail .section-content img {
      margin: 30px 0; }

main .section.news-fighting {
  margin-top: 0; }

main .banner-no-img .section {
  margin-top: 0; }
  main .banner-no-img .section .banner-desc {
    width: 50%; }
    @media (max-width: 575px) {
      main .banner-no-img .section .banner-desc {
        width: 100%; } }