/* Stile generale */
body {
    font-family: Helvetica, Arial, sans-serif;
}

/* Reset di margini e padding su tutti gli elementi */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Imposta il box-sizing per evitare che padding/margini influenzino la larghezza/altezza */
}

/* Assicurati che l'elemento body e html non abbiano margini */
body, html {
    height: 100%;
    /* overflow-x:hidden; */
}

/* Navbar con immagine di sfondo */
.custom-navbar {
    /*background-image: url("img/navbar.png");*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    height: 70px;
    align-content: center;
}

.offcanvas-body{
  background-color: #623288;
}

.offcanvas{
background-color: #BACF4B;
}

.logo-menu{
 max-width: 45px;
}

.nav-link{
  color: #fff;
}

.nav-link:hover{
  color: #BACF4B ;
}

.btn-outline-light:hover{
  color: #BACF4B;
}



@media (max-width: 767px) {
    .custom-navbar {
        background-image: none; /* Rimuove l'immagine di sfondo */
        background-color: #fff; /* Colore di sfondo bianco o quello che preferisci */
    }

    /* Cambia il colore delle linee dell'hamburger in nero su mobile */
    .navbar-toggler .toggler-line {
        background-color: black !important; /* Imposta il colore delle linee a nero */
    }
}



/* Pulsante hamburger */
.navbar-toggler {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    z-index: 1060;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    box-shadow: none !important;
    outline: none;
}

.line2{
width: 40px !important;

}

.line3{
  width: 28px !important;

  }

/* Linee dell'hamburger - Bianche di default */
.navbar-toggler .toggler-line {
    width: 35px;
    height: 2px;
    background-color: black !important; /* Trattini bianchi */
    border-radius: 2px;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, background-color 0.3s ease-in-out;
    position: absolute;
}

/* Posizionamento iniziale delle linee */
.navbar-toggler .toggler-line:nth-child(1) {
    transform: translateY(-8px);
}

.navbar-toggler .toggler-line:nth-child(2) {
    opacity: 1;
}

.navbar-toggler .toggler-line:nth-child(3) {
    transform: translateY(8px);
}

/* Quando il menu è aperto - trasformazione in "X" e cambio colore a nero */
.navbar-toggler[aria-expanded="true"] .toggler-line {
    background-color: black; /* Cambia colore a nero */
}

.navbar-toggler[aria-expanded="true"] .toggler-line:nth-child(1) {
    transform: translateY(0px) rotate(45deg);
    transform-origin: center;
}

