:root {
    --dark-blue-bg: #070c1d;
    --blue-bg: #0A1128;
 --clr-surface-page: #0A1128;
   
}

/* GENERAL 
*********************************/
body.main-body {
    background-color: var(--clr-surface-page) !important;
}


/* NAVBAR
*********************************/
.banner-container,
.banner-container .container.clearfix, 
.banner-container .clearfix {
    background-color: var(--dark-blue-bg);
}

/* NAVBAR
*********************************/
.navbar-fixed-spacer {
    min-height: 102px
}

.navbar-default a.menu-heading:hover {
    background-color: var(--clr-neutral-750) !important;
}

@media(min-width: 768px) {
    .navbar-brand>img {
        max-height: none!important;
    }
    .navbar .navbar-nav {
        margin-top: 24px;
    }
.navbar-fixed-spacer {
    min-height: 127px
}
}

@media(max-width: 767.98px) {
    .navbar-nav {
        margin: 0px;
    }
}

/* NAVBAR - color
*********************************/
.navbar .container {
    background-color: var(--dark-blue-bg)!important;
    border-color: var(--clr-border);
}
.navbar-default {
    background-color: var(--dark-blue-bg)!important;
}

/* FOOTER
*********************************/
div .footer-container,
.page-bottom {
    border-color: var(--clr-surface-page) !important;
    background-color: var(--clr-surface-page) !important;
}

.page-bottom,
.page-bottom a,
ul.bottom-links li,
ul.bottom-links li span {
    font-size: 14px;
    color: var(--clr-neutral-175)!important;
}

/* SLIDESHOW
*********************************/
@media(min-width: 768px) {
    .carousel-control {
        font-size: 32px;
    }
}


<div class="video-container"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/bARN3I_rRF8?si=4GxXH2hNfTiQ6L1GV&amp;list=PLS3OMJCExa4tvi1HDYIH4PT73lPuBfB2q&amp;loop=1&amp;controls=0&amp;autoplay=1&amp;mute=1;&amp;loop=1start=1&amp;&amp;vq=hd1080" title="YouTube video player"></iframe></div>




--------------

hero-content-row

/***********************************************
    YOUTUBE IFRAME - HERO
***********************************************/
#element-a97a140ef9c74218a03cb852fc18080d {padding: 0px!important;}
.container:has(.video-container) {padding-top: 0px!important; padding-bottom: 0px!important;}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 300%;height: 100%;margin-left: -100%;pointer-events: none!important;}
.ytplayer {pointer-events: none!important; position: absolute;}

.video-row-bg .element-outer-container.element-type-customhtml {padding: 0px!important;}
.video-row-bg {background-color:#00000;}
.video-row-bg .container-fluid {opacity: .6;}


@media (min-width: 992px) {
    .hero-content-row {
        position: absolute;
        left: 7%; /* move the content to the left side */
        top: 55%;
        transform: translateY(-50%); /* only vertical centering */
        text-align: left; /* ensure text is aligned left */
    }
    .hero-content-row .container {
        background: transparent;
        max-width: 750px;
    }
    .hero-content-row h1,
    .hero-content-row h4 {
        color: #fff !important;
    }
}

@media (max-width: 991.98px) {
    .hero-content-row a.quicklinkbutton.quicklinkbutton {
        color: var(--clr-neutral-8100) !important;
        background-color: var(--clr-primary-400) !important;
        border-color: var(--clr-primary-400) !important;
    }
}

.element-outer-container.element-type-customhtml {
    padding: 0px;
}

/***********************************************
    MENU
***********************************************/

.navbar-default a.menu-heading, .navbar-default > li {
    background-color: #070c1d !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #070C1D;
    color: #780000 !important;
}

.navbar-default .navbar-nav > li > a {
    color: var(--clr-text-display);
    font-weight: bold;
    font-size: 18px;
}

/***********************************************
    Removing background on row
***********************************************/

div.page-bottom, div.pagetitle-container .container, .pagetitle-container .container-fluid, .page-content .container, .page-content .container-fluid {
    background-color: #0a112800;
}

/***********************************************
    Inventory Search Buttons
***********************************************/

/* Container to center buttons */
.search-buttons {
    display: flex;              /* side by side */
    justify-content: center;    /* center horizontally */
    gap: 15px;                  /* space between buttons */
    flex-wrap: wrap;            /* wrap if screen is too small */
}

/* Button styling */
.btn-default {
    background-color: #780000;
    color: #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 12px 32px;
    min-width: 200px;           /* width of buttons */
    text-align: left;           /* left-align text */
    cursor: pointer;
    flex: 1 0 auto;             /* flexible width but doesn't shrink too small */
}

/* Optional: responsive for small screens */
@media (max-width: 576px) {
    .btn-default {
        flex: 1 1 100%;         /* stack on very small screens */
        min-width: unset;
    }
}

.accent-color1 {
    color: var(--clr-primary-300) !important;
    font-size: 20px;
}


/***********************************************
    Google Maps
***********************************************/

.googlemap {
    padding-bottom: 70%;
}