/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Barlow Regular';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: 'Barlow Medium';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: 'Myriad Pro';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

@media (max-width: 980px) {
  .section-news .container {
    width: 100%; }
    .section-news .container .news-title {
      width: 90%;
      margin: 0 auto; } }

.section-news .news-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-l); }
  .section-news .news-title .btn {
    align-items: center;
    display: flex; }
  .section-news .news-title h2 {
    margin: 0; }

.section-news .news-items {
  height: 25.125rem;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .section-news .news-items::-webkit-scrollbar {
    display: none; }
  @media (min-width: 981px) {
    .section-news .news-items {
      overflow: visible; } }
  .section-news .news-items__scroll-container {
    position: absolute;
    height: 92%;
    display: flex;
    gap: var(--spacing-xl);
    min-width: 55rem;
    left: 0; }
    @media (max-width: 980px) {
      .section-news .news-items__scroll-container {
        left: 5%; } }
  .section-news .news-items .item {
    height: 100%; }
  .section-news .news-items .news-item {
    flex: 1; }

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