.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;border:0
 }

 .sr-only-focusable:active,

 .sr-only-focusable:focus{
 position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}

 .mytext-outline{
   text-shadow: 2px 2px 5px gray;
 }



header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

header .container_top{
  z-index: 5;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}

.invima-primary {
  color: #ffffff;
  background-color: #008fb1 ;
}

.invima-primary-2 {
  color: #ffffff;
  background-color: #2da4be;
}

.invima-primary-3 {
  color: #ffffff;
  background-color: #a2d0dd;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

#gradient-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1a237e 0%, #0d47a1 50%, #01579b 100%);
    z-index: -1;
}