.navbar-toggler[aria-expanded="true"] .toggler-line:nth-child(2) {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .toggler-line:nth-child(3) {
    transform: translateY(0px) rotate(-45deg);
    transform-origin: center;
}

/* Quando il menu si chiude, ripristina l'hamburger e il colore bianco */
.navbar-toggler[aria-expanded="false"] .toggler-line {
    background-color: white; /* Ritorna bianco */
}

.navbar-toggler[aria-expanded="false"] .toggler-line:nth-child(1) {
    transform: translateY(-8px) rotate(0);
}

.navbar-toggler[aria-expanded="false"] .toggler-line:nth-child(2) {
    opacity: 1;
}

.navbar-toggler[aria-expanded="false"] .toggler-line:nth-child(3) {
    transform: translateY(8px) rotate(0);
}

/* Offcanvas - Menu laterale con animazione fluida */
.offcanvas.offcanvas-end {
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out; /* Tempo di transizione più veloce */
}

/* Quando il menu è aperto */
.offcanvas.show {
    transform: translateX(0);
}

/* Animazione fluida di chiusura */
.offcanvas.closing {
    transform: translateX(100%);
}




/* Stile per il primo blocco */
.first-block {
    min-height: 80vh; /* Altezza minima del 80% della viewport */
    display: flex;
    align-items: center; /* Centra verticalmente il contenuto */
}

/* Stile del contenuto interno per evitare che si attacchi troppo ai bordi */
.first-block .container {
    padding-top: 70px;
    padding-bottom: 70px;
}



/* Stile del testo del primo blocco */


/* Colonna sinistra - Centrare il contenuto con Flexbox */
.first-block .col-md-6 {
    display: flex;
    flex-direction: column; /* Impostiamo una direzione verticale */
    justify-content: center; /* Centra il contenuto verticalmente */
    align-items: flex-start; /* Allinea il contenuto a sinistra */
    text-align: left; /* Allinea il testo a sinistra */
    padding: 40px 80px !important; /* Aggiungi spazio ai lati per evitare che il testo sia troppo vicino al bordo */
    /*height: 100vh; /* Assicura che la colonna occupi tutta l'altezza della viewport */
    margin: 0 !important; /* Rimuove il margine in alto */

}

/* Stile del testo del primo blocco */
.title-block {
    font-size: 2.5rem;
    font-weight: bold;
    color: #623288; /* Colore viola */
    margin-bottom: 20px; /* Spazio sotto il testo */
   /* z-index: 9999;*/
}

.title-block-w {
    font-size: 2rem;
    font-weight: lighter;
    font-style: italic;
    color: #623288; /* Colore viola */
    margin-bottom: 20px; /* Spazio sotto il testo */
   /* z-index: 9999;*/
}





.highlight {
    color: #623288; /* Stesso colore per enfatizzare */
}


.btn-main:hover {
    background-color: #4e1e6a;
}

/* Bottoni App Store e Play Store */
.app-buttons {
    display: flex;
    gap: 10px;
}

.store-btn {
    width: 150px; /* Dimensione standard per i pulsanti */
    height: auto;
}

@media (max-width: 1366px) {
    .immagine-sfondo-hr {
      right: -20vw !important;  /* Sposta la forma fuori dallo schermo */
      width: 120vw;             /* Allarga la forma, così resta parzialmente fuori */
      transition: right 0.4s ease-in-out;
    }
  }




/* Modifica la dimensione del testo per dispositivi mobili */
@media (max-width: 768px) {
    .first-block {
        min-height: 40vh;
    }

    .first-block .col-md-6.text-left.p-5.wrap-text {
      margin-top: 50px !important;
      padding: 0.5rem !important; /* Al posto di p-5 (3rem), ora 0.5rem */
    }

    .title-block {
      margin-bottom: 0.5rem !important;
    }

    .title-block-w {
      margin-bottom: 0.5rem !important;
    }


    .first-block .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        padding: 0px;
        margin: 0;
        flex: 1;
      }

    .title-block {
        font-size: 1.5rem; /* Riduci la dimensione del testo sui dispositivi mobili */
        text-align: center; /* Centra il testo orizzontalmente */
        line-height: 1.2; /* Riduce lo spazio tra le righe */
        white-space: normal; /* Permette al testo di andare a capo quando necessario */
        margin: 0; /* Rimuove eventuali margini extra */
        padding: 0; /* Rimuove il padding extra */
        width: 100%; /* Assicura che il testo occupi tutta la larghezza */
        display: block; /* Assicura che l'elemento si comporti come un blocco */

    }

    .title-block-w {
        font-size: 1.5rem; /* Riduci la dimensione del testo sui dispositivi mobili */
        font-style: italic;
        text-align: center; /* Centra il testo orizzontalmente */
        line-height: 1.2; /* Riduce lo spazio tra le righe */
        white-space: normal; /* Permette al testo di andare a capo quando necessario */
        margin: 0; /* Rimuove eventuali margini extra */
        padding: 0; /* Rimuove il padding extra */
        width: 100%; /* Assicura che il testo occupi tutta la larghezza */
        display: block; /* Assicura che l'elemento si comporti come un blocco */

    }

    /* Allinea i bottoni orizzontalmente e verticalmente */
    .app-buttons {
        display: flex;
        gap: 10px;
        justify-content: center; /* Centra orizzontalmente */
        align-items: center; /* Centra verticalmente */
        flex-wrap: wrap; /* Rende i bottoni responsivi in caso di troppo spazio */
        margin: 0 auto;
    }

    .store-btn {
        width: 150px; /* Dimensione standard per i pulsanti */
        height: auto;
    }

    /* Rimuovi l'immagine di sfondo su dispositivi mobili */
    .immagine-sfondo-hr {
        background-image: none !important; /* Disabilita l'immagine di sfondo */
        width: auto;
    }

    .overlay-images{
        padding: 0;
        margin: 0;
    }

    .overlay-images img{
        height: 300px !important;
        width: auto !important;
    }

}


/* Modifica l'effetto hover del bottone */
.btn-main:hover {
    background-color: #4e1e6a;
}

.immagine-sfondo-hr{
  background-image: url("../img/back-orange.png"); /* Sostituisci con il percorso della tua immagine */
  background-size: cover; /* Copre l'intera area della colonna */
  background-position: right top; /* Posiziona l'immagine all'estrema destra e al top */
  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
}

