.headerImg img{
width: 100%;
object-fit: cover;
min-height: 100vh;
max-height: 1000px;
}
.headerImg {
height: 100vh;
overflow: hidden;
z-index: -1;
display: block;
position: relative;
filter: saturate(.58);
}

.headerImg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  z-index: 1; /* Keeps the gradient above the image */
  pointer-events: none; /* Ensures it doesn't block interactions */
}
.OpeningStatement{
display: flex;
  flex-flow: row wrap;
position: absolute;
top: 150px;
width: 100%;
margin: 0 auto;
}
.OpeningStatement h1{
margin: 0 auto;
width: 100%;
  text-align: center;
  color: white;
}
.openingColumns{
margin: 0 auto;
  display: flex;
max-width: 1200px;
width: 90%;
  justify-content: center;

    flex-flow: row wrap;
}
.LeftTab{
color: white;
  flex-basis: 400px;
}
.RightTab
{
flex-basis: 400px;
padding: 20px;
      background-color: white;
  box-shadow: 10px 10px 10px rgba(0,0,0,.2);
}
/*UNDER CONSTRUCTION PAGE*/
.underConstruction{
position: fixed;
z-index: 1001;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(/_assets/images/placeholder/0D8A9447-Enhanced-NR.jpg);

background-size: cover;
}
.underConstruction::before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
    z-index: 1; /* Keeps the gradient above the image */
    pointer-events: none; /* Ensures it doesn't block interactions */
  
}
.constructionChild{
  position: fixed;
  z-index: 1001;
}
.constructionLogo{
  width: 250px;
  position: fixed;
  top: 30%;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
    margin: 0 auto;
}
.constructionP{
position: fixed;
top: calc(30% + 150px);
left: 50%;
right: 50%;
transform: translateX(-50%);
width: 250px;
  margin: 0 auto;
  text-align: center;
  color: white;
}
.constructionChild h2{
font-family: "dorival-ui-variable";
position: fixed;
top: calc(30% + 250px);
width: 100%;
left: 50%;
right: 50%;
transform: translateX(-50%);
  margin: 0 auto;
  text-align: center;
  color: white;
  animation: pulse 5s ease-in-out infinite;
}
@keyframes pulse{
0%{
  opacity: 100%;
}
50% {
  opacity: 50%;
}
100%{
  opacity: 100%;
}
}
.constsocial{
width: 100%;
margin: 0 auto;
position: fixed;
bottom: 15%;
z-index: 1001;
display: flex;
flex-direction: column;
justify-content: center;
}
.constsocial a{
display: flex;
justify-content: center;
text-decoration: none;
color: white;
}
.constsocial a img{
width: 50px;
margin: 0 auto;
}
.bottomconstruct{
position: fixed;
z-index: 1001;
width: 100%;
bottom: 10%;
left: 50%;
right: 50%;
transform: translateX(-50%);
text-align: center;

}
.bottomconstruct a {
  color: white;
  text-decoration: none;
}
.obfuscate{
display: none;
}