/* Reset básico */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Hero de abertura para P100 Pro */
.p100-hero {
  margin-top: 115px; /* agora igual à altura real do header */
  height: calc(100vh - 115px);
  background:
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.3)),
    url('/media/p100pro/fachada-P100-PRO.jpg') no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

/* Oculta o título no Hero */
.p100-hero h1 {
  display: none;
}

/* ====== Seção de Pontos Fortes e Fotos ====== */
.p100-features {
  background: #f9f9f9;
  padding: 4rem 1rem;
}

.features-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* Lista de pontos (lado esquerdo) */
.feature-list {
  flex: 1 1 300px;
}

.feature-list ul {
  list-style: disc inside;
  font-family: 'Roboto Slab', serif;
  font-size: 1.25rem;
  line-height: 1.8;
  color: #333;
  margin: 0;
  padding: 0;
}

.feature-list li {
  margin-bottom: 1.5rem;
}

/* Grid de imagens (lado direito) */
.feature-images {
  flex: 2 1 600px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.feature-images img {
  width: 100%;
  height: 200px;         /* fixa todas as imagens à mesma altura */
  object-fit: cover;     /* mantém proporção, cobrindo o container */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  display: block;
}

/* Responsivo: empilha em telas menores */
@media (max-width: 768px) {
  .features-container {
    flex-direction: column;
    align-items: center;
  }
  .feature-images {
    grid-template-columns: 1fr;
  }
}
/* ====== Seção de Vídeo ====== */
.p100-video {
  position: relative;
  height: 60vh;
  overflow: hidden;
}

.p100-video video {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p100-video .video-caption {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  text-align: center;
  color: #fff;
  font-family: 'Zekton W05 Black Italic', sans-serif;
}

.p100-video .video-caption h3 {
  font-size: 2rem;
  margin: 0 0 0.5rem;
  text-shadow: 0 2px 6px rgba(0,0,0,0.7);
}

.p100-video .video-caption p {
  font-size: 1.25rem;
  margin: 0.25rem 0;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
/* ====== Carrossel Full-Width com setas-imagem e caption no canto ====== */
.p100-carousel {
  --slide-height: 80vh;           /* ajuste altura do slide */
  --caption-top: 5%;              /* ajuste margem superior do caption */
  --caption-right: 5%;            /* ajuste margem direita do caption */
  --nav-size: 50px;               /* tamanho das setas */
  position: relative;
  overflow: hidden;
}

.p100-carousel .slide {
  display: none;
  position: relative;
  width: 100%;
  height: var(--slide-height);
}

.p100-carousel .slide.active {
  display: block;
}

/* Imagem cobre todo o slide */
.p100-carousel .slide img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Caption no canto superior direito */
.p100-carousel .slide-caption {
  position: absolute;
  top: var(--caption-top);
  right: var(--caption-right);
  left: auto;
  transform: none;
  background: none;
  padding: 120px;
  color: #fff;
  text-align: right;
  text-shadow: 0 2px 6px rgba(0,0,0,0.8);
}

.p100-carousel .slide-caption h3 {
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-size: 1.75rem;
  margin: 0 0 0.25rem;
}

.p100-carousel .slide-caption p {
  font-family: 'Roboto Slab', serif;
  font-size: 1rem;
  margin: 0;
}

/* Botões na lateral sobre a imagem */
.p100-carousel .carousel-prev,
.p100-carousel .carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--nav-size);
  height: var(--nav-size);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}

.p100-carousel .carousel-prev img,
.p100-carousel .carousel-next img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p100-carousel .carousel-prev { left: 1rem; }
.p100-carousel .carousel-next { right: 1rem; }

/* css/p100pro-app.css — Estilos para a seção “App XAG One” */

/* ====== Seção Extra (final da página) ====== */
.p100-extra {
  padding: 4rem 2rem;
  background: #0e0c0c;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.extra-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.extra-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.extra-title {
  font-family: 'Roboto Slab', serif;
  font-size: 1.5rem;
  margin: 0;
  color: #ffffff;
}

/* Ajuste: Texto e título ao lado único da imagem */
.extra-content {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}

.extra-text-block {
  flex: 1;
  text-align: left;
}

.extra-subtitle {
  font-family: 'Roboto Slab', serif;
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
  color: #ffffff;
}

.extra-text-block p {
  font-size: 1.125rem;
  line-height: 1.6;
  margin: 0;
  color: #ffffff;
}

.extra-image-block {
  flex-shrink: 0;
}

.extra-image-block img {
  display: block;
  width: 300px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Responsivo: empilha os itens em coluna */
@media (max-width: 768px) {
  .extra-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .extra-image-block img {
    width: 60%;
    max-width: 250px;
    margin-top: 1rem;
  }
}
/* Container flexível: texto ↑ & ↓ em colunas, imagens centrais */
.extra-content {
  display: flex;
  flex-wrap: wrap;               /* permite quebrar linha em mobile */
  align-items: flex-start;
  gap: 2rem;                     /* distancia geral entre blocos */
}

/* Texto: controla largura mínima e máxima para não espremer */
.extra-text-block {
  flex: 0 0 30%;                 /* ocupa 30% da largura do container */
  min-width: 200px;              /* nunca fique menor que isso */
  text-align: left;
}

/* Subtítulo */
.extra-subtitle {
  font-family: 'Roboto Slab', serif;
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
  color: #ffffff;
}

/* Parágrafo */
.extra-text-block p {
  font-size: 1.125rem;
  line-height: 1.6;
  margin: 0;
  color: #ffffff;
}

/* Imagens: tamanho fixo, sem encolher */
.extra-image-block {
  flex: 0 0 auto;
}
.extra-image-block img {
  display: block;
  width: 300px;                  /* ajuste para “afastar/aproximar” */
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(66, 64, 64, 0.1);
}

/* Responsivo: empilha tudo em coluna */
@media (max-width: 768px) {
  .extra-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .extra-text-block {
    flex: 0 0 auto;
    width: 80%;
  }
  .extra-image-block img {
    width: 60%;
    margin: 1rem 0;
  }
}
/* Move a 2ª imagem para cima */
.extra-content > .extra-image-block:nth-child(3) {
  /* ou use margin-top negativo */
  margin-top: -360px;
  /* se preferir, use translate para não afetar fluxo: */
  /* transform: translateY(-20px); */
}
/* ====== Seção CTA Encaixada Ajustada ====== */
.p100-cta {
  position: relative;
  width: 100%;
  
  /* Aumenta a altura para mostrar mais da imagem */
  height: 80vh;              /* antes era 60vh */
  
  /* Mantém o “encaixe” sobre a seção anterior */
  margin-top: -115px;
  
  /* Foco no fundo mais para baixo, mostrando a base da imagem */
  background: url('/media/p100pro/feature-ruitu-top-img.jpg') no-repeat center bottom;
  background-size: cover;
  
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* estilo do texto por cima (sem alteração) */
.p100-cta .cta-title {
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  padding: 1.5rem 2rem;
  border-radius: 8px;

  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-size: 2.5rem;
  color: #ff4c4c;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  line-height: 1.2;
}

/* Responsivo */
@media (max-width: 768px) {
  .p100-cta {
    /* continua maior no mobile mas ajusta ao novo valor */
    height: 60vh;          /* antes era 40vh */
    margin-top: -80px;
    background-position: center bottom;
  }
  .p100-cta .cta-title {
    font-size: 2rem;
    padding: 1rem 1.5rem;
  }
}
/* ====== Seção de Galeria com Fundo Branco ====== */
.p100-gallery-section {
  background-color: #ffffff;  /* fundo branco */
  margin-top: 0;              /* não sobrepor a seção anterior */
  padding: 4rem 2rem;         /* ajuste de espaçamento */
  overflow: hidden;
}

/* Container interno para limitar largura e centralizar */
.gallery-overlay {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color: #111;                /* texto escuro sobre branco */
}

/* Cabeçalho: texto + imagem */
.gallery-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}

.gallery-title {
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-size: 2rem;
  color: #222;                /* tom escuro para o título */
  background: none;           /* sem fundo colorido */
  padding: 0;
  margin: 0;
}

.gallery-header-img {
  margin-top: 1rem;
  width: 260px;
  height: auto;
  object-fit: contain;
}
/* css/p100pro.css */

/* ======== Hero ======== */
.p100-hero {
  width: 100%;
  height: 100vh;
  /* Foca a parte superior da imagem para mostrar o máximo possível */
  background:
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.3)),
    url('/media/p100pro/fachada-P100-PRO.jpg') no-repeat center top;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

/* ======== Seção de Vídeo ======== */
.p100-video {
  position: relative;
  height: 60vh;
  overflow: hidden;
}
.p100-video video {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p100-video .video-caption {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  text-align: center;
  color: #fff;
  font-family: 'Zekton W05 Black Italic', sans-serif;
}
.p100-video .video-caption h3 {
  font-size: 2rem;
  margin: 0 0 0.5rem;
  text-shadow: 0 2px 6px rgba(0,0,0,0.7);
}
.p100-video .video-caption p {
  font-size: 1.25rem;
  margin: 0.25rem 0;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}

/* ======== Pontos Fortes (Grid 2×1×2) ======== */
.p100-features .features-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto auto;
  gap: 1rem;
  grid-template-areas:
    "img1 img2"
    "text text"
    "img3 img4";
}
.p100-features .feature-img:nth-child(1) { grid-area: img1; }
.p100-features .feature-img:nth-child(2) { grid-area: img2; }
.p100-features .feature-list       { grid-area: text; }
.p100-features .feature-img:nth-child(4) { grid-area: img3; }
.p100-features .feature-img:nth-child(5) { grid-area: img4; }

.p100-features .feature-img img {
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}
.p100-features .feature-list {
  padding: 1.5rem;
  background: #f9f9f9;
  border-radius: 8px;
}
.p100-features .feature-list ul {
  margin: 0;
  padding-left: 1.2rem;
  color: #333;
  font-family: 'Roboto Slab', serif;
  font-size: 1.1rem;
  line-height: 1.6;
}

/* ======== Carrossel ======== */
.p100-carousel {
  position: relative;
  overflow: hidden;
  --slide-height: 80vh;
  --caption-top: 5%;
  --caption-right: 5%;
  --nav-size: 50px;
}
.p100-carousel .slide {
  display: none;
  position: relative;
  width: 100%;
  height: var(--slide-height);
}
.p100-carousel .slide.active {
  display: block;
}
.p100-carousel .slide img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p100-carousel .slide-caption {
  position: absolute;
  top: var(--caption-top);
  right: var(--caption-right);
  text-align: right;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.8);
}
.p100-carousel .slide-caption h3 {
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-size: 1.75rem;
  margin: 0 0 0.25rem;
}
.p100-carousel .slide-caption p {
  font-family: 'Roboto Slab', serif;
  font-size: 1rem;
  margin: 0;
}
.p100-carousel .carousel-prev,
.p100-carousel .carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--nav-size);
  height: var(--nav-size);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}
