/* CSS Document */


/***********************************************************/
/*************************** news **************************/


.divNews-nav_tab{ margin-top: 50px; margin-bottom: 50px; border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray); padding-top: 30px; }
.divNews-nav_tab .tabs{ display: flex; justify-content: center; gap: 50px; }
.divNews-nav_tab .tabs .tab{ font-family: var(--font-Bebas_Neue); font-size: var(--txt-menu); color: var(--dark); padding-bottom: 30px; position: relative; display: block; background: transparent; border: 0; cursor: pointer; }
.divNews-nav_tab .tabs .tab::before{ content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 5px; background-color: var(--primary); transform: scaleX(0) translateZ(0); transform-origin: 100% 50%; transition: transform .6s cubic-bezier(.37,.31,0,1); }
.divNews-nav_tab .tabs .tab.active::before,
.divNews-nav_tab .tabs .tab:hover::before{ transform: scaleX(1) translateZ(0); transform-origin: 0 50%; }
.divNews-nav_tab .tabs .tab:hover, .divNews-nav_tab .tabs .tab.active{ color: var(--primary); }


.tab-content .content { display: none; }
.tab-content .content.active { display: block; }




@media (max-width: 991px){

  .divNews-nav_tab{ margin: 40px 0; }

}
@media (max-width: 767px){

  .divNews-nav_tab{ padding-top: 20px; }
  .divNews-nav_tab{ overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; margin-bottom: 40px; }
  .divNews-nav_tab .tabs{ justify-content: flex-start; gap: 40px; }
  .divNews-nav_tab .tabs .tab{ padding-bottom: 20px;}

}



/***********************************************************/
/***********************************************************/