:root {
  --cassiopeia-color-primary: #164386;
  --cassiopeia-color-link: #224faa;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --cassiopeia-color-hover: #dca005;
}
/* .container-header {
  background-image: none;
  position:relative;}
.container-header > video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
video.head{
 position:relative;
  z-index:1;
} */

.overlay-content {
    display: flex; 
    z-index: 10;
    color:#ffffff;
    background-color:#164386;
}
.inner-overlay{margin-left:10px;}
.tgln{font-family:courgette;font-weight:bold;font-style:italic;font-size:2em; color:#164386;padding-top:20px;margin-right:auto;margine-left:auto; text-align:center;}
.logo{font-family: "Franklin Gothic"; font-style: normal; font-variant: normal; font-weight: 700; line-height:;}
.point{font-style:italic;}
.cnc{font-family: acumin-variable, sans-serif;font-size:; font-style: normal; font-variant: normal; font-weight: 500;}
div.controls > input.form-control, textarea.form-control {}
.blue{
  padding:144px 84px 144px 84px;
  color:#ffffff;
  background-color:#164386;
}
.yellow{
  padding:144px 84px 144px 84px;
  background-color:#dca005;
  }
.white{
  padding:144px 84px 144px 84px;
  color:#164386;
}
.yp1{color:#dca005;}
.overlay-content-gallery {
    display: flex; 
    z-index: 10;
    color:#dca005;
}
.container-header {
  background-image: none;}
.container-header video {
  z-index:-1 ;
  width: 100%;
  height: auto;
  object-fit: cover;
}
hr{margin-top:60px !important; margin-bottom:60px !important;}
.focal{background-color:#164386;color:#ffffff;padding:60px;}
.pad{margin-bottom:60px;}
.cnc{background-color:#dca005;color:#000;padding:60px;}
h1{color:#164386 !important;}
.footer{
  background-color: #021126 !important;
  background-image:none !important;
  color:#ffffff;
  width: 100vw;
  margin: 0;
  padding: 0;
}
a>div.quote-main-text{color:#000;}
a>div.quote-sub-text{color:#000;}
div.com-contact__container>h2{display:none;}


.video-header {
    position: relative;
    width: 100%;
    height: 80vh; /* Desktop height */
    overflow: hidden;
}

@media (max-width: 1024px) {
    .video-header {
        height: 50vh; /* Tablet */
    }
    .video-container iframe {
        width: 160%; /* Slightly smaller oversize */
    }
}

@media (max-width: 768px) {
    .video-header {
        height: 18vh; /* Mobile */
    }
    .video-container iframe {
        width: 150%;
    }
}

@media (max-width: 480px) {
    .video-container iframe {
        width: 140%;
    }
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%; /* 16:9 ratio scaling */
    height: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Prevent clicks */
}
.cutterback{background-image:url('/images/cutter-back-blue.jpg') ;
            background-position:center;
            background-repeat:no-repeat;
            background-size:cover;
            background-attachment:fixed;
            color:#ffffff;
            padding:60px;
            }
.texture{background-image:url('/images/texture.jpg') !important;
            background-position:center;
            background-repeat:repeat-y;
            background-size:cover;
            background-attachment:;
            background-color: rgba(255, 255, 255, 0.6); /* semi-transparent overlay */
            background-blend-mode: overlay; /* or overlay, screen, etc. */
            }
li.form-title{display:none;}
#contact-form{background-color:#ffffff;padding:40px;}
.whtbck{background-color:#ffffff;}