.topics .swiper-slide.swiper-slide-active {
  display: none; }

.trendingtopicspanel {
  margin-top: 28px;
  background-color: #DEEDF1;
  padding-top: 28px;
  padding-bottom: 26px; }
  @media print, screen and (min-width: 64em) {
    .trendingtopicspanel {
      margin-top: 120px;
      padding-bottom: 150px;
      padding-top: 48px; } }
  @media screen and (min-width: 85em) {
    .trendingtopicspanel {
      padding-bottom: 60px; } }
  @media print, screen and (max-width: 47.99875em) {
    .trendingtopicspanel .containerWrapper {
      padding: 0px; } }
  @media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
    .trendingtopicspanel .containerWrapper {
      padding: 0px; } }
  @media print, screen and (min-width: 64em) and (max-width: 79.99875em) {
    .trendingtopicspanel .containerWrapper {
      max-width: 1024px; } }
  @media screen and (min-width: 80em) and (max-width: 84.99875em) {
    .trendingtopicspanel .containerWrapper {
      max-width: 1024px; } }
  .trendingtopicspanel h2 {
    font-size: 30px;
    line-height: 41px;
    color: #0099B2;
    font-weight: 600;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 8px; }
    @media print, screen and (min-width: 64em) {
      .trendingtopicspanel h2 {
        font-size: 48px;
        line-height: 65px;
        text-align: left;
        max-width: 100%;
        margin-bottom: 0px; } }
  .trendingtopicspanel p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #002F6C;
    text-align: center;
    max-width: 84%;
    margin: 0 auto; }
    @media print, screen and (min-width: 64em) {
      .trendingtopicspanel p {
        max-width: 100%;
        font-size: 24px;
        line-height: 33px;
        text-align: left; } }
  .trendingtopicspanel .trending {
    margin-top: 18px; }
    @media print, screen and (min-width: 64em) {
      .trendingtopicspanel .trending {
        margin-top: 33px; } }
  .trendingtopicspanel .trendingtwocol {
    display: block;
    background: #ffffff; }
    @media print, screen and (min-width: 64em) {
      .trendingtopicspanel .trendingtwocol {
        display: flex;
        flex-wrap: nowrap;
        background: transparent; } }
    .trendingtopicspanel .trendingtwocol .imgdrop {
      width: 100%; }
      @media screen and (max-width: 1023px) {
        .trendingtopicspanel .trendingtwocol .imgdrop {
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); } }
    .trendingtopicspanel .trendingtwocol .imgsec {
      max-width: 100%;
      background: #ffffff;
      padding: 0px;
      clip-path: polygon(0 0, 100% 0, 100% 79%, 89.2% 100%, 0 100%, 0% 50%);
      box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.16);
      position: relative;
      border: solid 5px #ffffff;
      width: 100%; }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .trendingtwocol .imgsec {
          border: solid 10px #ffffff;
          max-width: 500px; } }
      @media screen and (min-width: 85em) {
        .trendingtopicspanel .trendingtwocol .imgsec {
          max-width: 818px;
          min-height: 477px; } }
      .trendingtopicspanel .trendingtwocol .imgsec img {
        clip-path: polygon(0 0, 100% 0, 100% 79%, 89.2% 100%, 0 100%, 0% 50%);
        display: block;width: 100%;
            object-fit: cover;  }
        @media screen and (min-width: 85em) {
          .trendingtopicspanel .trendingtwocol .imgsec img {
            height: 458px;
            } }
    .trendingtopicspanel .trendingtwocol .loaded img {
      visibility: hidden; }
    .trendingtopicspanel .trendingtwocol .video-thumb-image {
      clip-path: polygon(0 0, 100% 0, 100% 79%, 89.2% 100%, 0 100%, 0% 50%); }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .trendingtwocol .video-thumb-image {
          padding-bottom: 57.541%; } }
    .trendingtopicspanel .trendingtwocol .contentsec {
      max-width: 100%;
      min-height: 271px;
      width: 100%;
      overflow: hidden;
      background: #fff; }
      @media (min-width: 540px) and (max-width: 767px) {
        .trendingtopicspanel .trendingtwocol .contentsec {
          min-height: 280px; } }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .trendingtwocol .contentsec {
          max-width: 548px;
          max-height: 235px;
          min-height: auto; } }
      @media screen and (min-width: 85em) {
        .trendingtopicspanel .trendingtwocol .contentsec {
          max-height: 376px; } }
      .trendingtopicspanel .trendingtwocol .contentsec .contentbg {
        max-width: 375px;
        background: #ffffff;
        padding: 12px 15px 54px 15px; 
        margin: 0 auto}
      @media print, screen and (min-width: 48em) {
          .trendingtopicspanel .trendingtwocol .contentsec .contentbg {
            max-width: 450px;
            padding: 12px 15px 24px 15px; } }
        @media print, screen and (min-width: 64em) {
          .trendingtopicspanel .trendingtwocol .contentsec .contentbg {
            padding: 16px 15px 16px 15px;
            max-width: 548px;
            box-shadow: none; } }
        @media screen and (min-width: 85em) {
          .trendingtopicspanel .trendingtwocol .contentsec .contentbg {
            padding: 46px 30px 126px 58px; } }
        .trendingtopicspanel .trendingtwocol .contentsec .contentbg h3 {
          font-size: 18px;
          line-height: 24px;
          font-weight: 600;
          color: #002F6C; }
          @media screen and (min-width: 85em) {
            .trendingtopicspanel .trendingtwocol .contentsec .contentbg h3 {
              font-size: 24px;
              line-height: 30px; } }
        .trendingtopicspanel .trendingtwocol .contentsec .contentbg p {
          font-size: 16px;
          line-height: 22px;
          font-weight: 600;
          color: #707070;
          text-align: left;
          max-width: 100%; }
          @media screen and (min-width: 85em) {
            .trendingtopicspanel .trendingtwocol .contentsec .contentbg p {
              font-size: 18px;
              line-height: 24px; } }
        .trendingtopicspanel .trendingtwocol .contentsec .contentbg h3 + p {
          margin-top: 7px; }
          @media print, screen and (min-width: 64em) {
            .trendingtopicspanel .trendingtwocol .contentsec .contentbg h3 + p {
              margin-top: 0px; } }
          @media screen and (min-width: 85em) {
            .trendingtopicspanel .trendingtwocol .contentsec .contentbg h3 + p {
              margin-top: 20px; } }
        .trendingtopicspanel .trendingtwocol .contentsec .contentbg a.tabcta {
          margin-top: 16px;
          min-height: 47px;
          border-radius: 13px;
          font-size: 16px;
          line-height: 22px;
          padding: 0px 20.5px;
          left: 50%;
          transform: translate(-50%, 10px); }
          @media print, screen and (min-width: 64em) {
            .trendingtopicspanel .trendingtwocol .contentsec .contentbg a.tabcta {
              margin-top: 20px;
              margin-right: 0;
              min-height: 47px;
              font-size: 16px;
              line-height: 22px;
              left: auto;
              transform: translate(0%, 0px); } }
          @media screen and (min-width: 85em) {
            .trendingtopicspanel .trendingtwocol .contentsec .contentbg a.tabcta {
              min-height: 59px;
              font-size: 18px;
              line-height: 24px;
              margin-top: 26px; } }
    .trendingtopicspanel .trendingtwocol .video-panel + .contentsec {
      box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.16);
      background: #fff;
      width: 100%;
      overflow: hidden;
      min-height: 305px; }
      @media print, screen and (min-width: 48em) {
        .trendingtopicspanel .trendingtwocol .video-panel + .contentsec {
          min-height: 271px; } }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .trendingtwocol .video-panel + .contentsec {
          min-height: auto;
          max-width: 548px;
          max-height: 218px; } }
      @media screen and (min-width: 85em) {
        .trendingtopicspanel .trendingtwocol .video-panel + .contentsec {
          max-height: 379px; } }
      .trendingtopicspanel .trendingtwocol .video-panel + .contentsec .contentbg {
        padding: 18px 15px 54px 15px; }
        @media print, screen and (min-width: 64em) {
          .trendingtopicspanel .trendingtwocol .video-panel + .contentsec .contentbg {
            padding: 20px 15px 74px 15px; } }
        @media screen and (min-width: 85em) {
          .trendingtopicspanel .trendingtwocol .video-panel + .contentsec .contentbg {
            padding: 46px 30px 114px 58px; } }
  .trendingtopicspanel .topics {
    max-width: 340px;
    position: relative;
    margin: 0 auto;
    margin-top: -33px;
    height: 150px; }
    @media print, screen and (min-width: 48em) {
      .trendingtopicspanel .topics {
        max-width: 490px;
        height: 180px;
        margin-top: -53px;} }
    @media print, screen and (min-width: 64em) {
      .trendingtopicspanel .topics {
        margin-top: -89px;
        max-width: 488px;
        float: right;
        overflow: hidden !important;
        height: auto; } }
    @media screen and (min-width: 85em) {
      .trendingtopicspanel .topics {
        margin-top: -188px; } }
    .trendingtopicspanel .topics .swiper-slide {
      width: 106px;
      min-width: 106px;
      position: inherit;
      text-align: center; }
      @media print, screen and (max-width: 47.99875em) {
        .trendingtopicspanel .topics .swiper-slide {
          width: 106px !important; } }
      @media print, screen and (min-width: 48em) {
        .trendingtopicspanel .topics .swiper-slide {
          width: 156px;
          min-width: 156px; } }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .topics .swiper-slide {
          text-align: left;
          height: 193px;
          overflow: hidden; } }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .topics .swiper-slide {
          width: 156px;
          min-width: 156px; } }
    .trendingtopicspanel .topics .img-thumb {
      width: 106px;
      height: 70px;
      background: #ffffff;
      border: 4px solid #ffffff;
      clip-path: polygon(0 0, 100% 0, 100% 82%, 92.2% 100%, 0 100%, 0% 50%);
      box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.16);
      cursor: pointer; }
      @media print, screen and (min-width: 48em) {
        .trendingtopicspanel .topics .img-thumb {
          width: 156px;
          height: 103px;
          border: 7px solid #ffffff; } }
      .trendingtopicspanel .topics .img-thumb img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 82%, 92.2% 100%, 0 100%, 0% 50%); }
      .trendingtopicspanel .topics .img-thumb.video {
        position: relative; }
        .trendingtopicspanel .topics .img-thumb.video::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          margin: 0;
          background-color: rgba(23, 23, 23, 0.43);
          z-index: 99;
          opacity: 1;
          transition: .75s all;
          clip-path: polygon(0 0, 100% 0, 100% 82%, 92.2% 100%, 0 100%, 0% 50%); }
        .trendingtopicspanel .topics .img-thumb.video::after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0px;
          left: 0px;
          right: 0;
          margin: auto;
          width: 41px;
          height: 41px;
          background-image: url(../../images/new-play.svg) !important;
          background-size: contain !important;
          background-repeat: no-repeat;
          cursor: pointer;
          -webkit-transition: all .3s;
          transition: all .3s;
          z-index: 99;
          background-color: transparent !important; }
    .trendingtopicspanel .topics p {
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      color: #707070;
      margin-top: 0px;
      min-height: 40px; }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .topics p {
          font-size: 16px;
          margin-top: 5px; } }
    .trendingtopicspanel .topics .readmore {
      font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      transition: 0.5s;
      color: #002F6C;
      position: absolute;
      bottom: 0px;
      left: 45%; }
      @media print, screen and (max-width: 47.99875em) {
        .trendingtopicspanel .topics .readmore {
          position: relative;
          left: auto; } }
      @media print, screen and (min-width: 64em) {
        .trendingtopicspanel .topics .readmore {
          left: auto; } }
      .trendingtopicspanel .topics .readmore span {
        display: none; }
        @media print, screen and (min-width: 64em) {
          .trendingtopicspanel .topics .readmore span {
            display: inline-block;
            margin-right: 5px; } }
      .trendingtopicspanel .topics .readmore:hover {
        margin-left: 10px;
        transition: 0.5s; }
    .trendingtopicspanel .topics .swiper-slide-thumb-active {
      display: none; }
  .trendingtopicspanel p strong, .trendingtopicspanel li strong, .trendingtopicspanel a strong {
    font-weight: 800; }

html:not([lang="en"]) .trendingtopicspanel .trendingtwocol .contentsec .contentbg h3 {
  font-size: 18px; }

html:not([lang="en"]) .trendingtopicspanel .trendingtwocol .contentsec .contentbg p {
  font-size: 14px; }

html:not([lang="en"]) .trendingtopicspanel .topics p br {
  display: none; }