/*Global Layout Adjustments for Fixed Navbar*/
body {
    margin: 0;
    padding-top: 75px; /* Ensures page content never hides behind the fixed navbar */
    font-family: 'Inter', 'Segoe UI', 'Roboto', sans-serif;
    box-sizing: border-box;
   
}

*, *::before, *::after {
    box-sizing: inherit;
}



@media (min-width: 915px) {
  .ratio-21x9 {
    --bs-aspect-ratio: 30%;
  }

}

@media (min-width: 915px) {
  .ratio-services-banner {
    --bs-aspect-ratio: 20%;
  }
}


.add-shadow-stroke{
  -webkit-text-stroke: 1px rgb(255, 255, 255);
  text-shadow: 2px 2px 8px rgb(255, 255, 255);
}

.image-shadow{
  box-shadow: 0px 0px 10px #808080
}


.card-hover-stage{
  overflow: hidden;
}


/* 1. Normal state: Pushed down and hidden downstairs */
.card-slide-box{
    transform: translateY(100%); /* Hides it below the card */
    transition: transform 0.4s ease-in-out;
}

/* 2. Hover state: Pulled back up to zero when you mouse over the stage */
.card-hover-stage:hover .card-slide-box{
    transform: translateY(25%);
    
}

.add-shadow-stroke-2{
  -webkit-text-stroke: 1px rgb(255, 255, 255);
  text-shadow: 2px 2px 8px rgb(255, 255, 255);
}


@media (min-width: 915px) {
    .small-text-device {
        font-size: 5rem;
    }
}

.add-shadow-stroke-3{
  -webkit-text-stroke: 1px rgb(255, 255, 255);
  text-shadow: 2px 2px 12px #000000;
}

.add-shadow-stroke-4{
  -webkit-text-stroke: 1px rgb(255, 255, 255);
  text-shadow: 2px 2px 10px #000000;
}

/* Target only the 768px width specifically */