/* Colonna destra con immagine di sfondo */
/*.bg-image {
    background-image: url("../img/back-orange.png"); /* Sostituisci con il percorso della tua immagine */
  /*  background-size: cover; /* Copre l'intera area della colonna */
  /*  background-position: right top; /* Posiziona l'immagine all'estrema destra e al top */
  /*  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
  /*  min-height: 80vh; /* Imposta un'altezza minima per la colonna */
  /*  display: flex;
    justify-content: flex-end; /* Allinea l'immagine a destra */
  /*  align-items: flex-start; /* Centra verticalmente l'immagine */
  /*  color: white; /* Colore del testo, se ne aggiungi */
  /*  margin: 0; /* Rimuove i margini */
  /*  padding: 0; /* Rimuove il padding */
  /*  width: 100%; /* Imposta la larghezza al 100% della finestra prima era 100vw */
  /*  position: absolute; /* Posiziona la colonna assolutamente */
  /*  right: 0; /* Posiziona la colonna all'estrema destra */

}

/* Immagini sovrapposte */
.overlay-images{
    position: relative;
}
.img-overlay {

    position: absolute; /* Posiziona le immagini sopra l'altra */
    width: 50%; /* Imposta una larghezza per le immagini */
    object-fit: cover; /* Fa in modo che le immagini coprano la loro area senza distorsioni */
}

.img-first {
    left: 10%; /* Posiziona la prima immagine leggermente a sinistra */
    z-index: 1; /* Porta la prima immagine sopra la seconda */
}

.img-second {
    left: 25%; /* Posiziona la seconda immagine in modo che si sovrapponga alla prima */
    z-index: 0; /* Porta la seconda immagine sotto la prima */
}

.overlay-images {
    /* Contenitore flessibile, centrato orizzontalmente e verticalmente */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: auto;
    /* Se desideri un’altezza minima specifica, puoi aggiungerla */
}

.overlay-images img {
    width: 50%;          /* Ogni immagine occuperà il 50% del contenitore */
    height: auto;
    object-fit: cover;   /* Adatta le immagini senza distorcerle */
}

/* Prima immagine sopra la seconda */
.img-first {
    z-index: 2;          /* Sopra la seconda */
}

/* Seconda immagine si sovrappone alla prima per la metà */
.img-second {
    margin-left: -25%;   /* Sovrappone la seconda immagine di metà larghezza */
    z-index: 1;
}

