body {
  background-image: linear-gradient(180deg, #eee, #fff 100px, #fff);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
 width:100%;
 padding-right: 0 !important ;

} 
html { overflow-x: hidden; }

.firstMenuText:hover{
  margin-left: 20px;
  cursor: pointer;
}
.projectTitle {
  opacity: 0;
  transition: opacity 0.5s ease; /* Smooth transition for opacity changes */
}
.firstMenuText {
  font-size: 3.5em;
  margin: 0px;
  margin-bottom: 1vh;
  transition: margin 200ms ease-in-out;
}
@media (max-width: 767.98px) {
  .firstMenuText {
    font-size: 2em;
  }
}
#homepage{
  background-image: none;
  background-color: black;
}
#intro{
  overflow: hidden;
}
#fullscreenDiv {
  width: 100vw;  /* 100% of viewport width */
  height: 100vh; /* 100% of viewport height */
  background-color: #000000; /* Example background color */
  position: fixed; /* or absolute, depending on your layout needs */
  top: 0;
  left: 0;
  z-index: 9999; /* Ensure it's on top of other content */
  overflow: hidden; /* Optional: prevent scrolling if content overflows */
}


.videoplayer{
 
  opacity: .7
}
.secondMenuHolder {
  scrollbar-color: #555 transparent; 
  height: 70vh;
  direction: rtl;
  overflow-y: scroll;
}
.secondMenuText {
  direction:ltr;
  padding-top: 0px !important;
  font-size: 1.5em; 
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .secondMenuText {
    font-size: 1em; 
  }
}
.handCursor, .handCursor:hover{
  cursor:pointer;
}
.secondMenuText a:visited {
  color: inherit;
  text-decoration: none;
} 
.secondMenuText a {
  color: #fff;
  text-decoration: none;
} 
.secondMenuText a:hover {
  color: #ccc
} 
.small-text-description{
  color: #ccc;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px !important;
}

.projectMasterhead {
  filter: brightness(75%);
  background-color: black;
  position: relative;
  min-width: 100%;
  object-fit: cover;
  min-height: 400px;
  max-height: 700px;
}
.projectTitleContainer{
  position: absolute;
  color: white; /* Change the color as needed for visibility */
 
  
}
#masterTitle {
  position: absolute;
 
}
.modal-firstMenu{
  line-height: 30px !important;
}
.projectTitle {
  color: white;
  text-transform: uppercase;
 }
h1 {
  font-size: 3vw !important;
}
h2 {
  text-transform: uppercase;
  font-size: 2vw !important;
  font-weight: 500 !important;
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 4vw !important;
  }
  h2 {
    text-transform: uppercase;
    font-size: 3.5vw !important;  
  }
}
.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
 
body.modal-open {
  overflow: hidden;
  position: fixed;
}
.menuModal{
  background-color: #000000a2
}
.container {
  max-width: 960px;
}

.modal.fade .modal-dialog { 
  transition: transform 0.2s ease-out !important; 
  
}

.pricing-header {
  max-width: 700px;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

header {
  position: absolute;
  z-index: 3; 
  left: 0; 
  right: 0;
  height: 200px;
}
 
.spacingFromHeader {
  margin-top: 140px !important;
}
#openingVideo {
  width: 100%;
}

.description {
  font-size: 12px;
  font-weight: 500;
}
.justifyText {
  text-align: justify;
}
.descriptionTextBottom {
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
display: flex;
flex-direction: column;
justify-content: end; /* Aligns content to the end (bottom) of the container */
 
}
video {
 
          height: 100vh;
          width: 100%;
          object-fit: cover; 
          position: absolute;
  
}
.description .title{
  text-transform: uppercase;
  color: #888;
}
.imageMosaic img{
  width: 100%;
 
  object-fit: cover;
}

img {
  pointer-events: none;
}
.text-fondatori{
  font-size: 15px;
  text-align: justify !important;
}
.imageMosaicLong img{
  width: 100%;
  object-fit: cover;
}

.imageMosaicLongTILE img {
  min-height: 100%;
}

.imageMosaicProjectTile {
  width: 100%;
  height: 100%;
  min-height: 300px;
 
}
.fixHeight img{
  height: 800px;
}
.red {
  background-color:  red;
}
.blue {
  background-color:  blue;
}
.yellow {
  background-color:  yellow;
}

.newsDescription{
  color: #777;
  font-size: .8em !important;
}