.header {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 1002; }
  @media (max-width: 999px) {
    .header {
      padding-bottom: 28px; } }
  .header .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .header .language {
    position: relative;
    display: flex;
    align-items: center; }
    .header .language p {
      display: flex;
      align-items: center;
      gap: 4px;
      cursor: pointer; }
      .header .language p svg {
        min-width: 14px;
        max-width: 14px;
        height: 14px; }
      .header .language p .flextext {
        display: flex;
        align-items: center;
        gap: 4px; }
    .header .language .showboxlanguage {
      display: none;
      position: absolute;
      top: 30px;
      left: 0px;
      width: 140px;
      background: #fff;
      padding: 12px;
      -webkit-box-shadow: 2px 2px 20px #00000017;
      -moz-box-shadow: 2px 2px 20px #00000017;
      -o-box-shadow: 2px 2px 20px #00000017;
      -ms-box-shadow: 2px 2px 20px #00000017;
      box-shadow: 2px 2px 20px #00000017; }
      .header .language .showboxlanguage a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        color: #000;
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 4px; }
        .header .language .showboxlanguage a:last-child {
          margin: 0px; }
        .header .language .showboxlanguage a svg {
          width: 12px;
          height: 12px;
          fill: #0095DA;
          opacity: 0; }
        .header .language .showboxlanguage a:hover, .header .language .showboxlanguage a.active {
          color: #0095DA; }
        .header .language .showboxlanguage a.active svg {
          opacity: 1; }
  .header .burger {
    position: relative;
    display: none;
    cursor: pointer;
    user-select: none;
    width: 24px;
    height: 1rem;
    background: transparent; }
    .header .burger-line {
      position: absolute;
      display: block;
      right: 0;
      width: 100%;
      height: 2px;
      opacity: 1;
      border: none;
      outline: none;
      background: #000; }
      .header .burger-line:nth-child(1) {
        top: 0px; }
      .header .burger-line:nth-child(2) {
        top: 0.5rem; }
      .header .burger-line:nth-child(3) {
        top: 1rem; }
    @media only screen and (max-width: 999px) {
      .header .burger {
        display: block;
        opacity: 1;
        visibility: visible; } }
  .header .site-header {
    display: flex;
    align-items: center;
    width: 100%;
    background: #0095DA; }
    @media (max-width: 999px) {
      .header .site-header {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 28px; } }
    .header .site-header .listnames {
      display: flex;
      align-items: center; }
      @media (max-width: 999px) {
        .header .site-header .listnames {
          width: 100%;
          justify-content: center; } }
      .header .site-header .listnames li {
        padding-left: 8px;
        border-left: 1px solid #fff;
        margin-left: 8px;
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        font: normal 700 14px/18px 'Scheherazade New', serif; }
        .header .site-header .listnames li:last-child {
          padding-left: 0px;
          border-left: 0px;
          margin-left: 0px; }
        @media (max-width: 999px) {
          .header .site-header .listnames li {
            font-size: 12px;
            font-weight: 500;
            overflow: hidden; } }
        @media (min-width: 1600px) {
          .header .site-header .listnames li {
            font-size: 19px; } }
    @media (max-width: 1199px) {
      .header .site-header .social {
        display: none; } }
    .header .site-header .listdaily {
      display: flex;
      align-items: center; }
      @media (max-width: 999px) {
        .header .site-header .listdaily {
          display: none; } }
      .header .site-header .listdaily a {
        display: flex;
        align-items: center;
        padding-left: 8px;
        border-left: 1px solid #fff;
        margin-left: 8px;
        color: #fff;
        font-size: 15px;
        line-height: 18px; }
        .header .site-header .listdaily a:last-child {
          padding-left: 0px;
          border-left: 0px;
          margin-left: 0px;
          font-weight: 300; }
        .header .site-header .listdaily a svg {
          margin-left: 4px;
          min-width: 22px;
          max-width: 22px; }
        .header .site-header .listdaily a img {
          max-height: 60px; }
  .header .site-actions {
    position: relative;
    z-index: 2;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px; }
    @media (max-width: 999px) {
      .header .site-actions {
        -webkit-box-shadow: 0px 4px 4px 0px #00000026;
        -moz-box-shadow: 0px 4px 4px 0px #00000026;
        -o-box-shadow: 0px 4px 4px 0px #00000026;
        -ms-box-shadow: 0px 4px 4px 0px #00000026;
        box-shadow: 0px 4px 4px 0px #00000026; }
        .header .site-actions.sticky {
          position: fixed;
          top: 0px;
          width: 100%;
          background: #fff;
          padding: 16px 0px; }
        .header .site-actions.active {
          position: relative; } }
    .header .site-actions .logo img {
      max-width: 180px; }
      @media (max-width: 999px) {
        .header .site-actions .logo img {
          max-width: 90px; } }
      @media (min-width: 1600px) {
        .header .site-actions .logo img {
          max-width: 256px; } }
    .header .site-actions .advertising-banner {
      overflow: hidden; }
      @media (max-width: 1100px) {
        .header .site-actions .advertising-banner {
          display: none; } }
      .header .site-actions .advertising-banner img {
        max-width: 927px;
        max-height: 90px; }
    .header .site-actions .icons {
      position: relative;
      display: flex;
      align-items: center;
      gap: 24px; }
      @media (max-width: 1100px) {
        .header .site-actions .icons {
          gap: 12px; } }
      .header .site-actions .icons .searchicon {
        position: relative;
        display: flex;
        align-items: center;
        color: #000;
        cursor: pointer; }
        .header .site-actions .icons .searchicon svg,
        .header .site-actions .icons .searchicon img {
          max-height: 18px;
          width: 18px;
          fill: #000;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .header .site-actions .icons .searchicon span {
          display: block;
          margin-right: 4px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          @media (max-width: 999px) {
            .header .site-actions .icons .searchicon span {
              display: none; } }
    .header .site-actions .showboxsearch {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 348px;
      z-index: 100; }
      @media (max-width: 999px) {
        .header .site-actions .showboxsearch {
          width: 224px;
          top: -11px; } }
      .header .site-actions .showboxsearch .formsearch {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%; }
      .header .site-actions .showboxsearch .form-control {
        height: 46px;
        width: 100%;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background-clip: padding-box;
        border: 0px;
        box-shadow: none;
        outline: none;
        background: #F3F4F6;
        text-transform: none;
        padding-left: 70px; }
      .header .site-actions .showboxsearch .bottom {
        position: absolute;
        left: 12px;
        padding: 0px;
        background: none;
        outline: none;
        outline-style: none;
        border: 0px;
        cursor: pointer; }
        .header .site-actions .showboxsearch .bottom svg {
          width: 22px;
          height: 22px;
          fill: #0095DA; }
      .header .site-actions .showboxsearch .cancel {
        position: absolute;
        left: 44px;
        z-index: 2;
        cursor: pointer; }
        .header .site-actions .showboxsearch .cancel svg {
          width: 22px;
          fill: #BD3C2F; }
      .header .site-actions .showboxsearch nav.list-search {
        position: absolute;
        top: 100%;
        left: 24px;
        width: calc(100% - 48px);
        background: #fff;
        display: none;
        padding: 12px;
        -webkit-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
        box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1); }
        .header .site-actions .showboxsearch nav.list-search a {
          display: block;
          margin: 0px;
          margin-bottom: 4px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          background-clip: padding-box;
          font-size: 14px;
          font-weight: 400;
          padding: 8px 12px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .header .site-actions .showboxsearch nav.list-search a:last-child {
            margin: 0px; }
          .header .site-actions .showboxsearch nav.list-search a:hover {
            color: #0095DA;
            background: #F3F4F6; }
      .header .site-actions .showboxsearch:hover nav.list-search {
        display: block; }
  .header .site-menu {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 70px;
    border-block: 1px solid #CACACA;
    /* End NavMenu */ }
    @media (max-width: 999px) {
      .header .site-menu {
        height: 0px;
        border: 0px;
        overflow: hidden; } }
    .header .site-menu.sticky {
      position: fixed;
      top: -400px;
      background: #fff;
      border: 0px;
      -webkit-box-shadow: 4px 4px 40px #00000014;
      -moz-box-shadow: 4px 4px 40px #00000014;
      -o-box-shadow: 4px 4px 40px #00000014;
      -ms-box-shadow: 4px 4px 40px #00000014;
      box-shadow: 4px 4px 40px #00000014;
      animation: slideDown 0.4s forwards ease-in-out; }
      .header .site-menu.sticky .tools-date p {
        display: none; }
      .header .site-menu.sticky .tools-date .logo {
        display: block; }
        @media (max-width: 1199px) {
          .header .site-menu.sticky .tools-date .logo {
            display: none; } }
@keyframes slideDown {
  from {
    top: -400px; }
  to {
    top: 0; } }
    .header .site-menu .tools-date {
      display: flex;
      align-items: center; }
      .header .site-menu .tools-date .date {
        font-size: 12px;
        font-weight: 300;
        margin-left: 20px;
        white-space: nowrap;
        transition: all 0.5s ease-in-out; }
        @media (max-width: 1199px) {
          .header .site-menu .tools-date .date {
            display: none; } }
      .header .site-menu .tools-date .logo {
        display: none;
        margin-left: 24px; }
        .header .site-menu .tools-date .logo img {
          max-width: 120px; }
    .header .site-menu .dark-mode {
      display: flex;
      justify-content: space-between;
      padding: 2px;
      -webkit-border-radius: 60px;
      border-radius: 60px;
      background-clip: padding-box;
      background: #0095DA; }
      .header .site-menu .dark-mode li {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 25px;
        height: 24px;
        cursor: pointer;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box; }
        .header .site-menu .dark-mode li svg {
          fill: #fff;
          width: 18px;
          height: 18px; }
        .header .site-menu .dark-mode li.wight {
          background: #fff; }
          .header .site-menu .dark-mode li.wight svg {
            fill: #0095DA; }
    .header .site-menu .navbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      padding: 0px; }
      .header .site-menu .navbar .logo {
        display: none;
        position: absolute;
        top: 12px;
        right: 12px; }
        @media screen and (max-width: 999px) {
          .header .site-menu .navbar .logo {
            display: block; } }
        .header .site-menu .navbar .logo img {
          max-width: 140px; }
      .header .site-menu .navbar .cancel {
        display: none;
        position: absolute;
        top: 18px;
        left: 18px;
        z-index: 10; }
        .header .site-menu .navbar .cancel svg {
          width: 16px;
          height: 16px;
          fill: #BD3C2F; }
      @media screen and (max-width: 999px) {
        .header .site-menu .navbar {
          position: fixed;
          top: 0;
          right: -100%;
          width: 290px;
          height: 100%;
          z-index: 10;
          overflow: hidden;
          overflow-y: auto;
          visibility: hidden;
          background: #fff;
          transition: all 0.5s ease; }
          .header .site-menu .navbar.active {
            right: 0rem;
            opacity: 1;
            visibility: visible;
            display: block; }
          .header .site-menu .navbar .cancel {
            display: block; } }
    .header .site-menu .menu {
      display: flex;
      align-items: center; }
      .header .site-menu .menu-item {
        position: relative;
        display: inline-block;
        margin-left: 20px; }
        @media (min-width: 1600px) {
          .header .site-menu .menu-item {
            margin-left: 32px; } }
        .header .site-menu .menu-item:last-child {
          margin: 0px; }
      .header .site-menu .menu-link {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 300;
        height: 70px;
        cursor: pointer;
        color: #000;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        @media (max-width: 999px) {
          .header .site-menu .menu-link {
            height: auto;
            padding: 0px 12px; } }
        .header .site-menu .menu-link::after {
          content: "";
          position: absolute;
          right: 0px;
          bottom: 0px;
          width: 0px;
          height: 4px;
          background: #0095DA;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          @media (max-width: 999px) {
            .header .site-menu .menu-link::after {
              display: none; } }
        @media (min-width: 1600px) {
          .header .site-menu .menu-link {
            font-size: 20px; } }
        .header .site-menu .menu-link svg {
          width: 14px;
          height: 14px;
          fill: #000; }
          @media only screen and (max-width: 999px) {
            .header .site-menu .menu-link svg {
              z-index: -1; } }
      @media only screen and (min-width: 999px) {
        .header .site-menu .menu-dropdown:hover > .submenu {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
          z-index: 100; } }
      @media only screen and (max-width: 999px) {
        .header .site-menu .menu {
          display: block;
          width: 100%;
          height: auto;
          margin-top: 92px; }
          .header .site-menu .menu-item {
            display: block;
            margin: 0px;
            margin-bottom: 8px; }
            .header .site-menu .menu-item:last-child {
              margin-bottom: 0px; }
          .header .site-menu .menu-link {
            justify-content: space-between; } }
      .header .site-menu .menu .activelink .menu-link::after,
      .header .site-menu .menu .menu-item:hover .menu-link::after {
        width: 100%; }
      @media only screen and (max-width: 999px) {
        .header .site-menu .menu .activelink .submenu {
          opacity: 1;
          visibility: visible;
          transform: none; } }
    .header .site-menu .submenu {
      position: absolute;
      top: 100%;
      right: 0px;
      width: 180px;
      height: auto;
      visibility: hidden;
      transform: translateY(1rem);
      background: #fff;
      box-shadow: 0px 4px 8px 0px #00000033;
      transition: all 0.5s ease-in-out;
      overflow: hidden;
      padding: 12px; }
      @media only screen and (max-width: 999px) {
        .header .site-menu .submenu {
          display: block;
          position: relative;
          max-height: 0px;
          outline: none;
          opacity: 1;
          visibility: visible;
          transform: translateY(0px);
          box-shadow: none;
          padding: 0px;
          background: #F3F4F6;
          width: 100%; } }
      .header .site-menu .submenu a {
        display: block;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        text-transform: capitalize;
        font-size: 14px;
        font-weight: 300;
        border-bottom: 1px solid #ECECEC;
        padding-bottom: 8px;
        margin-bottom: 8px; }
        @media only screen and (max-width: 999px) {
          .header .site-menu .submenu a {
            padding: 4px 12px; } }
        .header .site-menu .submenu a:last-child {
          margin: 0px;
          border-bottom: 0px;
          padding-bottom: 0px; }
        .header .site-menu .submenu a:hover {
          color: #0095DA; }
    .header .site-menu .overlay {
      position: fixed;
      inset: 0px;
      height: 100%;
      width: 100%;
      z-index: 9;
      visibility: hidden;
      background-color: rgba(0, 0, 0, 0.65); }
      @media only screen and (max-width: 999px) {
        .header .site-menu .overlay.active {
          display: block;
          opacity: 1;
          visibility: visible; } }
    .header .site-menu .weather {
      display: flex;
      align-items: center; }
      .header .site-menu .weather li {
        display: flex;
        align-items: center;
        padding-left: 8px;
        border-left: 1px solid #DADCE1;
        margin-left: 8px;
        height: 16px;
        font-size: 14px;
        font-weight: 300;
        transition: all 0.5s ease-in-out; }
        .header .site-menu .weather li:last-child {
          padding-left: 0px;
          border-left: 0px;
          margin-left: 0px; }
        .header .site-menu .weather li svg {
          max-width: 30px;
          max-height: 30px; }
  .header .changecolors {
    display: none; }
    .header .changecolors p {
      font-size: 15px;
      font-weight: 300; }
    @media (max-width: 999px) {
      .header .changecolors {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #CACACA;
        padding: 24px 12px 0px 12px;
        margin: 24px 0px; } }

.newsTicker {
  display: flex;
  align-items: center;
  height: 50px;
  background: #fff;
  padding: 0px !important;
  border-bottom: 1px solid #CACACA; }
  .newsTicker .container {
    display: flex;
    align-items: center; }
  .newsTicker .title {
    z-index: 1;
    color: #BD3C2F;
    font-size: 16px;
    height: 50px;
    padding-left: 16px;
    margin-left: 16px; }
    .newsTicker .title::after {
      content: "";
      position: absolute;
      left: 0px;
      top: 15px;
      width: 2px;
      height: 20px;
      background: #BD3C2F; }
  .newsTicker .ticker-wrapper {
    overflow: hidden;
    position: relative;
    width: calc(100% - 116px);
    height: 50px; }
  .newsTicker .ticker-content {
    position: absolute;
    top: 0;
    width: 100%; }
  .newsTicker .ticker-item {
    height: 50px;
    display: flex;
    align-items: center;
    white-space: nowrap; }
    .newsTicker .ticker-item a {
      font-size: 16px;
      font-weight: 400;
      color: #000;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .newsTicker .ticker-item a:hover {
        color: #0095DA; }

.slider-news__item {
  position: relative;
  width: 100%;
  padding: 32px 0px; }
  @media (max-width: 999px) {
    .slider-news__item {
      padding: 12px 0px; } }
  .slider-news__item .advertising-banner {
    position: absolute;
    max-width: 160px;
    top: 0px;
    display: none; }
    @media (min-width: 1900px) {
      .slider-news__item .advertising-banner {
        display: block; } }
    .slider-news__item .advertising-banner img {
      max-width: 100%; }
    .slider-news__item .advertising-banner.right {
      right: -132px; }
    .slider-news__item .advertising-banner.left {
      left: -132px; }
  .slider-news__item .rowbox {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 12px; }
    @media (max-width: 999px) {
      .slider-news__item .rowbox {
        grid-template-columns: 1fr; } }
  .slider-news__item .news-slider .rowinner {
    display: grid;
    grid-template-columns: 1fr 50%;
    gap: 12px;
    height: 100%; }
    @media (max-width: 999px) {
      .slider-news__item .news-slider .rowinner {
        grid-template-columns: 1fr; } }
    .slider-news__item .news-slider .rowinner .itemslider {
      position: relative;
      overflow: hidden; }
      .slider-news__item .news-slider .rowinner .itemslider .photonew {
        position: relative;
        display: block;
        width: 100%;
        height: 454px;
        border-radius: 5px;
        overflow: hidden; }
        @media (max-width: 999px) {
          .slider-news__item .news-slider .rowinner .itemslider .photonew {
            height: 300px; } }
        .slider-news__item .news-slider .rowinner .itemslider .photonew::after {
          content: "";
          position: absolute;
          left: 0px;
          bottom: 0px;
          width: 100%;
          height: 100%;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
        .slider-news__item .news-slider .rowinner .itemslider .photonew img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .slider-news__item .news-slider .rowinner .itemslider .coverage {
        position: absolute;
        bottom: 0px;
        right: 8px;
        width: calc(100% - 16px); }
        @media (max-width: 999px) {
          .slider-news__item .news-slider .rowinner .itemslider .coverage {
            position: relative;
            margin-top: -100px; } }
        .slider-news__item .news-slider .rowinner .itemslider .coverage .linecoverage {
          display: inline-flex;
          background: linear-gradient(45deg, #0E77A8 0%, #0094D9 100%);
          border-radius: 20px 20px 0px 0px;
          padding: 20px 12px; }
          .slider-news__item .news-slider .rowinner .itemslider .coverage .linecoverage .title {
            color: #fff;
            font-size: 16px;
            padding-right: 20px; }
            .slider-news__item .news-slider .rowinner .itemslider .coverage .linecoverage .title::before {
              content: ' ';
              position: absolute;
              top: 5px;
              right: 0px;
              border: 1px solid #BD3C2F;
              width: 16px;
              height: 16px;
              border-radius: 50%;
              background: #BD3C2F;
              box-shadow: inset 0 0 0px 3px #0095DA;
              -moz-transition: all 0.5s ease-in-out 0s;
              -o-transition: all 0.5s ease-in-out 0s;
              -webkit-transition: all 0.5s ease-in-out 0s;
              transition: all 0.5s ease-in-out 0s; }
        .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage {
          position: relative;
          width: 100%;
          background: #F3F4F6;
          padding: 16px;
          border-radius: 10px 0px 10px 10px;
          overflow: hidden; }
          .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews {
            position: relative;
            width: 100%;
            padding-right: 60px; }
            .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a {
              position: relative;
              display: block;
              padding-bottom: 20px; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a:last-child {
                padding-bottom: 0px; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a::after {
                content: ' ';
                position: absolute;
                top: 0px;
                right: -16px;
                width: 1px;
                height: 100%;
                background: #6D6D6D; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a::before {
                content: ' ';
                position: absolute;
                top: 2px;
                right: -19px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #0095DA;
                z-index: 1; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a:hover .title {
                color: #0095DA; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a span.date {
                position: absolute;
                top: -7px;
                right: -68px;
                color: #0095DA;
                min-width: 35px;
                text-align: left; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a .tag {
                display: block;
                color: #0095DA;
                font-size: 12px;
                font-weight: 700;
                margin-bottom: 8px;
                line-height: 1; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a .title {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                color: #000;
                font-size: 17px;
                font-weight: 400; }
              .slider-news__item .news-slider .rowinner .itemslider .coverage .innercoverage .listnews a p {
                color: #6D6D6D;
                margin-top: 4px; }
        .slider-news__item .news-slider .rowinner .itemslider .coverage .sv-team {
          display: flex;
          align-items: center;
          justify-content: center;
          width: calc(100% + 32px);
          background: linear-gradient(138.15deg, #0094D9 12.61%, #0E77A8 117.95%);
          margin: -15px -16px 17px 0px;
          padding: 12px 16px; }
          .slider-news__item .news-slider .rowinner .itemslider .coverage .sv-team .nameteam {
            margin: 0px 16px; }
            .slider-news__item .news-slider .rowinner .itemslider .coverage .sv-team .nameteam span {
              font-size: 16px;
              font-weight: 700;
              margin: 0px; }
          .slider-news__item .news-slider .rowinner .itemslider .coverage .sv-team .phototeam {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0px auto;
            min-width: 53px;
            max-width: 53px;
            height: 68px; }
            .slider-news__item .news-slider .rowinner .itemslider .coverage .sv-team .phototeam img {
              max-width: 100%;
              max-height: 100%; }
          .slider-news__item .news-slider .rowinner .itemslider .coverage .sv-team span {
            font-size: 14px;
            font-weight: 700;
            color: #fff;
            margin-top: -20px; }
      .slider-news__item .news-slider .rowinner .itemslider .football .linecoverage .title::before {
        border: 1px solid #fff;
        background: #fff; }
      .slider-news__item .news-slider .rowinner .itemslider .football .innercoverage {
        background: #EAF7FD; }
      .slider-news__item .news-slider .rowinner .itemslider .carousel {
        overflow: hidden; }
        .slider-news__item .news-slider .rowinner .itemslider .carousel:hover .carousel-control-next {
          right: 24px; }
        .slider-news__item .news-slider .rowinner .itemslider .carousel:hover .carousel-control-prev {
          left: 24px; }
        .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-inner {
          height: 100%; }
        .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-item {
          height: 100%;
          border-radius: 5px;
          overflow: hidden; }
          @media (max-width: 999px) {
            .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-item {
              height: 284px; } }
          .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-item .photo {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden; }
            .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-item .photo img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
        .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-next,
        .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-prev {
          width: auto;
          height: 28px;
          top: 50%;
          opacity: 1;
          margin-top: -24px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          @media (max-width: 991px) {
            .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-next,
            .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-prev {
              display: none; } }
          .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-next svg,
          .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-prev svg {
            width: 28px;
            height: 28px;
            fill: #fff;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
          .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-next:hover svg,
          .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-prev:hover svg {
            fill: #0095DA; }
        .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-next {
          right: -90px; }
        .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-prev {
          left: -90px; }
          .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-control-prev svg {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
        .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-item {
          height: 454px; }
          @media (max-width: 999px) {
            .slider-news__item .news-slider .rowinner .itemslider .carousel .carousel-item {
              height: 284px; } }
      .slider-news__item .news-slider .rowinner .itemslider .rownews {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 12px; }
        @media (max-width: 550px) {
          .slider-news__item .news-slider .rowinner .itemslider .rownews {
            grid-template-columns: repeat(1, 1fr); } }
        .slider-news__item .news-slider .rowinner .itemslider .rownews .smallitem {
          padding: 29px 16px; }
          @media (min-width: 1500px) {
            .slider-news__item .news-slider .rowinner .itemslider .rownews .smallitem {
              padding: 40.2px 16px; } }
          @media (min-width: 1600px) {
            .slider-news__item .news-slider .rowinner .itemslider .rownews .smallitem {
              padding: 39px 16px; } }
          @media (max-width: 1199px) {
            .slider-news__item .news-slider .rowinner .itemslider .rownews .smallitem .flextex .tagtext {
              display: none; } }
          @media (max-width: 999px) {
            .slider-news__item .news-slider .rowinner .itemslider .rownews .smallitem .flextex .tagtext {
              display: block; } }
    @media (max-width: 999px) {
      .slider-news__item .news-slider .rowinner .itemscroll {
        margin-top: 12px; } }
    .slider-news__item .news-slider .rowinner .itemscroll .circle {
      color: #0095DA;
      font-size: 16px;
      padding-right: 20px; }
      .slider-news__item .news-slider .rowinner .itemscroll .circle::before {
        content: ' ';
        position: absolute;
        top: 5px;
        right: 0px;
        border: 1px solid #0095DA;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #0095DA;
        box-shadow: inset 0 0 0px 3px #fff;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .slider-news__item .news-slider .rowinner .itemscroll .listnews {
      position: relative;
      width: 100%;
      padding: 0px 22px 0px 64px;
      margin-top: 12px;
      height: 416px;
      overflow: hidden;
      overflow-y: scroll; }
      .slider-news__item .news-slider .rowinner .itemscroll .listnews a {
        position: relative;
        display: block;
        border-bottom: 1px solid #6D6D6D;
        padding: 16px 0px;
        margin-top: -1px; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a:first-child {
          padding-top: 0px;
          margin: 0px; }
          .slider-news__item .news-slider .rowinner .itemscroll .listnews a:first-child::before {
            top: 0px; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a:last-child {
          margin-top: 0px;
          padding-bottom: 0px;
          border: 0px; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a::after {
          content: ' ';
          position: absolute;
          top: 0px;
          right: -16px;
          width: 1px;
          height: 100%;
          background: #6D6D6D; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a::before {
          content: ' ';
          position: absolute;
          top: 16px;
          right: -19px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #0095DA;
          z-index: 1; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a:hover .title {
          color: #0095DA; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a .tag {
          display: block;
          color: #0095DA;
          font-size: 12px;
          font-weight: 700;
          margin-bottom: 12px;
          line-height: 1; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a .title {
          color: #000;
          font-size: 17px;
          font-weight: 400; }
        .slider-news__item .news-slider .rowinner .itemscroll .listnews a p {
          color: #6D6D6D;
          margin-top: 4px; }
    .slider-news__item .news-slider .rowinner .itemscroll .rownews {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px; }
      @media (max-width: 550px) {
        .slider-news__item .news-slider .rowinner .itemscroll .rownews {
          grid-template-columns: repeat(1, 1fr); } }
      .slider-news__item .news-slider .rowinner .itemscroll .rownews .carditem {
        margin-top: 12px; }
  @media (max-width: 999px) {
    .slider-news__item .dialogues {
      max-width: 300px;
      margin: 12px auto 0px auto; } }
  .slider-news__item .dialogues .application {
    position: relative;
    width: 100%;
    height: 250px;
    background: #CFEBF8 url(../images/application.png) no-repeat bottom right;
    overflow: hidden;
    margin-bottom: 12px; }
    .slider-news__item .dialogues .application .logo {
      display: inline-block;
      text-align: center;
      width: 100%;
      height: 1px;
      background: #000;
      margin-top: 24px; }
      .slider-news__item .dialogues .application .logo img {
        margin-top: -28px;
        padding: 0px 4px;
        max-width: 41px;
        background: #CFEBF8; }
    .slider-news__item .dialogues .application .title {
      justify-content: center;
      font-size: 18px;
      font-weight: 500; }
      .slider-news__item .dialogues .application .title b {
        font-size: 18px;
        font-weight: 700; }
    .slider-news__item .dialogues .application .app-icons {
      display: flex;
      align-items: center;
      justify-content: center; }
      .slider-news__item .dialogues .application .app-icons a {
        margin: 0px 4px; }
        .slider-news__item .dialogues .application .app-icons a img {
          max-width: 65px; }
    .slider-news__item .dialogues .application .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 12px; }
      .slider-news__item .dialogues .application .photo img {
        max-width: 100%; }
  .slider-news__item .dialogues .articles-editor {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
    .slider-news__item .dialogues .articles-editor .inner {
      display: inline-block;
      width: 100%;
      background: #CFEBF8; }
      .slider-news__item .dialogues .articles-editor .inner .flex {
        display: flex;
        align-items: flex-start;
        margin-top: 32px;
        padding: 0px 16px 0px 12px; }
      .slider-news__item .dialogues .articles-editor .inner .photo {
        min-width: 108px;
        max-width: 108px;
        height: 166px;
        margin-left: 24px;
        border-radius: 12px 12px 0px 12px;
        overflow: hidden; }
        .slider-news__item .dialogues .articles-editor .inner .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .slider-news__item .dialogues .articles-editor .inner .title {
        display: block;
        font-weight: 300;
        line-height: 38px;
        padding-right: 20px; }
        .slider-news__item .dialogues .articles-editor .inner .title::before {
          content: "";
          position: absolute;
          right: 0px;
          top: 0px;
          width: 15px;
          height: 15px;
          background: #000;
          border-radius: 50%; }
        .slider-news__item .dialogues .articles-editor .inner .title::after {
          content: "";
          position: absolute;
          right: 8px;
          top: 0px;
          width: 1px;
          height: calc(100% - 8px);
          background: #000; }
        .slider-news__item .dialogues .articles-editor .inner .title b {
          font-size: 26px;
          font-weight: 700; }
      .slider-news__item .dialogues .articles-editor .inner .name {
        width: calc(100% - 16px);
        padding: 4px 16px;
        text-align: left;
        color: #fff;
        background: #0095DA;
        min-height: 38px;
        margin: -37px 16px 0px 0px; }
    .slider-news__item .dialogues .articles-editor .listarticles li {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #0095DA;
      padding: 4px 0px; }
      .slider-news__item .dialogues .articles-editor .listarticles li .title {
        font-size: 14px;
        font-weight: 500; }
        .slider-news__item .dialogues .articles-editor .listarticles li .title:hover {
          color: #0095DA; }
      .slider-news__item .dialogues .articles-editor .listarticles li .date {
        display: block;
        line-height: 2;
        font-size: 10px;
        font-weight: 300;
        color: #B9B9B9; }
      .slider-news__item .dialogues .articles-editor .listarticles li .sharing {
        cursor: pointer; }
        .slider-news__item .dialogues .articles-editor .listarticles li .sharing svg {
          width: 24px;
          height: 24px; }
  .slider-news__item .dialogues .interloc {
    position: relative;
    width: 100%;
    background: #CFEBF8;
    border-bottom-left-radius: 50%;
    padding-top: 12px;
    height: 196px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden; }
    @media (min-width: 1600px) {
      .slider-news__item .dialogues .interloc {
        height: 202px; } }
    @media (max-width: 999px) {
      .slider-news__item .dialogues .interloc {
        height: auto; } }
    .slider-news__item .dialogues .interloc .title {
      font-size: 24px;
      font-weight: 300;
      padding-right: 42px; }
      .slider-news__item .dialogues .interloc .title::before {
        content: "";
        position: absolute;
        right: 20px;
        width: 15px;
        height: 15px;
        background: #000;
        border-radius: 50%; }
      .slider-news__item .dialogues .interloc .title::after {
        content: "";
        position: absolute;
        right: 0px;
        width: 25px;
        height: 2px;
        background: #000; }
      .slider-news__item .dialogues .interloc .title b {
        font-size: 24px;
        font-weight: 700; }
    .slider-news__item .dialogues .interloc .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px; }
      .slider-news__item .dialogues .interloc .photo img {
        max-width: 100%; }

.news__item {
  position: relative;
  width: 100%;
  padding: 32px 0px; }
  @media (max-width: 999px) {
    .news__item {
      padding: 12px 0px; } }
  @media (max-width: 999px) {
    .news__item .advertising-banner {
      display: none; } }
  .news__item .rowbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px; }
    @media (max-width: 999px) {
      .news__item .rowbox {
        grid-template-columns: 1fr; }
        .news__item .rowbox .carousel {
          order: -1; } }
  .news__item .carousel {
    overflow: hidden; }
    .news__item .carousel:hover .carousel-control-next {
      right: 24px; }
    .news__item .carousel:hover .carousel-control-prev {
      left: 24px; }
    .news__item .carousel .carousel-inner {
      height: 100%; }
    .news__item .carousel .carousel-item {
      height: 100%;
      border-radius: 5px;
      overflow: hidden; }
      @media (max-width: 999px) {
        .news__item .carousel .carousel-item {
          height: 284px; } }
      .news__item .carousel .carousel-item .photo {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .news__item .carousel .carousel-item .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .news__item .carousel .carousel-control-next,
    .news__item .carousel .carousel-control-prev {
      width: auto;
      height: 28px;
      top: 50%;
      opacity: 1;
      margin-top: -24px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 991px) {
        .news__item .carousel .carousel-control-next,
        .news__item .carousel .carousel-control-prev {
          display: none; } }
      .news__item .carousel .carousel-control-next svg,
      .news__item .carousel .carousel-control-prev svg {
        width: 28px;
        height: 28px;
        fill: #fff;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .news__item .carousel .carousel-control-next:hover svg,
      .news__item .carousel .carousel-control-prev:hover svg {
        fill: #0095DA; }
    .news__item .carousel .carousel-control-next {
      right: -90px; }
    .news__item .carousel .carousel-control-prev {
      left: -90px; }
      .news__item .carousel .carousel-control-prev svg {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  .news__item .numbered-news {
    margin: 0px;
    padding: 0px; }
    .news__item .numbered-news li {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 12px; }
      .news__item .numbered-news li:last-child {
        margin-bottom: 0px; }
      .news__item .numbered-news li .advertising-banner {
        margin: 0px 0px 75px 0px;
        width: 300px; }
      .news__item .numbered-news li .photo {
        display: block;
        position: relative;
        min-width: 144px;
        max-width: 144px;
        height: 110px;
        overflow: hidden;
        background: #F3F4F6;
        margin-left: 16px; }
        @media (max-width: 1199px) {
          .news__item .numbered-news li .photo {
            min-width: 120px;
            max-width: 120px; } }
        .news__item .numbered-news li .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      @media (max-width: 1199px) {
        .news__item .numbered-news li .contant {
          display: flex;
          justify-content: flex-end;
          padding: 64px 8px 8px 8px; }
          .news__item .numbered-news li .contant .tagtext {
            line-height: 14px;
            padding: 4px 8px; } }
      .news__item .numbered-news li .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 20px;
        font-weight: 500; }
        @media (max-width: 1199px) {
          .news__item .numbered-news li .title {
            font-size: 14px; } }
        @media (max-width: 999px) {
          .news__item .numbered-news li .title {
            -webkit-line-clamp: 3; } }
        .news__item .numbered-news li .title:hover {
          color: #0095DA; }
      .news__item .numbered-news li .date {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #898989;
        margin-top: 8px; }
  .news__item .listnewsscroll {
    direction: ltr;
    padding-right: 24px;
    height: 416px;
    overflow: hidden;
    overflow-y: scroll; }
    @media (max-width: 999px) {
      .news__item .listnewsscroll {
        height: auto;
        overflow-y: inherit;
        padding: 0px; } }
    .news__item .listnewsscroll::-webkit-scrollbar-thumb {
      background: #bdbcbc; }
    .news__item .listnewsscroll::-webkit-scrollbar {
      width: 3px; }
    .news__item .listnewsscroll li {
      direction: rtl;
      position: relative;
      width: 100%;
      border-bottom: 1px solid #CACACA;
      padding-bottom: 16px;
      margin-bottom: 16px; }
      .news__item .listnewsscroll li:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px; }
        @media (max-width: 999px) {
          .news__item .listnewsscroll li:last-child {
            border-bottom: 1px solid #CACACA;
            padding-bottom: 16px; } }
      .news__item .listnewsscroll li .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 17px;
        font-weight: 600;
        padding-bottom: 2px; }
        .news__item .listnewsscroll li .title:hover {
          color: #0095DA; }
      .news__item .listnewsscroll li p {
        font-size: 12px;
        font-weight: 400;
        color: #000;
        margin-top: 6px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .news__item .listnewsscroll li .date {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        color: #3B3B3B;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .news__item .listnewsscroll li .date svg {
          width: 14px;
          margin-left: 4px; }
          .news__item .listnewsscroll li .date svg path {
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }

.bartitle {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 17px 0px !important;
  border-bottom: 1px solid #CACACA; }
  .bartitle::before, .bartitle::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 250px;
    height: 100%;
    background: url(../images/bar1.png) no-repeat center center/cover;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 999px) {
      .bartitle::before, .bartitle::after {
        display: none; } }
  .bartitle::after {
    right: auto;
    left: 0px;
    rotate: 180deg; }
  .bartitle .container {
    display: flex;
    align-items: center; }
  .bartitle .listlink {
    display: flex;
    margin-right: 24px; }
    @media (max-width: 999px) {
      .bartitle .listlink {
        margin-right: 8px; } }
    .bartitle .listlink a {
      margin-right: 24px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .bartitle .listlink a:hover {
        color: #0095DA; }
      @media (max-width: 999px) {
        .bartitle .listlink a {
          margin-right: 8px;
          font-size: 14px; } }

.mostviewed__item .rowbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px; }
  @media (max-width: 999px) {
    .mostviewed__item .rowbox {
      grid-template-columns: 1fr; } }
.mostviewed__item .carousel {
  overflow: hidden;
  margin-top: 24px; }
  .mostviewed__item .carousel:hover .carousel-control-next {
    right: 24px; }
  .mostviewed__item .carousel:hover .carousel-control-prev {
    left: 24px; }
  .mostviewed__item .carousel .carousel-inner {
    height: 100%; }
  .mostviewed__item .carousel .carousel-item {
    height: 100%;
    border-radius: 5px;
    overflow: hidden; }
    @media (max-width: 999px) {
      .mostviewed__item .carousel .carousel-item {
        height: 284px; } }
    .mostviewed__item .carousel .carousel-item .photo {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .mostviewed__item .carousel .carousel-item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .mostviewed__item .carousel .carousel-control-next,
  .mostviewed__item .carousel .carousel-control-prev {
    width: auto;
    height: 28px;
    top: 50%;
    opacity: 1;
    margin-top: -24px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 991px) {
      .mostviewed__item .carousel .carousel-control-next,
      .mostviewed__item .carousel .carousel-control-prev {
        display: none; } }
    .mostviewed__item .carousel .carousel-control-next svg,
    .mostviewed__item .carousel .carousel-control-prev svg {
      width: 28px;
      height: 28px;
      fill: #fff;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .mostviewed__item .carousel .carousel-control-next:hover svg,
    .mostviewed__item .carousel .carousel-control-prev:hover svg {
      fill: #0095DA; }
  .mostviewed__item .carousel .carousel-control-next {
    right: -90px; }
  .mostviewed__item .carousel .carousel-control-prev {
    left: -90px; }
    .mostviewed__item .carousel .carousel-control-prev svg {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  @media (max-width: 999px) {
    .mostviewed__item .carousel {
      margin-top: 12px; } }
.mostviewed__item .numbered-news {
  margin: 0px;
  padding: 0px;
  margin-top: 24px; }
  @media (max-width: 999px) {
    .mostviewed__item .numbered-news {
      margin-top: 12px; } }
  .mostviewed__item .numbered-news li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 12px; }
    .mostviewed__item .numbered-news li:last-child {
      margin-bottom: 0px; }
    .mostviewed__item .numbered-news li .photo {
      display: block;
      position: relative;
      min-width: 144px;
      max-width: 144px;
      height: 110px;
      overflow: hidden;
      background: #F3F4F6;
      margin-left: 16px; }
      @media (max-width: 1199px) {
        .mostviewed__item .numbered-news li .photo {
          min-width: 120px;
          max-width: 120px; } }
      .mostviewed__item .numbered-news li .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    @media (max-width: 1199px) {
      .mostviewed__item .numbered-news li .contant {
        display: flex;
        justify-content: flex-end;
        padding: 64px 8px 8px 8px; }
        .mostviewed__item .numbered-news li .contant .tagtext {
          line-height: 14px;
          padding: 4px 8px; } }
    .mostviewed__item .numbered-news li .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 20px;
      font-weight: 500; }
      @media (max-width: 1199px) {
        .mostviewed__item .numbered-news li .title {
          font-size: 14px; } }
      @media (max-width: 999px) {
        .mostviewed__item .numbered-news li .title {
          -webkit-line-clamp: 3; } }
      .mostviewed__item .numbered-news li .title:hover {
        color: #0095DA; }
    .mostviewed__item .numbered-news li .date {
      display: block;
      font-size: 12px;
      font-weight: 400;
      color: #898989;
      margin-top: 8px; }
.mostviewed__item .listnews {
  margin-top: 24px; }
  @media (max-width: 999px) {
    .mostviewed__item .listnews {
      margin-top: 12px; } }
  .mostviewed__item .listnews li {
    position: relative;
    width: 100%;
    margin-bottom: 16px; }
    .mostviewed__item .listnews li:last-child {
      margin-bottom: 0px; }
    .mostviewed__item .listnews li .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 17px;
      font-weight: 600;
      padding-bottom: 2px; }
      .mostviewed__item .listnews li .title:hover {
        color: #0095DA; }
    .mostviewed__item .listnews li p {
      font-size: 12px;
      font-weight: 400;
      color: #000;
      margin-top: 6px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .mostviewed__item .listnews li .date {
      display: flex;
      align-items: center;
      font-size: 12px;
      font-weight: 400;
      color: #3B3B3B;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .mostviewed__item .listnews li .date svg {
        width: 14px;
        margin-left: 4px; }
        .mostviewed__item .listnews li .date svg path {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
.mostviewed__item.latesteconomic .carousel,
.mostviewed__item.latesteconomic .numbered-news,
.mostviewed__item.latesteconomic .item {
  margin-top: 0px; }
.mostviewed__item.latesteconomic .item {
  padding-left: 30%; }
  @media (max-width: 1199px) {
    .mostviewed__item.latesteconomic .item {
      padding-left: 0px; } }
  .mostviewed__item.latesteconomic .item .listnews li .title {
    -webkit-line-clamp: 3; }

.economy__item .rowbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px; }
  @media (max-width: 999px) {
    .economy__item .rowbox {
      grid-template-columns: 1fr; } }
  .economy__item .rowbox .item {
    border: 1px solid #DEE2E6; }
    .economy__item .rowbox .item .minhead {
      padding: 8px 12px;
      border-bottom: 1px solid #DEE2E6; }
      .economy__item .rowbox .item .minhead .tabs,
      .economy__item .rowbox .item .minhead .nav-tabs {
        display: flex;
        align-items: center;
        border: 0px; }
        .economy__item .rowbox .item .minhead .tabs a,
        .economy__item .rowbox .item .minhead .nav-tabs a {
          color: #A7A7A7;
          min-width: 80px;
          font-size: 10px;
          font-weight: 700;
          border: 0px;
          background: #F2F2F2;
          padding: 0px 8px;
          border-radius: 5px;
          text-align: center;
          cursor: pointer;
          margin-left: 12px; }
          .economy__item .rowbox .item .minhead .tabs a:last-child,
          .economy__item .rowbox .item .minhead .nav-tabs a:last-child {
            margin-left: 0px; }
          .economy__item .rowbox .item .minhead .tabs a.active,
          .economy__item .rowbox .item .minhead .nav-tabs a.active {
            color: #fff;
            background: #A7A7A7; }
      .economy__item .rowbox .item .minhead .more {
        display: flex;
        align-items: center;
        color: #A7A7A7;
        font-size: 10px;
        font-weight: 700;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .economy__item .rowbox .item .minhead .more:hover {
          color: #0095DA; }
        .economy__item .rowbox .item .minhead .more svg {
          margin-right: 4px; }
    .economy__item .rowbox .item .flex {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .economy__item .rowbox .item .flex .title {
        font-size: 20px !important; }
    .economy__item .rowbox .item .main-value {
      padding: 12px; }
      .economy__item .rowbox .item .main-value .title {
        justify-content: center;
        font-size: 32px; }
      .economy__item .rowbox .item .main-value p {
        text-align: center;
        color: red; }
    .economy__item .rowbox .item .days {
      display: flex;
      align-items: center;
      border-top: 1px solid #DEE2E6;
      padding: 12px;
      padding-bottom: 0px; }
      .economy__item .rowbox .item .days a {
        color: #A7A7A7;
        font-size: 10px;
        font-weight: 700;
        background: #F2F2F2;
        padding: 0px 12px;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
        margin-left: 12px; }
        .economy__item .rowbox .item .days a:last-child {
          margin-left: 0px; }
        .economy__item .rowbox .item .days a.active {
          color: #fff;
          background: #A7A7A7; }
    .economy__item .rowbox .item .table tr:last-child td {
      border-bottom: 0px; }
    .economy__item .rowbox .item .table th {
      background: #F3F4F6;
      font-size: 14px;
      font-weight: 300;
      padding: .3rem;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .economy__item .rowbox .item .table td {
      font-size: 12px;
      font-weight: 300;
      line-height: 24px;
      padding: .3rem;
      vertical-align: middle;
      background: none;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .economy__item .rowbox .item .table b {
      display: flex;
      align-items: center;
      font-size: 16px;
      font-weight: 700;
      color: #000;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .economy__item .rowbox .item .table b svg {
        margin-right: 4px; }
    .economy__item .rowbox .item .table .red {
      color: red;
      font-size: 16px;
      font-weight: 300; }
    .economy__item .rowbox .item #chart {
      max-width: 100%; }

.slidersport__item {
  padding: 24px 0px;
  border-bottom: 1px solid #CACACA;
  height: 203px;
  overflow: hidden; }
  @media (max-width: 999px) {
    .slidersport__item {
      padding: 12px 0px;
      height: 197px; } }
  .slidersport__item .container {
    display: flex;
    align-items: center;
    height: 100%; }
    @media (max-width: 999px) {
      .slidersport__item .container {
        display: block; } }
  .slidersport__item select.form-control {
    position: absolute;
    right: 12px;
    border: 0px !important;
    max-width: 140px;
    padding: 0px;
    padding-right: 18px;
    background-position: 100% 20px; }
    @media (max-width: 999px) {
      .slidersport__item select.form-control {
        position: relative;
        right: auto;
        max-width: 100%; } }
    .slidersport__item select.form-control option {
      font-size: 14px;
      padding: 8px; }
  .slidersport__item .slidersport {
    position: relative;
    direction: ltr;
    position: initial;
    margin: 0 auto;
    max-width: 70%;
    padding: 12px;
    padding-bottom: 0px;
    background: #F3F4F6;
    border-radius: 6px; }
    .slidersport__item .slidersport .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none;
      margin: 0px -4px; }
      .slidersport__item .slidersport .slick-list .slick-track {
        position: relative;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        overflow: hidden; }
        .slidersport__item .slidersport .slick-list .slick-track:after, .slidersport__item .slidersport .slick-list .slick-track:before {
          display: table;
          content: ''; }
    .slidersport__item .slidersport .slick-prev,
    .slidersport__item .slidersport .slick-next {
      position: absolute;
      top: -50px;
      cursor: pointer;
      border: 0px;
      padding: 0px;
      outline: none;
      font-size: 0px;
      background: none;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .slidersport__item .slidersport .slick-prev svg,
      .slidersport__item .slidersport .slick-next svg {
        width: 18px;
        height: 18px;
        fill: #0095DA;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .slidersport__item .slidersport .slick-next {
      left: 30px; }
    .slidersport__item .slidersport .slick-prev {
      left: 0px; }
    .slidersport__item .slidersport .slick-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 24px; }
      .slidersport__item .slidersport .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 2px;
        padding: 0px;
        cursor: pointer;
        width: 14px;
        height: 4px;
        border-radius: 5px; }
        .slidersport__item .slidersport .slick-dots li button {
          font-size: 0px;
          line-height: 0px;
          display: block;
          width: 100%;
          height: 100%;
          border: 0px;
          outline: none;
          background: #F3F4F6;
          padding: 0px; }
      .slidersport__item .slidersport .slick-dots li.slick-active {
        background: #0095DA; }
        .slidersport__item .slidersport .slick-dots li.slick-active button {
          background: none; }
    @media (max-width: 999px) {
      .slidersport__item .slidersport {
        max-width: 100%;
        margin: 0px; } }
    .slidersport__item .slidersport .slick-track {
      padding-bottom: 12px; }
    .slidersport__item .slidersport .slick-dots {
      display: none !important; }
    .slidersport__item .slidersport .slick-prev,
    .slidersport__item .slidersport .slick-next {
      top: 50%;
      margin-top: -14px; }
      @media (max-width: 999px) {
        .slidersport__item .slidersport .slick-prev,
        .slidersport__item .slidersport .slick-next {
          display: none !important; } }
    .slidersport__item .slidersport .slick-prev {
      left: 8px; }
    .slidersport__item .slidersport .slick-next {
      left: 42px; }
  .slidersport__item .slick-slide {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-radius: 6px;
    margin: 0px 4px;
    background: #fff;
    box-shadow: 0px 4px 8px 0px #00000033; }
    .slidersport__item .slick-slide .text-center {
      min-width: 56px; }
    .slidersport__item .slick-slide .photo {
      margin: 0px auto;
      min-width: 30px;
      max-width: 30px;
      height: 30px; }
      .slidersport__item .slick-slide .photo img {
        max-width: 100%;
        max-height: 100%; }
    .slidersport__item .slick-slide p {
      font-size: 12px;
      font-weight: 700;
      text-align: center; }
    .slidersport__item .slick-slide .text {
      text-align: center; }
      .slidersport__item .slick-slide .text span {
        font-size: 10px;
        font-weight: 400;
        color: #000;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .slidersport__item .slick-slide .text .resultsnumber {
        color: #000;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }

.opinion-writer .container,
.latestarticles .container {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px; }
  @media (max-width: 999px) {
    .opinion-writer .container,
    .latestarticles .container {
      grid-template-columns: 1fr;
      gap: 12px; } }
  .opinion-writer .container .item .inner,
  .latestarticles .container .item .inner {
    margin-bottom: 24px; }
    @media (max-width: 999px) {
      .opinion-writer .container .item .inner,
      .latestarticles .container .item .inner {
        margin-bottom: 12px; } }
  .opinion-writer .container .item .rowbox,
  .latestarticles .container .item .rowbox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 16px; }
    @media (max-width: 1199px) {
      .opinion-writer .container .item .rowbox,
      .latestarticles .container .item .rowbox {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 999px) {
      .opinion-writer .container .item .rowbox,
      .latestarticles .container .item .rowbox {
        gap: 0px 12px; } }
    @media (max-width: 767px) {
      .opinion-writer .container .item .rowbox,
      .latestarticles .container .item .rowbox {
        grid-template-columns: 1fr; } }
  .opinion-writer .container .item .subitem,
  .latestarticles .container .item .subitem {
    position: relative;
    width: 100%;
    border-radius: 16px;
    padding: 16px;
    border: 1px solid #CACACA;
    margin-top: 16px; }
    @media (max-width: 999px) {
      .opinion-writer .container .item .subitem,
      .latestarticles .container .item .subitem {
        margin-top: 12px; } }
    .opinion-writer .container .item .subitem .photo,
    .latestarticles .container .item .subitem .photo {
      display: block;
      position: relative;
      background: #F4C606;
      width: 120px;
      height: 120px;
      overflow: hidden;
      border-radius: 50%;
      margin: 0px auto 24px auto; }
      .opinion-writer .container .item .subitem .photo img,
      .latestarticles .container .item .subitem .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .opinion-writer .container .item .subitem .icon,
    .latestarticles .container .item .subitem .icon {
      display: flex;
      margin-bottom: 8px; }
      .opinion-writer .container .item .subitem .icon svg,
      .latestarticles .container .item .subitem .icon svg {
        min-width: 14px;
        max-width: 14px;
        height: 20px; }
    .opinion-writer .container .item .subitem .title,
    .latestarticles .container .item .subitem .title {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-bottom: 2px;
      font-size: 20px;
      font-weight: 500; }
    .opinion-writer .container .item .subitem p,
    .latestarticles .container .item .subitem p {
      color: #0095DA;
      font-size: 12px;
      font-weight: 400; }
  .opinion-writer .container .item .flex,
  .latestarticles .container .item .flex {
    display: flex; }
    .opinion-writer .container .item .flex .photo,
    .latestarticles .container .item .flex .photo {
      min-width: 90px;
      max-width: 90px;
      height: 90px;
      margin: 0px;
      margin-left: 16px; }
  .opinion-writer .container .item .application,
  .latestarticles .container .item .application {
    position: relative;
    width: 100%;
    height: 250px;
    background: #CFEBF8 url(../images/application.png) no-repeat bottom right;
    overflow: hidden; }
    .opinion-writer .container .item .application .logo,
    .latestarticles .container .item .application .logo {
      display: inline-block;
      text-align: center;
      width: 100%;
      height: 1px;
      background: #000;
      margin-top: 24px; }
      .opinion-writer .container .item .application .logo img,
      .latestarticles .container .item .application .logo img {
        margin-top: -28px;
        padding: 0px 4px;
        max-width: 41px;
        background: #CFEBF8; }
    .opinion-writer .container .item .application .title,
    .latestarticles .container .item .application .title {
      justify-content: center;
      font-size: 18px;
      font-weight: 500; }
      .opinion-writer .container .item .application .title b,
      .latestarticles .container .item .application .title b {
        font-size: 18px;
        font-weight: 700; }
    .opinion-writer .container .item .application .app-icons,
    .latestarticles .container .item .application .app-icons {
      display: flex;
      align-items: center;
      justify-content: center; }
      .opinion-writer .container .item .application .app-icons a,
      .latestarticles .container .item .application .app-icons a {
        margin: 0px 4px; }
        .opinion-writer .container .item .application .app-icons a img,
        .latestarticles .container .item .application .app-icons a img {
          max-width: 65px; }
    .opinion-writer .container .item .application .photo,
    .latestarticles .container .item .application .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 12px; }
      .opinion-writer .container .item .application .photo img,
      .latestarticles .container .item .application .photo img {
        max-width: 100%; }
  @media (max-width: 999px) {
    .opinion-writer .container .pagination,
    .latestarticles .container .pagination {
      display: none; } }

.latestarticles .container {
  gap: 24px; }
  @media (max-width: 999px) {
    .latestarticles .container {
      gap: 12px; } }
  .latestarticles .container .item .rowbox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    @media (max-width: 1199px) {
      .latestarticles .container .item .rowbox {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 767px) {
      .latestarticles .container .item .rowbox {
        grid-template-columns: 1fr; } }
  .latestarticles .container .listnews {
    background: #EAEAEA; }
    .latestarticles .container .listnews .title {
      background: linear-gradient(45deg, #0E77A8 0%, #0094D9 100%);
      color: #fff;
      padding: 12px; }
    .latestarticles .container .listnews .sublistnews a {
      display: block;
      padding: 12px;
      border-bottom: 1px solid #CACACA; }
      .latestarticles .container .listnews .sublistnews a:last-child {
        border: 0px; }
    .latestarticles .container .listnews .sublistnews .title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 20px;
      font-weight: 500;
      color: #000;
      padding: 0px;
      background: none;
      padding-bottom: 2px; }
      @media (max-width: 1199px) {
        .latestarticles .container .listnews .sublistnews .title {
          font-size: 14px; } }
      .latestarticles .container .listnews .sublistnews .title:hover {
        color: #0095DA; }
    .latestarticles .container .listnews .sublistnews .date {
      display: flex;
      align-items: center;
      font-size: 12px;
      font-weight: 400;
      color: #0095DA; }
  .latestarticles .container .advertising-banner {
    margin: 0px;
    margin-top: 24px; }
    @media (max-width: 999px) {
      .latestarticles .container .advertising-banner {
        display: none; } }

.item-writer {
  background: #F3F4F6; }
  .item-writer .list-letters {
    display: flex;
    justify-content: space-between;
    overflow: hidden; }
    @media (max-width: 767px) {
      .item-writer .list-letters {
        max-width: 100%;
        flex: 100%;
        overflow-x: scroll;
        padding-bottom: 12px; } }
    .item-writer .list-letters a {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 38px;
      max-width: 38px;
      height: 38px;
      background: #E6E6E6;
      border-radius: 8px;
      margin-left: 2px;
      color: #8B8B8B;
      font-size: 14px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .item-writer .list-letters a:last-child {
        margin: 0px; }
      .item-writer .list-letters a:hover, .item-writer .list-letters a.active {
        background: #0095DA;
        color: #fff; }
  .item-writer .rowbox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 16px; }
    @media (max-width: 1199px) {
      .item-writer .rowbox {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 999px) {
      .item-writer .rowbox {
        gap: 0px 12px; } }
    @media (max-width: 767px) {
      .item-writer .rowbox {
        grid-template-columns: 1fr; } }
  .item-writer .subitem {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    border-radius: 16px;
    padding: 16px;
    background: #fff;
    margin-top: 16px; }
    @media (max-width: 999px) {
      .item-writer .subitem {
        margin-top: 12px; } }
    .item-writer .subitem .photo {
      display: block;
      position: relative;
      background: #F4C606;
      min-width: 110px;
      max-width: 110px;
      height: 110px;
      overflow: hidden;
      border-radius: 50%;
      margin-left: 16px; }
      .item-writer .subitem .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .item-writer .subitem .title {
      color: #0095DA;
      font-size: 19px;
      font-weight: 400; }

.userwriter {
  position: relative;
  width: 100%;
  background: #CEEAF7;
  border-radius: 16px;
  padding: 48px 12px;
  margin-top: 50px; }
  @media (max-width: 999px) {
    .userwriter {
      margin-top: 0px; } }
  .userwriter .photo {
    display: block;
    position: relative;
    background: #F4C606;
    width: 220px;
    height: 220px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0px auto 24px auto; }
    .userwriter .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .userwriter .title {
    justify-content: center; }
  .userwriter p {
    margin-top: 8px;
    color: #4A4A4A;
    font-weight: 300;
    text-align: center; }
  .userwriter ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8px; }
    .userwriter ul li {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #0095DA;
      font-size: 18px;
      font-weight: 400;
      margin: 0px 8px; }
      .userwriter ul li strong {
        color: #001D80;
        font-size: 18px;
        font-weight: 600;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
  .userwriter .social {
    margin-top: 24px; }
    .userwriter .social a svg {
      fill: #003F5C; }

.opinion-writer-inner .container {
  display: grid;
  grid-template-columns: 1fr 450px;
  gap: 48px; }
  @media (max-width: 999px) {
    .opinion-writer-inner .container {
      grid-template-columns: 1fr;
      gap: 12px; } }
  @media (max-width: 999px) {
    .opinion-writer-inner .container .item:last-child {
      order: -1; } }
  .opinion-writer-inner .container .item .rowbox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 16px; }
    @media (max-width: 1199px) {
      .opinion-writer-inner .container .item .rowbox {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 999px) {
      .opinion-writer-inner .container .item .rowbox {
        gap: 0px 12px; } }
    @media (max-width: 767px) {
      .opinion-writer-inner .container .item .rowbox {
        grid-template-columns: 1fr; } }
  .opinion-writer-inner .container .item .subitem {
    position: relative;
    width: 100%;
    border-radius: 5px;
    padding: 16px;
    border: 1px solid #CACACA;
    margin-top: 16px; }
    @media (max-width: 999px) {
      .opinion-writer-inner .container .item .subitem {
        margin-top: 12px; } }
    .opinion-writer-inner .container .item .subitem .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-bottom: 2px;
      font-size: 18px;
      font-weight: 500; }
      .opinion-writer-inner .container .item .subitem .title:hover {
        color: #0095DA; }
    .opinion-writer-inner .container .item .subitem p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 12px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      margin-top: 4px; }
    .opinion-writer-inner .container .item .subitem .date {
      display: block;
      color: #0095DA;
      font-size: 12px;
      font-weight: 400;
      margin-top: 4px; }
  @media (max-width: 999px) {
    .opinion-writer-inner .container .pagination {
      display: none; } }

.opinion-writer-article {
  overflow: inherit; }
  .opinion-writer-article .container {
    display: grid;
    grid-template-columns: 1fr 450px;
    gap: 48px;
    align-items: start; }
    @media (max-width: 999px) {
      .opinion-writer-article .container {
        grid-template-columns: 1fr;
        gap: 12px; } }
    .opinion-writer-article .container .item:last-child {
      position: sticky;
      top: 100px; }
    .opinion-writer-article .container .item .rowbox {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 0px 16px; }
      @media (max-width: 1199px) {
        .opinion-writer-article .container .item .rowbox {
          grid-template-columns: 1fr 1fr; } }
      @media (max-width: 999px) {
        .opinion-writer-article .container .item .rowbox {
          gap: 0px 12px; } }
      @media (max-width: 767px) {
        .opinion-writer-article .container .item .rowbox {
          grid-template-columns: 1fr; } }
    .opinion-writer-article .container .item .userwriter {
      margin: 0px !important; }
    .opinion-writer-article .container .item .subdetails {
      margin-bottom: 24px;
      padding-bottom: 24px;
      border-bottom: 1px solid #CACACA; }
      .opinion-writer-article .container .item .subdetails:last-child {
        padding-bottom: 0px;
        border: 0px; }
      .opinion-writer-article .container .item .subdetails .borbottom {
        display: inline;
        border-bottom: 4px solid #0095DA; }
      .opinion-writer-article .container .item .subdetails p {
        margin-top: 24px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .opinion-writer-article .container .item .subdetails .date {
        display: block;
        font-size: 25px;
        font-weight: 400;
        color: #A3A1A1;
        margin-top: 16px; }
        @media (max-width: 999px) {
          .opinion-writer-article .container .item .subdetails .date {
            font-size: 16px; } }
      .opinion-writer-article .container .item .subdetails .flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        border-block: 1px solid #CACACA;
        margin-top: 24px;
        padding-bottom: 16px; }
        .opinion-writer-article .container .item .subdetails .flex .social {
          direction: rtl;
          margin-top: 16px; }
          .opinion-writer-article .container .item .subdetails .flex .social a {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 38px;
            max-width: 38px;
            height: 38px;
            background: #F0F7F6;
            border-radius: 50%;
            margin: 0px;
            margin-left: 12px; }
            .opinion-writer-article .container .item .subdetails .flex .social a:last-child {
              margin-left: 0px; }
            .opinion-writer-article .container .item .subdetails .flex .social a svg {
              fill: #0095DA; }
        .opinion-writer-article .container .item .subdetails .flex .font-size-slider {
          direction: ltr;
          display: flex;
          align-items: center;
          gap: 12px;
          margin-top: 16px; }
          .opinion-writer-article .container .item .subdetails .flex .font-size-slider .fontSlider {
            direction: ltr;
            -webkit-appearance: none;
            width: 116px;
            height: 5px;
            background: #0095DA;
            border-radius: 20px;
            outline: none;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
          .opinion-writer-article .container .item .subdetails .flex .font-size-slider span {
            color: #0095DA; }
        .opinion-writer-article .container .item .subdetails .flex .fontSlider::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          width: 20px;
          height: 20px;
          background: #0095DA;
          border-radius: 50%;
          cursor: pointer;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .opinion-writer-article .container .item .subdetails .flex .fontSlider::-moz-range-thumb {
          width: 20px;
          height: 20px;
          background: #0095DA;
          border-radius: 50%;
          cursor: pointer;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .opinion-writer-article .container .item .subdetails .innerdetails {
        margin-top: 48px; }
        @media (max-width: 999px) {
          .opinion-writer-article .container .item .subdetails .innerdetails {
            margin-top: 12px; } }
        .opinion-writer-article .container .item .subdetails .innerdetails .subitem {
          position: relative;
          width: 100%;
          border-radius: 5px;
          padding: 16px;
          border: 1px solid #CACACA;
          margin-top: 16px; }
          @media (max-width: 999px) {
            .opinion-writer-article .container .item .subdetails .innerdetails .subitem {
              margin-top: 12px; } }
          .opinion-writer-article .container .item .subdetails .innerdetails .subitem .title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding-bottom: 2px;
            font-size: 18px;
            font-weight: 500; }
            .opinion-writer-article .container .item .subdetails .innerdetails .subitem .title:hover {
              color: #0095DA; }
          .opinion-writer-article .container .item .subdetails .innerdetails .subitem p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 12px;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
            margin-top: 4px; }
          .opinion-writer-article .container .item .subdetails .innerdetails .subitem .date {
            display: block;
            color: #0095DA;
            font-size: 12px;
            font-weight: 400;
            margin-top: 4px; }
        .opinion-writer-article .container .item .subdetails .innerdetails .subarticle {
          position: relative;
          width: 100%;
          border-radius: 16px;
          padding: 16px;
          border: 1px solid #CACACA;
          margin-top: 16px; }
          @media (max-width: 999px) {
            .opinion-writer-article .container .item .subdetails .innerdetails .subarticle {
              margin-top: 12px; } }
          .opinion-writer-article .container .item .subdetails .innerdetails .subarticle .photo {
            display: block;
            position: relative;
            background: #F4C606;
            width: 120px;
            height: 120px;
            overflow: hidden;
            border-radius: 50%;
            margin: 0px auto 24px auto; }
            .opinion-writer-article .container .item .subdetails .innerdetails .subarticle .photo img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .opinion-writer-article .container .item .subdetails .innerdetails .subarticle .icon {
            display: flex;
            margin-bottom: 8px; }
            .opinion-writer-article .container .item .subdetails .innerdetails .subarticle .icon svg {
              min-width: 14px;
              max-width: 14px;
              height: 20px; }
          .opinion-writer-article .container .item .subdetails .innerdetails .subarticle .title {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding-bottom: 2px;
            font-size: 20px;
            font-weight: 500; }
          .opinion-writer-article .container .item .subdetails .innerdetails .subarticle p {
            color: #0095DA;
            font-size: 12px;
            font-weight: 400;
            margin: 0px !important; }
    .opinion-writer-article .container .item .inner {
      margin-top: 24px; }
      @media (max-width: 999px) {
        .opinion-writer-article .container .item .inner {
          margin-top: 12px; } }
      .opinion-writer-article .container .item .inner .subitem {
        display: flex;
        position: relative;
        width: 100%;
        border-radius: 16px;
        padding: 16px;
        border: 1px solid #CACACA;
        margin-top: 12px; }
        .opinion-writer-article .container .item .inner .subitem .photo {
          display: block;
          position: relative;
          background: #F4C606;
          min-width: 90px;
          max-width: 90px;
          height: 90px;
          overflow: hidden;
          border-radius: 50%;
          margin-left: 16px; }
          .opinion-writer-article .container .item .inner .subitem .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .opinion-writer-article .container .item .inner .subitem .icon {
          display: flex;
          margin-bottom: 8px; }
          .opinion-writer-article .container .item .inner .subitem .icon svg {
            min-width: 14px;
            max-width: 14px;
            height: 20px; }
        .opinion-writer-article .container .item .inner .subitem .title {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
          padding-bottom: 2px;
          font-size: 20px;
          font-weight: 500; }
        .opinion-writer-article .container .item .inner .subitem p {
          color: #0095DA;
          font-size: 12px;
          font-weight: 400;
          margin: 0px; }
    .opinion-writer-article .container .item .mostpopular {
      margin-top: 24px; }
      @media (max-width: 999px) {
        .opinion-writer-article .container .item .mostpopular {
          margin-top: 12px; } }
      .opinion-writer-article .container .item .mostpopular .numbered-news {
        margin: 0px;
        padding: 0px; }
        .opinion-writer-article .container .item .mostpopular .numbered-news li {
          position: relative;
          counter-increment: news-counter;
          padding: 16px 78px 16px 0px;
          border-bottom: 1px solid #CACACA; }
          .opinion-writer-article .container .item .mostpopular .numbered-news li:last-child {
            border-bottom: 0px;
            padding-bottom: 0px; }
          @media (max-width: 999px) {
            .opinion-writer-article .container .item .mostpopular .numbered-news li {
              min-width: 100%;
              max-width: 100%; }
              .opinion-writer-article .container .item .mostpopular .numbered-news li:nth-last-child(-n+2)::after {
                background: #CACACA; }
              .opinion-writer-article .container .item .mostpopular .numbered-news li:nth-last-child(-n+1)::after {
                background: none; } }
          .opinion-writer-article .container .item .mostpopular .numbered-news li::before {
            content: counter(news-counter,decimal-leading-zero) "";
            position: absolute;
            top: 30px;
            right: 0px;
            font-size: 50px;
            font-weight: 400;
            color: #0095DA; }
          .opinion-writer-article .container .item .mostpopular .numbered-news li .title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 20px;
            font-weight: 500; }
            @media (max-width: 1199px) {
              .opinion-writer-article .container .item .mostpopular .numbered-news li .title {
                font-size: 14px; } }
            @media (max-width: 999px) {
              .opinion-writer-article .container .item .mostpopular .numbered-news li .title {
                -webkit-line-clamp: 3; } }
            .opinion-writer-article .container .item .mostpopular .numbered-news li .title:hover {
              color: #0095DA; }
          .opinion-writer-article .container .item .mostpopular .numbered-news li .date {
            display: flex;
            align-items: center;
            font-size: 12px;
            font-weight: 400;
            color: #0095DA;
            margin-top: 4px; }
            .opinion-writer-article .container .item .mostpopular .numbered-news li .date svg {
              width: 14px;
              margin-left: 4px; }
      .opinion-writer-article .container .item .mostpopular .advertising-banner {
        margin: 0px;
        max-width: 300px;
        margin-top: 24px; }
        @media (max-width: 999px) {
          .opinion-writer-article .container .item .mostpopular .advertising-banner {
            display: none;
            margin-top: 12px; } }

.electronic-copies {
  border-bottom: 30px solid #F3F4F6; }
  .electronic-copies .container {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 48px; }
    @media (max-width: 1199px) {
      .electronic-copies .container {
        grid-template-columns: 1fr 350px;
        gap: 24px; } }
    @media (max-width: 999px) {
      .electronic-copies .container {
        grid-template-columns: 1fr;
        gap: 12px; } }
    .electronic-copies .container .item .inner .numbered-news {
      margin: 0px;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #CACACA;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .electronic-copies .container .item .inner .numbered-news {
          margin-top: 12px;
          padding: 12px; } }
      .electronic-copies .container .item .inner .numbered-news li {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 12px; }
        .electronic-copies .container .item .inner .numbered-news li:last-child {
          margin-bottom: 0px; }
        .electronic-copies .container .item .inner .numbered-news li .advertising-banner {
          margin: 0px 0px 75px 0px;
          width: 300px; }
        .electronic-copies .container .item .inner .numbered-news li .photo {
          display: block;
          position: relative;
          min-width: 144px;
          max-width: 144px;
          height: 110px;
          overflow: hidden;
          background: #F3F4F6;
          margin-left: 16px; }
          @media (max-width: 1199px) {
            .electronic-copies .container .item .inner .numbered-news li .photo {
              min-width: 120px;
              max-width: 120px; } }
          .electronic-copies .container .item .inner .numbered-news li .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        @media (max-width: 1199px) {
          .electronic-copies .container .item .inner .numbered-news li .contant {
            display: flex;
            justify-content: flex-end;
            padding: 64px 8px 8px 8px; }
            .electronic-copies .container .item .inner .numbered-news li .contant .tagtext {
              line-height: 14px;
              padding: 4px 8px; } }
        .electronic-copies .container .item .inner .numbered-news li .title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 20px;
          font-weight: 500; }
          @media (max-width: 1199px) {
            .electronic-copies .container .item .inner .numbered-news li .title {
              font-size: 14px; } }
          @media (max-width: 999px) {
            .electronic-copies .container .item .inner .numbered-news li .title {
              -webkit-line-clamp: 3; } }
          .electronic-copies .container .item .inner .numbered-news li .title:hover {
            color: #0095DA; }
        .electronic-copies .container .item .inner .numbered-news li .date {
          display: block;
          font-size: 12px;
          font-weight: 400;
          color: #898989;
          margin-top: 8px; }
    .electronic-copies .container .item .application {
      position: relative;
      width: 100%;
      height: 350px;
      background: #CFEBF8 url(../images/application.png) no-repeat bottom right;
      overflow: hidden;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .electronic-copies .container .item .application {
          margin-top: 12px; } }
      .electronic-copies .container .item .application .logo {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: 1px;
        background: #000;
        margin-top: 24px; }
        .electronic-copies .container .item .application .logo img {
          margin-top: -28px;
          padding: 0px 4px;
          max-width: 41px;
          background: #CFEBF8; }
      .electronic-copies .container .item .application .title {
        justify-content: center;
        font-size: 18px;
        font-weight: 500; }
        .electronic-copies .container .item .application .title b {
          font-size: 18px;
          font-weight: 700; }
      .electronic-copies .container .item .application .app-icons {
        display: flex;
        align-items: center;
        justify-content: center; }
        .electronic-copies .container .item .application .app-icons a {
          margin: 0px 4px; }
          .electronic-copies .container .item .application .app-icons a img {
            max-width: 65px; }
      .electronic-copies .container .item .application .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 12px; }
        .electronic-copies .container .item .application .photo img {
          max-width: 100%; }
    .electronic-copies .container .item .rowbox {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .electronic-copies .container .item .rowbox {
          gap: 12px;
          margin-top: 12px; } }
      @media (max-width: 767px) {
        .electronic-copies .container .item .rowbox {
          grid-template-columns: 1fr; } }
    .electronic-copies .container .item .subitem .subinner {
      display: flex;
      border: 1px solid #0095DA;
      background: #fff; }
      .electronic-copies .container .item .subitem .subinner .photo {
        position: relative;
        min-width: 50%;
        max-width: 50%;
        height: 348px;
        padding: 8px; }
        @media (max-width: 999px) {
          .electronic-copies .container .item .subitem .subinner .photo {
            height: 248px; } }
        .electronic-copies .container .item .subitem .subinner .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: top; }
        .electronic-copies .container .item .subitem .subinner .photo.overlay::after {
          content: '';
          position: absolute;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          width: 100%;
          height: 100%;
          width: 142px;
          background: url(../images/itempdf.png) no-repeat left;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
        .electronic-copies .container .item .subitem .subinner .photo.blur img {
          filter: blur(2px); }
        .electronic-copies .container .item .subitem .subinner .photo .text-pdf {
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          background: #ffffffc4;
          border-right: 4px solid #93929200; }
          .electronic-copies .container .item .subitem .subinner .photo .text-pdf::after {
            content: '';
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            width: 100%;
            height: 100%;
            left: 5px;
            background: url(../images/itempdf.png) no-repeat right; }
          .electronic-copies .container .item .subitem .subinner .photo .text-pdf .center {
            position: relative;
            z-index: 1;
            text-align: center; }
            .electronic-copies .container .item .subitem .subinner .photo .text-pdf .center .title {
              justify-content: center;
              color: #0095DA;
              font-size: 20px;
              font-weight: 600;
              text-align: center;
              padding: 0px 12px; }
            .electronic-copies .container .item .subitem .subinner .photo .text-pdf .center .date {
              display: block;
              font-size: 16px;
              font-weight: 400;
              color: #000;
              margin-top: 8px; }
            .electronic-copies .container .item .subitem .subinner .photo .text-pdf .center .bottom {
              margin-top: 24px;
              font-size: 12px;
              font-weight: 600;
              width: 100px;
              height: 32px;
              border-radius: 4px;
              padding: 8px; }

.readers-corner {
  border-bottom: 30px solid #F3F4F6; }
  .readers-corner .container {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 48px; }
    @media (max-width: 999px) {
      .readers-corner .container {
        grid-template-columns: 1fr;
        gap: 12px; } }
    .readers-corner .container .item .rowbox {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 0px 16px; }
      @media (max-width: 1199px) {
        .readers-corner .container .item .rowbox {
          grid-template-columns: 1fr 1fr; } }
      @media (max-width: 999px) {
        .readers-corner .container .item .rowbox {
          gap: 0px 12px; } }
      @media (max-width: 767px) {
        .readers-corner .container .item .rowbox {
          grid-template-columns: 1fr; } }
    .readers-corner .container .item .subitem {
      display: flex;
      position: relative;
      width: 100%;
      border-radius: 16px;
      padding: 16px;
      border: 1px solid #CACACA;
      margin-top: 16px; }
      @media (max-width: 999px) {
        .readers-corner .container .item .subitem {
          margin-top: 12px; } }
      .readers-corner .container .item .subitem .photo {
        display: block;
        position: relative;
        background: #F4C606;
        min-width: 90px;
        max-width: 90px;
        height: 90px;
        overflow: hidden;
        border-radius: 50%;
        margin-left: 16px; }
        .readers-corner .container .item .subitem .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .readers-corner .container .item .subitem .icon {
        display: flex;
        margin-bottom: 8px; }
        .readers-corner .container .item .subitem .icon svg {
          min-width: 14px;
          max-width: 14px;
          height: 20px; }
      .readers-corner .container .item .subitem .title {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-bottom: 2px;
        font-size: 20px;
        font-weight: 500; }
      .readers-corner .container .item .subitem p {
        color: #0095DA;
        font-size: 12px;
        font-weight: 400; }
    .readers-corner .container .item .inner .numbered-news {
      margin: 0px;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #CACACA;
      margin-top: 16px; }
      @media (max-width: 999px) {
        .readers-corner .container .item .inner .numbered-news {
          margin-top: 12px;
          padding: 12px; } }
      .readers-corner .container .item .inner .numbered-news li {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 12px; }
        .readers-corner .container .item .inner .numbered-news li:last-child {
          margin-bottom: 0px; }
        .readers-corner .container .item .inner .numbered-news li .advertising-banner {
          margin: 0px 0px 75px 0px;
          width: 300px; }
        .readers-corner .container .item .inner .numbered-news li .photo {
          display: block;
          position: relative;
          min-width: 144px;
          max-width: 144px;
          height: 110px;
          overflow: hidden;
          background: #F3F4F6;
          margin-left: 16px; }
          @media (max-width: 1199px) {
            .readers-corner .container .item .inner .numbered-news li .photo {
              min-width: 120px;
              max-width: 120px; } }
          .readers-corner .container .item .inner .numbered-news li .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        @media (max-width: 1199px) {
          .readers-corner .container .item .inner .numbered-news li .contant {
            display: flex;
            justify-content: flex-end;
            padding: 64px 8px 8px 8px; }
            .readers-corner .container .item .inner .numbered-news li .contant .tagtext {
              line-height: 14px;
              padding: 4px 8px; } }
        .readers-corner .container .item .inner .numbered-news li .title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 20px;
          font-weight: 500; }
          @media (max-width: 1199px) {
            .readers-corner .container .item .inner .numbered-news li .title {
              font-size: 14px; } }
          @media (max-width: 999px) {
            .readers-corner .container .item .inner .numbered-news li .title {
              -webkit-line-clamp: 3; } }
          .readers-corner .container .item .inner .numbered-news li .title:hover {
            color: #0095DA; }
        .readers-corner .container .item .inner .numbered-news li .date {
          display: block;
          font-size: 12px;
          font-weight: 400;
          color: #898989;
          margin-top: 8px; }
    .readers-corner .container .item .application {
      position: relative;
      width: 100%;
      height: 350px;
      background: #CFEBF8 url(../images/application.png) no-repeat bottom right;
      overflow: hidden;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .readers-corner .container .item .application {
          margin-top: 12px; } }
      .readers-corner .container .item .application .logo {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: 1px;
        background: #000;
        margin-top: 24px; }
        .readers-corner .container .item .application .logo img {
          margin-top: -28px;
          padding: 0px 4px;
          max-width: 41px;
          background: #CFEBF8; }
      .readers-corner .container .item .application .title {
        justify-content: center;
        font-size: 18px;
        font-weight: 500; }
        .readers-corner .container .item .application .title b {
          font-size: 18px;
          font-weight: 700; }
      .readers-corner .container .item .application .app-icons {
        display: flex;
        align-items: center;
        justify-content: center; }
        .readers-corner .container .item .application .app-icons a {
          margin: 0px 4px; }
          .readers-corner .container .item .application .app-icons a img {
            max-width: 65px; }
      .readers-corner .container .item .application .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 12px; }
        .readers-corner .container .item .application .photo img {
          max-width: 100%; }
    @media (max-width: 999px) {
      .readers-corner .container .pagination {
        display: none; } }

.book-articles {
  background: #F3F4F6; }
  .book-articles .inner {
    position: relative;
    width: 100%;
    padding: 32px;
    background: #fff;
    height: 340px;
    overflow: hidden; }
    @media (max-width: 999px) {
      .book-articles .inner {
        padding: 24px 16px; } }
    @media (max-width: 360px) {
      .book-articles .inner {
        height: 410px; } }
    .book-articles .inner .slider-articles {
      position: relative;
      direction: ltr;
      margin-top: 24px; }
      .book-articles .inner .slider-articles .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        outline: none;
        margin: 0px -4px; }
        .book-articles .inner .slider-articles .slick-list .slick-track {
          position: relative;
          top: 0;
          right: auto;
          bottom: auto;
          left: auto;
          display: block;
          overflow: hidden; }
          .book-articles .inner .slider-articles .slick-list .slick-track:after, .book-articles .inner .slider-articles .slick-list .slick-track:before {
            display: table;
            content: ''; }
      .book-articles .inner .slider-articles .slick-prev,
      .book-articles .inner .slider-articles .slick-next {
        position: absolute;
        top: -50px;
        cursor: pointer;
        border: 0px;
        padding: 0px;
        outline: none;
        font-size: 0px;
        background: none;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .book-articles .inner .slider-articles .slick-prev svg,
        .book-articles .inner .slider-articles .slick-next svg {
          width: 18px;
          height: 18px;
          fill: #0095DA;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .book-articles .inner .slider-articles .slick-next {
        left: 30px; }
      .book-articles .inner .slider-articles .slick-prev {
        left: 0px; }
      .book-articles .inner .slider-articles .slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px; }
        .book-articles .inner .slider-articles .slick-dots li {
          position: relative;
          display: inline-block;
          margin: 0px 2px;
          padding: 0px;
          cursor: pointer;
          width: 14px;
          height: 4px;
          border-radius: 5px; }
          .book-articles .inner .slider-articles .slick-dots li button {
            font-size: 0px;
            line-height: 0px;
            display: block;
            width: 100%;
            height: 100%;
            border: 0px;
            outline: none;
            background: #F3F4F6;
            padding: 0px; }
        .book-articles .inner .slider-articles .slick-dots li.slick-active {
          background: #0095DA; }
          .book-articles .inner .slider-articles .slick-dots li.slick-active button {
            background: none; }
      @media (max-width: 999px) {
        .book-articles .inner .slider-articles {
          margin-top: 12px; } }
    .book-articles .inner .item {
      direction: rtl;
      display: inline-flex;
      align-items: center;
      margin: 0px 4px;
      padding: 24px;
      background: #F3F4F6;
      border-radius: 10px;
      border-bottom: 20px solid #F4C606; }
      @media (max-width: 360px) {
        .book-articles .inner .item {
          display: inline-block; } }
      .book-articles .inner .item .photo {
        display: block;
        position: relative;
        background: #F4C606;
        min-width: 120px;
        max-width: 120px;
        height: 120px;
        overflow: hidden;
        border-radius: 50%;
        margin-left: 24px; }
        @media (max-width: 360px) {
          .book-articles .inner .item .photo {
            margin: 0px auto 12px auto; } }
        .book-articles .inner .item .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .book-articles .inner .item .icon {
        display: flex;
        margin-bottom: 8px; }
        @media (max-width: 360px) {
          .book-articles .inner .item .icon {
            justify-content: center; } }
        .book-articles .inner .item .icon svg {
          min-width: 14px;
          max-width: 14px;
          height: 20px; }
      .book-articles .inner .item .title {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-bottom: 2px;
        font-size: 20px;
        font-weight: 500; }
        @media (max-width: 360px) {
          .book-articles .inner .item .title {
            text-align: center; } }
      .book-articles .inner .item p {
        color: #0095DA;
        font-size: 12px;
        font-weight: 400; }
        @media (max-width: 360px) {
          .book-articles .inner .item p {
            text-align: center; } }

.latest-news {
  background: #fff; }
  .latest-news .rowbox {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 12px;
    width: 100%; }
    @media (max-width: 999px) {
      .latest-news .rowbox {
        display: block; } }
    .latest-news .rowbox .news-tabs .nav-tabs {
      border: 0px;
      flex-wrap: inherit; }
      .latest-news .rowbox .news-tabs .nav-tabs a {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        min-width: 312px;
        height: 68px;
        font-size: 25px;
        font-weight: 600;
        border: 1px solid #0095DA;
        color: #000;
        border-radius: 0px;
        border-bottom: 0px;
        margin: 0px;
        padding: 0px; }
        @media (max-width: 999px) {
          .latest-news .rowbox .news-tabs .nav-tabs a {
            font-size: 18px;
            min-width: 50%;
            height: 56px; } }
        .latest-news .rowbox .news-tabs .nav-tabs a:first-child {
          border-top-right-radius: 5px;
          border-left: 0px; }
        .latest-news .rowbox .news-tabs .nav-tabs a:last-child {
          border-top-left-radius: 5px; }
        .latest-news .rowbox .news-tabs .nav-tabs a.active {
          background: #0095DA;
          color: #fff; }
    .latest-news .rowbox .news-tabs .choosedays {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #CACACA;
      background: #F3F4F6;
      padding: 12px;
      border-top-left-radius: 5px; }
      @media (max-width: 1199px) {
        .latest-news .rowbox .news-tabs .choosedays {
          justify-content: flex-end;
          border-top-left-radius: 0px; } }
      .latest-news .rowbox .news-tabs .choosedays p {
        font-size: 13px;
        font-weight: 300;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        @media (max-width: 1199px) {
          .latest-news .rowbox .news-tabs .choosedays p {
            display: none; } }
      .latest-news .rowbox .news-tabs .choosedays .listdays {
        display: flex;
        align-items: center; }
        .latest-news .rowbox .news-tabs .choosedays .listdays .che-box {
          margin-left: 20px; }
          .latest-news .rowbox .news-tabs .choosedays .listdays .che-box:last-child {
            margin-left: 0px; }
    .latest-news .rowbox .news-tabs .tab-content {
      border: 1px solid #CACACA;
      border-top: 0px;
      border-radius: 0px 0px 5px 5px; }
      .latest-news .rowbox .news-tabs .tab-content .numbered-news {
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
        padding: 0px 16px 0px 0px; }
        .latest-news .rowbox .news-tabs .tab-content .numbered-news li {
          position: relative;
          display: flex;
          align-items: center;
          counter-increment: news-counter;
          min-width: 50%;
          max-width: 50%;
          padding: 16px; }
          .latest-news .rowbox .news-tabs .tab-content .numbered-news li:nth-last-child(-n+2)::after {
            background: none; }
          @media (max-width: 1199px) {
            .latest-news .rowbox .news-tabs .tab-content .numbered-news li {
              padding-right: 0px; } }
          @media (max-width: 999px) {
            .latest-news .rowbox .news-tabs .tab-content .numbered-news li {
              min-width: 100%;
              max-width: 100%; }
              .latest-news .rowbox .news-tabs .tab-content .numbered-news li:nth-last-child(-n+2)::after {
                background: #CACACA; }
              .latest-news .rowbox .news-tabs .tab-content .numbered-news li:nth-last-child(-n+1)::after {
                background: none; } }
          .latest-news .rowbox .news-tabs .tab-content .numbered-news li::after {
            content: "";
            position: absolute;
            right: 0px;
            bottom: 0px;
            width: 95%;
            height: 1px;
            background: #CACACA;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
          .latest-news .rowbox .news-tabs .tab-content .numbered-news li::before {
            content: counter(news-counter);
            font-size: 60px;
            font-weight: 500;
            color: #0095DA;
            margin: 0px -16px 0px 16px;
            width: 36px; }
            @media (max-width: 1199px) {
              .latest-news .rowbox .news-tabs .tab-content .numbered-news li::before {
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                right: 8px;
                bottom: 24px;
                margin: 0px;
                width: 24px;
                height: 24px;
                background: #fff;
                font-size: 20px;
                border-radius: 5px;
                z-index: 1; } }
          .latest-news .rowbox .news-tabs .tab-content .numbered-news li .photo {
            display: block;
            position: relative;
            min-width: 144px;
            max-width: 144px;
            height: 110px;
            overflow: hidden;
            background: #F3F4F6;
            margin-left: 16px; }
            @media (max-width: 1199px) {
              .latest-news .rowbox .news-tabs .tab-content .numbered-news li .photo {
                min-width: 120px;
                max-width: 120px; } }
            .latest-news .rowbox .news-tabs .tab-content .numbered-news li .photo img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          @media (max-width: 1199px) {
            .latest-news .rowbox .news-tabs .tab-content .numbered-news li .contant {
              display: flex;
              justify-content: flex-end;
              padding: 64px 8px 8px 8px; }
              .latest-news .rowbox .news-tabs .tab-content .numbered-news li .contant .tagtext {
                line-height: 14px;
                padding: 4px 8px; } }
          .latest-news .rowbox .news-tabs .tab-content .numbered-news li .title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 20px;
            font-weight: 500; }
            @media (max-width: 1199px) {
              .latest-news .rowbox .news-tabs .tab-content .numbered-news li .title {
                font-size: 14px; } }
            @media (max-width: 999px) {
              .latest-news .rowbox .news-tabs .tab-content .numbered-news li .title {
                -webkit-line-clamp: 3; } }
            .latest-news .rowbox .news-tabs .tab-content .numbered-news li .title:hover {
              color: #0095DA; }
          .latest-news .rowbox .news-tabs .tab-content .numbered-news li .date {
            display: block;
            font-size: 12px;
            font-weight: 400;
            color: #898989;
            margin-top: 8px; }
    @media (max-width: 999px) {
      .latest-news .rowbox .copies {
        margin: 12px auto 0px auto;
        max-width: 300px; } }
    .latest-news .rowbox .copies .inner {
      margin-top: 31px;
      background: #b9e5f9;
      height: calc(100% - 68px);
      border-radius: 10px;
      overflow: hidden; }
      @media (max-width: 999px) {
        .latest-news .rowbox .copies .inner {
          margin-top: 12px; } }
      .latest-news .rowbox .copies .inner video {
        display: block;
        height: 100%; }

.application-item {
  padding-top: 32px;
  padding-bottom: 0px !important;
  height: 270px;
  background: #CFEBF8; }
  @media (max-width: 999px) {
    .application-item {
      margin: 0px auto;
      max-width: 300px;
      height: 250px;
      padding-top: 24px;
      background: #CFEBF8 url(../images/application.png) no-repeat bottom right; } }
  .application-item::before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/application2.png) no-repeat bottom center/cover;
    z-index: 2; }
    @media (max-width: 999px) {
      .application-item::before {
        display: none; } }
  .application-item .img {
    position: absolute;
    left: -180px;
    top: -30px;
    rotate: -16deg;
    width: 500px;
    height: 548px;
    filter: blur(5px);
    z-index: 1; }
    @media (max-width: 999px) {
      .application-item .img {
        display: none; } }
    .application-item .img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .application-item .img2 {
    position: absolute;
    right: -68px;
    top: -30px;
    rotate: 33deg;
    width: 218px;
    height: 293px;
    filter: blur(5px);
    z-index: 1; }
    @media (max-width: 999px) {
      .application-item .img2 {
        display: none; } }
    .application-item .img2 img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .application-item .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 3; }
    @media (max-width: 999px) {
      .application-item .icon {
        display: none; } }
  .application-item .container {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5; }
    @media (max-width: 999px) {
      .application-item .container {
        display: block;
        padding: 0px; } }
  @media (max-width: 999px) {
    .application-item .logo {
      display: inline-block;
      text-align: center;
      width: 100%;
      height: 1px;
      background: #000; } }
  .application-item .logo img {
    min-width: 142px;
    max-width: 142px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 999px) {
      .application-item .logo img {
        margin-top: -28px;
        padding: 0px 4px;
        min-width: 41px;
        max-width: 41px;
        background: #CFEBF8; } }
  .application-item .download {
    order: 1;
    text-align: center; }
    .application-item .download .title {
      justify-content: center;
      font-size: 34px;
      font-weight: 400;
      margin-bottom: 12px; }
      @media (max-width: 999px) {
        .application-item .download .title {
          font-size: 18px;
          margin: 0px; } }
      .application-item .download .title b {
        font-size: 34px;
        font-weight: 700; }
        @media (max-width: 999px) {
          .application-item .download .title b {
            font-size: 18px; } }
    .application-item .download .app-icons {
      display: flex;
      align-items: center;
      justify-content: center; }
      .application-item .download .app-icons a {
        margin: 0px 4px; }
        .application-item .download .app-icons a img {
          min-width: 117px;
          max-width: 120px;
          height: 38px;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          @media (max-width: 999px) {
            .application-item .download .app-icons a img {
              min-width: 65px;
              max-width: 65px;
              height: 22px; } }
  .application-item .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 388px;
    margin: 0px 104px; }
    @media (max-width: 999px) {
      .application-item .photo {
        margin: 0px;
        margin-top: 12px; } }
    .application-item .photo img {
      max-width: 100%; }

.mediagroup-item {
  background: #000033;
  margin-top: 12px; }
  .mediagroup-item .rowbox {
    display: grid;
    grid-template-columns: 1fr 358px;
    gap: 12px;
    width: 100%; }
    @media (max-width: 1199px) {
      .mediagroup-item .rowbox {
        grid-template-columns: 1fr 280px; } }
    @media (max-width: 999px) {
      .mediagroup-item .rowbox {
        display: block; } }
    @media (max-width: 999px) {
      .mediagroup-item .rowbox .submedia {
        margin-top: 24px; } }
    .mediagroup-item .rowbox .submedia .caricature,
    .mediagroup-item .rowbox .submedia .infographic {
      position: relative;
      margin-bottom: 24px; }
      .mediagroup-item .rowbox .submedia .caricature .title,
      .mediagroup-item .rowbox .submedia .infographic .title {
        justify-content: center; }
        .mediagroup-item .rowbox .submedia .caricature .title a,
        .mediagroup-item .rowbox .submedia .infographic .title a {
          color: #fff;
          font-size: 18px; }
      .mediagroup-item .rowbox .submedia .caricature .slider-caricature,
      .mediagroup-item .rowbox .submedia .caricature .slider-infographic,
      .mediagroup-item .rowbox .submedia .infographic .slider-caricature,
      .mediagroup-item .rowbox .submedia .infographic .slider-infographic {
        position: relative;
        direction: ltr;
        margin-top: 12px;
        height: 208px;
        overflow: hidden; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-list,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-list,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-list,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-list {
          position: relative;
          display: block;
          overflow: hidden;
          outline: none;
          margin: 0px -4px; }
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-list .slick-track,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-list .slick-track,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-list .slick-track,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-list .slick-track {
            position: relative;
            top: 0;
            right: auto;
            bottom: auto;
            left: auto;
            display: block;
            overflow: hidden; }
            .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-list .slick-track:after, .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-list .slick-track:before,
            .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-list .slick-track:after,
            .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-list .slick-track:before,
            .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-list .slick-track:after,
            .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-list .slick-track:before,
            .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-list .slick-track:after,
            .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-list .slick-track:before {
              display: table;
              content: ''; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-next,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-prev,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-next {
          position: absolute;
          top: -50px;
          cursor: pointer;
          border: 0px;
          padding: 0px;
          outline: none;
          font-size: 0px;
          background: none;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-prev svg,
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-next svg,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-prev svg,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-next svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-prev svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-next svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-prev svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-next svg {
            width: 18px;
            height: 18px;
            fill: #0095DA;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-next,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-next {
          left: 30px; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-prev {
          left: 0px; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-dots,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-dots,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-dots,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-dots {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 24px; }
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-dots li,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-dots li,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-dots li,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-dots li {
            position: relative;
            display: inline-block;
            margin: 0px 2px;
            padding: 0px;
            cursor: pointer;
            width: 14px;
            height: 4px;
            border-radius: 5px; }
            .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-dots li button,
            .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-dots li button,
            .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-dots li button,
            .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-dots li button {
              font-size: 0px;
              line-height: 0px;
              display: block;
              width: 100%;
              height: 100%;
              border: 0px;
              outline: none;
              background: #F3F4F6;
              padding: 0px; }
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-dots li.slick-active,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-dots li.slick-active,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-dots li.slick-active,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-dots li.slick-active {
            background: #0095DA; }
            .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-dots li.slick-active button,
            .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-dots li.slick-active button,
            .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-dots li.slick-active button,
            .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-dots li.slick-active button {
              background: none; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature:hover .slick-next,
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature:hover .slick-prev,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic:hover .slick-next,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic:hover .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature:hover .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature:hover .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic:hover .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic:hover .slick-prev {
          opacity: 1; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-next,
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-next,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-next,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-prev {
          display: flex;
          align-items: center;
          justify-content: center;
          top: 50%;
          left: auto;
          right: 12px;
          width: 30px;
          height: 30px;
          margin-top: -15px;
          border-radius: 8px;
          opacity: 0;
          border: 2px solid #fff;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-next:hover,
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-prev:hover,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-next:hover,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-prev:hover,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-next:hover,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-prev:hover,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-next:hover,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-prev:hover {
            background: #0095DA;
            border: 2px solid #0095DA; }
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-next svg,
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-prev svg,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-next svg,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-prev svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-next svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-prev svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-next svg,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-prev svg {
            fill: #fff;
            width: 14px;
            height: 14px; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-prev,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-prev {
          right: auto;
          left: 12px; }
        .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-dots,
        .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-dots,
        .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-dots,
        .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-dots {
          position: absolute;
          bottom: 20px;
          width: 100%;
          margin: 0px; }
          .mediagroup-item .rowbox .submedia .caricature .slider-caricature .slick-dots li,
          .mediagroup-item .rowbox .submedia .caricature .slider-infographic .slick-dots li,
          .mediagroup-item .rowbox .submedia .infographic .slider-caricature .slick-dots li,
          .mediagroup-item .rowbox .submedia .infographic .slider-infographic .slick-dots li {
            width: 40px; }
      .mediagroup-item .rowbox .submedia .caricature .item,
      .mediagroup-item .rowbox .submedia .infographic .item {
        direction: rtl;
        display: inline-flex;
        margin: 0px 4px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .mediagroup-item .rowbox .submedia .caricature .item .photo,
        .mediagroup-item .rowbox .submedia .infographic .item .photo {
          display: block;
          position: relative;
          width: 100%;
          height: 200px;
          overflow: hidden; }
          .mediagroup-item .rowbox .submedia .caricature .item .photo::after,
          .mediagroup-item .rowbox .submedia .infographic .item .photo::after {
            content: "";
            position: absolute;
            inset: 0px;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #010133 100%); }
          .mediagroup-item .rowbox .submedia .caricature .item .photo img,
          .mediagroup-item .rowbox .submedia .infographic .item .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top; }
    .mediagroup-item .rowbox .submedia .infographic {
      margin: 0px; }
      .mediagroup-item .rowbox .submedia .infographic .slider-infographic {
        height: 326px; }
      .mediagroup-item .rowbox .submedia .infographic .item .photo {
        height: 326px; }
    @media (max-width: 999px) {
      .mediagroup-item .rowbox .innermedia .minhead {
        display: block; } }
    .mediagroup-item .rowbox .innermedia .minhead .title {
      color: #fff; }
    .mediagroup-item .rowbox .innermedia .nav-tabs {
      justify-content: flex-end;
      border: 0px;
      flex-wrap: inherit;
      width: calc(100% - 200px); }
      @media (max-width: 999px) {
        .mediagroup-item .rowbox .innermedia .nav-tabs {
          width: 100%;
          margin-top: 12px; } }
      .mediagroup-item .rowbox .innermedia .nav-tabs li {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        height: 48px;
        font-size: 15px;
        font-weight: 700;
        border: 1px solid #3E3E4A;
        border-left: 0px;
        color: #fff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px 16px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .mediagroup-item .rowbox .innermedia .nav-tabs li:last-child {
          border-left: 1px solid #3E3E4A; }
        .mediagroup-item .rowbox .innermedia .nav-tabs li a {
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 60px;
          height: 32px;
          background: #8080801A;
          width: 0px;
          overflow: hidden;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .mediagroup-item .rowbox .innermedia .nav-tabs li a svg {
            margin-right: 4px; }
        .mediagroup-item .rowbox .innermedia .nav-tabs li.active {
          background: #fff;
          color: #000033;
          width: 100%; }
          .mediagroup-item .rowbox .innermedia .nav-tabs li.active:hover a {
            width: 78px;
            margin-right: 8px; }
  .mediagroup-item .tab-pane {
    position: relative; }
  .mediagroup-item .iframe {
    position: relative;
    width: 100%;
    height: 604px; }
    @media (max-width: 999px) {
      .mediagroup-item .iframe {
        height: 300px; } }
  .mediagroup-item iframe,
  .mediagroup-item img {
    display: block;
    border: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .mediagroup-item .iframeitems {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #010133 100%);
    padding: 24px; }
    @media (max-width: 999px) {
      .mediagroup-item .iframeitems {
        display: none; } }
    .mediagroup-item .iframeitems a {
      position: relative;
      min-width: 180px;
      max-width: 180px;
      height: 115px;
      border-radius: 5px;
      border: 2px solid transparent;
      margin: 0px 4px;
      overflow: hidden; }
      .mediagroup-item .iframeitems a.active {
        border: 2px solid #0095DA; }
      .mediagroup-item .iframeitems a::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #010133 100%); }
      .mediagroup-item .iframeitems a .iconplay {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 12px;
        bottom: 32px;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        background: #000033;
        z-index: 1; }
        .mediagroup-item .iframeitems a .iconplay svg {
          width: 12px;
          height: 10px; }
  .mediagroup-item .slider-container {
    display: grid;
    grid-template-columns: 1fr 160px; }
    @media (max-width: 999px) {
      .mediagroup-item .slider-container {
        display: block; } }
    .mediagroup-item .slider-container .slid-photos {
      direction: ltr; }
      .mediagroup-item .slider-container .slid-photos .flex-container a:hover,
      .mediagroup-item .slider-container .slid-photos .flex-slider a:hover {
        outline: 0; }
      .mediagroup-item .slider-container .slid-photos .flex-control-nav,
      .mediagroup-item .slider-container .slid-photos .flex-direction-nav,
      .mediagroup-item .slider-container .slid-photos .slides,
      .mediagroup-item .slider-container .slid-photos .slides > li {
        margin: 0;
        padding: 0;
        list-style: none; }
      .mediagroup-item .slider-container .slid-photos .flexslider {
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        margin: 0 auto; }
      .mediagroup-item .slider-container .slid-photos .flexslider .slides > li {
        position: relative;
        display: none;
        -webkit-backface-visibility: hidden; }
        .mediagroup-item .slider-container .slid-photos .flexslider .slides > li::after {
          content: "";
          position: absolute;
          inset: 0px;
          width: 100%;
          height: 100%;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #010133 100%); }
      .mediagroup-item .slider-container .slid-photos .flexslider .slides img {
        position: relative;
        width: 100%;
        display: block; }
      .mediagroup-item .slider-container .slid-photos .no-js .flexslider .slides > li:first-child {
        display: block; }
      .mediagroup-item .slider-container .slid-photos .flex-viewport {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease; }
      .mediagroup-item .slider-container .slid-photos .carousel {
        margin: -115px auto 0px auto;
        max-width: 550px; }
        @media (max-width: 999px) {
          .mediagroup-item .slider-container .slid-photos .carousel {
            display: none; } }
      .mediagroup-item .slider-container .slid-photos .carousel .flex-viewport {
        padding-right: 40px; }
      .mediagroup-item .slider-container .slid-photos .carousel li {
        margin: 0px 4px !important;
        cursor: pointer; }
      .mediagroup-item .slider-container .slid-photos .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        border-radius: 8px;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        border: 2px solid #fff;
        text-indent: -999px;
        background: url(../images/arrow-wight.svg) no-repeat center center;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .mediagroup-item .slider-container .slid-photos .flex-direction-nav a:hover {
        border: 2px solid #0095DA;
        background: #0095DA url(../images/arrow-wight.svg) no-repeat center center; }
      .mediagroup-item .slider-container .slid-photos .flex-direction-nav .flex-prev {
        left: -50px;
        rotate: 180deg; }
      .mediagroup-item .slider-container .slid-photos .flex-direction-nav .flex-next {
        right: -50px; }
      .mediagroup-item .slider-container .slid-photos .flexslider:hover .flex-direction-nav .flex-prev {
        opacity: .7;
        left: 10px; }
      .mediagroup-item .slider-container .slid-photos .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1; }
      .mediagroup-item .slider-container .slid-photos .flexslider:hover .flex-direction-nav .flex-next {
        opacity: .7;
        right: 10px; }
      .mediagroup-item .slider-container .slid-photos .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1; }
      .mediagroup-item .slider-container .slid-photos .flex-direction-nav .flex-disabled {
        opacity: 0 !important;
        cursor: default;
        z-index: -1; }
      .mediagroup-item .slider-container .slid-photos .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: -40px;
        text-align: center; }
      .mediagroup-item .slider-container .slid-photos .flex-control-nav li {
        margin: 0 6px;
        display: inline-block; }
      .mediagroup-item .slider-container .slid-photos .flex-control-nav {
        display: none !important; }
      .mediagroup-item .slider-container .slid-photos .flexslider .slides img {
        width: 100%;
        height: 588px;
        object-fit: cover; }
        @media (max-width: 999px) {
          .mediagroup-item .slider-container .slid-photos .flexslider .slides img {
            height: 340px; } }
      .mediagroup-item .slider-container .slid-photos .carousel .slides li {
        border: 2px solid transparent;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .mediagroup-item .slider-container .slid-photos .carousel .slides li.flex-active-slide {
        opacity: 1;
        border: 2px solid #0095DA; }
      .mediagroup-item .slider-container .slid-photos .carousel .slides img {
        height: 115px;
        object-fit: cover;
        cursor: pointer;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .mediagroup-item .slider-container .slid-photos .carousel .flex-direction-nav a {
        opacity: 0.5;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .mediagroup-item .slider-container .slid-photos .carousel:hover .flex-direction-nav a {
        opacity: 1; }
    .mediagroup-item .slider-container .category {
      height: 588px;
      overflow: hidden;
      overflow-y: scroll;
      background: #fff;
      padding: 12px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 999px) {
        .mediagroup-item .slider-container .category {
          display: none; } }
      .mediagroup-item .slider-container .category a {
        position: relative;
        display: block;
        width: 100%;
        height: 172px;
        border-radius: 5px;
        margin-bottom: 12px;
        overflow: hidden; }
        .mediagroup-item .slider-container .category a:last-child {
          margin-bottom: 0px; }
        .mediagroup-item .slider-container .category a .contant {
          padding: 8px 12px;
          background: #A7A7A7; }
          .mediagroup-item .slider-container .category a .contant .title {
            font-size: 16px;
            font-weight: 500; }
          .mediagroup-item .slider-container .category a .contant .number {
            font-size: 12px;
            font-weight: 400;
            color: #fff; }

.advertising-banner {
  margin: 0px auto;
  max-width: 728px; }

.banner-item {
  background: #fff; }

.ofwight {
  background: #F3F4F6; }

.sweeteners-item {
  background: #F3F4F6; }
  .sweeteners-item .rowbox {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 12px;
    width: 100%; }
    @media (max-width: 1199px) {
      .sweeteners-item .rowbox {
        grid-template-columns: 1fr; } }
    @media (max-width: 999px) {
      .sweeteners-item .rowbox {
        display: block; } }
    .sweeteners-item .rowbox .rowinner {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .sweeteners-item .rowbox .rowinner {
          grid-template-columns: repeat(2, 1fr);
          margin-top: 12px; } }
      @media (max-width: 500px) {
        .sweeteners-item .rowbox .rowinner {
          grid-template-columns: repeat(1, 1fr); } }
      .sweeteners-item .rowbox .rowinner .carditem {
        background: #fff; }
        .sweeteners-item .rowbox .rowinner .carditem .photo {
          height: 234px; }
    .sweeteners-item .rowbox .advertising-banner {
      margin-top: -14px; }
      @media (max-width: 1199px) {
        .sweeteners-item .rowbox .advertising-banner {
          display: none; } }

.sports-item {
  background: #fff; }
  .sports-item .rowbox {
    display: grid;
    grid-template-columns: 1fr 310px;
    gap: 12px;
    width: 100%; }
    @media (max-width: 999px) {
      .sports-item .rowbox {
        display: block; } }
    .sports-item .rowbox .rowinner {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .sports-item .rowbox .rowinner {
          margin-top: 12px;
          width: 100%;
          overflow: hidden;
          overflow-x: scroll; }
          .sports-item .rowbox .rowinner::-webkit-scrollbar {
            height: 0px; } }
      @media (max-width: 999px) {
        .sports-item .rowbox .rowinner .carditem {
          width: 280px; } }
    .sports-item .rowbox .resultssports {
      display: grid;
      position: relative;
      width: 100%;
      border-radius: 5px;
      border: 1px solid #D5D5D5;
      margin-top: 58px;
      overflow: hidden; }
      @media (max-width: 999px) {
        .sports-item .rowbox .resultssports {
          margin-top: 12px; } }
      .sports-item .rowbox .resultssports ul {
        padding: 12px; }
        @media (max-width: 999px) {
          .sports-item .rowbox .resultssports ul {
            padding: 12px; } }
        .sports-item .rowbox .resultssports ul li {
          display: flex;
          align-items: center;
          justify-content: center;
          justify-content: space-between;
          margin-bottom: 8px; }
          .sports-item .rowbox .resultssports ul li:last-child {
            margin: 0px; }
          .sports-item .rowbox .resultssports ul li .photo {
            min-width: 30px;
            max-width: 30px;
            height: 30px; }
            .sports-item .rowbox .resultssports ul li .photo img {
              max-width: 100%;
              max-height: 100%; }
          .sports-item .rowbox .resultssports ul li .text {
            text-align: center; }
            .sports-item .rowbox .resultssports ul li .text span {
              font-size: 10px;
              font-weight: 400;
              color: #A5A5A5; }
            .sports-item .rowbox .resultssports ul li .text .date {
              display: block;
              color: #0095DA;
              font-size: 14px;
              font-weight: 400; }
            .sports-item .rowbox .resultssports ul li .text .resultsnumber {
              color: #000;
              font-size: 18px;
              font-weight: 400;
              text-align: center; }
            .sports-item .rowbox .resultssports ul li .text .team {
              display: flex;
              align-items: center;
              justify-content: center; }
              .sports-item .rowbox .resultssports ul li .text .team i {
                color: #000;
                margin: 0px 12px;
                font-style: normal;
                font-size: 10px;
                font-weight: 300; }
              .sports-item .rowbox .resultssports ul li .text .team span {
                color: #0095DA;
                font-size: 10px;
                font-weight: 300; }
      .sports-item .rowbox .resultssports .allresult {
        display: flex;
        justify-content: flex-end;
        position: relative;
        width: 100%;
        background: #F3F4F6;
        border-top: 1px solid #D5D5D5;
        padding: 9px 12px; }
        @media (max-width: 999px) {
          .sports-item .rowbox .resultssports .allresult {
            padding: 12px; } }
        .sports-item .rowbox .resultssports .allresult a {
          font-size: 14px;
          font-weight: 300;
          color: #000;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .sports-item .rowbox .resultssports .allresult a:hover {
            color: #0095DA; }

.economy-item,
.sports-international,
.sports-arabic,
.arab-international-item,
.readalso {
  background: #F3F4F6; }
  .economy-item .rowinner,
  .sports-international .rowinner,
  .sports-arabic .rowinner,
  .arab-international-item .rowinner,
  .readalso .rowinner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-top: 24px; }
    @media (max-width: 999px) {
      .economy-item .rowinner,
      .sports-international .rowinner,
      .sports-arabic .rowinner,
      .arab-international-item .rowinner,
      .readalso .rowinner {
        margin-top: 12px;
        width: 100%;
        overflow: hidden;
        overflow-x: scroll; }
        .economy-item .rowinner::-webkit-scrollbar,
        .sports-international .rowinner::-webkit-scrollbar,
        .sports-arabic .rowinner::-webkit-scrollbar,
        .arab-international-item .rowinner::-webkit-scrollbar,
        .readalso .rowinner::-webkit-scrollbar {
          height: 0px; } }
    .economy-item .rowinner .carditem,
    .sports-international .rowinner .carditem,
    .sports-arabic .rowinner .carditem,
    .arab-international-item .rowinner .carditem,
    .readalso .rowinner .carditem {
      background: #fff; }
      @media (max-width: 999px) {
        .economy-item .rowinner .carditem,
        .sports-international .rowinner .carditem,
        .sports-arabic .rowinner .carditem,
        .arab-international-item .rowinner .carditem,
        .readalso .rowinner .carditem {
          width: 280px; } }

.sports-arabic,
.arab-international-item {
  background: #fff; }
  .sports-arabic .rowinner .carditem,
  .arab-international-item .rowinner .carditem {
    background: #F3F4F6; }

.selectnews {
  background: #0095DA; }
  .selectnews .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 999px) {
      .selectnews .container {
        display: block;
        text-align: center; } }
  .selectnews .flex {
    display: flex;
    align-items: center; }
    @media (max-width: 999px) {
      .selectnews .flex {
        display: block; } }
    .selectnews .flex .logo {
      margin-left: 16px; }
      @media (max-width: 999px) {
        .selectnews .flex .logo {
          margin: 0px;
          margin-bottom: 24px; } }
      .selectnews .flex .logo img {
        max-width: 250px;
        max-height: 185px; }
    .selectnews .flex .title {
      color: #fff;
      font-size: 30px; }
      @media (max-width: 999px) {
        .selectnews .flex .title {
          font-size: 20px;
          text-align: center;
          justify-content: center; } }
    .selectnews .flex p {
      font-size: 14px;
      font-weight: 400;
      color: #fff; }
      @media (max-width: 999px) {
        .selectnews .flex p {
          text-align: center; } }
  .selectnews .bottom {
    background: #fff;
    color: #000; }
    @media (max-width: 999px) {
      .selectnews .bottom {
        margin-top: 24px; } }
    .selectnews .bottom:hover {
      color: #fff; }
      .selectnews .bottom:hover svg path {
        fill: #fff; }

.modal-dialog {
  max-width: 735px; }
  .modal-dialog .modal-content {
    border-radius: 30px;
    padding: 16px; }
    .modal-dialog .modal-content .modal-header {
      display: block;
      padding: 0px;
      padding-bottom: 16px;
      border-bottom: 1px solid #CACACA; }
      .modal-dialog .modal-content .modal-header .title {
        font-size: 18px; }
      .modal-dialog .modal-content .modal-header p {
        font-size: 16px;
        font-weight: 400;
        margin-top: 8px; }
    .modal-dialog .modal-content .modal-body {
      padding: 16px 0px; }
    .modal-dialog .modal-content .rowinner {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px; }
      @media (max-width: 767px) {
        .modal-dialog .modal-content .rowinner {
          display: block; } }
      @media (max-width: 767px) {
        .modal-dialog .modal-content .rowinner .item {
          margin-bottom: 24px; }
          .modal-dialog .modal-content .rowinner .item:last-child {
            margin-bottom: 0px; } }
      .modal-dialog .modal-content .rowinner .item .form-control {
        margin-top: 16px; }
      .modal-dialog .modal-content .rowinner .item .title {
        font-size: 16px;
        font-weight: 400; }
        .modal-dialog .modal-content .rowinner .item .title svg {
          min-width: 24px;
          max-width: 24px;
          height: 24px;
          margin-left: 4px; }
      .modal-dialog .modal-content .rowinner .item .list li {
        width: 100%;
        padding: 16px;
        border-radius: 16px;
        background: #F8FAFD;
        margin-bottom: 16px; }
        .modal-dialog .modal-content .rowinner .item .list li:last-child {
          margin-bottom: 0px; }
        .modal-dialog .modal-content .rowinner .item .list li .listlinks {
          display: flex; }
          .modal-dialog .modal-content .rowinner .item .list li .listlinks a {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            font-weight: 400;
            line-height: 1;
            border: 1px solid #CACACA;
            border-radius: 5px;
            min-width: 80px;
            height: 34px;
            color: #000;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
            margin: 12px 0px 0px 12px; }
            .modal-dialog .modal-content .rowinner .item .list li .listlinks a:last-child {
              margin-left: 0px; }
            .modal-dialog .modal-content .rowinner .item .list li .listlinks a:hover {
              background: #0095DA;
              color: #fff;
              border: 1px solid #0095DA; }
    .modal-dialog .modal-content .modal-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0px;
      padding-top: 16px;
      border-top: 1px solid #CACACA; }
      .modal-dialog .modal-content .modal-footer .reset {
        color: #0095DA;
        background: none;
        border: 0px;
        padding: 0px; }
      .modal-dialog .modal-content .modal-footer .bottom {
        font-size: 16px;
        font-weight: 400; }
      .modal-dialog .modal-content .modal-footer .cancel {
        background: none;
        border: 1px solid #0095DA;
        color: #0095DA;
        padding: 8px 24px;
        margin-right: 16px;
        border-radius: 60px;
        min-width: 102px; }
        @media (max-width: 767px) {
          .modal-dialog .modal-content .modal-footer .cancel {
            min-width: 70px; } }
    .modal-dialog .modal-content .listlinks a svg {
      min-width: 10px;
      max-width: 10px;
      height: 10px;
      margin-right: 8px; }
    .modal-dialog .modal-content .listlinks a.active, .modal-dialog .modal-content .listlinks a:hover {
      background: #C2E7FF !important;
      border: 1px solid #C2E7FF !important;
      color: #000 !important; }

.sectiongroup {
  background: #F3F4F6; }
  .sectiongroup .rowbox {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 12px; }
    @media (max-width: 1199px) {
      .sectiongroup .rowbox {
        grid-template-columns: 1fr; } }
    .sectiongroup .rowbox .rowinner {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px; }
      @media (max-width: 999px) {
        .sectiongroup .rowbox .rowinner {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 500px) {
        .sectiongroup .rowbox .rowinner {
          grid-template-columns: repeat(1, 1fr); } }
      @media (max-width: 999px) {
        .sectiongroup .rowbox .rowinner .subinner:nth-child(3), .sectiongroup .rowbox .rowinner .subinner:nth-child(4) {
          margin-top: 16px; } }
      .sectiongroup .rowbox .rowinner .subinner .carditem {
        background: #fff;
        margin-top: 24px; }
        @media (max-width: 999px) {
          .sectiongroup .rowbox .rowinner .subinner .carditem {
            margin-top: 12px; } }
        .sectiongroup .rowbox .rowinner .subinner .carditem .photo {
          height: 234px; }
      .sectiongroup .rowbox .rowinner .subinner .smallitem {
        background: #fff;
        border-radius: 5px;
        margin-top: 12px;
        padding: 12px 16px; }
        .sectiongroup .rowbox .rowinner .subinner .smallitem .title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 15px;
          font-weight: 500;
          color: #6D6D6D; }
          .sectiongroup .rowbox .rowinner .subinner .smallitem .title:hover {
            color: #0095DA; }
          @media (min-width: 1600px) {
            .sectiongroup .rowbox .rowinner .subinner .smallitem .title {
              font-size: 17px; } }
        .sectiongroup .rowbox .rowinner .subinner .smallitem .flextex .date {
          color: #898989; }
    @media (max-width: 1199px) {
      .sectiongroup .rowbox .advertising-banner {
        display: none; } }

.localnews-item,
.filternews-item {
  background: #F3F4F6; }
  .localnews-item .advertising-banner,
  .filternews-item .advertising-banner {
    margin-bottom: 24px; }
    @media (max-width: 999px) {
      .localnews-item .advertising-banner,
      .filternews-item .advertising-banner {
        display: none; } }
  .localnews-item .rowbox,
  .filternews-item .rowbox {
    display: grid;
    grid-template-columns: 1fr 1fr 270px;
    gap: 16px; }
    @media (max-width: 999px) {
      .localnews-item .rowbox,
      .filternews-item .rowbox {
        grid-template-columns: 1fr;
        gap: 0px; } }
    .localnews-item .rowbox .item .subitem,
    .filternews-item .rowbox .item .subitem {
      position: relative;
      display: flex;
      width: 100%;
      margin-top: 16px; }
      @media (max-width: 999px) {
        .localnews-item .rowbox .item .subitem,
        .filternews-item .rowbox .item .subitem {
          align-items: center;
          margin-top: 12px; } }
      .localnews-item .rowbox .item .subitem .photo,
      .filternews-item .rowbox .item .subitem .photo {
        display: block;
        position: relative;
        min-width: 200px;
        max-width: 200px;
        height: 238px;
        overflow: hidden;
        background: #fff;
        margin-left: 16px; }
        @media (min-width: 1600px) {
          .localnews-item .rowbox .item .subitem .photo,
          .filternews-item .rowbox .item .subitem .photo {
            min-width: 290px;
            max-width: 290px; } }
        @media (max-width: 1199px) {
          .localnews-item .rowbox .item .subitem .photo,
          .filternews-item .rowbox .item .subitem .photo {
            min-width: 120px;
            max-width: 120px; } }
        @media (max-width: 999px) {
          .localnews-item .rowbox .item .subitem .photo,
          .filternews-item .rowbox .item .subitem .photo {
            height: 110px; } }
        .localnews-item .rowbox .item .subitem .photo img,
        .filternews-item .rowbox .item .subitem .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      @media (max-width: 1199px) {
        .localnews-item .rowbox .item .subitem .contant,
        .filternews-item .rowbox .item .subitem .contant {
          display: flex;
          justify-content: flex-end;
          padding: 64px 8px 8px 8px; }
          .localnews-item .rowbox .item .subitem .contant .tagtext,
          .filternews-item .rowbox .item .subitem .contant .tagtext {
            line-height: 14px;
            padding: 4px 8px; } }
      .localnews-item .rowbox .item .subitem .title,
      .filternews-item .rowbox .item .subitem .title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 2px; }
        @media (max-width: 1199px) {
          .localnews-item .rowbox .item .subitem .title,
          .filternews-item .rowbox .item .subitem .title {
            font-size: 14px; } }
        .localnews-item .rowbox .item .subitem .title:hover,
        .filternews-item .rowbox .item .subitem .title:hover {
          color: #0095DA; }
      .localnews-item .rowbox .item .subitem p,
      .filternews-item .rowbox .item .subitem p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 12px;
        font-weight: 400;
        margin-top: 8px; }
        @media (max-width: 999px) {
          .localnews-item .rowbox .item .subitem p,
          .filternews-item .rowbox .item .subitem p {
            display: none; } }
      .localnews-item .rowbox .item .subitem .date,
      .filternews-item .rowbox .item .subitem .date {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        color: #0095DA; }
        .localnews-item .rowbox .item .subitem .date svg,
        .filternews-item .rowbox .item .subitem .date svg {
          width: 14px;
          margin-left: 4px; }
    .localnews-item .rowbox .item .bottom,
    .filternews-item .rowbox .item .bottom {
      margin-top: 16px;
      border-radius: 0px;
      width: 100%; }
  .localnews-item .pagination,
  .filternews-item .pagination {
    width: calc(100% - 270px);
    margin-top: -43px; }
    @media (max-width: 1199px) {
      .localnews-item .pagination,
      .filternews-item .pagination {
        margin-top: 24px; } }
    @media (max-width: 999px) {
      .localnews-item .pagination,
      .filternews-item .pagination {
        width: 100%; } }

.filternews-item {
  padding-top: 32px;
  background: #fff; }
  @media (max-width: 999px) {
    .filternews-item {
      padding-top: 12px; } }

.photosvideos {
  background: #F3F4F6; }
  .photosvideos .rowbox {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 24px; }
    @media (max-width: 1199px) {
      .photosvideos .rowbox {
        grid-template-columns: 1fr 340px; } }
    @media (max-width: 999px) {
      .photosvideos .rowbox {
        grid-template-columns: 1fr;
        gap: 12px; } }
  .photosvideos .item .carousel {
    overflow: hidden;
    margin-top: 24px; }
    .photosvideos .item .carousel:hover .carousel-control-next {
      right: 24px; }
    .photosvideos .item .carousel:hover .carousel-control-prev {
      left: 24px; }
    .photosvideos .item .carousel .carousel-inner {
      height: 100%; }
    .photosvideos .item .carousel .carousel-item {
      height: 100%;
      border-radius: 5px;
      overflow: hidden; }
      @media (max-width: 999px) {
        .photosvideos .item .carousel .carousel-item {
          height: 284px; } }
      .photosvideos .item .carousel .carousel-item .photo {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .photosvideos .item .carousel .carousel-item .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .photosvideos .item .carousel .carousel-control-next,
    .photosvideos .item .carousel .carousel-control-prev {
      width: auto;
      height: 28px;
      top: 50%;
      opacity: 1;
      margin-top: -24px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 991px) {
        .photosvideos .item .carousel .carousel-control-next,
        .photosvideos .item .carousel .carousel-control-prev {
          display: none; } }
      .photosvideos .item .carousel .carousel-control-next svg,
      .photosvideos .item .carousel .carousel-control-prev svg {
        width: 28px;
        height: 28px;
        fill: #fff;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .photosvideos .item .carousel .carousel-control-next:hover svg,
      .photosvideos .item .carousel .carousel-control-prev:hover svg {
        fill: #0095DA; }
    .photosvideos .item .carousel .carousel-control-next {
      right: -90px; }
    .photosvideos .item .carousel .carousel-control-prev {
      left: -90px; }
      .photosvideos .item .carousel .carousel-control-prev svg {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
    @media (max-width: 999px) {
      .photosvideos .item .carousel {
        margin-top: 12px; } }
    .photosvideos .item .carousel .carousel-item {
      height: 590px; }
      @media (max-width: 999px) {
        .photosvideos .item .carousel .carousel-item {
          height: 300px; } }
      .photosvideos .item .carousel .carousel-item .photo::after {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
  .photosvideos .rowinner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px; }
    @media (max-width: 999px) {
      .photosvideos .rowinner {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px; } }
    @media (max-width: 550px) {
      .photosvideos .rowinner {
        grid-template-columns: 1fr; } }
    .photosvideos .rowinner .subitem {
      margin-top: 24px; }
      @media (max-width: 999px) {
        .photosvideos .rowinner .subitem {
          margin-top: 12px; } }
      .photosvideos .rowinner .subitem .photo {
        position: relative;
        display: block;
        width: 100%;
        height: 200px;
        overflow: hidden; }
        .photosvideos .rowinner .subitem .photo::after {
          content: "";
          position: absolute;
          left: 0px;
          bottom: 0px;
          width: 100%;
          height: 100%;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
        .photosvideos .rowinner .subitem .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .photosvideos .rowinner .subitem .icon {
        position: absolute;
        right: 12px;
        top: 12px;
        z-index: 1; }
        .photosvideos .rowinner .subitem .icon svg {
          width: 18px;
          height: 20px; }
      .photosvideos .rowinner .subitem .title {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 400; }
        .photosvideos .rowinner .subitem .title:hover {
          color: #0095DA; }
  .photosvideos .videoslist {
    margin: 0px;
    padding: 0px;
    margin-top: 24px; }
    @media (max-width: 999px) {
      .photosvideos .videoslist {
        margin-top: 12px; } }
    .photosvideos .videoslist li {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 24px; }
      @media (max-width: 999px) {
        .photosvideos .videoslist li {
          margin-bottom: 12px; } }
      .photosvideos .videoslist li:last-child {
        margin-bottom: 0px; }
      .photosvideos .videoslist li .photo {
        display: block;
        position: relative;
        min-width: 212px;
        max-width: 212px;
        height: 124px;
        overflow: hidden;
        background: #F3F4F6;
        margin-left: 16px; }
        @media (max-width: 1199px) {
          .photosvideos .videoslist li .photo {
            min-width: 120px;
            max-width: 120px; } }
        @media (max-width: 999px) {
          .photosvideos .videoslist li .photo {
            height: 110px; } }
        .photosvideos .videoslist li .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .photosvideos .videoslist li .title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 17px;
        font-weight: 500; }
        @media (max-width: 1199px) {
          .photosvideos .videoslist li .title {
            font-size: 14px; } }
        .photosvideos .videoslist li .title:hover {
          color: #0095DA; }
      .photosvideos .videoslist li .date {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        color: #0095DA; }
        .photosvideos .videoslist li .date svg {
          width: 14px;
          margin-left: 4px; }

.tabseconomy-item,
.editor-interviews,
.newsgroup-item {
  background: #F3F4F6; }
  .tabseconomy-item .advertising-banner,
  .editor-interviews .advertising-banner,
  .newsgroup-item .advertising-banner {
    margin-bottom: 48px; }
    @media (max-width: 999px) {
      .tabseconomy-item .advertising-banner,
      .editor-interviews .advertising-banner,
      .newsgroup-item .advertising-banner {
        display: none; } }
  .tabseconomy-item .rowbox,
  .editor-interviews .rowbox,
  .newsgroup-item .rowbox {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 16px;
    align-items: flex-start; }
    @media (max-width: 999px) {
      .tabseconomy-item .rowbox,
      .editor-interviews .rowbox,
      .newsgroup-item .rowbox {
        grid-template-columns: 1fr;
        gap: 12px; } }
    .tabseconomy-item .rowbox .nav-tabs,
    .editor-interviews .rowbox .nav-tabs,
    .newsgroup-item .rowbox .nav-tabs {
      margin-bottom: 16px; }
      @media (max-width: 999px) {
        .tabseconomy-item .rowbox .nav-tabs,
        .editor-interviews .rowbox .nav-tabs,
        .newsgroup-item .rowbox .nav-tabs {
          margin-bottom: 12px; } }
      .tabseconomy-item .rowbox .nav-tabs a,
      .editor-interviews .rowbox .nav-tabs a,
      .newsgroup-item .rowbox .nav-tabs a {
        border-radius: 0px;
        background: none;
        border: 0px;
        padding: 0px;
        color: #0095DA;
        padding-bottom: 16px;
        margin-left: 24px;
        border-bottom: 4px solid transparent;
        cursor: pointer; }
        .tabseconomy-item .rowbox .nav-tabs a:last-child,
        .editor-interviews .rowbox .nav-tabs a:last-child,
        .newsgroup-item .rowbox .nav-tabs a:last-child {
          margin-left: 0px; }
        .tabseconomy-item .rowbox .nav-tabs a.active,
        .editor-interviews .rowbox .nav-tabs a.active,
        .newsgroup-item .rowbox .nav-tabs a.active {
          border-bottom: 4px solid #0095DA; }
        @media (max-width: 999px) {
          .tabseconomy-item .rowbox .nav-tabs a,
          .editor-interviews .rowbox .nav-tabs a,
          .newsgroup-item .rowbox .nav-tabs a {
            padding-bottom: 12px;
            font-size: 14px; } }
    .tabseconomy-item .rowbox .item,
    .editor-interviews .rowbox .item,
    .newsgroup-item .rowbox .item {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px; }
      @media (max-width: 999px) {
        .tabseconomy-item .rowbox .item,
        .editor-interviews .rowbox .item,
        .newsgroup-item .rowbox .item {
          grid-template-columns: 1fr; } }
      .tabseconomy-item .rowbox .item .subitem,
      .editor-interviews .rowbox .item .subitem,
      .newsgroup-item .rowbox .item .subitem {
        position: relative;
        display: flex;
        width: 100%;
        margin-top: 16px; }
        @media (max-width: 999px) {
          .tabseconomy-item .rowbox .item .subitem,
          .editor-interviews .rowbox .item .subitem,
          .newsgroup-item .rowbox .item .subitem {
            align-items: center;
            margin-top: 0px; } }
        .tabseconomy-item .rowbox .item .subitem .photo,
        .editor-interviews .rowbox .item .subitem .photo,
        .newsgroup-item .rowbox .item .subitem .photo {
          display: block;
          position: relative;
          min-width: 200px;
          max-width: 200px;
          height: 238px;
          overflow: hidden;
          background: #fff;
          margin-left: 16px; }
          @media (min-width: 1600px) {
            .tabseconomy-item .rowbox .item .subitem .photo,
            .editor-interviews .rowbox .item .subitem .photo,
            .newsgroup-item .rowbox .item .subitem .photo {
              min-width: 290px;
              max-width: 290px; } }
          @media (max-width: 1199px) {
            .tabseconomy-item .rowbox .item .subitem .photo,
            .editor-interviews .rowbox .item .subitem .photo,
            .newsgroup-item .rowbox .item .subitem .photo {
              min-width: 120px;
              max-width: 120px; } }
          @media (max-width: 999px) {
            .tabseconomy-item .rowbox .item .subitem .photo,
            .editor-interviews .rowbox .item .subitem .photo,
            .newsgroup-item .rowbox .item .subitem .photo {
              height: 110px; } }
          .tabseconomy-item .rowbox .item .subitem .photo img,
          .editor-interviews .rowbox .item .subitem .photo img,
          .newsgroup-item .rowbox .item .subitem .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        @media (max-width: 1199px) {
          .tabseconomy-item .rowbox .item .subitem .contant,
          .editor-interviews .rowbox .item .subitem .contant,
          .newsgroup-item .rowbox .item .subitem .contant {
            display: flex;
            justify-content: flex-end;
            padding: 64px 8px 8px 8px; }
            .tabseconomy-item .rowbox .item .subitem .contant .tagtext,
            .editor-interviews .rowbox .item .subitem .contant .tagtext,
            .newsgroup-item .rowbox .item .subitem .contant .tagtext {
              line-height: 14px;
              padding: 4px 8px; } }
        .tabseconomy-item .rowbox .item .subitem .title,
        .editor-interviews .rowbox .item .subitem .title,
        .newsgroup-item .rowbox .item .subitem .title {
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 20px;
          font-weight: 500;
          padding-bottom: 2px; }
          @media (max-width: 1199px) {
            .tabseconomy-item .rowbox .item .subitem .title,
            .editor-interviews .rowbox .item .subitem .title,
            .newsgroup-item .rowbox .item .subitem .title {
              font-size: 14px; } }
          .tabseconomy-item .rowbox .item .subitem .title:hover,
          .editor-interviews .rowbox .item .subitem .title:hover,
          .newsgroup-item .rowbox .item .subitem .title:hover {
            color: #0095DA; }
        .tabseconomy-item .rowbox .item .subitem p,
        .editor-interviews .rowbox .item .subitem p,
        .newsgroup-item .rowbox .item .subitem p {
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 12px;
          font-weight: 400;
          margin-top: 8px; }
          @media (max-width: 999px) {
            .tabseconomy-item .rowbox .item .subitem p,
            .editor-interviews .rowbox .item .subitem p,
            .newsgroup-item .rowbox .item .subitem p {
              display: none; } }
  .tabseconomy-item .date,
  .editor-interviews .date,
  .newsgroup-item .date {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #0095DA; }
    .tabseconomy-item .date svg,
    .editor-interviews .date svg,
    .newsgroup-item .date svg {
      width: 14px;
      margin-left: 4px; }
  .tabseconomy-item .listnews,
  .editor-interviews .listnews,
  .newsgroup-item .listnews {
    background: #EAEAEA; }
    .tabseconomy-item .listnews .title,
    .editor-interviews .listnews .title,
    .newsgroup-item .listnews .title {
      background: linear-gradient(45deg, #0E77A8 0%, #0094D9 100%);
      color: #fff;
      padding: 12px; }
    .tabseconomy-item .listnews .sublistnews a,
    .editor-interviews .listnews .sublistnews a,
    .newsgroup-item .listnews .sublistnews a {
      display: block;
      padding: 12px;
      border-bottom: 1px solid #CACACA; }
      .tabseconomy-item .listnews .sublistnews a:last-child,
      .editor-interviews .listnews .sublistnews a:last-child,
      .newsgroup-item .listnews .sublistnews a:last-child {
        border: 0px; }
    .tabseconomy-item .listnews .sublistnews .title,
    .editor-interviews .listnews .sublistnews .title,
    .newsgroup-item .listnews .sublistnews .title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 20px;
      font-weight: 500;
      color: #000;
      padding: 0px;
      background: none;
      padding-bottom: 2px; }
      @media (max-width: 1199px) {
        .tabseconomy-item .listnews .sublistnews .title,
        .editor-interviews .listnews .sublistnews .title,
        .newsgroup-item .listnews .sublistnews .title {
          font-size: 14px; } }
      .tabseconomy-item .listnews .sublistnews .title:hover,
      .editor-interviews .listnews .sublistnews .title:hover,
      .newsgroup-item .listnews .sublistnews .title:hover {
        color: #0095DA; }
  .tabseconomy-item .rowinner .advertising-banner,
  .editor-interviews .rowinner .advertising-banner,
  .newsgroup-item .rowinner .advertising-banner {
    margin: 0px;
    margin-top: 24px; }
  @media (max-width: 999px) {
    .tabseconomy-item .pagination,
    .editor-interviews .pagination,
    .newsgroup-item .pagination {
      display: none; } }

.editor-interviews,
.newsgroup-item {
  background: #fff;
  border-bottom: 30px solid #F3F4F6;
  overflow: inherit; }
  .editor-interviews .rowinner:last-child,
  .newsgroup-item .rowinner:last-child {
    position: sticky;
    top: 100px; }

.news-details {
  overflow: inherit; }
  .news-details .container {
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 16px;
    align-items: start; }
    @media (max-width: 1199px) {
      .news-details .container {
        grid-template-columns: 1fr 300px; } }
    @media (max-width: 999px) {
      .news-details .container {
        grid-template-columns: 1fr; } }
    .news-details .container .item:last-child {
      position: sticky;
      top: 100px; }
    .news-details .container .subdetails {
      margin-bottom: 24px;
      padding-bottom: 24px;
      border-bottom: 1px solid #CACACA; }
      .news-details .container .subdetails:last-child {
        padding-bottom: 0px;
        border: 0px; }
      .news-details .container .subdetails .circle {
        font-weight: 600;
        padding-right: 20px;
        margin-bottom: 32px;
        line-height: 1; }
        .news-details .container .subdetails .circle::before {
          content: ' ';
          position: absolute;
          top: 5px;
          right: 0px;
          border: 1px solid #BD3C2F;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: #BD3C2F;
          box-shadow: inset 0 0 0px 3px #fff;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .news-details .container .subdetails p {
        margin-top: 12px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .news-details .container .subdetails .alllivenews .newsliveitem {
        position: relative;
        margin-top: 64px; }
        .news-details .container .subdetails .alllivenews .newsliveitem::before {
          content: "";
          position: absolute;
          right: 31px;
          top: -64px;
          width: 1px;
          height: 100%;
          background: #6D6D6D; }
        .news-details .container .subdetails .alllivenews .newsliveitem:first-child::before {
          height: 16px;
          top: 20px; }
        .news-details .container .subdetails .alllivenews .newsliveitem .circle {
          font-size: 13px;
          font-weight: 300;
          color: #6D6D6D;
          margin: 0px 24px 8px 0px; }
          .news-details .container .subdetails .alllivenews .newsliveitem .circle::before {
            border: 1px solid #0095DA;
            background: #0095DA; }
          .news-details .container .subdetails .alllivenews .newsliveitem .circle b {
            margin-left: 8px; }
        .news-details .container .subdetails .alllivenews .newsliveitem .innerlivenews .sublive {
          position: relative;
          background: #fff;
          border: 1px solid #6D6D6D;
          border-radius: 10px;
          padding: 20px; }
          .news-details .container .subdetails .alllivenews .newsliveitem .innerlivenews .sublive .title {
            color: #0095DA; }
        .news-details .container .subdetails .alllivenews .newsliveitem .photonews {
          height: 454px;
          border-radius: 5px;
          margin-top: 24px; }
          @media (max-width: 999px) {
            .news-details .container .subdetails .alllivenews .newsliveitem .photonews {
              height: 300px;
              margin-top: 12px; } }
          .news-details .container .subdetails .alllivenews .newsliveitem .photonews::before {
            content: "";
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
      .news-details .container .subdetails .photonews {
        position: relative;
        width: 100%;
        height: 585px;
        overflow: hidden;
        margin-top: 24px; }
        @media (max-width: 999px) {
          .news-details .container .subdetails .photonews {
            height: 300px;
            margin-top: 12px; } }
        .news-details .container .subdetails .photonews img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .news-details .container .subdetails .linetext {
        padding: 12px 0px;
        border-bottom: 1px solid #CACACA;
        color: #000;
        font-size: 12px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .news-details .container .subdetails .flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        .news-details .container .subdetails .flex .social {
          direction: rtl;
          margin-top: 24px; }
          .news-details .container .subdetails .flex .social a {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 38px;
            max-width: 38px;
            height: 38px;
            background: #F0F7F6;
            border-radius: 50%;
            margin: 0px;
            margin-left: 12px; }
            .news-details .container .subdetails .flex .social a:last-child {
              margin-left: 0px; }
            .news-details .container .subdetails .flex .social a svg {
              fill: #0095DA; }
        .news-details .container .subdetails .flex .font-size-slider {
          direction: ltr;
          display: flex;
          align-items: center;
          gap: 12px;
          margin-top: 24px; }
          .news-details .container .subdetails .flex .font-size-slider .fontSlider {
            direction: ltr;
            -webkit-appearance: none;
            width: 116px;
            height: 5px;
            background: #0095DA;
            border-radius: 20px;
            outline: none;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
          .news-details .container .subdetails .flex .font-size-slider span {
            color: #0095DA; }
        .news-details .container .subdetails .flex .fontSlider::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          width: 20px;
          height: 20px;
          background: #0095DA;
          border-radius: 50%;
          cursor: pointer;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .news-details .container .subdetails .flex .fontSlider::-moz-range-thumb {
          width: 20px;
          height: 20px;
          background: #0095DA;
          border-radius: 50%;
          cursor: pointer;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .news-details .container .subdetails .advertising-banner {
        max-width: 528px;
        margin: 48px auto; }
        @media (max-width: 999px) {
          .news-details .container .subdetails .advertising-banner {
            margin: 24px auto; } }
        .news-details .container .subdetails .advertising-banner p {
          margin: 0px; }
      .news-details .container .subdetails .banner-item {
        padding: 24px 0px;
        margin-top: 24px; }
        @media (max-width: 999px) {
          .news-details .container .subdetails .banner-item {
            padding: 12px 0px;
            margin-top: 12px; } }
        .news-details .container .subdetails .banner-item .advertising-banner {
          max-width: 728px;
          margin: 0px auto; }
      .news-details .container .subdetails .relatednews {
        margin-top: 24px; }
        @media (max-width: 999px) {
          .news-details .container .subdetails .relatednews {
            margin-top: 12px; } }
        .news-details .container .subdetails .relatednews .rowinner {
          display: grid;
          gap: 12px;
          grid-template-columns: 1fr 1fr 1fr; }
          @media (max-width: 999px) {
            .news-details .container .subdetails .relatednews .rowinner {
              grid-template-columns: 1fr 1fr;
              margin-top: 12px; } }
          @media (max-width: 767px) {
            .news-details .container .subdetails .relatednews .rowinner {
              grid-template-columns: 1fr; } }
          .news-details .container .subdetails .relatednews .rowinner .carditem {
            margin-top: 12px; }
            @media (max-width: 999px) {
              .news-details .container .subdetails .relatednews .rowinner .carditem {
                margin: 0px; } }
    .news-details .container .mostviewed {
      margin-bottom: 24px; }
      @media (max-width: 999px) {
        .news-details .container .mostviewed {
          margin-bottom: 12px; } }
      .news-details .container .mostviewed .numbered-news {
        margin: 0px;
        padding: 0px;
        margin-top: 24px; }
        @media (max-width: 999px) {
          .news-details .container .mostviewed .numbered-news {
            margin-top: 12px; } }
        .news-details .container .mostviewed .numbered-news li {
          position: relative;
          display: flex;
          align-items: center;
          width: 100%;
          margin-bottom: 12px; }
          .news-details .container .mostviewed .numbered-news li:last-child {
            margin-bottom: 0px; }
          .news-details .container .mostviewed .numbered-news li .photo {
            display: block;
            position: relative;
            min-width: 144px;
            max-width: 144px;
            height: 110px;
            overflow: hidden;
            background: #F3F4F6;
            margin-left: 16px; }
            @media (max-width: 1199px) {
              .news-details .container .mostviewed .numbered-news li .photo {
                min-width: 120px;
                max-width: 120px; } }
            .news-details .container .mostviewed .numbered-news li .photo img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
          @media (max-width: 1199px) {
            .news-details .container .mostviewed .numbered-news li .contant {
              display: flex;
              justify-content: flex-end;
              padding: 64px 8px 8px 8px; }
              .news-details .container .mostviewed .numbered-news li .contant .tagtext {
                line-height: 14px;
                padding: 4px 8px; } }
          .news-details .container .mostviewed .numbered-news li .title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 20px;
            font-weight: 500; }
            @media (max-width: 1199px) {
              .news-details .container .mostviewed .numbered-news li .title {
                font-size: 14px; } }
            @media (max-width: 999px) {
              .news-details .container .mostviewed .numbered-news li .title {
                -webkit-line-clamp: 3; } }
            .news-details .container .mostviewed .numbered-news li .title:hover {
              color: #0095DA; }
          .news-details .container .mostviewed .numbered-news li .date {
            display: block;
            font-size: 12px;
            font-weight: 400;
            color: #898989;
            margin-top: 8px; }
    .news-details .container .listnews {
      background: #EAEAEA;
      margin-bottom: 24px; }
      @media (max-width: 999px) {
        .news-details .container .listnews {
          margin-bottom: 12px; } }
      .news-details .container .listnews .title {
        background: linear-gradient(45deg, #0E77A8 0%, #0094D9 100%);
        color: #fff;
        padding: 12px; }
      .news-details .container .listnews .sublistnews a {
        display: block;
        padding: 12px;
        border-bottom: 1px solid #CACACA; }
        .news-details .container .listnews .sublistnews a:last-child {
          border: 0px; }
      .news-details .container .listnews .sublistnews .title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 20px;
        font-weight: 500;
        color: #000;
        padding: 0px;
        background: none;
        padding-bottom: 2px; }
        @media (max-width: 1199px) {
          .news-details .container .listnews .sublistnews .title {
            font-size: 14px; } }
        .news-details .container .listnews .sublistnews .title:hover {
          color: #0095DA; }
      .news-details .container .listnews .sublistnews .date {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 400;
        color: #0095DA; }
        .news-details .container .listnews .sublistnews .date svg {
          width: 14px;
          margin-left: 4px; }
    .news-details .container .mostpopular .numbered-news {
      margin: 0px;
      padding: 0px; }
      .news-details .container .mostpopular .numbered-news li {
        position: relative;
        counter-increment: news-counter;
        padding: 16px 78px 16px 0px;
        border-bottom: 1px solid #CACACA; }
        .news-details .container .mostpopular .numbered-news li:last-child {
          border-bottom: 0px;
          padding-bottom: 0px; }
        @media (max-width: 999px) {
          .news-details .container .mostpopular .numbered-news li {
            min-width: 100%;
            max-width: 100%; }
            .news-details .container .mostpopular .numbered-news li:nth-last-child(-n+2)::after {
              background: #CACACA; }
            .news-details .container .mostpopular .numbered-news li:nth-last-child(-n+1)::after {
              background: none; } }
        .news-details .container .mostpopular .numbered-news li::before {
          content: counter(news-counter,decimal-leading-zero) "";
          position: absolute;
          top: 30px;
          right: 0px;
          font-size: 50px;
          font-weight: 400;
          color: #0095DA; }
        .news-details .container .mostpopular .numbered-news li .title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 20px;
          font-weight: 500; }
          @media (max-width: 1199px) {
            .news-details .container .mostpopular .numbered-news li .title {
              font-size: 14px; } }
          @media (max-width: 999px) {
            .news-details .container .mostpopular .numbered-news li .title {
              -webkit-line-clamp: 3; } }
          .news-details .container .mostpopular .numbered-news li .title:hover {
            color: #0095DA; }
        .news-details .container .mostpopular .numbered-news li .date {
          display: flex;
          align-items: center;
          font-size: 12px;
          font-weight: 400;
          color: #0095DA;
          margin-top: 4px; }
          .news-details .container .mostpopular .numbered-news li .date svg {
            width: 14px;
            margin-left: 4px; }
    .news-details .container .mostpopular .advertising-banner {
      margin: 0px;
      max-width: 300px;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .news-details .container .mostpopular .advertising-banner {
          margin-top: 12px; } }

.infographic__item {
  background: #fff;
  border-bottom: 30px solid #F3F4F6; }
  .infographic__item .container {
    display: grid;
    grid-template-columns: 1fr 316px;
    gap: 16px; }
    @media (max-width: 999px) {
      .infographic__item .container {
        grid-template-columns: 1fr;
        gap: 12px; } }
    .infographic__item .container .item:last-child {
      padding-right: 16px;
      border-right: 1px solid #CACACA; }
      @media (max-width: 999px) {
        .infographic__item .container .item:last-child {
          border: 0px;
          padding: 0px; } }
    .infographic__item .container .item .subitem {
      position: relative;
      width: 100%;
      margin-top: 12px;
      border: 1px solid #CACACA; }
      .infographic__item .container .item .subitem .photo {
        display: block;
        position: relative;
        width: 100%;
        height: 238px;
        overflow: hidden;
        background: #F3F4F6; }
        .infographic__item .container .item .subitem .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: top; }
      .infographic__item .container .item .subitem .flextex .date {
        color: #000; }
      .infographic__item .container .item .subitem .title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 2px; }
        @media (max-width: 1199px) {
          .infographic__item .container .item .subitem .title {
            font-size: 16px; } }
        .infographic__item .container .item .subitem .title:hover {
          color: #0095DA; }
    .infographic__item .container .item .advertising-banner {
      margin-top: 12px;
      width: 300px; }
      @media (max-width: 320px) {
        .infographic__item .container .item .advertising-banner {
          width: 100%; } }
    .infographic__item .container .item .rowbox {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px; }
      @media (max-width: 999px) {
        .infographic__item .container .item .rowbox {
          gap: 12px; } }
      @media (max-width: 767px) {
        .infographic__item .container .item .rowbox {
          grid-template-columns: 1fr; } }
      .infographic__item .container .item .rowbox .subitem {
        margin-top: 0px; }
        .infographic__item .container .item .rowbox .subitem .photo {
          height: 454px; }
          @media (max-width: 767px) {
            .infographic__item .container .item .rowbox .subitem .photo {
              height: 238px; } }
    .infographic__item .container .item .infodetails {
      margin: 0px auto;
      max-width: 770px;
      padding-bottom: 24px;
      border-bottom: 1px solid #CACACA;
      margin-bottom: 24px; }
      @media (max-width: 999px) {
        .infographic__item .container .item .infodetails {
          padding-bottom: 12px;
          margin-bottom: 12px; } }
      .infographic__item .container .item .infodetails:last-child {
        padding-bottom: 0px;
        border-bottom: 0px;
        margin-bottom: 0px; }
      .infographic__item .container .item .infodetails .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-height: 1200px;
        margin-top: 24px; }
        @media (max-width: 999px) {
          .infographic__item .container .item .infodetails .photo {
            margin-top: 12px; } }
        .infographic__item .container .item .infodetails .photo img {
          max-width: 100%;
          max-height: 100%; }
      .infographic__item .container .item .infodetails p {
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        margin-top: 12px; }

.searchitem {
  background: #F3F4F6; }
  .searchitem .container {
    display: grid;
    grid-template-columns: 1fr 430px;
    gap: 64px; }
    @media (max-width: 1199px) {
      .searchitem .container {
        gap: 24px; } }
    @media (max-width: 999px) {
      .searchitem .container {
        grid-template-columns: 1fr;
        gap: 12px; } }
  .searchitem .item .inputsearch {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%; }
    .searchitem .item .inputsearch .form-control {
      height: 46px;
      width: 100%;
      border-radius: 0px;
      border: 1px solid #707070;
      box-shadow: none;
      outline: none;
      background: #F3F4F6;
      text-transform: none;
      padding-left: 70px; }
    .searchitem .item .inputsearch .bottom {
      position: absolute;
      left: 1px;
      outline: none;
      border-radius: 0px;
      cursor: pointer; }
  .searchitem .item .subitem {
    position: relative;
    display: flex;
    width: 80%;
    background: #fff;
    margin-top: 16px;
    padding: 16px; }
    @media (max-width: 1199px) {
      .searchitem .item .subitem {
        width: 100%;
        align-items: center;
        padding: 12px;
        margin-top: 12px; } }
    .searchitem .item .subitem .photo {
      display: block;
      position: relative;
      min-width: 200px;
      max-width: 200px;
      height: 238px;
      overflow: hidden;
      background: #fff;
      margin-left: 16px; }
      @media (min-width: 1600px) {
        .searchitem .item .subitem .photo {
          min-width: 290px;
          max-width: 290px; } }
      @media (max-width: 1199px) {
        .searchitem .item .subitem .photo {
          min-width: 160px;
          max-width: 160px; } }
      @media (max-width: 999px) {
        .searchitem .item .subitem .photo {
          min-width: 120px;
          max-width: 120px;
          height: 110px; } }
      .searchitem .item .subitem .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    @media (max-width: 1199px) {
      .searchitem .item .subitem .contant {
        display: flex;
        justify-content: flex-end;
        padding: 64px 8px 8px 8px; }
        .searchitem .item .subitem .contant .tagtext {
          line-height: 14px;
          padding: 4px 8px; } }
    .searchitem .item .subitem .title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 20px;
      font-weight: 500;
      padding-bottom: 2px; }
      @media (max-width: 1199px) {
        .searchitem .item .subitem .title {
          font-size: 14px; } }
      .searchitem .item .subitem .title:hover {
        color: #0095DA; }
    .searchitem .item .subitem .date {
      display: flex;
      align-items: center;
      font-size: 12px;
      font-weight: 400;
      color: #0095DA; }
      .searchitem .item .subitem .date svg {
        width: 14px;
        margin-left: 4px; }
    .searchitem .item .subitem p {
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 12px;
      font-weight: 400;
      margin-top: 8px; }
      @media (max-width: 999px) {
        .searchitem .item .subitem p {
          display: none; } }
  .searchitem .listnews {
    background: #fff; }
    .searchitem .listnews .title {
      font-weight: 500;
      background: #D1D1D1;
      padding: 8px 1rem; }
    .searchitem .listnews .dates {
      border-top: 1px solid #CACACA;
      margin-top: 16px;
      padding-top: 16px; }
      @media (max-width: 767px) {
        .searchitem .listnews .dates .feild {
          display: block; }
          .searchitem .listnews .dates .feild .form-control {
            width: 100%;
            margin-top: 8px; } }
    .searchitem .listnews .feild {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px; }
      .searchitem .listnews .feild:last-child {
        margin-bottom: 0px; }
      .searchitem .listnews .feild p {
        font-size: 18px;
        font-weight: 500;
        color: #FF6B00; }
      .searchitem .listnews .feild .position-relative {
        min-width: 265px; }
        @media (max-width: 478px) {
          .searchitem .listnews .feild .position-relative {
            min-width: 100%;
            margin-top: 12px; } }
        .searchitem .listnews .feild .position-relative .icon {
          position: absolute;
          right: 12px;
          top: 5px; }
          .searchitem .listnews .feild .position-relative .icon svg {
            width: 24px;
            height: 24px; }
        .searchitem .listnews .feild .position-relative .form-control {
          font-size: 16px;
          padding-right: 44px;
          border: 1px solid #D4D4D4; }
    .searchitem .listnews .bottom {
      width: 100%;
      border-radius: 0px;
      margin-top: 24px; }
      @media (max-width: 999px) {
        .searchitem .listnews .bottom {
          margin-top: 16px; } }
  .searchitem .advertising-banner {
    margin: 0px;
    margin-top: 24px; }
    @media (max-width: 999px) {
      .searchitem .advertising-banner {
        display: none; } }
  @media (max-width: 999px) {
    .searchitem .pagination {
      display: none; } }

.photosalbum .container {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 48px; }
  @media (max-width: 999px) {
    .photosalbum .container {
      grid-template-columns: 1fr;
      gap: 12px; } }
.photosalbum .item .carousel {
  overflow: hidden;
  margin-top: 24px; }
  .photosalbum .item .carousel:hover .carousel-control-next {
    right: 24px; }
  .photosalbum .item .carousel:hover .carousel-control-prev {
    left: 24px; }
  .photosalbum .item .carousel .carousel-inner {
    height: 100%; }
  .photosalbum .item .carousel .carousel-item {
    height: 100%;
    border-radius: 5px;
    overflow: hidden; }
    @media (max-width: 999px) {
      .photosalbum .item .carousel .carousel-item {
        height: 284px; } }
    .photosalbum .item .carousel .carousel-item .photo {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .photosalbum .item .carousel .carousel-item .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .photosalbum .item .carousel .carousel-control-next,
  .photosalbum .item .carousel .carousel-control-prev {
    width: auto;
    height: 28px;
    top: 50%;
    opacity: 1;
    margin-top: -24px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 991px) {
      .photosalbum .item .carousel .carousel-control-next,
      .photosalbum .item .carousel .carousel-control-prev {
        display: none; } }
    .photosalbum .item .carousel .carousel-control-next svg,
    .photosalbum .item .carousel .carousel-control-prev svg {
      width: 28px;
      height: 28px;
      fill: #fff;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .photosalbum .item .carousel .carousel-control-next:hover svg,
    .photosalbum .item .carousel .carousel-control-prev:hover svg {
      fill: #0095DA; }
  .photosalbum .item .carousel .carousel-control-next {
    right: -90px; }
  .photosalbum .item .carousel .carousel-control-prev {
    left: -90px; }
    .photosalbum .item .carousel .carousel-control-prev svg {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  @media (max-width: 999px) {
    .photosalbum .item .carousel {
      margin-top: 12px; } }
  .photosalbum .item .carousel .carousel-item {
    height: 545px; }
    @media (max-width: 999px) {
      .photosalbum .item .carousel .carousel-item {
        height: 300px; } }
    .photosalbum .item .carousel .carousel-item .photo::after {
      content: "";
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
.photosalbum .rowinner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px; }
  @media (max-width: 999px) {
    .photosalbum .rowinner {
      grid-template-columns: 1fr;
      gap: 12px; } }
.photosalbum .subitem {
  margin-top: 24px; }
  @media (max-width: 999px) {
    .photosalbum .subitem {
      margin-top: 12px; } }
  .photosalbum .subitem .photo {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden; }
    .photosalbum .subitem .photo::after {
      content: "";
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
    .photosalbum .subitem .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .photosalbum .subitem .icon {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1; }
    .photosalbum .subitem .icon svg {
      width: 18px;
      height: 20px; }
  .photosalbum .subitem .title {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400; }
    .photosalbum .subitem .title:hover {
      color: #0095DA; }

.latest-albums-item .rowbox {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 12px; }
  @media (max-width: 1199px) {
    .latest-albums-item .rowbox {
      grid-template-columns: repeat(4, 1fr); } }
  @media (max-width: 999px) {
    .latest-albums-item .rowbox {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 500px) {
    .latest-albums-item .rowbox {
      grid-template-columns: repeat(1, 1fr); } }
.latest-albums-item .subitem .photo {
  position: relative;
  display: block;
  width: 100%;
  height: 222px;
  overflow: hidden; }
  .latest-albums-item .subitem .photo::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
  .latest-albums-item .subitem .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.latest-albums-item .subitem .title {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  justify-content: center; }
  .latest-albums-item .subitem .title:hover {
    color: #0095DA; }
.latest-albums-item .subitem .date {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px; }

.viewed-albums-item {
  background: #2F3841; }
  .viewed-albums-item .title a {
    color: #fff; }
  .viewed-albums-item .galleryalbums {
    display: flex;
    gap: 12px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 100%; }
  .viewed-albums-item .gallery-item {
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 354px;
    cursor: pointer;
    margin-top: 24px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 999px) {
      .viewed-albums-item .gallery-item {
        margin-top: 12px;
        height: 254px; } }
    .viewed-albums-item .gallery-item .icon {
      position: absolute;
      right: 12px;
      top: 12px;
      z-index: 1; }
      .viewed-albums-item .gallery-item .icon svg {
        width: 18px;
        height: 20px; }
    .viewed-albums-item .gallery-item::after {
      content: "";
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
    .viewed-albums-item .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .viewed-albums-item .gallery-item:hover, .viewed-albums-item .gallery-item.active {
      flex: 2; }

.videosdetails .container {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 12px; }
  @media (max-width: 1199px) {
    .videosdetails .container {
      grid-template-columns: 1fr; } }
  @media (max-width: 999px) {
    .videosdetails .container {
      grid-template-columns: 1fr;
      gap: 12px; } }
.videosdetails .rowbox {
  display: grid;
  grid-template-columns: 1fr 274px 144px;
  gap: 12px; }
  @media (max-width: 999px) {
    .videosdetails .rowbox {
      grid-template-columns: 1fr; } }
  .videosdetails .rowbox .iframe {
    position: relative;
    width: 100%; }
    .videosdetails .rowbox .iframe iframe,
    .videosdetails .rowbox .iframe img {
      display: block;
      border: 0px;
      width: 100%;
      height: 520px;
      object-fit: cover; }
      @media (max-width: 999px) {
        .videosdetails .rowbox .iframe iframe,
        .videosdetails .rowbox .iframe img {
          height: 300px; } }
  .videosdetails .rowbox .title {
    font-weight: 600;
    margin-top: 12px; }
  .videosdetails .rowbox .item .subitem {
    display: block; }
    .videosdetails .rowbox .item .subitem .photo {
      position: relative;
      width: 100%;
      height: 213px; }
      .videosdetails .rowbox .item .subitem .photo::after {
        content: "";
        position: absolute;
        inset: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
      .videosdetails .rowbox .item .subitem .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .videosdetails .rowbox .item .subitem .photo .iconplay {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 12px;
        bottom: 12px;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        background: #0095DA;
        z-index: 1; }
        .videosdetails .rowbox .item .subitem .photo .iconplay svg {
          width: 12px;
          height: 10px; }
  @media (max-width: 999px) {
    .videosdetails .rowbox .item:nth-child(2), .videosdetails .rowbox .item:nth-child(3) {
      display: grid;
      gap: 12px;
      grid-template-columns: 1fr 1fr;
      margin-top: 12px; } }
  @media (max-width: 500px) {
    .videosdetails .rowbox .item:nth-child(2), .videosdetails .rowbox .item:nth-child(3) {
      grid-template-columns: 1fr; } }
  .videosdetails .rowbox .item:nth-child(2) .subitem, .videosdetails .rowbox .item:nth-child(3) .subitem {
    margin-bottom: 24px; }
    .videosdetails .rowbox .item:nth-child(2) .subitem:last-child, .videosdetails .rowbox .item:nth-child(3) .subitem:last-child {
      margin-bottom: 0px; }
    .videosdetails .rowbox .item:nth-child(2) .subitem .title, .videosdetails .rowbox .item:nth-child(3) .subitem .title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 13px;
      font-weight: 500; }
  .videosdetails .rowbox .item:nth-child(3) {
    margin-bottom: 12px; }
    @media (max-width: 999px) {
      .videosdetails .rowbox .item:nth-child(3) {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (max-width: 500px) {
      .videosdetails .rowbox .item:nth-child(3) {
        grid-template-columns: 1fr 1fr; } }
    .videosdetails .rowbox .item:nth-child(3):last-child {
      margin-bottom: 0px; }
    .videosdetails .rowbox .item:nth-child(3) .subitem .photo {
      height: 110px; }
.videosdetails .advertising-banner {
  margin-top: -15px; }
  @media (max-width: 1199px) {
    .videosdetails .advertising-banner {
      display: none; } }

.latest-videos-item .rowbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 12px; }
  @media (max-width: 999px) {
    .latest-videos-item .rowbox {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767px) {
    .latest-videos-item .rowbox {
      grid-template-columns: 1fr; } }
  .latest-videos-item .rowbox .subitem {
    display: block; }
    .latest-videos-item .rowbox .subitem .photo {
      position: relative;
      width: 100%;
      height: 213px; }
      .latest-videos-item .rowbox .subitem .photo::after {
        content: "";
        position: absolute;
        inset: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
      .latest-videos-item .rowbox .subitem .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .latest-videos-item .rowbox .subitem .photo .iconplay {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 12px;
        bottom: 12px;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        background: #0095DA;
        z-index: 1; }
        .latest-videos-item .rowbox .subitem .photo .iconplay svg {
          width: 12px;
          height: 10px; }
    .latest-videos-item .rowbox .subitem .title {
      font-size: 20px;
      font-weight: 600;
      margin-top: 12px; }
.latest-videos-item.additem .rowbox {
  grid-template-columns: repeat(6, 1fr); }
  @media (max-width: 999px) {
    .latest-videos-item.additem .rowbox {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 767px) {
    .latest-videos-item.additem .rowbox {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 500px) {
    .latest-videos-item.additem .rowbox {
      grid-template-columns: repeat(1, 1fr); } }
  .latest-videos-item.additem .rowbox .subitem .photo {
    height: 354px; }
    @media (max-width: 999px) {
      .latest-videos-item.additem .rowbox .subitem .photo {
        height: 213px; } }
    .latest-videos-item.additem .rowbox .subitem .photo .iconplay {
      right: 50%;
      bottom: 50%;
      margin: 0px -14px -14px 0px; }
.latest-videos-item.addfor .rowbox {
  grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 1199px) {
    .latest-videos-item.addfor .rowbox {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767px) {
    .latest-videos-item.addfor .rowbox {
      grid-template-columns: repeat(1, 1fr); } }

.contact-item {
  background: #F3F4F6; }
  .contact-item .inner {
    display: grid;
    grid-template-columns: 490px 1fr;
    min-height: 800px; }
    @media (max-width: 1199px) {
      .contact-item .inner {
        grid-template-columns: 390px 1fr; } }
    @media (max-width: 999px) {
      .contact-item .inner {
        grid-template-columns: 1fr;
        min-height: 400px; } }
    .contact-item .inner .item {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #0095DA;
      border-radius: 0px 20px 20px 0px; }
      @media (max-width: 999px) {
        .contact-item .inner .item {
          display: none; } }
      .contact-item .inner .item .logo img {
        max-width: 256px; }
      .contact-item .inner .item .photo {
        position: absolute;
        left: 0px;
        bottom: 0px; }
        .contact-item .inner .item .photo img {
          max-width: 100%; }
    .contact-item .inner .itemform {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 48px;
      background: #fff;
      border: 1px solid #CACACA;
      border-radius: 20px 0px 0px 20px; }
      @media (max-width: 999px) {
        .contact-item .inner .itemform {
          padding: 24px;
          border-radius: 20px; } }
      .contact-item .inner .itemform .title {
        color: #0095DA; }
      .contact-item .inner .itemform p {
        margin-top: 12px;
        font-weight: 400;
        color: #9DA9B5; }
      .contact-item .inner .itemform .form-control {
        margin-top: 24px;
        border: 1px solid #CACACA;
        background: #fff; }
      .contact-item .inner .itemform .bottom {
        margin-top: 24px;
        border-radius: 10px; }
    .contact-item .inner .message .icon {
      margin: 0px auto;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: #0095DA;
      border: 8px solid #B0DEF4;
      box-shadow: 0px 4px 84px 0px #0095DA66; }
      .contact-item .inner .message .icon svg {
        width: 50px;
        fill: #fff; }
    .contact-item .inner .message .title {
      justify-content: center;
      margin-top: 24px; }
    .contact-item .inner .message p {
      text-align: center;
      margin-top: 8px; }

.editorial-board-item,
.terms-item,
.privacy-item {
  background: #F3F4F6; }
  .editorial-board-item .container,
  .terms-item .container,
  .privacy-item .container {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 160px; }
    @media (max-width: 999px) {
      .editorial-board-item .container,
      .terms-item .container,
      .privacy-item .container {
        grid-template-columns: 1fr;
        gap: inherit; } }
  .editorial-board-item .item .title,
  .terms-item .item .title,
  .privacy-item .item .title {
    color: #0095DA; }
  .editorial-board-item .item .inner,
  .terms-item .item .inner,
  .privacy-item .item .inner {
    margin-bottom: 48px; }
    @media (max-width: 999px) {
      .editorial-board-item .item .inner,
      .terms-item .item .inner,
      .privacy-item .item .inner {
        margin-bottom: 24px; } }
    .editorial-board-item .item .inner:last-child,
    .terms-item .item .inner:last-child,
    .privacy-item .item .inner:last-child {
      margin: 0px; }
  .editorial-board-item .subinner,
  .terms-item .subinner,
  .privacy-item .subinner {
    background: #fff;
    padding: 24px;
    border-radius: 20px;
    margin-top: 24px; }
    @media (max-width: 999px) {
      .editorial-board-item .subinner,
      .terms-item .subinner,
      .privacy-item .subinner {
        margin-top: 12px; } }
    .editorial-board-item .subinner .title,
    .terms-item .subinner .title,
    .privacy-item .subinner .title {
      font-size: 20px;
      font-weight: 600; }
    .editorial-board-item .subinner .contact,
    .terms-item .subinner .contact,
    .privacy-item .subinner .contact {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 16px; }
    .editorial-board-item .subinner p,
    .editorial-board-item .subinner a,
    .terms-item .subinner p,
    .terms-item .subinner a,
    .privacy-item .subinner p,
    .privacy-item .subinner a {
      color: #5E6874;
      font-weight: 400;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .editorial-board-item .subinner a:hover,
    .terms-item .subinner a:hover,
    .privacy-item .subinner a:hover {
      color: #0095DA; }
  @media (max-width: 999px) {
    .editorial-board-item .advertising-banner,
    .terms-item .advertising-banner,
    .privacy-item .advertising-banner {
      display: none; } }

.item-albuminner {
  padding: 0px !important;
  background: #F3F4F6;
  border-bottom: 1px solid #CACACA; }
  .item-albuminner .container-fluid {
    display: grid;
    grid-template-columns: 460px 1fr;
    gap: 12px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1199px) {
      .item-albuminner .container-fluid {
        grid-template-columns: 360px 1fr; } }
    @media (max-width: 999px) {
      .item-albuminner .container-fluid {
        grid-template-columns: 1fr;
        gap: 0px; } }
    .item-albuminner .container-fluid.active {
      grid-template-columns: 1fr; }
      .item-albuminner .container-fluid.active .sidebar {
        position: absolute;
        right: -100%; }
      .item-albuminner .container-fluid.active .item .zoombox {
        opacity: 1; }
  .item-albuminner .sidebar {
    height: 100%;
    background: #fff;
    padding: 24px 16px;
    margin-right: -10px;
    border-left: 1px solid #CACACA;
    overflow: hidden;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 999px) {
      .item-albuminner .sidebar {
        border: 0px;
        margin: 0px;
        height: auto;
        margin-top: 12px;
        border-radius: 12px; } }
    .item-albuminner .sidebar .head {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 16px;
      border-bottom: 1px solid #CACACA; }
      @media (max-width: 999px) {
        .item-albuminner .sidebar .head {
          display: none; } }
      .item-albuminner .sidebar .head .logo img {
        max-width: 166px; }
      .item-albuminner .sidebar .head .zoombox {
        cursor: pointer;
        z-index: 1; }
        .item-albuminner .sidebar .head .zoombox svg {
          fill: #000;
          width: 17px; }
    .item-albuminner .sidebar .text {
      border-right: 4px solid #0095DA;
      padding-right: 16px;
      margin-top: 16px; }
      @media (max-width: 999px) {
        .item-albuminner .sidebar .text {
          margin: 0px; } }
      .item-albuminner .sidebar .text .date {
        display: block;
        margin-top: 12px;
        font-weight: 400; }
    .item-albuminner .sidebar .social {
      justify-content: flex-end;
      margin-top: 16px; }
      .item-albuminner .sidebar .social a {
        margin: 0px;
        margin-left: 12px; }
        .item-albuminner .sidebar .social a svg {
          fill: #000; }
    .item-albuminner .sidebar .advertising-banner {
      margin: 24px auto 0px auto;
      max-width: 300px; }
      @media (max-width: 999px) {
        .item-albuminner .sidebar .advertising-banner {
          display: none; } }
  .item-albuminner .item {
    position: relative;
    padding: 24px 0px; }
    @media (max-width: 999px) {
      .item-albuminner .item .advertising-banner {
        display: none; } }
    .item-albuminner .item .zoombox {
      position: absolute;
      right: 0px;
      top: 24px;
      rotate: 180deg;
      cursor: pointer;
      opacity: 0; }
      @media (max-width: 999px) {
        .item-albuminner .item .zoombox {
          display: none; } }
      .item-albuminner .item .zoombox svg {
        fill: #000;
        width: 17px; }
  .item-albuminner .slider-container .slid-photos {
    direction: ltr; }
    .item-albuminner .slider-container .slid-photos .flex-container a:hover,
    .item-albuminner .slider-container .slid-photos .flex-slider a:hover {
      outline: 0; }
    .item-albuminner .slider-container .slid-photos .flex-control-nav,
    .item-albuminner .slider-container .slid-photos .flex-direction-nav,
    .item-albuminner .slider-container .slid-photos .slides,
    .item-albuminner .slider-container .slid-photos .slides > li {
      margin: 0;
      padding: 0;
      list-style: none; }
    .item-albuminner .slider-container .slid-photos .flexslider {
      position: relative;
      overflow: hidden; }
    .item-albuminner .slider-container .slid-photos .flexslider .slides > li {
      position: relative;
      display: none;
      -webkit-backface-visibility: hidden; }
    .item-albuminner .slider-container .slid-photos .flexslider .slides img {
      position: relative;
      display: block; }
    .item-albuminner .slider-container .slid-photos .no-js .flexslider .slides > li:first-child {
      display: block; }
    .item-albuminner .slider-container .slid-photos .flex-viewport {
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      margin: 0 auto;
      max-width: 910px; }
    .item-albuminner .slider-container .slid-photos .carousel {
      margin: 24px auto 0px auto;
      max-width: 910px; }
    .item-albuminner .slider-container .slid-photos .carousel .flex-viewport {
      padding-right: 40px; }
    .item-albuminner .slider-container .slid-photos .carousel li {
      margin: 0px 4px !important;
      cursor: pointer; }
    .item-albuminner .slider-container .slid-photos .flex-direction-nav a {
      text-decoration: none;
      display: block;
      width: 42px;
      height: 42px;
      margin-top: -21px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      z-index: 10;
      overflow: hidden;
      cursor: pointer;
      text-indent: -999px;
      background: #fff url(../images/arrow-blue.svg) no-repeat center center;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 999px) {
        .item-albuminner .slider-container .slid-photos .flex-direction-nav a {
          display: none; } }
    .item-albuminner .slider-container .slid-photos .flex-direction-nav .flex-prev {
      left: 12px;
      rotate: 180deg; }
    .item-albuminner .slider-container .slid-photos .flex-direction-nav .flex-next {
      right: 12px; }
    .item-albuminner .slider-container .slid-photos .flex-direction-nav .flex-disabled {
      opacity: 0 !important;
      cursor: default;
      z-index: -1; }
    .item-albuminner .slider-container .slid-photos .flex-control-nav {
      width: 100%;
      position: absolute;
      bottom: -40px;
      text-align: center; }
    .item-albuminner .slider-container .slid-photos .flex-control-nav li {
      margin: 0 6px;
      display: inline-block; }
    .item-albuminner .slider-container .slid-photos .flex-control-nav {
      display: none !important; }
    .item-albuminner .slider-container .slid-photos .flexslider .slides img {
      width: 100%;
      height: 510px;
      border: 4px solid #CBCBCB;
      object-fit: cover; }
      @media (max-width: 999px) {
        .item-albuminner .slider-container .slid-photos .flexslider .slides img {
          height: 340px; } }
    .item-albuminner .slider-container .slid-photos .carousel .slides li {
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .item-albuminner .slider-container .slid-photos .carousel .slides li.flex-active-slide {
      opacity: 1; }
    .item-albuminner .slider-container .slid-photos .carousel .slides li.flex-active-slide img {
      border: 4px solid #0095DA; }
    .item-albuminner .slider-container .slid-photos .carousel .slides img {
      height: 115px;
      object-fit: cover;
      cursor: pointer;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .item-albuminner .slider-container .slid-photos .carousel .flex-direction-nav a {
      opacity: 0.5;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .item-albuminner .slider-container .slid-photos .carousel:hover .flex-direction-nav a {
      opacity: 1; }
  .item-albuminner .iframe {
    margin: 0 auto;
    max-width: 910px;
    position: relative;
    height: 510px; }
    @media (max-width: 999px) {
      .item-albuminner .iframe {
        height: 340px; } }
  .item-albuminner iframe,
  .item-albuminner img {
    display: block;
    border: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .item-albuminner .iframeitems {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 24px; }
    .item-albuminner .iframeitems a {
      position: relative;
      min-width: 180px;
      max-width: 180px;
      height: 115px;
      border-bottom: 2px solid transparent;
      margin: 0px 4px;
      overflow: hidden; }
      .item-albuminner .iframeitems a.active {
        border-bottom: 2px solid #0095DA; }
      .item-albuminner .iframeitems a::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #010133 100%); }
      .item-albuminner .iframeitems a .iconplay {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 12px;
        bottom: 32px;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        background: #000033;
        z-index: 1; }
        .item-albuminner .iframeitems a .iconplay svg {
          width: 12px;
          height: 10px; }

.error404 {
  position: relative;
  width: 100%;
  padding: 48px 0px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
  text-align: center;
  background: #F3F4F6; }
  @media (max-width: 999px) {
    .error404 {
      padding: 24px 0px; } }
  .error404 .title {
    font-size: 150px !important;
    color: #000;
    width: 100%;
    text-align: center; }
  .error404 p {
    color: #0095DA;
    font-size: 24px;
    margin-top: 72px; }
  .error404 .bottom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    outline: none;
    outline-style: none;
    border: 0px;
    text-align: center;
    background: #0095DA;
    border-radius: 60px;
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
    padding: 8px 24px;
    float: none;
    display: inline-flex;
    margin-top: 32px;
    box-shadow: 0px 2px 17px rgba(73, 73, 73, 0.1);
    padding: 12px 20px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    background-clip: padding-box; }
    @media (max-width: 999px) {
      .error404 .bottom {
        font-size: 16px;
        font-weight: 500; } }
    .error404 .bottom:hover {
      background: #000033; }
    .error404 .bottom:focus {
      outline: none;
      outline-style: none;
      border: 0px; }
    .error404 .bottom svg {
      margin-right: 4px;
      min-width: 22px;
      max-width: 22px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 999px) {
        .error404 .bottom svg {
          min-width: 18px;
          max-width: 18px; } }

.scrollTopBtn {
  position: fixed;
  right: -100px;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0px;
  z-index: 998;
  border-radius: 5px;
  background: #0095DA;
  cursor: pointer;
  opacity: 0;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 999px) {
    .scrollTopBtn {
      display: none; } }
  .scrollTopBtn.show {
    right: 12px;
    opacity: 1; }
  .scrollTopBtn:hover {
    background: #0095DA; }
  .scrollTopBtn svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 15px;
    height: 15px; }
    .scrollTopBtn svg path {
      fill: #fff; }

.footer {
  position: relative;
  width: 100%;
  background: #fff;
  padding-top: 32px; }
  .footer .icons {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CACACA;
    padding-bottom: 24px; }
    @media (max-width: 999px) {
      .footer .icons {
        display: block; } }
    .footer .icons .flex {
      display: flex;
      align-items: center; }
      @media (max-width: 999px) {
        .footer .icons .flex {
          display: block; } }
      .footer .icons .flex p {
        margin-left: 24px; }
        @media (max-width: 999px) {
          .footer .icons .flex p {
            margin: 0px;
            margin-bottom: 16px;
            text-align: center; } }
      .footer .icons .flex .app-icons {
        display: flex;
        align-items: center; }
        @media (max-width: 999px) {
          .footer .icons .flex .app-icons {
            justify-content: center; } }
        .footer .icons .flex .app-icons a {
          display: block;
          margin-left: 16px; }
          .footer .icons .flex .app-icons a:last-child {
            margin: 0px; }
          @media (max-width: 999px) {
            .footer .icons .flex .app-icons a {
              margin: 0px 4px; } }
        .footer .icons .flex .app-icons img {
          min-width: 130px;
          max-width: 130px;
          height: 38px; }
    @media (max-width: 999px) {
      .footer .icons .social {
        margin-top: 16px; } }
    .footer .icons .social a {
      margin: 0px;
      margin-right: 12px; }
      @media (max-width: 999px) {
        .footer .icons .social a {
          margin: 0px 4px; } }
      .footer .icons .social a svg {
        fill: #0095DA; }
  .footer .rowbox {
    display: grid;
    grid-template-columns: 450px repeat(4, 1fr);
    gap: 12px; }
    @media (max-width: 999px) {
      .footer .rowbox {
        grid-template-columns: repeat(2, 1fr); } }
  .footer .item {
    margin-top: 32px; }
    @media (max-width: 999px) {
      .footer .item:first-child {
        grid-column: 1 / -1; } }
    .footer .item .logos {
      display: flex;
      align-items: center;
      height: 100%; }
      .footer .item .logos img {
        max-width: 144px;
        margin-left: 12px; }
        @media (max-width: 999px) {
          .footer .item .logos img {
            max-width: 134px; } }
        .footer .item .logos img:last-child {
          margin: 0px; }
      .footer .item .logos .logo {
        max-width: 300px; }
        @media (max-width: 999px) {
          .footer .item .logos .logo {
            max-width: 220px; } }
      @media (max-width: 999px) {
        .footer .item .logos {
          display: block;
          max-width: 220px;
          margin: 0px auto; }
          .footer .item .logos img {
            display: block;
            margin: 0px auto !important; }
          .footer .item .logos .logo {
            margin-bottom: 16px !important; } }
    .footer .item .navmenu a {
      display: block;
      position: relative;
      margin-top: 8px;
      color: #000;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      margin-bottom: 8px; }
      .footer .item .navmenu a:hover {
        color: #0095DA; }
      .footer .item .navmenu a:last-child {
        margin: 0px; }
      @media (max-width: 999px) {
        .footer .item .navmenu a {
          text-align: center; } }
  .footer .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0px;
    border-top: 1px solid #EEEBEB;
    margin-top: 48px; }
    .footer .copyright p,
    .footer .copyright a {
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 400;
      color: #8D8D8D; }
      @media (max-width: 999px) {
        .footer .copyright p,
        .footer .copyright a {
          font-size: 13px; } }
    @media (max-width: 999px) {
      .footer .copyright {
        display: block;
        margin-top: 32px; }
        .footer .copyright p {
          justify-content: center;
          text-align: center; }
        .footer .copyright a {
          justify-content: center;
          margin-top: 16px; } }
    .footer .copyright img {
      max-width: 92px;
      margin-right: 4px; }
    .footer .copyright .logo-w {
      display: none; }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
li,
hr,
strong,
b,
input,
select,
textarea,
.highcharts-title,
.highcharts-axis-labels,
.highcharts-yaxis-title {
  direction: rtl;
  text-align: start;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-decoration: none;
  list-style: none;
  color: #3B3B3B;
  font: normal 500 17px/28px "Readex Pro", sans-serif; }

::-webkit-scrollbar {
  width: 5px;
  height: 2px; }

::-webkit-scrollbar-track {
  background: #D9D9D9; }

::-webkit-scrollbar-thumb {
  background-color: #0095DA;
  cursor: pointer; }

.flextex {
  display: flex;
  align-items: center; }
  .flextex .date {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-right: 12px; }

.che-box {
  position: relative;
  cursor: pointer;
  font-weight: 300;
  padding-right: 22px; }
  .che-box input[type="checkbox"],
  .che-box input[type="radio"] {
    position: absolute;
    left: 9000px; }
  .che-box input[type="checkbox"] + .label-text:before,
  .che-box input[type="radio"] + .label-text:before {
    content: ' ';
    border: 1px solid #D9D9D9;
    background: #D9D9D9;
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 0;
    border-radius: 4px; }
  .che-box input[type="radio"] + .label-text:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box; }
  .che-box input[type="radio"]:checked + .label-text:before {
    background: #0095DA;
    box-shadow: inset 0 0 0px 4px #fff; }
  .che-box input[type="checkbox"]:checked + .label-text:before {
    background: #0095DA url(../images/tick.svg) no-repeat center center;
    border: 1px solid #0095DA; }
  .che-box span.label-text {
    font-weight: 300;
    color: #000;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }

textarea.form-control {
  height: 250px;
  resize: none; }

section {
  position: relative;
  width: 100%;
  padding: 48px 0px;
  overflow: hidden; }
  @media (max-width: 999px) {
    section {
      padding: 24px 0px; } }

.tagtext {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0095DA;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 19px;
  padding: 4px 12px;
  border-radius: 2px; }

.title {
  display: flex;
  align-items: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 150%;
  color: #000;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  position: relative; }
  @media (max-width: 999px) {
    .title {
      font-size: 22px; } }
  .title a {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 26px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 999px) {
      .title a {
        font-size: 22px; } }
    .title a:hover {
      color: #0095DA; }
      .title a:hover span {
        background: #8080801A;
        min-width: 78px; }
        .title a:hover span i {
          margin-right: 0px; }
  .title b {
    color: #000; }
  .title span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    height: 36px;
    margin: 0px 4px;
    overflow: hidden;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .title span i {
      font-style: normal;
      font-size: 12px;
      font-weight: 300;
      color: #0095DA;
      margin: 0px -30px 0px 4px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
  .title svg {
    width: 14px;
    height: 14px; }

.bottom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  color: #fff;
  outline: none;
  outline-style: none;
  border: 0px;
  text-align: center;
  background: #0095DA;
  border-radius: 60px;
  font-size: 19px;
  font-weight: 700;
  white-space: nowrap;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
  padding: 8px 24px; }
  @media (max-width: 999px) {
    .bottom {
      font-size: 16px;
      font-weight: 500; } }
  .bottom:hover {
    background: #000033; }
  .bottom:focus {
    outline: none;
    outline-style: none;
    border: 0px; }
  .bottom svg {
    margin-right: 4px;
    min-width: 22px;
    max-width: 22px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 999px) {
      .bottom svg {
        min-width: 18px;
        max-width: 18px; } }

.alert {
  display: flex;
  align-items: center;
  border: 0px;
  margin: 0px;
  margin-top: 16px;
  padding: 16px;
  border-radius: 4px;
  height: 60px; }
  .alert strong {
    margin-left: 8px;
    color: #856404; }
  .alert a {
    text-decoration: underline;
    color: #fff;
    font-weight: 400; }
    .alert a:hover {
      text-decoration: none; }
  .alert .text-mass {
    margin: 0px !important;
    margin-right: 12px !important; }
  .alert p {
    color: #fff;
    margin: 0px !important; }
  .alert.alert-success {
    background: linear-gradient(303.91deg, #1F7A66 7.57%, #60B3A7 94.39%); }
  .alert.alert-danger {
    background: linear-gradient(303.91deg, #C24848 7.57%, #D34A4A 94.39%); }

.contant {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 64px 16px 16px 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
  .contant .title {
    color: #fff;
    font-size: 24px;
    font-weight: 500; }

.carditem {
  background: #F3F4F6;
  border-radius: 5px;
  overflow: hidden;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .carditem .photo {
    position: relative;
    display: block;
    width: 100%;
    height: 240px;
    overflow: hidden; }
    .carditem .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .carditem .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500; }
    .carditem .title:hover {
      color: #0095DA; }
    @media (min-width: 1600px) {
      .carditem .title {
        font-size: 17px; } }
  .carditem .date {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    margin-top: 8px; }

.smallitem {
  background: #F3F4F6;
  border-radius: 5px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .smallitem .title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500; }
    .smallitem .title:hover {
      color: #0095DA; }
    @media (min-width: 1600px) {
      .smallitem .title {
        font-size: 17px;
        -webkit-line-clamp: 2; } }
  .smallitem .flextex .date {
    color: #898989; }

.form-control {
  height: 42px;
  text-transform: none;
  background: #F8FAFD;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  border: 1px solid transparent;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .form-control:focus, .form-control:hover, .form-control:focus-visible {
    border: 1px solid #0095DA;
    outline: 0;
    outline-style: none;
    box-shadow: none; }

.dark-20,
.dark-40,
body,
.dark-60,
.dark-80,
.dark-100 {
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }

select.form-control {
  -webkit-appearance: none;
  background: #fff url(../images/arrow.svg) no-repeat;
  background-position: 12px 16px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }

.pagination {
  width: 100%;
  margin-top: 32px;
  justify-content: center;
  overflow: hidden; }
  @media (max-width: 999px) {
    .pagination {
      margin-top: 24px;
      padding-bottom: 12px;
      overflow-x: scroll;
      justify-content: flex-start; } }
  .pagination li {
    display: inline-block;
    margin: 0px 8px; }
    .pagination li a,
    .pagination li span {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #000;
      -webkit-border-radius: 16px !important;
      border-radius: 16px !important;
      background-clip: padding-box;
      min-width: 44px;
      height: 44px;
      border: 0px;
      background: #E6E6E6;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      color: #8B8B8B; }
    .pagination li svg {
      width: 12px;
      height: 12px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .pagination li:first-child, .pagination li:last-child {
      min-width: 84px; }
      .pagination li:first-child a, .pagination li:last-child a {
        color: #0095DA;
        font-size: 12px; }
        .pagination li:first-child a svg, .pagination li:last-child a svg {
          max-width: 12px;
          height: 12px;
          fill: #0095DA; }
    .pagination li:last-child {
      margin-left: 0px; }
      .pagination li:last-child svg {
        transform: rotate(90deg);
        margin-right: 4px; }
    .pagination li:first-child {
      margin-right: 0px; }
      .pagination li:first-child svg {
        transform: rotate(-90deg);
        margin-left: 4px; }
  .pagination .page-link.active,
  .pagination .page-link:hover {
    background: #0095DA !important;
    color: #fff !important; }
    .pagination .page-link.active svg,
    .pagination .page-link:hover svg {
      fill: #fff; }

.advertising-banner .line {
  position: relative;
  width: 100%; }
  .advertising-banner .line::before {
    content: '';
    position: absolute;
    left: 0px;
    width: calc(100% - 84px);
    height: 1px;
    background: #e8e8e8;
    top: 16px; }
  .advertising-banner .line p {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    transition: all 0.5s ease-in-out; }
.advertising-banner a {
  display: block; }
.advertising-banner img {
  max-width: 100%; }

.maplink {
  display: flex; }
  .maplink li {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    margin-left: 8px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .maplink li:last-child {
      margin-left: 0px; }
    .maplink li a {
      font-size: 14px;
      font-weight: 300;
      color: #000;
      position: relative;
      padding-left: 12px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .maplink li a:hover {
        color: #0095DA; }
      .maplink li a:before {
        position: absolute;
        top: -3px;
        left: 2px;
        content: "|";
        display: inline-block;
        color: #0095DA; }

.social {
  display: flex;
  align-items: center;
  justify-content: center;
  direction: ltr; }
  .social a {
    position: relative;
    margin: 0px 8px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .social a svg {
      fill: #fff;
      width: 20px;
      height: 20px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .social a:hover {
      opacity: 0.7; }

.popup-box {
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: #000000b8; }
  .popup-box.show {
    display: block; }
  .popup-box .social {
    height: 100%; }
  .popup-box .close-btn {
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 12px;
    z-index: 10; }
    .popup-box .close-btn svg {
      width: 14px;
      height: 14px;
      fill: #fff; }

.minhead {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .minhead {
      flex-wrap: wrap; } }
  .minhead .listlinks {
    display: flex;
    gap: 12px; }
    @media (max-width: 767px) {
      .minhead .listlinks {
        margin-top: 12px;
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        padding-left: 4px; }
        .minhead .listlinks::-webkit-scrollbar {
          height: 0px; } }
    .minhead .listlinks a {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 400;
      line-height: 1;
      border: 1px solid #CACACA;
      border-radius: 5px;
      min-width: 80px;
      height: 34px;
      color: #000;
      cursor: pointer;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .minhead .listlinks a svg {
        min-width: 10px;
        max-width: 10px;
        margin-left: 4px;
        fill: #0095DA;
        display: none;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .minhead .listlinks a:hover {
        border: 1px solid #0095DA;
        background: #0095DA;
        color: #fff; }
        .minhead .listlinks a:hover svg {
          fill: #fff; }
      .minhead .listlinks a.active {
        border: 1px solid #0095DA; }
        .minhead .listlinks a.active svg {
          display: block; }
  .minhead .position-relative {
    min-width: 265px; }
    @media (max-width: 478px) {
      .minhead .position-relative {
        min-width: 100%;
        margin-top: 12px; } }
    .minhead .position-relative .icon {
      position: absolute;
      right: 12px;
      top: 5px; }
      .minhead .position-relative .icon svg {
        width: 24px;
        height: 24px; }
    .minhead .position-relative .form-control {
      font-size: 16px;
      padding-right: 44px;
      border: 1px solid #D4D4D4; }

.slider-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 40px;
  height: 100%;
  margin: 0px auto;
  z-index: 10; }
  .slider-loader .spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #F3F4F6;
    border-top: 4px solid #0095DA;
    border-radius: 50%;
    animation: spin 1s linear infinite; }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.slick-loading {
  visibility: hidden; }

.slick-loaded {
  visibility: visible;
  transition: visibility 0s 0s, opacity 0.3s ease; }

/*************************/
.footer .item .logos {
  height: auto; }
.footer .icons {
  display: block;
  border: 0;
  padding: 0;
  margin-top: 16px; }
  .footer .icons .flex {
    display: block; }
    .footer .icons .flex p {
      margin: 0;
      text-align: center; }
    .footer .icons .flex .app-icons {
      justify-content: center;
      gap: 12px;
      margin-top: 8px; }
      .footer .icons .flex .app-icons a {
        margin: 0; }
.footer .social {
  margin-top: 16px; }

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