/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#dddhtml {
     scroll-behavior: smooth;
}
 a {
     text-decoration: none;
     color: dodgerblue;
}
 div#about {
}
 section.filler {
     width: -webkit-fill-available;
}
 #about-services {
     background-color: #ffffff00;
     -webkit-backdrop-filter: blur(50px);
             backdrop-filter: blur(50px);
}
 footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-flow: column;
             flex-flow: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     padding: 150px 0px;
     background-color: #f8f8f8;
}
 nav {
     height: 75px;
     background: #000000aa;
     position: fixed;
     z-index: 100;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     overflow: hidden;
     -webkit-backdrop-filter: blur(33px)!important;
             backdrop-filter: blur(33px)!important;
}
 nav a {
     height: 75px;
     max-width: 150px;
     color: white;
     cursor: pointer;
     text-transform: uppercase;
     font-size: .85em;
     letter-spacing: 1px;
     padding: 10px;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-transition: .25s ease;
     -o-transition: .25s ease;
     transition: .25s ease;
}
 nav a.float-right {
     margin-left: auto;
}
 .m-left {
     margin-left: auto;
}
 .m-top {
     min-height: 500px;
}
 .f-width.two .services, .f-width.two .scene-one, .f-width.two .scene-two {
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
}
 .services .header {
     margin-left: 30px;
     margin-top: 100px;
     margin-bottom: none;
}
 .membership .header {
     margin: 50px auto 20px auto;
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
     text-align: center;
}
 .scene-one, .scene-two, .scene-three{
     background-position: center;
     background-size: cover;
     color: white;
     min-height: 420px;
}
 .scene-one {
     background-image: url(../images/img-5-dk.jpg);
}
 .scene-two {
     background-image: url(../images/img-4-dk.jpg);
}
 .scene-three {
     background-image: url(../images/img-3-dk.jpg);
}
 .services ul {
     margin-bottom: 100px;
}
 .membership ul li {
     font-size: 1em;
     line-height: 2em;
     list-style: none;
}
 .services ul li {
     font-size: 1.25em;
     line-height: 2em;
     list-style: none;
}
 .services.small ul {
     margin: 15px;
     padding-left: 0px;
}
 .services.small ul li {
     font-size: 1.25em;
     line-height: 2em;
     list-style: none;
     padding: 5px 10px;
     border-bottom: 1px solid white;
}
 .services i {
     color: dodgerblue;
}
 nav a.selected {
     background: black;
     color: white;
}
 nav a:hover {
     background: #dddddd25;
}
 .nav-icon:hover {
     -webkit-filter: invert(1);
             filter: invert(1);
}
 .nav-icon {
     max-width: 120px;
     -webkit-filter: invert(1);
             filter: invert(1);
}
 .nav-icon img {
     max-width: 120px;
}
 body {
     margin: auto;
     padding: 0px;
     font-family: sans-serif;
     overflow-x: hidden;
}
/* Set Widths*/
 .w-common {
     max-width: 1555pxpx;
}
 .w-full {
     width: 100%;
}
 #myVideo {
     position: fixed;
     top: 0;
     left: 0;
     min-width: 100%;
     min-height: 100%;
     z-index: -10;
}
 @-webkit-keyframes fadeInVid {
     0% {
         opacity: 0 
    }
     to {
         opacity: .25 
    }
}
 @keyframes fadeInVid {
     0% {
         opacity: 0 
    }
     to {
         opacity: .25 
    }
}
 .animate__fadeInVid {
     -webkit-animation-name: fadeInVid;
     animation-name: fadeInVid 
}
 .full-height {
     height: 100vh;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
}
 .most-height{
     height: 70vh;
}
 .f-height {
     height: 100vh;
}
 .mid-height {
     height: 720px;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
}
 .home-btn {
     color: white;
     height: 35px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border: 3px solid white;
     padding: 5px 15px;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     border-radius: 5px;
     margin-right: 5px;
     font-weight: 700;
     -webkit-transition: .25s ease;
     -o-transition: .25s ease;
     transition: .25s ease;
     margin-top: 20px;
}
 .home-btn:first-child {
     color: white;
     background: dodgerblue;
     border-color: dodgerblue;
}
 .home-btn:nth-child(2) {
     color: black;
     background-color: white;
}
 .home-btn:hover {
     -webkit-transform: scale(1.025);
         -ms-transform: scale(1.025);
             transform: scale(1.025) 
}
 a.sml-icon {
     max-width: 50px;
     font-size: 1.5em;
}
 .alert {
     padding: 15px;
     background: #aeffc6;
     line-height: 31px;
     font-size: 1.25em;
}
 .alert-box {
     background: white;
     color: black;
     font-size: 0.8em;
     padding: 5px;
     border-radius: 5px;
     font-weight: 600;
}
 .j-center {
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
}
 @media screen and (min-width: 1620px) {
     .w-common {
         width: 90vw;
         max-width: 1555px;
    }
     footer img {
         max-width: 150px;
    }
     footer p {
         margin-left: 9px;
         font-size: .75em;
         letter-spacing: 1px;
    }
}
 @media screen and (max-width: 1620px) {
     footer {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-flow: column;
                 flex-flow: column;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         padding: 150px 0px;
         background-color: #f8f8f8;
    }
     footer img {
         max-width: 100px;
    }
}
 .boldmove {
     margin-bottom: 50px;
     margin-left: 15px;
}
 .hidden {
     display: none;
}
 h1, .header {
     font-weight: 900;
     font-size: 3em;
     margin-bottom: 50px;
}
 .header.no-bottom {
     margin-bottom: 0px;
}
 .header.s-gap {
     margin-bottom: 10px;
     margin-left: 0px;
     padding-left: 0px;
}
 .m-right {
     margin-right: auto;
     width: auto;
}
 h2 {
     font-weight: 900;
     text-transform: uppercase;
}
 h2::before, h2::after {
     display: none;
     content: " ";
     border: 1px solid black;
     margin: 15px auto;
}
 .services ul, #why-choose-us ul {
     padding-left: 0px;
}
 #why-choose-us ::marker{
     color: dodgerblue;
     font-weight: 900;
}
 li.bullets h4 {
     margin-bottom: 0px!important;
}
 .dark {
     color: white;
     background: black;
}
 .dark-blue {
     color: white;
     background: #07121e;
}
 .dark-gray {
     color: white;
     background: #07121e;
}
 .light-gray {
     padding: 1vh 30px;
     color: black;
     background: whitesmoke;
}
 .light-gray.full {
     padding: 1vh 0px;
     color: black;
     background: whitesmoke;
}
/* Set Margins & Padding */
 .m-common {
     margin: 0px;
}
 .m-large {
     margin: 60px;
}
 .p-large-top {
     padding-top: 160px !important;
     padding-bottom: 160px !important;
}
 .a-center {
     -ms-flex-line-pack: center;
         align-content: center;
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     justify-items: center;
     -ms-grid-column-align: center;
         justify-self: center;
     margin: auto;
}
 .m-center {
     -ms-flex-line-pack: center;
         align-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     justify-items: center;
     -ms-grid-column-align: center;
         justify-self: center;
     margin: auto;
}
 .m-centerer {
     margin: auto;
}
 .p-common {
     padding: 15px;
}
 .p-large {
     padding: 60px;
}
 .p-none {
     padding: 0px;
}
 .j-left {
     -webkit-box-pack: left;
         -ms-flex-pack: left;
             justify-content: left;
}
 .j-right {
     -webkit-box-pack: right;
         -ms-flex-pack: right;
             justify-content: right;
}
 .space-it {
     margin-top: 100px;
     margin-bottom: 100px;
}
 .m-bottom {
     margin-bottom: 150px;
}
/* Set Flex */
 .flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .row {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
}
 .col {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 .wrap {
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
 .fill > * {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     margin: 5px;
     -ms-flex-line-pack: center;
         align-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     justify-items: center;
     -ms-grid-column-align: center;
         justify-self: center;
}
/* Set Card One */
 .card-one > * {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     min-height: 420px;
     height: 30vw;
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     padding-bottom: 15px;
     color: white;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     border: 0px solid dodgerblue;
}
 .card-one > * > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     text-align: left;
     padding: 15px;
     margin-right: auto;
}
 .card-one > a {
     background-size: cover;
     background-position: center;
     cursor: pointer;
     background-blend-mode: color;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 .card-one > a:hover {
     -webkit-filter: grayscale(0);
             filter: grayscale(0);
     filter: grayscale(0);
     border: 10px solid dodgerblue;
}
 .card-one > a > div:nth-child(1) {
     font-weight: bolder;
     text-transform: uppercase;
     padding-bottom: 0px;
     margin-top: auto;
}
 .card-one > a > div:nth-child(2) {
     padding-top: 15px;
     max-height: 50px;
     overflow: hidden;
     -webkit-mask-image: -webkit-gradient(linear, left 10%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))) 
}
 .card-one > a > div:nth-child(3) {
     padding-top: 15px;
}
 .card-one > a::after {
     display: block;
     content: "VIEW MORE";
     height: auto;
     background: dodgerblue;
     color: white;
     padding: 5px;
     margin-right: auto;
     margin-left: 15px;
     margin-top: 5px;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
/* Set Card Two */
 .card-two > * {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     min-height: 420px;
     height: 20vw;
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     padding-bottom: 15px;
     color: white;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     border: 0px solid dodgerblue;
}
 .card-two > * > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     text-align: left;
     padding: 15px;
     margin-right: auto;
}
 .card-two > div {
     background-size: cover !Important;
     background-position: center !Important;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 .card-two > div:hover {
}
 .card-two > div > div:nth-child(1) {
     font-size: .75em;
     font-weight: bolder;
     text-transform: uppercase;
     padding-bottom: 0px;
}
 .card-two > div > div:nth-child(2) {
     font-size: 1.75em;
     font-weight: bolder;
     padding-bottom: 0px;
     padding-top: 5px;
}
 .card-two > div > div:nth-child(3) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     overflow: hidden;
     padding: 0px 15px;
     height: 0px;
}
 .card-two > div:hover > div:nth-child(3) {
     padding: 15px 15px;
     height: 30px;
}
 .card-two > div > div:nth-child(3) > a {
     color: white;
     cursor: pointer;
     background: dodgerblue;
     margin-right: 5px;
     padding: 5px 15px;
     border-radius: 3px;
     text-transform: uppercase;
     font-size: .75em;
     letter-spacing: 1px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
}
 .card-two > div > div:nth-child(3) > a:nth-child(2) {
     background: white;
     color: dodgerblue;
}
 .card-two > div > div:nth-child(3) > a:hover {
     -webkit-filter: brightness(75%);
             filter: brightness(75%) 
}
/* Set Card three */
 .card-three > * {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     padding-bottom: 15px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     border: 0px solid dodgerblue;
}
 .card-three > * > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     text-align: left;
     padding: 15px 15px 15px 0px;
     margin-right: auto;
}
 .card-three > div {
     background-size: cover !Important;
     background-position: center !Important;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 .card-three > div:hover {
}
 .card-three > div > div:nth-child(1) {
     color: grey;
     font-size: .75em;
     font-weight: bolder;
     text-transform: uppercase;
     padding-bottom: 0px;
}
 .card-three > div > div:nth-child(2) {
     font-size: 1.75em;
     font-weight: bolder;
     padding-bottom: 0px;
     padding-top: 5px;
}
 .card-three > div > div:nth-child(3) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     padding: 0px 15px;
     padding-left: 0px;
}
 .card-three > div > div:nth-child(3) > a {
     cursor: pointer;
     color: white;
     background: dodgerblue;
     margin-right: 5px;
     padding: 5px 15px;
     border-radius: 3px;
     text-transform: uppercase;
     font-size: .75em;
     letter-spacing: 1px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
}
 .card-three > div > div:nth-child(3) > a:nth-child(2) {
     background: white;
     color: dodgerblue;
}
 .card-three > div > div:nth-child(3) > a:hover {
     -webkit-filter: brightness(75%);
             filter: brightness(75%) 
}
 .card-three a {
     margin-right: auto;
     padding-right: 15px;
}
/* Set Card four */
 .card-four > * {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     min-height: 420px;
     height: 20vw;
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     padding-bottom: 15px;
     color: white;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     border: 0px solid dodgerblue;
}
 .card-four > * > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     text-align: left;
     padding: 15px;
     margin-right: auto;
}
 .card-four > div {
     background-size: cover !Important;
     background-position: center !Important;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 .card-four > div:hover {
}
 .card-four > div > div:nth-child(1) {
     font-size: .75em;
     font-weight: bolder;
     text-transform: uppercase;
     padding-bottom: 0px;
     margin-top: auto;
}
 .card-four > div > div:nth-child(2) {
     font-size: 1.75em;
     font-weight: bolder;
     padding-bottom: 0px;
     padding-top: 5px;
}
 .card-four > div > div:nth-child(3) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     overflow: hidden;
     padding: 0px 15px;
     height: 0px;
}
 .card-four > div:hover > div:nth-child(3) {
     padding: 15px 15px;
     height: 30px;
}
 .card-four > div > div:nth-child(3) > a {
     color: white;
     cursor: pointer;
     background: dodgerblue;
     margin-right: 5px;
     padding: 5px 15px;
     border-radius: 3px;
     text-transform: uppercase;
     font-size: .75em;
     letter-spacing: 1px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
}
 .card-four > div > div:nth-child(3) > a:nth-child(2) {
     background: white;
     color: dodgerblue;
}
 .card-four > div > div:nth-child(3) > a:hover {
     -webkit-filter: brightness(75%);
             filter: brightness(75%) 
}
/* Set Card five */
 .card-five > * {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     padding-bottom: 15px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     border: 0px solid dodgerblue;
}
 .card-five > * > div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     text-align: left;
     padding: 15px;
     margin-right: auto;
}
 .card-five > div {
     background-size: cover !Important;
     background-position: center !Important;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 .card-five > div:hover {
}
 .card-five > div > div:nth-child(1) {
     width: 95%;
     height: auto;
}
 .card-five > div > div:nth-child(1) img {
     width: 100%;
     height: auto;
}
 .card-five > div > div:nth-child(2) {
     color: grey;
     font-size: .75em;
     font-weight: bolder;
     text-transform: uppercase;
     padding-bottom: 0px;
}
 .card-five > div > div:nth-child(3) {
     font-size: 1.75em;
     font-weight: bolder;
     padding-bottom: 0px;
     padding-top: 5px;
}
 .card-five > div > div:nth-child(4) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     padding: 15px;
}
 .card-five > div > div:nth-child(4) > a {
     cursor: pointer;
     color: white;
     background: dodgerblue;
     margin-right: 5px;
     padding: 5px 15px;
     border-radius: 3px;
     text-transform: uppercase;
     font-size: .75em;
     letter-spacing: 1px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
}
 .card-five > div > div:nth-child(4) > a:nth-child(3) {
     background: white;
     color: dodgerblue;
}
 .card-five > div > div:nth-child(4) > a:hover {
     -webkit-filter: brightness(75%);
             filter: brightness(75%) 
}
 .card-five a {
     margin-right: auto;
     padding: 0px 15px;
}
 .invert {
     -webkit-filter: invert(1);
             filter: invert(1);
}
 .small-img {
     max-height: 65px;
}
 .home-text {
     font-weight: 900;
     max-width: 1080px;
     font-size: 52px;
     line-height: 57px;
     margin-right: auto;
     margin-top: 28px;
}
 .home-blocky {
     background: dodgerblue;
     padding: 5px 15px;
     color: white;
     width: -webkit-fit-content !important;
     width: -moz-fit-content !important;
     width: fit-content !important;
     margin-bottom: 30px;
     margin-right: auto;
}
 nav.scroll {
     height: 50px;
     -webkit-transition-duration: .5s ease;
          -o-transition-duration: .5s ease;
             transition-duration: .5s ease;
}
 .emp p {
     font-size: 1.5em;
     max-width: 85%;
     margin-right: auto;
}
 .emp {
     -ms-flex-item-align: start;
         align-self: flex-start;
}
 .emp.comp:first-child:after {
     display: none;
}
 .ma-icons img {
     width: 7%;
     max-width: 150px !important;
}
/* Set Flex Columns Small Screen*/
 @media screen and (max-width: 700px) {
     .one, .two, .three, .four {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    }
     a.sml-icon {
         max-width: 100%;
    }
     .one > * {
         width: 100%;
    }
     .two > * {
         width: 100%;
    }
     .three > * {
         width: 100%;
    }
     .four > * {
         width: 100%;
    }
     .card-two > div > div:nth-child(3), .card-four > div > div:nth-child(3) {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
         overflow: hidden;
         padding: 15px;
         height: 30px;
    }
     .card-two > div:hover > div:nth-child(3), .card-four > div:hover > div:nth-child(3) {
         height: 30px;
    }
     .clear-mobile {
         display: none;
    }
     .home-text {
         font-size: 3em;
         line-height: 1em;
    }
     .header {
         font-size: 2em !important;
         margin: auto;
         margin-bottom: 50px;
    }
     html, body {
         overflow-x: hidden;
    }
     body {
         position: relative 
    }
     #mobile-header {
         z-index: 101;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         padding: 15px;
         max-height: 100px;
         width: 100vw;
         width: -webkit-fill-available;
         background: #0000009e;
         position: fixed;
         top: 0px;
         left: 0px;
         overflow: hidden;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
         -webkit-backdrop-filter: blur(33px)!important;
                 backdrop-filter: blur(33px)!important;
    }
     #mobile-header.scroll {
         height: 28px;
    }
     #mobile-header a img {
         height: 10vh;
         max-height: 50px;
         padding-bottom: 15px;
         padding-top: 15px;
         -webkit-filter: invert(1);
                 filter: invert(1);
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
    }
     #mobile-header.scroll a img {
         max-height: 25px;
    }
     nav {
         position: fixed;
         top: 0px;
         left: 150vw;
         width: 100vw;
         background: black;
         z-index: 100;
         height: 150vh;
         padding-top: 95px !important;
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
    }
     nav a.float-right {
         margin-left: auto;
         margin-right: auto;
    }
     nav.open {
         left: 0px;
    }
     nav a {
         font-size: 1.35em;
         padding: 10px;
         max-width: 100vw;
    }
     .nav-icon {
         display: none;
    }
     .menu-toggle {
         width: 25px;
         height: 80px;
         position: fixed;
         top: 0px;
         right: 0px;
         padding: 15px;
         cursor: pointer;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
    }
     .scroll .menu-toggle {
         height: 30px;
    }
     .menu-toggle-bar {
         content: "";
         width: 25px;
         height: auto;
         border-bottom: 1px solid white;
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
    }
     .menu-toggle-bar::before, .menu-toggle-bar::after {
         position: relative;
         display: block;
         content: "";
         width: 25px;
         height: auto;
         border-bottom: 1px solid white;
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
    }
     .menu-toggle-bar::before {
         opacity: 1;
         top: -8px;
    }
     .menu-toggle-bar::after {
         opacity: 1;
         top: 10px;
    }
     .open.menu-toggle {
         -webkit-transform: rotate(720deg);
             -ms-transform: rotate(720deg);
                 transform: rotate(720deg);
    }
     .open .menu-toggle-bar {
         -webkit-transform: rotate(45deg);
             -ms-transform: rotate(45deg);
                 transform: rotate(45deg);
    }
     .open .menu-toggle-bar::before {
         opacity: 0;
         -webkit-transform: rotate(45deg);
             -ms-transform: rotate(45deg);
                 transform: rotate(45deg);
    }
     .open .menu-toggle-bar::after {
         -webkit-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
                 transform: rotate(90deg);
         top: 2px;
    }
     .p-fifty{
         padding-top: 50px;
         padding-bottom: 50px;
    }
     .p-top-mob {
         margin-top: 150px;
    }
     .p-top-more {
         margin-top: 150px !important;
    }
     .seconds {
         display: none !important;
    }
     nav.scroll {
         height: 100vh !important;
         -webkit-transition-duration: .5s ease;
              -o-transition-duration: .5s ease;
                 transition-duration: .5s ease;
    }
     .emp {
         margin: auto;
    }
     .emp p {
         font-size: 1.5em;
         max-width: 95%;
    }
     .emp.comp:first-child:after {
         content: " ";
         display: block;
         width: 100%;
         height: 25px;
         border-bottom: 1px solid white;
         margin-bottom: 65px;
    }
     .services ul li {
         font-size: 1.25em;
    }
     .ma-icons img {
         max-width: 50vw;
         width: 150px !important;
    }
     .mobile-no{
         display: none;
    }
}
/* Set Flex Columns Medium Screen*/
 @media screen and (min-width: 700px) {
     .one > * {
         width: 100%;
    }
     .two > * {
         width: 48%;
    }
     .three > * {
         width: 32%;
    }
     .four > * {
         width: 48%;
    }
     #mobile-header {
         display: none;
    }
}
/* Set Flex Columns Large Screen*/
 @media screen and (min-width: 1200px) {
     .one > * {
         width: 100%;
    }
     .two > * {
         width: 48%;
    }
     .three > * {
         width: 32%;
    }
     .four > * {
         width: 24%;
    }
}
/* The animation code */
 @-webkit-keyframes pulsate {
     from {
         background-size: 200vh;
    }
     to {
         background-size: 210vh;
    }
}
 @keyframes pulsate {
     from {
         background-size: 200vh;
    }
     to {
         background-size: 210vh;
    }
}
 .map-holder {
     height: 45vh !important;
     overflow: hidden !important;
}
 .kush {
     padding: 100px 0px;
}
/* Trigger */
 .animated {
     -webkit-animation-duration: 1s;
             animation-duration: 1s;
     -webkit-animation-fill-mode: both;
             animation-fill-mode: both;
}
/* Optional Delays, change values here */
 .one {
     -webkit-animation-delay: 0.2s;
             animation-delay: 0.2s;
}
 .two {
     -webkit-animation-delay: .6s;
             animation-delay: .6s;
}
 .three {
     -webkit-animation-delay: 1s;
             animation-delay: 1s;
}
 .four {
     -webkit-animation-delay: 1.4s;
             animation-delay: 1.4s;
}
 html.open {
     overflow-y: hidden !important;
}
 .bolded {
     font-weight: 900;
     font-size: 1.5em;
     text-transform: uppercase;
}
 .kindered a, #contact a {
     margin-top: 10px;
}
 #team img {
     display: block;
}
 .p-top-more {
     padding-top: 250px;
     padding-bottom: 250px;
}
 #listed-services ul {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     list-style: none;
     padding: 0px;
     -ms-flex-item-align: baseline;
         align-self: baseline;
}
 #listed-services li {
     font-size: 1.5em;
     padding: 15px;
     text-align: left;
     margin-right: auto;
}
 .large-img {
     width: 100%;
     max-width: 170px;
     margin-bottom: 40px;
     padding-right: 15px;
}
 .go-left {
     margin-right: auto;
}
 .kindered {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 i.fa.fa-check-circle-o {
     margin-right: 15px;
}
 #contact {
     padding-top: 90px;
}
 #our-commitment p {
     font-size: 1.25em;
}
 #our-commitment .header{
     font-size: 3em;
}
 .animated-div {
     opacity: 0;
     -webkit-transform: translateY(50px);
         -ms-transform: translateY(50px);
             transform: translateY(50px);
    /* Start offscreen */
     -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
     transition: opacity 1s ease, -webkit-transform 1s ease;
     -o-transition: opacity 1s ease, transform 1s ease;
     transition: opacity 1s ease, transform 1s ease;
     transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}
 .animated-div.animate {
     opacity: 1;
     -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
             transform: translateY(0);
}
 .services ul, #why-choose-us ul {
}
 span.spacer {
     content: " ";
     border-bottom: 1px solid #ffffff4f;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 90vw;
     max-width: 1600px;
     margin: auto;
}
 .service-bkg {
     color: white;
     display: -ms-grid;
     display: grid;
     background-color: #3a3a3a;
     background-size: cover;
     background-position: center;
     padding-top: 300px;
     padding-bottom: 60px;
     margin-top: -10px;
     background-blend-mode: overlay;
     min-height: 420px;
}
 .service-bkg p {
     font-size: 1em;
     max-width: 720px;
}
 .service-bkg h1 {
     line-height: .9em;
     word-wrap: break-word;
     -webkit-hyphens: auto;
         -ms-hyphens: auto;
             hyphens: auto;
     -moz-hyphens: auto;
    /* Firefox compatibility */
}
 .service-bkg.oil-and-gas{
     background-image:url("../../assets/images/pipeline.jpg");
}
 .service-bkg.electric{
     background-image:url("../../assets/images/electrical.jpg");
}
 .service-bkg.vegetation{
     background-image:url("../../assets/images/vegetation.jpg");
}
 .service-bkg.telecommunication{
     background-image:url("../../assets/images/telecommunication.jpg");
}
 .service-bkg.safety-and-qc{
     background-image:url("../../assets/images/safety.jpg");
}
 .service-bkg.specialty{
     background-image:url("../../assets/images/special.jpg");
}
 .service-bkg.cross-bore{
     background-image:url("../../assets/images/cross-bore.jpg");
}
 .service-bkg.sewer{
     background-image:url("../../assets/images/sewer-and-water.jpg");
}
 .service-bkg.third-party-inspection{
     background-image:url("../../assets/images/third-party-inspection.jpg");
}
 .service-bkg.mark-locate{
     background-image:url("../../assets/images/mark-locate.jpg");
}
 #about-services {
}
 #about-services .card {
     color: white;
     background-color: #090909;
     padding: 70px 30px;
     cursor: pointer;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     background-size: cover!important;
     background-position: center!important;
}
 #about-services .card:nth-child(1) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/third-party-inspection.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/third-party-inspection.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/third-party-inspection.jpg");
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 #about-services .card:nth-child(2) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/mark-locate.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/mark-locate.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/mark-locate.jpg");
}
 #about-services .card:nth-child(3) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/telecommunication.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/telecommunication.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/telecommunication.jpg");
}
 #about-services .card:nth-child(4) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/electrical.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/electrical.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/electrical.jpg");
}
 #about-services .card:nth-child(5) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/cross-bore.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/cross-bore.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/cross-bore.jpg");
}
 #about-services .card:nth-child(6) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/vegetation.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/vegetation.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/vegetation.jpg");
}
 #about-services .card:nth-child(7) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/sewer-and-water.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/sewer-and-water.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/sewer-and-water.jpg");
}
 #about-services .card:nth-child(8) {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 1))), url("../../assets/images/safety.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/safety.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/safety.jpg");
}
 #about-services .card:nth-child(1):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/third-party-inspection.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/third-party-inspection.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/third-party-inspection.jpg");
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 #about-services .card:nth-child(2):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/mark-locate.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/mark-locate.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/mark-locate.jpg");
}
 #about-services .card:nth-child(3):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/telecommunication.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/telecommunication.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/telecommunication.jpg");
}
 #about-services .card:nth-child(4):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/electrical.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/electrical.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/electrical.jpg");
}
 #about-services .card:nth-child(5):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/cross-bore.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/cross-bore.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/cross-bore.jpg");
}
 #about-services .card:nth-child(6):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/vegetation.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/vegetation.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/vegetation.jpg");
}
 #about-services .card:nth-child(7):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/sewer-and-water.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/sewer-and-water.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/sewer-and-water.jpg");
}
 #about-services .card:nth-child(8):hover {
     background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))), url("../../assets/images/safety.jpg");
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/safety.jpg");
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), url("../../assets/images/safety.jpg");
}
 #about-services .card:hover {
     background-size: cover;
     background-position: center;
     z-index: 20;
}
 #about-services .card::after {
     content: '';
     position: absolute;
     top: 50%;
     right: 60px;
    /* Adjust the distance from the right as needed */
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 8px 0 8px 12px;
    /* Adjust the size of the arrow */
     border-color: transparent transparent transparent #fff;
    /* Arrow color */
     opacity: 0;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
    /* Add a smooth transition effect */
}
 #about-services .card:hover::after {
     opacity: 1;
     right: 30px;
}
/* Default styles for all screen sizes */
 .card {
    /* Your card styles here */
     width: 100%;
    /* Cards will take 100% width by default */
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
}
/* Tablet styles (2 columns) */
 @media (min-width: 600px) and (max-width: 991px) {
     .six > .card {
         width: 50%;
        /* Two cards per row on tablets */
    }
}
/* Desktop styles (3 columns) */
 @media (min-width: 992px) {
     .six > .card {
         width: 25%;
        /* Three cards per row on desktop */
    }
}
 #about-services h3 {
     font-size: 1.5em;
     font-weight: 500;
}
 .margin-top{
     margin-top: 15px!important;
}
 .menu > li {
     position: relative;
     margin-right: 2px;
     border-radius: 4px !important;
}
 #services section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     margin: 7px;
     border-radius: 4px;
     padding: 5px;
}
/* Additional CSS for FAQ and other specific sections */
 .faq-section {
     margin-top: 2rem;
}
 .faq-item {
     margin-bottom: 1rem;
}
 .faq-question {
     font-weight: 500;
     cursor: pointer;
     margin: 0;
     padding: 0.5rem;
     background-color: #f2f2f2;
     font-size: 1rem;
}
 .faq-answer {
     border: 1px solid #ddd;
     border-top: none;
}
 .faq-answer {
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     height: 0;
     overflow: hidden;
     -webkit-transition: height 0.3s ease;
     -o-transition: height 0.3s ease;
     transition: height 0.3s ease;
}
 .faq-answer.expanded {
     height: auto;
}
 .faq-answer > * {
     padding: 15px;
}
 .faq-answer-content {
     max-width: 820px;
}
 .menu {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .menu > li {
     position: relative;
}
 .menu > li > a {
     display: block;
     padding: 10px;
     background: #333;
     color: #fff;
     text-decoration: none;
}
 .menu > li > a:hover, .menu > li > a:focus {
     background: #444;
}
 .menu ul {
     list-style: none;
     padding: 0;
     margin: 0;
     position: relative;
     width: 100%;
     background: #333;
     opacity: 0;
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     top: 0px;
     height: 0px;
     opacity: 0;
     overflow: hidden;
}
 .menu ul li a {
     padding: 10px;
     background: #444;
     color: #fff;
     text-decoration: none;
     display: block;
}
 .menu ul li a:hover, .menu ul li a:focus {
     background: #555;
}
 .menu ul.show {
     opacity: 1;
     height: 200px;
     background: transparent;
}
 .menu > li > a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 .menu > li > a::after {
     content: '\25BC';
    /* Down arrow */
     font-size: 12px;
     margin-left: 10px;
}
 .menu > li.show > a::after {
     content: '\25B2';
    /* Up arrow */
}
 .services {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     gap: 20px;
}
 .tabsa {
     -webkit-box-flex: 1;
         -ms-flex: 1 1 100%;
             flex: 1 1 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
 .tab {
     cursor: pointer;
     background-color: #f2f2f2;
     text-align: left;
     padding: 23px 25px;
     margin: 2px;
}
 .tab:hover {
     background-color: #e2e2e2;
}
 .modal {
     display: none;
     position: fixed;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgba(0, 0, 0, 0.4);
}
 .modal-content {
     background-color: #fff;
     margin: 10% auto;
     padding: 20px;
     border: 1px solid #888;
     width: 80%;
     border-radius: 5px;
     max-width: 550px;
}
 .modal-content h2::before, .modal-content h2::after {
     border: 0px solid transparent;
}
 .close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
}
 .close:hover, .close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
}
 @media (max-width: 768px) {
     .tab {
         width: 90vw;
    }
     .modal-content {
         width: 90%;
    }
}
 .certifications-section {
     border-radius: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
 .certifications-section h2 {
     width: 100%;
     margin-bottom: 1rem;
     color: #333;
     font-size: 1.5rem;
}
 .certifications-section .col {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     margin-bottom: 1rem;
     padding-right: 1rem;
}
 .certifications-section .points-col {
     -webkit-box-flex: 1;
         -ms-flex: 1 1 1 calc(33% - 1rem);
             flex: 1 1 1 calc(33% - 1rem);
}
 .certifications-section .paragraph-col {
     -webkit-box-flex: 1;
         -ms-flex: 1 1 1 calc(33% - 1rem);
             flex: 1 1 1 calc(33% - 1rem);
}
 .certifications-section ul {
     list-style: none;
     padding: 0;
}
 .certifications-section ul li {
     margin-bottom: 0.5rem;
     position: relative;
     padding: 8px 25px;
     font-size: 1rem;
     font-weight: 500;
}
 .certifications-section ul li::before {
     content: "\f05d";
    /* Font Awesome check-circle icon */
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     left: 0;
     color: dodgerblue;
     font-weight: 900;
}
 .certifications-section p {
     margin-top: 1.5rem;
     color: #555;
     line-height: 1.6;
}
 @media (max-width: 768px) {
     .certifications-section {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    }
     .certifications-section .points-col, .certifications-section .paragraph-col {
         -webkit-box-flex: 1;
             -ms-flex: 1 1 100%;
                 flex: 1 1 100%;
         padding-right: 0;
    }
}
 .highlight {
     font-weight: bold;
}
 .pull-quote {
     margin: 1rem 0;
     padding: 1rem;
     background: #e9ecef;
     border-left: 5px solid #007bff;
     font-style: italic;
}
 .join-our-team-section {
     border-radius: 8px;
}
 .join-our-team-section h2 {
     margin-bottom: 1rem;
     color: #333;
     font-size: 1.5rem;
}
 .join-our-team-section p {
     margin-bottom: 1.5rem;
     color: #555;
     line-height: 1.6;
}
 .join-our-team-section ul {
     list-style-type: none;
     padding: 0;
     margin-bottom: 1.5rem;
}
 .join-our-team-section ul li {
     margin-bottom: 1rem;
     padding-left: 1.5rem;
     position: relative;
}
 .join-our-team-section ul li::before {
     content: "✓";
     position: absolute;
     left: 0;
     color: dodgerblue;
     font-weight: bold;
}
 .join-our-team-section h3 {
     margin-top: 1.5rem;
     color: #444;
     font-size: 1.25rem;
}
 .join-our-team-section a {
     color: #007bff;
     text-decoration: none;
}
 .join-our-team-section a:hover {
     text-decoration: underline;
}
 .why-work-with-us-section {
     border-radius: 8px;
}
 .why-work-with-us-section h2 {
     margin-bottom: 1rem;
     color: #333;
     font-size: 1.5rem;
}
 .why-work-with-us-section .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     margin-bottom: 1.5rem;
}
 .why-work-with-us-section .row .col {
     -webkit-box-flex: 1;
         -ms-flex: 1 1 100%;
             flex: 1 1 100%;
     margin-bottom: 1rem;
}
 .why-work-with-us-section .row .col h3 {
     color: #444;
     font-size: 1.25rem;
}
 .why-work-with-us-section .row .col p {
     margin: 0;
     color: #555;
     line-height: 1.6;
}
 .why-work-with-us-section a {
     color: #007bff;
     text-decoration: none;
}
 .why-work-with-us-section a:hover {
     text-decoration: underline;
}
 @media (min-width: 768px) {
     .why-work-with-us-section .row .col {
         -webkit-box-flex: 1;
             -ms-flex: 1 1 calc(50% - 1rem);
                 flex: 1 1 calc(50% - 1rem);
         margin-right: 1rem;
    }
     .why-work-with-us-section .row .col:nth-child(even) {
         margin-right: 0;
    }
}
 h3 i {
     color: dodgerblue;
     margin-right: 10px;
}
 .services section{
     border: 1px solid grey;
}
 #services li {
     padding-top: 25px;
}
 .faq-section {
     margin-top: 2rem;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-flow: column;
             flex-flow: column;
     width: 100%;
}
 .card-reader {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     gap: 20px;
}
 .left-column {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     min-width: 300px;
}
 .right-column {
     -webkit-box-flex: 2;
         -ms-flex: 2;
             flex: 2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     gap: 20px;
}
 .card {
     background-color: #f0f0f0 !important;
     padding: 20px;
}
 @media (max-width: 800px) {
     .card-reader {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    }
     .left-column, .right-column {
         min-width: 100%;
    }
}
 .card-reader h3::before {
     content: '✔';
     position: absolute;
     left: 0;
     top: 0;
     color: dodgerblue;
     font-size: 20px;
}
 .card-reader h3::before {
     display: contents;
     content: '✔';
     color: dodgerblue;
     font-size: 20px;
}
 h4 {
     margin-bottom: 0px;
}
 service-details h3 {
     padding: 6px 12px;
     border: 1px solid lightgray;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 4px;
}
 .services-grid {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     padding: 20px;
     -webkit-box-pack: left;
         -ms-flex-pack: left;
             justify-content: left;
     width: -webkit-fill-available;
     max-width: 1080px;
     margin-right: auto;
}
 .service-card {
     background-color: #3e3e3e;
     color: white;
     border: 1px solid #ddd;
     margin: 1px;
     padding: 0px 20px;
     max-width: 250px;
     text-align: center;
     cursor: pointer;
     -webkit-transition: -webkit-transform 0.2s;
     transition: -webkit-transform 0.2s;
     -o-transition: transform 0.2s;
     transition: transform 0.2s;
     transition: transform 0.2s, -webkit-transform 0.2s;
     font-size: .65rem;
     border-radius: 5px;
}
 .service-card:hover {
     background-color: dodgerblue;
     -webkit-transform: scale(.98);
         -ms-transform: scale(.98);
             transform: scale(.98);
}
 .service-details {
     padding: 20px;
}
 .service-details section {
     margin-top: 20px !important;
     padding: 55px !important;
     background-color: #f0f0f0;
     border-left: 2px solid white;
     border-radius: 0px!important;
     -webkit-transform: scale(.98);
         -ms-transform: scale(.98);
             transform: scale(.98);
     color: gray;
}
 .service-details {
     padding: 0px;
}
 .service-details section {
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .service-details section.in-focus {
     border-left-color: dodgerblue;
     -webkit-transform: scale(1);
         -ms-transform: scale(1);
             transform: scale(1);
     background-color: #f2f2f2;
     color: black;
}
 .in-focus ::marker {
     color: dodgerblue;
}
 div#animation {
     width: 90vw;
     max-width: 720px;
     min-height: 450px;
}
 @media (max-width: 768px) {
     .info-container {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
        /* Stack items vertically */
         -webkit-box-align: stretch;
             -ms-flex-align: stretch;
                 align-items: stretch;
        /* Stretch items to full width */
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
    }
     section#locations-we-cover {
         height:100%;
         min-height: 590px!IMportant;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
         -webkit-transition: .5s ease;
         -o-transition: .5s ease;
         transition: .5s ease;
    }
     div#animation {
         min-height: 285px;
    }
     .service-details section {
         margin-top: 10px !important;
         padding: 25px !important;
    }
     .service-bkg h1 {
         font-size: 3rem;
    }
     .service-bkg h1 {
         white-space: pre-wrap;
         word-wrap: break-word;
    }
     .service-bkg h1 span::after {
         content: "\A";
         white-space: pre;
    }
     h1.long-word {
         font-size: 2rem!important;
    }
}
 #scrollToTopBtn {
     display: block;
     position: fixed;
     bottom: -60px;
     right: 20px;
     z-index: 99;
     border: none;
     outline: none;
     background-color: #63636366;
     color: white;
     cursor: pointer;
     border-radius: 360px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-backdrop-filter: blur(26px);
             backdrop-filter: blur(26px);
     font-size: 1.5rem;
     padding-bottom: 3px;
     -ms-flex-line-pack: center;
         align-content: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     text-align: center;
     text-align: -webkit-center;
     -moz-text-align-last: center;
          text-align-last: center;
     padding: 4px 13px 8px 13px;
}
 .scroll i.fa.fa-angle-up {
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
     text-align: center;
     margin: auto;
}
 #scrollToTopBtn.scroll {
     bottom: 20px;
    /* Show the button */
}
 #scrollToTopBtn:hover {
     background-color: #000;
}
 .quick-links {
     margin-right: auto;
     padding-left: 30px;
     margin-top: 45px;
}
 .ql-list {
     text-transform: uppercase;
     color: dodgerblue;
}
 .quick-links h2 {
     margin: 0px;
     line-height: 0px;
}
 .quick-links i {
     -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
             transform: rotate(0deg);
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
}
 @media (max-width: 1370px) {
     .quick-links i {
         -webkit-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
                 transform: rotate(90deg);
    }
}
 .job h3 {
     border: 2px solid;
     padding: 5px 10px;
     text-transform: uppercase;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
}
 a.position {
     border: 1.5px solid;
     padding: 1px 5px;
     border-radius: 3px;
     line-height: 1.5rem;
}
/* Styles for the form */
 #request-a-quote {
     width: 100%;
}
#contact-form {
    width: 100%;
    margin: auto;
    background-color: white;
    padding: 30px 0px;
    margin-left: -15px;
    -webkit-box-shadow: 0 0 40px lightgrey;
            box-shadow: 0 0 40px lightgrey;
    border-radius: 8px;
}
/* Style for labels */
 label {
     font-weight: bold;
     display: block;
}

label {
    margin-top: 9px !important;
    margin-bottom: 1px;
}

select, input{
    margin-bottom:10px;
}

 label, input, textarea, select, .recap {
     margin-left: 25px;
}
 .recap{
     margin-top: 10px;
}
/* Style for inputs and textareas */
input[type="text"], input[type="email"], input[type="tel"], textarea {
    margin-bottom: 12px;
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    width: calc(100% - 50px);
    background: #efefef;
    padding-top: 8px;
}
form *:focus-visible {

    outline: none;
    background: white;
}
/* Style for submit button */
 input[type="submit"] {
     background-color: dodgerblue;
     color: white;
     padding: 10px 20px;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     font-size: 18px;
}
/* Style for links */
 a {
     color: dodgerblue;
     text-decoration: none;
}
/* Responsive adjustments */
 @media (max-width: 600px) {
     input[type="text"], input[type="email"], input[type="tel"], select, textarea {
         font-size: 14px;
    }
     input[type="submit"] {
         font-size: 16px;
    }
}
 select#project-type, select#preferred-method {
     width: -webkit-fit-content!important;
     width: -moz-fit-content!important;
     width: fit-content!important;
}
 .grecaptcha-badge {
     visibility: hidden;
}