.p100-carousel .carousel-prev { left: 1rem; }
.p100-carousel .carousel-next { right: 1rem; }
.p100-carousel .carousel-prev img,
.p100-carousel .carousel-next img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ======== APP XAG ONE ======== */
.p100-extra {
  padding: 4rem 2rem;
  background: #0e0c0c;
  color: #fff;
  text-align: center;
}
.p100-extra .extra-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.p100-extra .extra-icon {
  width: 40px;
  height: 40px;
}
.p100-extra .extra-title {
  font-family: 'Roboto Slab', serif;
  font-size: 1.5rem;
  margin: 0;
}
.p100-extra .extra-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 2rem;
}
.p100-extra .extra-image-block {
  flex: 0 0 auto;
  width: 45%;
}
.p100-extra .extra-image-block img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.p100-extra .extra-text-block {
  flex: 1;
  text-align: left;
}
.p100-extra .extra-subtitle {
  font-family: 'Roboto Slab', serif;
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
}
.p100-extra .extra-text-block p {
  font-size: 1.125rem;
  line-height: 1.6;
  margin: 0;
}

/* ======== CTA ======== */
.p100-cta {
  position: relative;
  width: 100%;
  height: 80vh;
  margin-top: -115px;
  background: url('/media/p100pro/feature-ruitu-top-img.jpg') no-repeat center bottom;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.p100-cta .cta-title {
  position: relative;
  z-index: 1;
  background: rgba(0,0,0,0.6);
  padding: 1.5rem 2rem;
  border-radius: 8px;
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-size: 2.5rem;
  color: #ff4c4c;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.2;
}

/* ======== Galeria ======== */
.p100-gallery-section {
  background-color: #fff;
  padding: 4rem 2rem;
  overflow: hidden;
}
.gallery-overlay {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.gallery-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.gallery-title {
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-size: 2rem;
  color: #222;
  margin: 0;
}
.gallery-header-img {
  margin-top: 1rem;
  width: 260px;
  height: auto;
  object-fit: contain;
}

/* ======== Responsividade ======== */
@media (max-width: 768px) {
  /* Hero fix */
  .p100-hero {
    background-attachment: scroll;
  }
  /* Vídeo mais alto para mobile */
  .p100-video {
    height: 50vh;
  }
  .p100-video .video-caption {
    width: 90%;
    bottom: 5%;
  }
  /* Grid vira coluna */
  .p100-features .features-container {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    grid-template-areas:
      "img1"
      "img2"
      "text"
      "img3"
      "img4";
  }
  /* Carrossel menor */
  .p100-carousel .slide {
    height: 60vh;
  }
  /* APP XAG ONE empilha */
  .p100-extra .extra-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .p100-extra .extra-image-block {
    width: 80%;
    max-width: 250px;
    margin: 0 auto;
  }
  .p100-extra .extra-text-block {
    width: 90%;
  }
  /* CTA ajustado */
  .p100-cta {
    height: 60vh;
    margin-top: -80px;
    background-position: center bottom;
  }
}
/* Corrige sobreposição do CTA */
.p100-cta {
  /* antes era margin-top: -115px; */
  margin-top: 0; /* ou um valor positivo, ex: 40px se quiser um pequeno recuo */
}

/* versão mobile */
@media (max-width: 768px) {
  .p100-cta {
    /* antes era margin-top: -80px; */
    margin-top: -70px;
  }
}
/* por padrão apenas desktop aparece */
.p100-extra--mobile { display: none !important; }

/* no mobile (até 768px) esconde desktop e mostra mobile */
@media (max-width: 768px) {
  .p100-extra--desktop { display: none !important; }
  .p100-extra--mobile  { display: block !important; }
}

/* estilos comuns da seção */
.p100-extra {
  padding: 4rem 2rem;
  background: #0e0c0c;
  color: #fff;
  text-align: center;
}
.extra-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.extra-icon {
  width: 40px; height: 40px;
}
.extra-title {
  font-family: 'Roboto Slab', serif;
  font-size: 1.5rem;
  margin: 0;
}

/* desktop: grid 2×2 */
.p100-extra--desktop .extra-content {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 2rem;
}
.p100-extra--desktop .extra-image-block img {
  width: 100%; height: auto; border-radius: 4px;
}
.p100-extra--desktop .extra-text-block {
  text-align: left;
}

/* mobile: bloco em coluna, com ordem de HTML */
.p100-extra--mobile .extra-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.p100-extra--mobile .extra-image-block img,
.p100-extra--mobile .extra-text-block {
  width: 100%;
}
/* Desktop: move as duas imagens do APP XAG ONE 50px para a direita */
@media (min-width: 769px) {
  .p100-extra--desktop .extra-image-block {
    margin-left: 65px;
  }
}
/* por padrão só desktop aparece */
.p100-features--mobile { display: none !important; }

/* mobile: troca as versões */
@media (max-width: 768px) {
  .p100-features--desktop { display: none !important; }
  .p100-features--mobile  { display: block !important; }
}

/* estilos Desktop originais */
.p100-features--desktop .features-container {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 2rem;
  align-items: start;
}
.p100-features--desktop .feature-list {
  grid-column: 1 / span 2;
  background: #f9f9f9;
  padding: 1.5rem;
  border-radius: 8px;
}
.p100-features--desktop .feature-images {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1rem;
}
.p100-features--desktop .feature-images img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}

/* estilos Mobile originais */
.p100-features--mobile .features-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.p100-features--mobile .feature-img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.p100-features--mobile .feature-list {
  background: #f9f9f9;
  padding: 1rem;
  border-radius: 8px;
}
/* Esconde a versão mobile por padrão */
.p100-features--mobile {
  display: none !important;
}

/* Em telas ≤768px, troca as versões */
@media (max-width: 768px) {
  .p100-features--desktop { display: none !important; }
  .p100-features--mobile  { display: block !important; }
}

/* ===== Estilos Desktop ===== */
.p100-features--desktop .features-container {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
/* Lista de texto à esquerda */
.p100-features--desktop .feature-list {
  flex: 1;
  background: #f9f9f9;
  padding: 1.5rem;
  border-radius: 8px;
}
/* Imagens à direita, em grid 2×2 */
.p100-features--desktop .feature-images {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1rem;
}
.p100-features--desktop .feature-images img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}

/* ===== Estilos Mobile (mantidos) ===== */
.p100-features--mobile .features-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.p100-features--mobile .feature-img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.p100-features--mobile .feature-list {
  background: #f9f9f9;
  padding: 1rem;
  border-radius: 8px;
}
/* Hero principal */
.p100-hero .title,
.p100-hero h1 {
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-style: italic;
  font-weight: 900;
}

/* Seção Novedades e outros títulos com Roboto Slab */
.news-title,
.extra-title,
.extra-subtitle,
.feature-list ul {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;  /* ou normal, conforme o caso */
}

/* Formação de Pilotos */
.training-title {
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-style: italic;
  font-weight: 900;
}
.p100-extra .extra-subtitle {
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-style: italic;
  font-weight: 900;
}
.extra-title{
  font-family: 'Zekton W05 Black Italic', sans-serif;
  font-style: bold;
  font-weight: 900;
}
.p100-extra--desktop .extra-title {
  font-family: 'Zekton W05 Black Italic', sans-serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
}

/* Mobile */
.p100-extra--mobile .extra-title {
  font-family: 'Zekton W05 Black Italic', sans-serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
}
.p100-gallery-section .gallery-title {
  font-family: 'Zekton W05 Black Italic', sans-serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
}