
body {
    margin: 0;
    padding: 0;
  
  }
  
  .navbar {
      transition: background-color 0.5s;
      padding: 10px 20px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
  }
  
  
  
  .navbar:hover {
    background-color: white !important;
  }
  
  .navbar-logo {
    width: 150px;
    height: auto;
  }
  
  
  .nav-link {
      color: white !important;
      margin: 0 25px !important;
    font-size: 13px;
    transition: color 0.3s;
    font-family: "sweet-sans-pro", sans-serif;
  font-weight: 700;
  font-style: normal
  }
  
  
  
  .navbar:hover .navbar-logo{
    filter: brightness(10000%) invert(100%);
  }
  
  .navbar:hover .nav-link {
    color: rgb(0, 0, 0) !important;
  }
  



  
    .content {
  
  
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 10;
  }

  #all1{
    background-color:   rgb(14, 14, 14);
  }
  
  .section {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
  
  
  }
  
  .section h1{
      font-family: "baskerville-urw", serif;
      font-weight: 400;
      font-style: normal;   
      color: white;
      font-size: 8vw;

      padding-top: 40vh;
      padding-left: 8%;
  }
  #section1 {
      background-image: url('https://www.villa-spada.com/wp-content/uploads/2023/09/Livello-4.png'); /* Imposta il percorso dell'immagine 1 */
      background-size: cover;
      height: 100vh;
  }
  
  #section2 {
      background-image: url('https://www.villa-spada.com/wp-content/uploads/2023/09/immagine-fabbrica-scaled.jpg'); /* Imposta il percorso dell'immagine 2 */
      background-size: cover;
      height: 100vh;
  }
  
  #section3 {
      background-image: url('https://www.villa-spada.com/wp-content/uploads/2023/09/foto-aereo-scaled.jpg'); /* Imposta il percorso dell'immagine 3 */
      background-size: cover;
      height: 100vh;
  }
  
  #section4 {
    font-family: "sweet-sans-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: whitesmoke;
    background-color:   rgb(14, 14, 14);
  }
  
  .margintext-custom{
    margin-left: 10% !important;
    padding-right: 5% !important;
  }

  .margintext-custom1{
    margin-left: 10% !important;
    padding-right: 9% !important;

  }

  #section5 {
    font-family: "sweet-sans-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: whitesmoke;
    background-color:   rgb(14, 14, 14);
  }
  
  #section6 {
    font-family: "sweet-sans-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: whitesmoke;
    background-color:   rgb(14, 14, 14);
    margin-top: 6%;
    text-align: center !important;
  }
  
  #section_2_1{
    background-image: url('https://www.villa-spada.com/wp-content/uploads/2025/07/private-albel-home-2-scaled-e1753462985779-1.jpg'); /* Imposta il percorso dell'immagine 3 */
    background-size: cover;
    height: 100vh;
  }
      .sample-slider{
        padding-top: 2%;
        padding-bottom: 5%;
          width:100%;
      }
      .sample-slider img{
          width: 100%;
      }
      .sample-slider .swiper-wrapper{
          transition-timing-function: linear;
      }
  
  .footer1{
      font-family: "sweet-sans-pro", sans-serif !important;
      border-top: 2px solid #333 !important ; 
  
  
  }

  .mobile-overflow {
    overflow: scroll; 
    position: initial;

}

@media (max-width: 767px) {
    .navbar
      {
          background-color:rgb(255, 255, 255) !important;
          margin-bottom: 80%;
      }
      .navbar-logo
      {
        filter: brightness(10000%) invert(100%) !important;
      }
      .nav-link{
        color: black !important;
      }
      /*
      #section1{
        height: 50vh;
      }
      .section h1{
        padding-top: 25vh;
      }
      */
      .mobile1{
        padding-top: 20vh;
      }
      .section h1{
        font-size: 12vw;
      }
      .mobile2{
        margin-bottom: 15vh;
      }

  }


  .pag2{  
    overflow-x: hidden;
    font-family: "baskerville-urw", serif;
    font-weight: 400;
    font-style: normal;   
    color: rgb(0, 0, 0);
    font-size: 2.5vh;
  }