@media only screen and (min-width: 740px) and (max-width: 1023px) {
  .wrapperBanner .bannerHeading {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media only screen and (max-width: 739px) {
  .wrapperBanner {
    margin-top: 0;
    padding-top: 0;
    height: 100%;
  }
  .wrapperBanner .banner {
    gap: 10px;
    height: 100%;
  }
  .wrapperBanner .bannerHeading {
    margin-top: 0;
    font-size: 10px;
  }
  .wrapperBanner .bannerSubHeading {
    font-size: 8px;
  }
}
@media only screen and (max-width: 342px) {
  .wrapperBanner .banner {
    gap: 5px;
  }
  .wrapperBanner .bannerSubHeading {
    font-size: 7px;
  }
  .wrapperBanner .bannerHeading {
    margin-top: 0;
    font-size: 9px;
  }
}

.wrapperBreadcrumb {
  padding: 4px 16px;
  background-color: #f5f5f5;
  border-radius: 4 px;
  margin-bottom: 32px;
}
.wrapperBreadcrumb .breadcrumbList {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  flex-wrap: wrap;
}
.wrapperBreadcrumb .breadcrumbItem {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.wrapperBreadcrumb .breadcrumbItem:last-child .breadcrumbLink {
  color: inherit;
  pointer-events: none;
}
.wrapperBreadcrumb .breadcrumbIcon svg {
  height: 4px;
  fill: #999999;
}
.wrapperBreadcrumb .breadcrumbLink {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #224272;
  transition: linear 0.1s;
}
.wrapperBreadcrumb .breadcrumbLink:hover {
  color: #dc2626;
}

.headingTabNews {
  cursor: pointer;
}
.headingTabNews.active .wrapHeading {
  background-color: #dc2626;
}
.headingTabNews .wrapHeading {
  pointer-events: none;
}

.headingWrap {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.wrapTabNews {
  height: 530px;
}
.wrapTabNews .cardNewsList {
  display: none !important;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  background-color: white;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 8px;
}
.wrapTabNews .cardNewsList.active {
  display: flex !important;
}
.wrapTabNews .cardNewsItem {
  display: flex;
  gap: 8px;
}
.wrapTabNews .cardNewsItem:hover .cardNewsImage img {
  transform: scale(1.1);
}
.wrapTabNews .cardNewsImage {
  width: 100px;
  height: 82px;
  flex-shrink: 0;
  overflow: hidden;
  display: block;
}
.wrapTabNews .cardNewsImage img {
  transition: linear 0.25s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapTabNews .cardNewsTitle {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: linear 0.2s;
}
.wrapTabNews .cardNewsTitle:hover {
  color: #dc2626;
}
@media only screen and (max-width: 739px) {
  .wrapTabNews {
    height: auto;
  }
}

.wrapHomeSectionBg {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media only screen and (max-width: 739px) {
  .wrapHomeSectionBg {
    gap: 32px;
  }
}

.wrapHomeSection {
  display: flex;
  margin-top: 32px;
  gap: 16px;
}
.wrapHomeSection .homSectionMain {
  width: calc(100% - 350px);
}
.wrapHomeSection .homeSectionMore {
  display: flex;
  flex-direction: column;
  width: 350px;
  gap: 16px;
}
.wrapHomeSection .homeSectionMore .homSectionItem {
  height: 530px;
}
.wrapHomeSection .homSectionGroup {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}
.wrapHomeSection .homSectionGroupCustom {
  margin-top: 82px;
}
.wrapHomeSection .homSectionItem {
  gap: 16px;
  height: 530px;
}
.wrapHomeSection .wrapCard {
  flex: 1;
}
.wrapHomeSection .homeLibraryVideoCardWrap {
  width: 100%;
  height: auto !important;
  margin-top: 16px;
}
.wrapHomeSection .homeLibraryVideoList {
  width: 100%;
  margin-top: 32px;
}
.wrapHomeSection .homeStatistics {
  height: 482px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 12px;
}
.wrapHomeSection .homeLibraryImgCard {
  height: auto;
}
.wrapHomeSection .homeStatisticsTotal {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.wrapHomeSection .homeStatisticsTotal .text {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background-color: #33302d;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wrapHomeSection .homeStatisticsList {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 16px;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px dashed #cdcdcd;
}
.wrapHomeSection .homeStatisticsItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  padding: 12px;
  border-radius: 8px;
}
.wrapHomeSection .homeStatisticsItem:nth-child(1) {
  background-color: #e0f2fe;
  color: #0284c7;
}
.wrapHomeSection .homeStatisticsItem:nth-child(1) .homeStatisticsItemLeft svg {
  fill: #0284c7;
}
.wrapHomeSection .homeStatisticsItem:nth-child(2) {
  background-color: #fef3c7;
  color: rgb(217, 119, 6);
}
.wrapHomeSection .homeStatisticsItem:nth-child(2) .homeStatisticsItemLeft svg {
  fill: rgb(217, 119, 6);
}
.wrapHomeSection .homeStatisticsItem:nth-child(3) {
  background-color: #dcfce7;
  color: #22c55e;
}
.wrapHomeSection .homeStatisticsItem:nth-child(3) .homeStatisticsItemLeft svg {
  fill: #22c55e;
}
.wrapHomeSection .homeStatisticsItem:nth-child(4) {
  background-color: #fee2e2;
  color: #dc2626;
}
.wrapHomeSection .homeStatisticsItem:nth-child(4) .homeStatisticsItemLeft svg {
  fill: #dc2626;
}
.wrapHomeSection .homeStatisticsItemLeft {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.wrapHomeSection .homeStatisticsItemLeft svg {
  height: 24px;
}
.wrapHomeSection .homeStatisticsFooter {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wrapHomeSection .homeLibraryImgItem {
  height: 388px;
  border-radius: 8px;
  overflow: hidden;
}
.wrapHomeSection .homeLibraryImgItem.swiper-slide-active .homeLibraryContent {
  animation: fadeIn linear 0.8s;
}
.wrapHomeSection .homeLibraryImgList {
  margin-top: 32px;
}
.wrapHomeSection .homeLibraryImgLink {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.wrapHomeSection .homeLibraryImgLink:hover img {
  transform: scale(1.1);
}
.wrapHomeSection .homeLibraryImgLink img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: linear 0.25s;
}
.wrapHomeSection .homeLibraryImgWrapItem {
  position: relative;
  height: 100%;
  width: 100%;
  box-shadow: inset 0px 0px 56px 36px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.wrapHomeSection .homeLibraryImgWrapItem::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0px 0px 56px 36px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.wrapHomeSection .homeLibraryImgWrapItem svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrapHomeSection .homeLibraryContent {
  transition: linear 0.3s;
  position: absolute;
  bottom: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  width: 100%;
  left: 0;
  z-index: 3;
}
.wrapHomeSection .homeLibraryTitle {
  font-size: 1rem;
  line-height: 1.5rem;
  display: -webkit-box;
  color: white;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: linear 0.1s;
}
.wrapHomeSection .homeLibraryTitle:hover {
  color: #dc2626;
}
.wrapHomeSection .bg-yt {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .wrapHomeSection {
    flex-direction: column;
  }
  .wrapHomeSection .homeSectionMore,
  .wrapHomeSection .homSectionMain {
    width: 100%;
  }
  .wrapHomeSection .homeLibraryVideoList,
  .wrapHomeSection .homeLibraryImgList {
    margin-top: 16px;
  }
  .wrapHomeSection .homeSectionMore {
    flex-direction: column-reverse;
  }
  .wrapHomeSection .homeSectionMore .homSectionItem {
    height: auto;
  }
  .wrapHomeSection .homeStatistics {
    height: auto;
  }
}
@media only screen and (min-width: 740px) and (max-width: 1023px) {
  .wrapHomeSection .homeSectionMore {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 739px) {
  .wrapHomeSection .homSectionGroup {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .wrapHomeSection .homSectionGroupCustom {
    margin-top: 0;
  }
  .wrapHomeSection .homeLibraryImgWrap {
    margin-top: 0;
  }
  .wrapHomeSection .homSectionItem {
    height: auto;
  }
}

.wrapSidebarMore {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.wrapSidebarMore .legalDocumentList {
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  padding: 16px;
  margin-top: 16px;
}
.wrapSidebarMore .legalDocumentLink {
  color: #224272;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition: linear 0.1s;
  display: flex;
  gap: 4px;
}
.wrapSidebarMore .legalDocumentLink:hover {
  color: #dc2626;
}
.wrapSidebarMore .legalDocumentLink:hover svg {
  fill: #dc2626;
}
.wrapSidebarMore .legalDocumentLink svg {
  height: 5px;
  fill: #224272;
  flex-shrink: 0;
  position: relative;
  top: 6px;
}
.wrapSidebarMore .legalDocumentLink span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  text-align: justify;
}
.wrapSidebarMore .sidebarLibraryList {
  margin-top: 16px;
  height: 200px;
}
.wrapSidebarMore .sidebarLibraryItem {
  height: 100%;
  width: 100%;
}
.wrapSidebarMore .sidebarLibraryItem.swiper-slide-active .sidebarLibraryContent {
  animation: fadeIn linear 0.8s;
}
.wrapSidebarMore .sidebarLibraryLink {
  position: relative;
  height: 100%;
  width: 100%;
}
.wrapSidebarMore .sidebarLibraryLink img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapSidebarMore .sidebarLibraryContent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.wrapSidebarMore .sidebarLibraryContent {
  padding: 10px;
}
.wrapSidebarMore .sidebarLibraryTitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: linear 0.1s;
}
.wrapSidebarMore .sidebarLibraryTitle:hover {
  color: #dc2626;
}
.wrapSidebarMore .socialHeading {
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #224272;
  color: #224272;
  font-weight: 500;
  display: inline-block;
}
.wrapSidebarMore .socialList {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wrapSidebarMore .socialItem {
  transition: linear 0.1s;
}
.wrapSidebarMore .socialItem:hover {
  opacity: 0.5;
}
.wrapSidebarMore .socialItem img {
  height: 30px;
}
.wrapSidebarMore .sidebarMoreItemWrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wrapSidebarMore .wrapHomeSection {
  display: block;
}
.wrapSidebarMore .headingTabNews .heading {
  font-size: 14px !important;
}
.wrapSidebarMore .heading {
  font-size: 14px;
}
@media only screen and (min-width: 740px) and (max-width: 1023px) {
  .wrapSidebarMore .sidebarMoreItemWrap {
    display: flex;
    flex-direction: row;
  }
  .wrapSidebarMore .sidebarMoreItemWrap .sidebarMoreItem {
    width: 49%;
  }
  .wrapSidebarMore .sidebarMoreItemWrap .sidebarMoreItem:last-child {
    margin-left: auto;
  }
}

.wrapPagination {
  display: flex;
  margin-top: 16px;
  justify-content: center;
  gap: 5px;
}
.wrapPagination .paginationItem {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  transition: linear 0.2s;
}
.wrapPagination .paginationItem:hover {
  background-color: #224272;
  color: white;
}
.wrapPagination .paginationItem.active {
  background-color: #224272;
  color: white;
}

.wrapNewsListLayout .newsList {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wrapNewsItem.newsItem {
  display: flex;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  transition: linear 0.25s;
}
.wrapNewsItem.newsItem:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.wrapNewsItem.newsItem:hover .newsImageWrap {
  transform: scale(1.1);
}
.wrapNewsItem .newsImage {
  width: 100%;
  width: 276px;
  height: 100%;
  overflow: hidden;
  border: 1px solid #f5f5f5;
}
.wrapNewsItem .newsImage img {
  transition: linear 0.25s;
  width: 100%;
  height: 100%;
}
.wrapNewsItem .newsImage .newsImageWrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: linear 0.25s;
}
.wrapNewsItem .newsContent {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.wrapNewsItem .newsTitle {
  color: #224272;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  transition: linear 0.1s;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.wrapNewsItem .newsTitle:hover {
  color: #dc2626;
}
.wrapNewsItem .newsDesc {
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.wrapNewsItem .newsFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapNewsItem .newsDate {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #757575;
}
.wrapNewsItem .newsDate svg {
  height: 16px;
  fill: #757575;
}
.wrapNewsItem .newsDate span {
  position: relative;
  top: 1px;
}
.wrapNewsItem .newsDetailMore {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #224272;
  font-size: 0.75rem;
  line-height: 1rem;
  transition: linear 0.1s;
}
.wrapNewsItem .newsDetailMore:hover {
  color: #dc2626;
}
.wrapNewsItem .newsDetailMore:hover svg {
  left: 3px;
  fill: #dc2626;
}
.wrapNewsItem .newsDetailMore svg {
  left: 0;
  position: relative;
  height: 10px;
  fill: #224272;
  transition: linear 0.1s;
}
@media only screen and (max-width: 739px) {
  .wrapNewsItem.newsItem {
    flex-direction: column;
  }
  .wrapNewsItem .newsImage {
    width: 100%;
  }
}