.riquadro {
    background-color: rgba(255, 255, 255, 0.869);
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-shadow: 0 8px 8px #623288; /* Aggiunge un'ombra leggera */
    margin-left: 5px;
    margin-right: 5px;
  }

  .riquadro2 {
      background-color: rgba(98, 50, 136, 0.9);
      border: 1px solid #623288;
      border-radius: 4px;
      box-shadow: 0 8px 8px #623288; /* Aggiunge un'ombra leggera */
      margin-left: 5px;
      margin-right: 5px;
    }

    .text-iscriviti{
      color: #ffff;
    }

  .logo {
    max-width: 100%; /* Se vuoi che l'immagine non sfori su mobile */
    height: auto;

  }




  .riquadro h5, .riquadro h6 {
    margin: 0;
  }

  .riquadro h5 {
    font-size: 1.1rem;
  }

  .riquadro h6 {
    font-size: 0.9rem;
    font-weight: normal;
    color: #666;
  }

  .riquadro p {
    font-size: 0.9rem;
    color: #333;
    margin: 0;
    margin-bottom: 10px;
  }

  .btn-custom {
    background-color: #623288;  /* Colore di sfondo nuovo */
    border: 1px solid #623288;;  /* Colore del bordo */
    color: #fff;                /* Colore del testo */
    width: 100%;               /* Larghezza fissa (puoi modificarla a tuo piacimento) */
    padding: 10px 20px;         /* Regola l'altezza e il padding interno */
    border-radius: 0px;         /* Arrotonda leggermente gli angoli */
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  .btn-custom:hover {
    background-color: #B9CC4F;
    border-color: #B9CC4F;
  }

  .btn-custom_home {
    background-color: #F99E1B;  /* Colore di sfondo nuovo */
    border: 1px solid #F99E1B;;  /* Colore del bordo */
    color: #fff;                /* Colore del testo */
    width: 30%;               /* Larghezza fissa (puoi modificarla a tuo piacimento) */
    padding: 10px 20px;         /* Regola l'altezza e il padding interno */
    border-radius: 0px;         /* Arrotonda leggermente gli angoli */
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  .btn-custom_home:hover {
    background-color: #B9CC4F;
    border-color: #B9CC4F;
  }

  @media (max-width: 576px) {
  .btn-custom_home {
    width: 100%;
  }
}



  /* Sidebar Off-Canvas a sinistra */
.left-sidebar {
    position: fixed;
    top: 0;
    left: -300px;  /* Inizialmente nascosto a sinistra */
    width: 300px;
    height: 100%;
    background-color: #fff;
    /*box-shadow: 2px 0 5px #B9CC4F;*/
    overflow-y: auto;
    transition: left 0.4s ease-in-out;
    z-index: 1100;
    padding: 20px;
  }

  /* Quando lo sidebar è aperto */
  .left-sidebar.open {
    left: 0;
  }

  /* Bottone di chiusura dello sidebar */
  .close-sidebar {
    background: none;
    border: none;
    font-size: 2rem;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }

  /* Contenuto dello sidebar */
  .sidebar-content {
    margin-top: 50px; /* Lascia spazio per il bottone di chiusura */
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
  }

  .bg-image2{

        width: 100%;
        min-height: 300px;  /* Imposta l'altezza desiderata */
        background-repeat: no-repeat;  /* L'immagine si ripete */
        background-size: auto;      /* Puoi regolare questo valore se vuoi che l'immagine si adatti in qualche modo */
        margin: 0;
        padding: 0;
        width: 100%;

        background-size: cover;
        background-position: center;
  }

  .title-block2{
    font-size: 2rem;
    font-weight: bold;
    color: #623288; /* Colore viola */
    text-transform: uppercase;

      }

    .title-block3{
      font-size: 1.5rem;
      font-weight: bold;
      color: #ffff; /* Colore viola */
      text-transform: uppercase;



   /* z-index: 9999;*/
  }

  .text-home-log{
    text-align: center;
  }

  /* Classe personalizzata per sfondo grigio su tutta la sezione */
.bg-gray {
    background-color: #f9f9f9; /* Scegli la tonalità di grigio che preferisci */
  }

  /* Se vuoi un'ombra più marcata sui riquadri */
  .card.shadow-sm {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  /* Riduci il padding interno delle card per renderle più compatte */
.card {
    padding: 10px;             /* Riduci il padding (invece di p-3, che è circa 1rem) */
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Leggera ombra */
  }

  /* Modifica le immagini all'interno delle card */
  .card-img-top {
    width: 80%;                /* Riduci la larghezza in percentuale */
    max-width: 150px;          /* Imposta una larghezza massima */
    height: auto;              /* Mantieni il rapporto d'aspetto */
    margin: 0 auto;            /* Centra l'immagine all'interno della card */
    padding: 5px;              /* Padding interno minore */
  }

  .card-text{
    text-transform: uppercase;
    font-weight: bold;
  }

  .card {
    transition: transform 0.3s ease; /* Transizione fluida */
  }

  .no-hover-effect:hover {
      transform: none !important;
  }

  .card:hover {
    transform: scale(1.05); /* Ingrandisce la card del 5% */
  }


  .footer-viola {
    background-color: #623288; /* Colore viola */
    margin-top: 0;
    padding: 0;
    width: 100%;
  }

  .footer-viola .container-fluid {
    margin: 0;
    padding: 0;
  }

  /* Personalizza il testo se necessario */
.footer-viola h5,
.footer-viola p,
.footer-viola a {
  color: #fff; /* Testo bianco */
}

.footer-viola h5{
    margin-top: 40px;
}

.colore-bottone{
    background-color: #F99E1B;
    border: none;
}

.footer-viola {
    font-size: 0.700rem; /* corrisponde a 14px circa */
  }

  .footer-viola input,
  .footer-viola button {
    font-size: 0.875rem; /* Applica la stessa dimensione anche a input e button */
  }

  .footer-viola input::placeholder {
    font-size: 0.875rem; /* Ridimensiona il testo del placeholder */
  }

  .legal{
    text-decoration: none;
  }


  /*ABOUT*/

  /* Rende la mappa responsive */
.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%; /* rapporto 16:9 */
    position: relative;
    height: 0;
  }
  .map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* Puoi aggiungere altri stili per form, titoli, ecc. */
  /* Ad esempio, per dare un po' di margine ai titoli */
  h2 {
    margin-bottom: 1rem;
  }

  @media (max-width: 768px) {
    /* Inverte l'ordine: la prima colonna (testo) diventa seconda, la seconda (immagine) diventa prima */
    .blocco2 .col-md-6:first-child {
      order: 2;
    }
    .blocco2 .col-md-6:last-child {
      order: 1;
    }
  }


  /*banda scorrevole*/

  .scrolling-banner {
    background-color: #6F3091;
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
  }

  .scrolling-text {
    position: absolute;
    left: 0;
    white-space: nowrap;
    color: #fff;
    font-size: 1rem;
    line-height: 50px;
    animation: marquee 15s linear infinite;
  }

  .banda{
    text-transform: uppercase;
    font-weight: bold;
  }

  @keyframes marquee {
    0% {
      transform: translateX(200%); /* Partiamo completamente fuori a destra */
    }
    100% {
      transform: translateX(-110%); /* Finiamo completamente fuori a sinistra */
    }
  }

  .box img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .text-about{
    text-align: center;
    margin-top: 30px;
  }

  .fascia{
    height: 100%;
    width: 100% !important;
    margin: 0;
    padding: 0;
    background-color: #B9CD4A;
  }


  .text-box2{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
  }

  .text-box3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem;

  }

  .gallery img {
    transition: transform 0.3s ease;
  }

  .gallery img:hover {
    transform: scale(1.05);
  }

  .video-gallery .video-scroll {
    display: flex;
    overflow-x: auto;
    gap: 1rem; /* Spazio tra i video */
    padding-bottom: 1rem; /* Spazio sotto il container dei video */
  }

  /* Nascondi la scrollbar (opzionale, per browser basati su WebKit) */
  .video-gallery .video-scroll::-webkit-scrollbar {
    display: none;
  }

  /* Mantieni la larghezza fissa per ogni video */
  .video-gallery .video-item {
    flex: 0 0 auto;  /* Non si ridimensiona automaticamente */
    width: 320px;    /* Imposta la larghezza desiderata (modifica se necessario) */
    height: 180px;   /* Rapporto 16:9 */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  .video-gallery .video-item iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  .video-gallery .video-item video {
    width: 100% !important;
    height: 100% !important;
    border: none;
  }


  .video-gallery .video-scroll {
    display: flex;
    overflow-x: auto;
    gap: 1rem; /* Spazio tra i video */
    padding-bottom: 1rem; /* Spazio sotto il container dei video */
  }

  /* Nascondi la scrollbar per browser basati su WebKit (opzionale) */
  .video-gallery .video-scroll::-webkit-scrollbar {
    display: none;
  }

  /* Mantieni la larghezza fissa per ogni video su desktop */
  .video-gallery .video-item {
    flex: 0 0 auto;
    width: 320px;  /* Larghezza fissa per desktop */
    height: 180px; /* Rapporto 16:9 */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  .video-gallery .video-item iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  /* Media query per dispositivi mobili: video in stack verticale */
  @media (max-width: 768px) {
    .video-gallery .video-scroll {
      display: block;
      overflow-x: visible;
    }
    .video-gallery .video-item {
      width: 100%;    /* Occupa tutta la larghezza disponibile */
      margin-bottom: 1rem; /* Spazio tra i video */
    }
  }
  .registration-login h2 {
    margin-bottom: 0.5rem;
  }

  .registration-login p {
    margin-bottom: 1.5rem;
  }

  .form-control{
    border: 1px solid black;
    border-radius: 0px;

  }

  .form-label{
    text-transform: uppercase;
    font-weight: bold;
   /* color: #623288;*/
  }

  .bottone{
    width: 100%;
    background-color: #623288;
    text-transform: uppercase;
    border: 0px;
    border-radius: 0px;

  }

  .bottone:hover{
    background-color: #F99E1B;
  }

  .text-gallery{
    text-align: center;
    padding: 10px;
    border-radius: 50px;
    background-color: #623288;
    color: #fff;
    margin-top: 10px;
    font-size: 12px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;


  }

  @media (max-width: 768px) {
    .mobile-margin {
      margin-top: 40px !important; /* Solo su mobile, sposta il titolo 40px più in basso */
    }
  }



  @media (max-width: 768px) {
    .mobile-text {
      font-size: 1.5rem;
    }
  }


  .anima {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease-out;
  }

  .anima.show {
    opacity: 1;
    transform: translateY(0);
  }

  /*termini e condizioni*/


  .terms-container {
    color: red;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7em;
  color: #333;
  background-color: #fff;
}

.terms-container h1 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #222;
}

.terms-container h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 15px;
  color: #444;
}

.terms-container p {
  margin-bottom: 20px;
}

.terms-container ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.terms-container li {
  margin-bottom: 10px;
  list-style-type: disc;
}

/* Responsive */
@media (max-width: 600px) {
  .terms-container {
    padding: 20px 15px;
  }

  .terms-container h1 {
    font-size: 24px;
  }

  .terms-container h2 {
    font-size: 18px;
  }

  .terms-container {
    font-size: 15px;
  }
}

.fancybox__container{
  z-index: 9999999!important;

}