html,
            body {
                font-family: "Roboto", "Helvetica Neue", "Arial, sans-serif";
                color: #000000;
                font-size: 20px;
            }
            
            #background-video-container {
                position: relative;
                /* min-height: 630px; */
                height: 80vh;
                min-width: 100%;
                z-index: -1;
                display: flex;
                align-items: center;
                justify-self: center;
            }
            
            #background-video-container::after {
                width: 100%;
                height: 100%;
                content: " ";
                position: absolute;
                z-index: 100;
                top: 0;
                left: 0;
                background-color: rgba(0, 0, 0, 0.2);
            }
            
            #background-video-container .texture {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 50;
                background: url(/photos/small-crosses.png);
            }
            
            .video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
                object-fit: cover;
                filter: contrast(150%) invert(10%);
                -webkit-filter: contrast(150%) invert(10%);
                -moz-filter: contrast(150%) invert(10%);
                -ms-filter: contrast(150%) invert(10%);
                -o-filter: contrast(150%) invert(10%);
            }
            
            .scroll-job {
                /* float: left; */
                overflow: hidden;
                position: relative;
                height: 30px;
                width: 100%;
            }
            
            .job-listing {
                /* display: inline-block; */
                color: white;
                position: relative;
                white-space: nowrap;
                font-size: 20px;
                top: 0px;
                /* left: 0; */
                animation: move 18s;
                animation-iteration-count: infinite;
                animation-delay: 3s;
                margin-left: 0 auto;
            }
            
            @keyframes move {
                0% {
                    top: 0px;
                }
                12.5% {
                    top: -35px;
                }
                25% {
                    top: -90px;
                }
                37.5% {
                    top: -150px
                }
                50% {
                    top: -180px;
                }
                62.5% {
                    top: -240px;
                }
                75% {
                    top: -300px;
                }
                87.5% {
                    top: -350px;
                }
            }
            
            .hero-caption-container {
                z-index: 1000;
                width: 100%;
                margin: 0 auto;
                color: #ffffff;
            }
            
            .our-services {
                border: 2px solid #0000ff;
                border-radius: 12px;
                color: #ffffff;
                background-color: #0000ff;
            }
            
            .our-services-container a {
                text-decoration: none;
            }
            
            .caption-content-1 {
                text-align: center;
                color: #ffffff;
                padding: 0px 10px;
            }
            
            .caption-content-2 h5 {
                text-align: center;
                color: #ffffff;
                font-style: italic;
                font-size: 18px;
            }
            
            .caption-sub-content-index {
                text-align: center;
                color: #ffffff;
                font-size: 0.8rem;
            }
            
            .card-col-properties {
                position: relative;
                height: 400px;
                padding-top: 20px;
                flex-direction: column;
                margin: 10px 0;
            }
            
            .marketing-container {
                position: relative;
            }
            
            .marketing-card-heading {
                color: #000000;
            }
            
            .marketing-card-paragraph {
                color: #000000;
            }
            
            .view-detail-marketing-container {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 100%;
                margin-bottom: 0px;
            }
            
            .svg-bullet {
                width: 48px;
                height: 60px;
                margin-right: 10px;
            }
            
            .what-we-do-image {
                max-width: 650px;
                height: 450px;
            }
            
            .what-we-do-list {
                list-style-type: none;
            }
            
            .exceptional-service-container {
                position: relative;
                width: 100vw;
                height: 150px;
                z-index: 1000;
                margin-bottom: 50px;
            }
            
            .exceptional-service-card {
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                position: relative;
                overflow: hidden;
            }
            
            .exceptional-service-img {
                position: absolute;
                object-fit: cover;
                z-index: -1;
            }
            
            .exceptional-service-text {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                color: #ffffff;
            }
            
            .exceptional-service-text h6 {
                background-color: rgba(61, 10, 10, 0.36);
                padding: 10px 10px;
            }
            
            .gallery a {
                text-decoration: none;
            }
            
            .gallery-title hr {
                margin: 0 auto;
                width: 80%;
                border-bottom: 4px solid rgb(106, 106, 106);
            }
            
            a {
                text-decoration: none;
            }
            
            @media(min-width:992px) {
                .marketing-card-heading {
                    font-size: 30px;
                }
            }
            
            @media(max-width:768px) {
                .caption-content-1 h4 {
                    font-size: 30px;
                }
            }
            
            input,
            button {
                max-height: 44px;
                overflow: hidden;
                text-align: center;
            }
            
            .pagination {
                min-width: 150px;
                border: 1.5px solid blue;
                border-radius: 8px;
                overflow-x: visible;
            }