/* ========================================== */
/* === CSS Table of Contents ================ */
/* === 2023 © Guardian Sages ================ */ 
/* ========================================== */

/* ========================================== */
/* === 1. Top Header Section ================ */
/* === 2. Navigation Section ================ */
/* === 3. Website Pages Section ============= */
/* ===    a. Home Section =================== */
/* ===    b. About Section ================== */
/* ===    c. Services Section =============== */
/* ===    d. Gallery Section ================ */
/* ===    e. Areas We Service Section ======= */
/* ===    f. Testimonials Section =========== */
/* ===    g. Contact Section ================ */
/* ===    h. Sections On Every Page ========= */
/* === 4. Misc. Section ===================== */
/* ===    a. Referrals Owl Carousel ========= */
/* ===    b. Default Classes ================ */
/* ===    c. Gallery Function Section ======= */
/* ===    d. Reviews Function Section ======= */
/* === 5. Footer Section ==================== */
/* === 6. Lg. Laptop CSS Section ============ */
/* === 7. Sm. Laptop CSS Section ============ */
/* === 8. Tablet CSS Section ================ */
/* === 9. Mobile CSS Section ================ */
/* === 10. Sm. Mobile CSS Section =========== */
/* ========================================== */

@import url('https://fonts.googleapis.com/css?family=Staatliches');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700,900');

@font-face {
	font-family: 'font';
	src:url('../fonts/arvo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font2';
	src:url('../fonts/poppins.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'font3';
	src:url('../fonts/Monoton-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

/* ======================================== */
/* === Top Header Section ================= */
/* ======================================== */
.top-header {
	position: fixed; width: 100%; z-index: 1; padding: 0;     background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover;
    background-attachment: fixed;
    background-color: #fff;
    background-repeat: no-repeat;	z-index: 3; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
.top-header div[class*='col-']:first-child {
	display: flex; justify-content: flex-end; align-items: center;
}
.top-header div[class*='col-']:first-child a {
	padding: 0; font-size: 15px; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
.top-header div[class*='col-']:first-child a:hover {
	background-color: transparent;
}
.top-header div[class*='col-']:nth-child(2) {
	display: flex; justify-content: center; align-items: center;
}
.top-header div[class*='col-']:nth-child(3) {
	display: flex; justify-content: center; align-items: center;
}
.top-header div[class*='col-']:nth-child(3) a {
	padding: 9px 15px 9px 15px; background: transparent; font-weight: 600; font-family: 'font2'; color: rgb(120,120,120); border-radius: 1.6rem; border: 1px double rgb(120,120,120);
}
.top-header div[class*='col-']:nth-child(3) a:hover {
	background: transparent;
}
.top-header div[class*='col-']:nth-child(4) {
	display: flex; justify-content: center; align-items: center;
}
.top-header div[class*='col-']:nth-child(4) a {
	padding: 9px 15px 9px 15px; background: transparent; font-weight: 600; font-family: 'font2'; color: rgb(120,120,120); border-radius: 1.6rem; border: 1px double rgb(120,120,120);
}
.top-header div[class*='col-']:nth-child(4) a:hover {
	color: rgb(120,120,120);
}
.top-header div[class*='col-']:nth-child(5) {
	display: flex; justify-content: flex-start; align-items: center;
}
.top-header div[class*='col-']:nth-child(5) a {
	display: flex; justify-content: center; align-items: center; border: 1px solid rgb(255,255,255); color: rgb(255,255,255); background: rgb(196,41,56); border-radius:100px;	height: 34px; width: 34px; margin: 0 4px;
}
.top-header div[class*='col-']:nth-child(5) a:hover {
	background: rgb(196,41,56,0.8);	text-decoration:none !important; color: rgb(255,255,255);
}
.top-header .dropdown-menu {
	background: whitesmoke; border-radius: 0;
}
.top-header .dropdown-menu a {
	color: #222; padding: 3px 20px !important;
}
.top-header .dropdown-toggle {
	background: #21212100; padding: 6px 25px; outline: none !important; border-color: #f3f3f3b5;
}
.top-header .dropdown-toggle:hover {
	background-color: white !important; color: #000 !important;
}
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	color: #000; background-color: rgb(255, 255, 255); border-color: #666e76; box-shadow:none !important;
}
.top-header .btn-secondary.focus,
.btn-secondary:focus {
	outline: none !important; box-shadow: none !important;
}

/* ======================================== */
/* === Navigvation Section ================ */
/* ======================================== */
.navbar-inverse .navbar-inner {
	display:none;
}
.dropdown-menu {
	position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 200px; padding: .5rem 0; margin: .125rem 0 0; font-size: 18px; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255,255,255); background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px; font-weight: 300;
}
.dropdown-item {
	display: block; width: 100%; font-weight: 600; font-family: 'font2'; padding: .25rem 1.5rem; clear: both; color: rgb(12,12,12); text-align: inherit; white-space: nowrap; background: 0 0;border: 0;
}
.dropdown-item.active, .dropdown-item:active {
	color: rgb(255,255,255); text-decoration: none; background-color: rgb(22,22,22) !important;
}
.dropdown {
	float: left; position: relative;
}
.dropdown .dropbtn {
	font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit;font-family: inherit; margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
	background-color: #043174;
}
.dropdown-one {
	cursor: pointer; display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-two {
	cursor: pointer; display: none; position: absolute; left: 160px; top: 0px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-three {
	cursor: pointer; display: none; position: absolute; left: 160px; top: 48px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown:hover .dropdown-one, #link1:hover > .dropdown-two {
	display: block;
}
.dropdown:hover .dropdown-one, #link2:hover > .dropdown-three {
	display: block;
}
.dropdown-one .dItem {
	color: black; padding: 12px 16px; display: block; text-align: left;
}
.dropdown-one .dItem:hover, .dropdown-two a:hover {
	background-color: #ddd;
}
.my-pad {
	padding: 0 0 0 15px;
}
.my-pad h5 {
	color: rgb(255,255,255); font-size: 18px; text-transform: uppercase; padding-top: 20px;	line-height: 5px; font-weight: 600;
}
.multi-column-dropdown {
	list-style: none; margin: 0px; padding: 0px;
}
ul.multi-column-dropdown {
	padding: 0 0 0;
}
.multi-column-dropdown li a {
	display: block;	clear: both; line-height: 1.428571429; color: #333; white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none; color: #262626; background-color: #999;
}
.tab {
	overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; font-family: 'font2';
}
.tab button {
	background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px;
}
.tab button:hover {
	background-color: #ddd;
}
.tab button.active {
	background-color: #ccc;
}
.tabcontent {
	display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none;
}
.tabcontent h3 {
	padding-top: 40px; padding-bottom: 40px; font-family: 'font'; text-align: center; font-size: 2rem; color: rgb(246,177,24);
}
.top-header-animate {
	
}
.top-header-animate .dropdown-toggle {
	color:#0a0a0a; font-size: 16px;
}
.top-header-animate .navbar-brand {
	font-size: 1.5em;
}
body {
	padding: 0; -webkit-transition-property: all; -webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out; overflow-x: hidden;
}
.navbar-scroll {
	padding: 95px 0 0; position: fixed; background: rgb(83,82,82); width: 100%; z-index: 2;	-webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
.navbar-scroll .container {
	background: rgb(60,36,17,0); border-bottom-left-radius: 1.5rem;	border-bottom-right-radius: 1.5rem;
}
#projects .navbar-scroll {
	background: #fdfdfd; position:relative !important;
}
#projects .navbar-scroll li a {
	color:#333;
}
#projects .navbar-scroll .navbar-brand {
	color:#252525;
}
#projects .navbar-light .lnr {
	color:#222;
}
.navbar-light .lnr {
	color: #fdfdfd;	font-size: 1.5em; position: absolute; top: 6px; right: 10px;
}
.navbar-light .navbar-brand {
	color: #e8e8e8; font-size: 20px; font-family: 'Montserrat', sans-serif;
}
.navbar-brand {
	font-size:2.5em; font-weight:700; text-transform:uppercase;
}
.navbar-brand:focus, .navbar-brand:hover {
	color:#f3f3f3 !important;
}
.navbar-light .navbar-nav .nav-link {
	margin: 0 28px; padding: 6px 0px; font-weight: 900; font-size: 18px; color: rgb(255,255,255); font-family: 'font2';
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav
.nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light
.navbar-nav .show>.nav-link {
	color: rgb(255,255,255);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: rgb(196,41,56);
}
.navbar-light .navbar-nav li a {
	position: relative;
}
.navbar-collapse {
	height: 100%;
}
.mobile-top-header {
	display: none !important;
}

/* ========================================== */
/* === Website Pages Section ================ */
/* ========================================== */

/**** Home Section ****/
.bg-primary {
	background: rgb(83,82,82) !important;
}
.home-header-section {
	padding-top: 125px;
}
.home-header-section .slider-logo span {
	font-family: 'font'; color: rgb(196,41,56);
}
.showcase {
    position: relative;
    height: 95vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.background-video {
    width: 100%;
    height: 900px;
    overflow: hidden;
    object-fit: cover;
}
.video-overlay {
/*	    position: relative;
    padding: 200px 100px 100px 100px;
    margin-top: -895px;
    width: 100%; height: 900px;*/
        position: absolute;
        padding: 50px 10px 50px 10px;
        background: #ffffff00;
        margin-top: -0;
        margin-bottom: 0;
        width: 100%;
        top: 10%;
    
}
.video-overlay .row {
	--bs-gutter-x: 0;
}
.video-overlay h1 {
	font-family: Montserrat; font-size: 45px; color: #B24334; font-weight: 600; text-align: center; letter-spacing: 2px; text-shadow: 1px 1px 1px #000;
}
.video-overlay h1 span {
	font-size: 20px; font-family: Arial; font-weight: 600; color: #282828; letter-spacing: 1px; text-shadow: none;
}
.video-overlay h1 i {
	font-family: font4; letter-spacing: 3px; font-weight: 500; font-size: 40px; color: #736c45;
}
.video-overlay h3 {
	font-family: Montserrat;
    letter-spacing: 1px; position: relative; 
    font-size: 20px; font-weight: 600;
    text-transform: uppercase;
    color: #282828;
}
.video-overlay h3 span {
	color: #B24334;
}
.video-overlay h4 {
	padding: 35px; border-radius: 10px; color: #fff; font-size: 20px; letter-spacing: 2px; width: fit-content;
	background: #B24334; text-align: center; font-family: font11; font-weight: 600; text-transform: uppercase;
}

.video-overlay a {
	width:auto;     display: inline-block;
}

.video-overlay h4:hover {
	box-shadow: 0px 0px 0px 15px #B24334;  border-radius: 0px;
}
.video-overlay .boxer1 {
	padding: 25px; background: #ffffff9c; border-radius: 10px;
}
.video-overlay .boxer2 {
	padding: 15px; 
}
.home1 {
	padding: 75px 0 75px 0;     background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover; background-attachment: fixed;
    height: 100%; background-color: #fff;
    background-repeat: no-repeat;
}
.home1 .pad {
	padding-top: 85px;
}
.home1 h2 {
	font-family: Montserrat; font-size: 35px; text-align: left; font-weight:600; 
}
.home1 p {
	font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(81, 77, 77); line-height: 35px;
}
.home1 h2 span {
	color: #B24334;
}

.home1 img {
	box-shadow: 15px -15px 0px 0px #B24334; border: 3px solid #fff;    border-radius: 15px;
}

.home2 {
	padding: 150px 0px 150px 0px; text-align: center;
}

.home2 .choose-card {
	background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover; padding: 75px 25px; border: 2px solid #B24334; background-attachment: fixed;
    height: 100%; background-color: #fff;
    background-repeat: no-repeat;    border-radius: 25px;
}

.home2 h3 {
	font-family: Montserrat; font-size: 25px; letter-spacing: 1px; color: #B24334;
}

.home2 p {
	font-size: 17px; font-family: 'font2'; font-weight: 600;  line-height: 35px;
}

.home2 i {
	font-size: 50px; color: #000; margin-bottom: 25px;
}

.home3 {
	 background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover; background-attachment: fixed;
    height: 100%; background-color: #fff;
    background-repeat: no-repeat; 
}

.home3 .container {
	padding: 50px; background: #fff;
}

.home3 .pump-image {
	     background: linear-gradient(to right, #ffffff00, #ffffff00), url(/img/homepage/well-pump-4.jpg);
    background-size: cover;
    border-radius: 25px;
    height: 100%;
    box-shadow: -15px -15px 0px 0px #B24334;
    border: 3px solid #fff;
    background-repeat: no-repeat;
}

.home3 .pump-content {
	padding: 125px 75px 125px 25px;
}

.home3 h2 {
	font-family: Montserrat; font-size: 35px; font-weight: 600; letter-spacing: 1px;
}

.home3 h2 span {
	font-size: 40px; color: #B24334;
}

.home3 h3 {
	font-family: Arial; font-size: 25px; font-weight: 500; letter-spacing: 1px; line-height: 50px;
}

.home3 p {
	font-size: 17px; font-family: 'font2'; font-weight: 600;  line-height: 35px;
}

 .home4 {
    background: #fff; padding: 100px 50px;
  }

  .service-card {
    perspective: 1000px;
    margin: 14px 0; padding: 25px 0px 25px 0px;
    outline: none; /* we’ll handle focus style */
  }
  .service-card:focus-visible {
    box-shadow: 0 0 0 3px rgba(178, 67, 52, 0.4);
    border-radius: 16px;
  }

  .service-card .card-inner {
    position: relative;
    width: 100%;
    min-height: 350px;
    transform-style: preserve-3d;
    transition: transform 600ms cubic-bezier(.2,.8,.2,1);
    border-radius: 16px;
  }

  /* Flip on hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
    .service-card:hover .card-inner {
      transform: rotateY(180deg);
    }
  }

  /* Flip when "active" (via click/tap/keyboard) */
  .service-card.is-flipped .card-inner {
    transform: rotateY(180deg);
  }

  .card-face {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
     background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover; background-attachment: fixed;
    height: 100%; background-color: #fff;
    background-repeat: no-repeat;
    border: 1px solid #eee;
    border-radius: 16px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.08);
    padding: 26px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .card-front i {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 14px;
    color: #B24334;
  }

  .card-front h3 {
    font-size: 25px; font-weight: 600;
    letter-spacing: .2px;
    margin: 0; font-family: Montserrat;
    color: #2b2b2b;
  }

  .card-back {
    transform: rotateY(180deg);
    background: #ffffff;
  }

  .card-back h4 {
    margin: 0 0 10px; font-family: Arial;
    font-size: 1.05rem;
    color: #B24334;
  }

  .card-back ul {
    list-style: none;
    padding: 0; font-family: font2; 
    margin: 0 0 10px;
    color: #5a5a5a;
  }
  .card-back ul li {
    margin: 6px 0;
  }

  .card-back .cta {
    margin: 4px 0 0;
    font-weight: 600;
    color: #2b2b2b;
  }

  /* Smooth but respectful motion */
  @media (prefers-reduced-motion: reduce) {
    .service-card .card-inner { transition: none; }
  }
  
 /* Smooth but respectful motion */
@media (prefers-reduced-motion: reduce) {
  .service-card .card-inner { transition: none; }
}

/* ===== Pumpfolio FAQ — bespoke classes, responsive, one-open behavior ===== */
.pumpfolio-faq {
  background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
}

.pumpfolio-faq h2 {
  font-family: Montserrat;
  font-size: 35px;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center;
}
.pumpfolio-faq h2 span { color: #B24334; }

.pumpfolio-faq__container { max-width: 1080px; margin: 0 auto; padding: 100px 50px; background: #fff; }
.pumpfolio-faq__header { margin-bottom: 1rem; }
.pumpfolio-faq__intro {
  color: #5a5a5a;
  margin: .25rem 0 0;
  text-align: center;
  font-family: font2;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 1px;
  font-size: 17px;
  margin: 25px 0 25px 0;
}

.pumpfolio-faq__list { display: grid; gap: 14px; }
@media (min-width: 768px) {
  .pumpfolio-faq__list { gap: 16px; }
}

.pumpfolio-faq__item {
  border: 1px solid #eee;
  border-radius: 14px;
  margin: 10px 0px 10px 0px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,.07), 0 2px 6px rgba(0,0,0,.05);
  overflow: hidden;
}

.pumpfolio-faq__q { margin: 0; font-size: 20px; font-weight: 500; }

.pumpfolio-faq__toggle {
  width: 100%;
  text-align: left;
  padding: 18px 56px 18px 18px;
  background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  border: 0;
  font: inherit;
  font-weight: 500;
  color: #2b2b2b;
  cursor: pointer;
  position: relative;
}

.pumpfolio-faq__toggle:hover { background-color: #B24334; font-weight: 600; }
.pumpfolio-faq__toggle:active { background-color: #B24334; }

.pumpfolio-faq__toggle:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(178,67,52,.35) inset, 0 0 0 3px rgba(178,67,52,.35);
  border-radius: 12px;
  margin: 6px;
}

.pumpfolio-faq__chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 22px;
  height: 22px;
  border-right: 3px solid #B24334;
  border-bottom: 3px solid #B24334;
  border-radius: 2px;
  transition: transform 220ms ease;
  transform-origin: 50% 45%;
}
.pumpfolio-faq__toggle[aria-expanded="true"] .pumpfolio-faq__chevron {
  transform: translateY(-50%) rotate(45deg); /* turn to an "x" angle */
}

.pumpfolio-faq__a { padding: 0 18px 18px 18px; }
.pumpfolio-faq__a p { margin: 0 0 10px; color: #333; font-family: font2; line-height: 30px; }
.pumpfolio-faq__bullets { margin: 8px 0 10px; padding-left: 18px; }
.pumpfolio-faq__bullets li { margin: 6px 0; font-family: font2; font-weight: 600; }
.pumpfolio-faq__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-top: 1px dashed rgba(178,67,52,.35);
  padding-top: 10px;
}
.pumpfolio-faq__links a {
  color: #B24334;
  text-decoration: none;
  border-bottom: 1px solid rgba(178,67,52,.35);
  padding-bottom: 1px;
}
.pumpfolio-faq__links a:hover { text-decoration: underline; }

/* Motion: respectful */
@media (prefers-reduced-motion: no-preference) {
  .pumpfolio-faq__a { animation: pf-slide 180ms ease; }
  @keyframes pf-slide {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .pumpfolio-faq__chevron { transition: none; }
}

/* === NEW: persistent open state matches hover color and keeps texture === */
.pumpfolio-faq__toggle[aria-expanded="true"] {
  background-color: #5E2119; /* same as :hover; texture from background-image remains */
      font-weight: 600; color: #fff;   background: linear-gradient(to right, #952f27cc, #952f27cc), url(/img/homepage/v-44.png);
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  background-repeat: no-repeat;      /* optional for contrast; remove if you want original text color */
}

/* Optional: keep icon/links readable when active */
.pumpfolio-faq__toggle[aria-expanded="true"] .pumpfolio-faq__chevron { border-color: #fff; }
.pumpfolio-faq__toggle[aria-expanded="true"] .pumpfolio-faq__links a {
  color: #fff;
  border-bottom-color: rgba(255,255,255,.5);
}


/* ===== Pump Process Section ===== */
.pump-process {
  --accent: #B24334;            /* <- set your brand red here */
  --ink: #1f1f1f;
  --paper: #b24334;
  --muted: #6b6b6b;
  position: relative;
  background: linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%);
  overflow: hidden;
}

.pump-process__swoop-top svg,
.pump-process__swoop-bottom svg {
  width: 100%;
  height: 70px;
  display: block;
}
.pump-process__swoop-top path,
.pump-process__swoop-bottom path {
  fill: var(--paper);
}
.pump-process__swoop-top { margin-bottom: -1px; }
.pump-process__swoop-bottom { margin-top: 24px; }

.pump-process .container { padding: 56px 16px 64px; }

.pump-process__header {
  text-align: center;
  margin-bottom: 22px;
}
.pump-process__header h2 {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.2;
  color: var(--ink);
  margin: 0;
}
.pump-process__header h2 span { color: var(--accent); }
.pump-process__intro {
  max-width: 880px;
  margin: 12px auto 0;
  color: var(--muted);
  font-size: clamp(14px, 1.6vw, 18px);
}

/* Steps grid */
.pump-process__list {
  list-style: none;
  padding: 0;
  margin: 28px auto 8px;
  display: grid;
  grid-template-columns: repeat(1, minmax(240px, 1fr));
  gap: 16px;
  counter-reset: step;
}
@media (min-width: 576px) {
  .pump-process__list { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
}
@media (min-width: 992px) {
  .pump-process__list { grid-template-columns: repeat(5, minmax(220px, 1fr)); gap: 18px; }
}

/* Each step/card */
.pump-process__item { position: relative; }
.pump-process__card {
  height: 100%;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 22px 18px 20px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
  will-change: transform;
}

/* icon circle */
.pump-process__icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  display: grid; place-items: center;
  color: var(--accent);
  background: radial-gradient(120% 120% at 30% 30%, rgba(178,67,52,.12), rgba(178,67,52,.05));
  margin-bottom: 14px;
  transition: background-color .25s ease, color .25s ease, transform .25s ease;
}
.pump-process__icon i { font-size: 22px; }

/* titles + text */
.pump-process__title {
  font-size: 18px;
  font-weight: 700;
  margin: 4px 0 8px;
  color: var(--ink);
}
.pump-process__text {
  margin: 0;
  color: #3b3b3b;
  line-height: 1.55;
  font-size: 15px;
}

/* Hover/focus effects */
.pump-process__card:hover,
.pump-process__card:focus-within {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.08);
}
.pump-process__card:hover .pump-process__icon,
.pump-process__card:focus-within .pump-process__icon {
  background: var(--accent);
  color: #fff;
  transform: scale(1.05);
}

/* Desktop connector line (visual flow) */
@media (min-width: 992px) {
  .pump-process__item::after {
    content: "";
    position: absolute;
    top: 44px;               /* roughly icon center */
    right: -9px;
    width: 18px;
    height: 2px;
    background: linear-gradient(90deg, rgba(178,67,52,.15), rgba(178,67,52,.45));
  }
  .pump-process__item:last-child::after { display: none; }
}

/* CTA buttons */
.pump-process__cta {
  margin-top: 18px;
  text-align: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.pump-process__btn {
  background: var(--accent);
  border: none;    margin-left: 125px; margin-top: 50px;
  color: #fff;
  padding: 12px 18px;
  border-radius: 25px !important;
  font-weight: 700;
  letter-spacing: .3px;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.pump-process__btn i { margin-right: 8px; }
.pump-process__btn:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 8px 18px rgba(178,67,52,.25); }

.pump-process__btn--ghost {
  border: 2px solid rgba(255,255,255,.85);
  color: #fff !important;
  background: transparent;
  padding: 10px 16px;
}
.pump-process__btn--ghost:hover {
  background: rgba(255,255,255,.08);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .pump-process__card,
  .pump-process__icon,
  .pump-process__btn { transition: none; }
}

  
/**** About Section ****/

/* Layout */
  .aboutforge {     background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat; color:#2b2b2b; }
  .aboutforge__container { max-width: 1350px; margin: 0 auto; padding: 0 18px; }

  /* Headings */
  .aboutforge__title { font-size: 40px; line-height: 1.1; margin: 0 0 .5rem; font-family: 'Montserrat'; font-weight: 600; }
  .aboutforge__h2 { font-size: clamp(1.6rem, 2.2vw, 2.2rem); margin: 0 0 .5rem; font-family: Montserrat; font-weight: 600; }
  .aboutforge__h2--light { color: #fff; }

  /* Intro grid */
  .aboutforge__intro { padding: 100px 0 100px 0; }
  .aboutforge__intro-grid {
    display: grid; gap: 28px; align-items: center;
    grid-template-columns: 1fr; 
  }
  @media (min-width: 920px) {
    .aboutforge__intro-grid { grid-template-columns: 1.1fr .9fr; }
  }
  .aboutforge__tagline { font-weight:700; color:#B24334; margin: 6px 0 10px; }
  .aboutforge__lead { margin: 0 0 14px; color:#333;     font-family: font2;
    font-weight: 600;
    letter-spacing: 1px; }

  /* Chips */
  .aboutforge__chips { display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:12px 0 18px; list-style:none; }
  .aboutforge__chip {
    background: #fff; border:1px solid rgba(178,67,52,.25); color:#2b2b2b;
    padding: 8px 12px; border-radius: 999px; font-size:.95rem;
    box-shadow: 0 6px 14px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .aboutforge__chip:hover { transform: translateY(-2px); border-color: rgba(178,67,52,.45); box-shadow: 0 10px 20px rgba(0,0,0,.10); }

  /* Buttons */
  .aboutforge__btn {
    display:inline-flex; align-items:center; justify-content:center;
    padding: 12px 18px; border-radius: 12px; font-weight: 700; text-decoration:none;
    border:1px solid transparent; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
    will-change: transform;
  }
  .aboutforge__btn--primary { background:#B24334; color:#fff; box-shadow: 0 8px 18px rgba(178,67,52,.35); }
  .aboutforge__btn--primary:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(178,67,52,.4); }
  .aboutforge__btn--ghost { background:#fff; color:#B24334; border-color: rgba(178,67,52,.35); }
  .aboutforge__btn--ghost:hover { background: #fff3f1; border-color: #B24334; }
  .aboutforge__btn--light { background:#fff; color:#B24334; }
  .aboutforge__btn--outline { background: transparent; color:#fff; border-color:#fff; }
  .aboutforge__btn--ghostlight { background: rgba(255,255,255,.1); color:#fff; border-color: rgba(255,255,255,.35); }

  .aboutforge__hero-cta { display:flex; gap:12px; flex-wrap:wrap; }

  /* Collage */
  .aboutforge__collage {
    position: relative; min-height: 420px;
    display:grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 140px; gap:10px;
  }
  .aboutforge__shot { width:100%; height:100%; object-fit:cover; border-radius:16px; box-shadow: 0 10px 22px rgba(0,0,0,.15); }
  .aboutforge__shot--a { grid-column: 1 / span 3; grid-row: 1 / span 2; }
  .aboutforge__shot--b { grid-column: 4 / span 3; grid-row: 1 / span 1; }
  .aboutforge__shot--c { grid-column: 4 / span 3; grid-row: 2 / span 1; }
  .aboutforge__shot--d { grid-column: 2 / span 3; grid-row: 3 / span 1; }
  @media (max-width: 600px) {
    .aboutforge__collage { grid-auto-rows: 120px; }
    .aboutforge__shot--d { display: none; }
  }

  /* Why Choose Us */
  .whyproof { padding: 100px 0 100px 0; }
  .whyproof__intro { margin: 6px 0 16px; color:#5a5a5a;     font-family: font2;
    font-weight: 600;
    letter-spacing: 1px; }
  .whyproof__grid { display:grid; grid-template-columns: 1fr; gap:14px; list-style:none; padding:0; margin:0; }
  @media (min-width: 760px) { .whyproof__grid { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1100px) { .whyproof__grid { grid-template-columns: repeat(4, 1fr); } }
  .whyproof__card {
    background:#fff; border:1px solid #eee; border-radius:16px; padding:18px; box-shadow: 0 8px 18px rgba(0,0,0,.07);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    outline: none;
  }
  .whyproof__card p {
	font-family: font2;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .whyproof__card:hover, .whyproof__card:focus-visible { transform: translateY(-4px); border-color: rgba(178,67,52,.35); box-shadow: 0 16px 30px rgba(0,0,0,.10); }
  .whyproof__icon { display:inline-flex; width:44px; height:44px; border-radius:10px; align-items:center; justify-content:center; background:#fff3f1; border:1px solid rgba(178,67,52,.35); margin-bottom:10px; }
  .whyproof__icon svg { fill:#B24334; width:24px; height:24px; }
		 .whyproof h3 {
			font-family: Arial; font-size: 20px; letter-spacing: 1px;font-weight: 600; color: #B24334;
		 }
  /* Services Overview */
  .servicemap { padding: 100px 0 100px 0; }
  .servicemap__intro { color:#5a5a5a; margin: 6px 0 16px; font-family: font2; font-weight: 600; letter-spacing: 1px; }
  .servicemap__deck { display:flex; flex-wrap:wrap; gap:10px; margin-bottom: 12px; }
  .servicemap__chip {
    background:#fff; color:#2b2b2b; border:1px solid rgba(178,67,52,.25); border-radius: 999px; padding: 10px 14px; font-weight:700; cursor:pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
  }
  .servicemap__chip[aria-selected="true"] { background:#B24334; color:#fff; border-color: transparent; box-shadow: 0 8px 18px rgba(178,67,52,.35); }
  .servicemap__chip:hover { transform: translateY(-2px); border-color: rgba(178,67,52,.45); }
  .servicemap__panels { border:1px dashed rgba(178,67,52,.25); border-radius:16px; background:#fff; }
  .servicemap__panel { padding:18px; }
  .servicemap__panel h3 {
			font-family: Arial; font-size: 25px; letter-spacing: 1px;font-weight: 600; color: #B24334;
		 }
  .servicemap__panel p {
	 font-family: font2; font-weight: 600; letter-spacing: 1px;
  }
  .servicemap__panel li {
	font-family: Arial;
  }
  .servicemap__panel-grid { display:grid; gap:16px; grid-template-columns: 1fr; align-items:center; }
  @media (min-width: 900px) { .servicemap__panel-grid { grid-template-columns: 1.2fr .8fr; } }
  .servicemap__panel-img { width:100%; height:260px; object-fit:cover; border-radius:14px; box-shadow: 0 10px 20px rgba(0,0,0,.10); }
  .servicemap__bullets { margin:10px 0 0 18px; }

  /* CTA */
  .callriver { padding: 100px 0 100px 0; background:#b24334;
    color:#fff;
  }
  .callriver__shell { display:flex; gap:18px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
  .callriver__lead { margin: 6px 0 0; opacity:.95;font-family: font2; font-weight: 600; letter-spacing: 1px; }

  /* Reveal on scroll */
  .reveal { opacity: 0; transform: translateY(8px); }
  .reveal.is-visible { opacity: 1; transform: translateY(0); transition: opacity .35s ease, transform .35s ease; }

  /* Accessibility / reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .aboutforge__chip, .aboutforge__btn, .whyproof__card, .servicemap__chip, .reveal { transition: none !important; }
  }

/**** Services Section ****/

/* =========================
   SERVICES INTRO + LEGEND
========================= */
.wellhero {
  position: relative;
  min-height: clamp(520px, 60vh, 760px);
  display: grid;
  place-items: center;
  padding: clamp(2rem, 4vw, 4rem) 0;
  color: #fff;
  overflow: hidden;
}

.wellhero__bg {
  position: absolute;
  inset: 0;
  background-image: url('/img/homepage/well-pump-5.jpg');
  background-size: cover;
  background-position: center;
  transform: scale(1.04); /* subtle parallax feel */
  will-change: transform;
}

.wellhero__overlay {
  position: absolute;
  inset: 0;
  /* dark gradient for readability; tune to taste */
  background: linear-gradient(
    180deg,
    rgba(11, 18, 27, 0.65) 0%,
    rgba(11, 18, 27, 0.50) 38%,
    rgba(11, 18, 27, 0.65) 100%
  );
  backdrop-filter: saturate(120%) blur(0.5px);
}

.wellhero__container {
  position: relative; /* layers content above overlay */
  z-index: 2;
  width: min(1120px, 92%);
  margin-inline: auto;
  text-align: center;
}

.wellhero__copy .aboutforge__title {
  color: #fff;
  margin-bottom: .25em;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.wellhero__copy .aboutforge__tagline,
.wellhero__copy .aboutforge__lead {
  color: rgba(255,255,255,.92);
  max-width: 60ch;
  margin-inline: auto;
}

.wellhero__legend {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem .6rem;
  justify-content: center;
}

.wellhero__chip {
  --chip-bg: rgba(255,255,255,0.12);
  --chip-bd: rgba(255,255,255,0.22);
  --chip-fg: #fff;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .7rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--chip-bd);
  background: var(--chip-bg);
  color: var(--chip-fg);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .2px;
  backdrop-filter: blur(2px);
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.wellhero__chip i { font-size: 1rem; line-height: 1; }

.wellhero__chip:hover,
.wellhero__chip:focus {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.38);
  box-shadow: 0 8px 26px rgba(0,0,0,.28);
  color: #fff;
  outline: none;
}

.wellhero__actions {
  margin-top: 1.75rem;
  display: flex;
  gap: .8rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* Optional: subtle zoom on load for background (pairs nicely with WOW) */
.wellhero.reveal.is-visible .wellhero__bg {
  animation: heroZoom 9s ease-out both;
}
@keyframes heroZoom { from { transform: scale(1.11); } to { transform: scale(1.04); } }

/* Improve anchor focus visibility on dark bg */
.wellhero a:focus-visible {
  box-shadow: 0 0 0 3px rgba(255,255,255,.55);
  border-radius: 999px;
}

/* =========================
   SERVICES WRAPPER
========================= */
.servicescape {
  /* your requested background */
  background: linear-gradient(to right, #ffffff7d, #ffffff7d), url('/img/homepage/v-44.png');
  background-size: 100%;
  background-attachment: fixed;
  background-color: #fff;
  background-repeat: repeat;

  padding: clamp(2rem, 4vw, 4rem) 0;
}
.servicescape__head {
  text-align: center;
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}
.servicescape__intro {
  max-width: 58ch;
  margin: .35rem auto 0;
  color: #3a4856;
  font-family: font2; font-weight: 600; letter-spacing: 1px;
}

/* iOS/mobile background-attachment fix */
@media (max-width: 991.98px) {
  .servicescape { background-attachment: scroll; }
}

/* =========================
   SERVICE ROWS
========================= */
.servicerow {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: center;
  padding: clamp(1.2rem, 2.6vw, 2rem);
  background: rgba(255,255,255,.7);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(16,24,40,.08);
  backdrop-filter: blur(3px);
  margin: clamp(1rem, 2.2vw, 2rem) 0;
  overflow: clip;
}

.servicescape h3 {
	font-family: Montserrat; font-weight: 600; color: #b24334; font-size: 30px; letter-spacing: 1px;
}

 .bottun1 {
	border-radius: 5px !important; background: #b24334; border: 1px solid #000;
}
 .bottun1:hover {
	background: #54160E !important;
 }
 .bottun2 {
	border-radius: 5px !important; color: #b24334; border: 1px solid #b24334; background: #fff !important;
}
 .bottun2:hover {
	color: #fff; border: 1px solid #000;
}
.bottun3 {
	border-radius: 5px !important; background: #000;
}

/* Alternate layout automatically: even rows flip */
.servicerow:nth-of-type(even) { grid-template-columns: 1fr 1.05fr; }
.servicerow:nth-of-type(even) .servicerow__media { order: 2; }
.servicerow:nth-of-type(even) .servicerow__copy { order: 1; }

.servicerow__media {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}
.servicerow__img {
  width: 100%; height: 475px; object-fit: cover;
  transform: scale(1.02);
  transition: transform .5s ease, filter .4s ease;
}
.servicerow__media::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.12) 100%);
  pointer-events: none;
}
.servicerow:hover .servicerow__img { transform: scale(1.05); }

.servicerow__copy { color: #0b121b; }
.servicerow__title { margin-bottom: .25rem; }
.servicerow__lead {     color: #1d1e1e;
    margin-bottom: .75rem;
    font-family: font2;
    line-height: 35px;
    letter-spacing: 1px;
    font-size: 17px;
	}

.servicerow__bullets {
  margin: 0 0 1rem 0; padding-left: 0; list-style: none;
  display: grid; gap: .4rem;
}
.servicerow__bullets li {
  display: flex; align-items: flex-start; gap: .55rem;
      font-family: math;
    font-size: 20px;
    margin: 10px 0px 10px 0px;
}
.servicerow__bullets i { margin-top: .25rem; min-width: 1.1rem; }

.servicerow__actions { display: flex; flex-wrap: wrap; gap: .6rem; }

/* Modal content list styling */
.modal-list { margin-left: 1.1rem; }

/* Responsive */
@media (max-width: 991.98px) {
  .servicerow {
    grid-template-columns: 1fr;
  }
  .servicerow:nth-of-type(even) .servicerow__media,
  .servicerow:nth-of-type(even) .servicerow__copy { order: initial; }
}


.modal-title {
	font-family: Montserrat;
    font-size: 25px;
    font-weight: 600;
    color: #ad261c;
}
.modal-header {
	    border-bottom: 1px solid #f4433638;
}
.modal-list {
	font-family: Arial;
}

.modal h6 {
	font-family: Montserrat; font-weight: 600;
}

.mb-0 {
	font-family: font2; font-weight: 600; letter-spacing: 1px;
}

.modal .btn-primary {
	background: #ad261c;  border: 1px solid #fff; border-radius: 10px;
}

.modal .btn-outline-secondary {
	color: #ad261c; background: #fff; border: 1px solid #ad261c; border-radius: 10px;
}

/* =========================
   WHY CHOOSE US
========================= */
.whyforge {
  padding: clamp(2rem, 4vw, 4rem) 0;
  background: linear-gradient(to right, #ffffffcc, #ffffffcc), url('/img/homepage/v-44.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 991.98px) { .whyforge { background-attachment: scroll; } }

.whyforge__head { text-align:center; }
.whyforge__intro { max-width: 62ch; margin:.4rem auto 0; color:#465260; 	font-family: font2; font-weight: 600; letter-spacing: 1px;}

.whyforge__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(1rem, 3vw, 2.2rem);
  align-items: stretch;
  margin-top: clamp(1rem, 2.4vw, 2rem);
}
@media (max-width: 991.98px) {
  .whyforge__grid { grid-template-columns: 1fr; }
}

/* Side image */
.whyforge__media {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 38px rgba(0,0,0,.18);
}
.whyforge__img {
  width:100%; height:100%; object-fit:cover;
  transform: scale(1.02);
  transition: transform .6s ease, filter .3s ease;
}
.whyforge__media:hover .whyforge__img { transform: scale(1.06); }

/* Cards grid */
.whyforge__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(.8rem, 2.1vw, 1.25rem);
  align-content: start;
}
@media (max-width: 991.98px) {
  .whyforge__cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575.98px) {
  .whyforge__cards { grid-template-columns: 1fr; }
}

/* Individual card */
.whycard {
  position: relative;
  border-radius: 18px;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 14px 34px rgba(16,24,40,.10);
  border: 1px solid rgba(16,24,40,.08);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  cursor: default;
  overflow: hidden;
}
.whycard:focus,
.whycard:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 46px rgba(16,24,40,.16);
  border-color: rgba(16,24,40,.16);
}
.whycard::after {
  /* subtle shine on hover */
  content:""; position:absolute; inset:-200% -50% auto -50%; height:200%;
  background: linear-gradient(120deg, transparent 45%, rgba(255,255,255,.55) 50%, transparent 55%);
  transform: rotate(12deg) translateY(120%);
  transition: transform .7s ease;
  pointer-events:none;
}
.whycard:hover::after { transform: rotate(12deg) translateY(-10%); }

.whycard__icon {
  --accent:#b24334;
  width: 46px; height: 46px;
  display:grid; place-items:center;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(178,67,52,.12), rgba(178,67,52,.04));
  border:1px solid rgba(178,67,52,.28);
  color: var(--accent);
  margin-bottom: .6rem;
  font-size: 1.05rem;
}

.whycard__title { margin: 0 0 .25rem 0; font-size: 20px; font-family: Montserrat; color: #B24334; }
.whycard__text { color:#465260; margin:0; 	font-family: font2; font-weight: 600; letter-spacing: 1px;}

/* Proof chips */
.whyforge__proof {
  grid-column: 1 / -1;
  display: flex; flex-wrap: wrap; gap: .6rem;
  margin: .4rem 0 0 0; padding: 0; list-style:none;
}
.whyproofchip {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .55rem .85rem;
  border: 1px dashed rgba(178,67,52,.5);
  color: #0b121b;
  background: rgba(178,67,52,.06);
  border-radius: 999px;
  font-weight: 600;
}
.whyproofchip i { color:#b24334; }

/* CTA row */
.whyforge__actions {
  grid-column: 1 / -1;
  display:flex; gap:.7rem; flex-wrap:wrap;
  margin-top: .6rem;
}

/* =========================
   SERVICE FAQ (custom)
========================= */
.faqforge {
  padding: clamp(2rem, 4vw, 4rem) 0;
  background: linear-gradient(to right, #ffffffe6, #ffffffe6), url('/img/homepage/v-44.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 991.98px){ .faqforge { background-attachment: scroll; } }

.faqforge__head { text-align: center; }
.faqforge__intro { max-width: 62ch; margin: .4rem auto 0; color: #465260; 	font-family: font2; font-weight: 600; letter-spacing: 1px; }

.faqforge__list {
  width: min(900px, 94%);
  margin: 1.2rem auto 0;
  display: grid;
  gap: .75rem;
}

.faqforge__item {
  background: #fff;
  border: 1px solid rgba(16,24,40,.12);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(16,24,40,.08);
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.faqforge__item:hover { box-shadow: 0 16px 36px rgba(16,24,40,.12); }

.faqforge__q {
  --accent: #b24334;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 1rem 1rem 1rem 1.1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: .75rem;
  font-weight: 700;
  color: #0b121b;
  cursor: pointer;
}
.faqforge__q:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(178,67,52,.35) inset;
  border-radius: 12px;
}
.faqforge__qtext { line-height: 1.35; }

.faqforge__icon {
  width: 28px; height: 28px; border-radius: 8px;
  border: 1px solid rgba(178,67,52,.45);
  background: linear-gradient(180deg, rgba(178,67,52,.10), rgba(178,67,52,.04));
  position: relative;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.faqforge__icon::before, .faqforge__icon::after {
  content:""; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);
  background:#b24334; border-radius: 1px;
}
.faqforge__icon::before { width: 12px; height: 2px; }
.faqforge__icon::after  { width: 2px; height: 12px; transition: opacity .2s ease; }
.faqforge__q[aria-expanded="true"] .faqforge__icon { transform: rotate(180deg); }
.faqforge__q[aria-expanded="true"] .faqforge__icon::after { opacity: 0; } /* turns + into – */

.faqforge__a {
  /* Smooth height with grid trick */
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .28s ease;
  padding-inline: 1.1rem;
}
.faqforge__a-inner {
  overflow: hidden; /* needed for the grid height animation */
  color: #465260;
  	font-family: font2; font-weight: 600; letter-spacing: 1px;
  padding: 0 0 0;   /* will animate in when open */
}
.faqforge__a[aria-hidden="false"] { grid-template-rows: 1fr; }
.faqforge__a[aria-hidden="false"] .faqforge__a-inner { padding: 0 0 1rem; }

.faqforge__item.is-open {
  border-color: rgba(178,67,52,.45);
  box-shadow: 0 16px 40px rgba(178,67,52,.12);
}

/* =========================
   CTA: callvalve
========================= */
.callvalve {
  position: relative;
  padding: clamp(2rem, 6vw, 5rem) 0;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
}

.callvalve__bg {
  position: absolute; inset: 0;
  background-image: url('/img/homepage/well-pump-1.jpg'); /* your new image */
  background-size: cover; background-position: center;
  background-repeat: no-repeat; background-attachment: fixed;
  transform: scale(1.04);
}
@media (max-width: 991.98px) { .callvalve__bg { background-attachment: scroll; } }

.callvalve__overlay {
  position: absolute; inset: 0; z-index: -1;
  /* brand-tinted gradient overlay for readability */
  background:
    radial-gradient(1200px 600px at 15% 85%, rgba(178,67,52,.55) 0%, rgba(178,67,52,.15) 40%, transparent 70%),
    linear-gradient(180deg, rgba(11,18,27,.72) 0%, rgba(11,18,27,.55) 45%, rgba(11,18,27,.72) 100%);
}

.callvalve__container { position: relative; z-index: 2; text-align: center; }
.callvalve__copy .aboutforge__h2 { color: #fff; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.callvalve__lead { color: rgba(255,255,255,.95); max-width: 64ch; margin: .45rem auto 0; 	font-family: font2; font-weight: 600; letter-spacing: 1px; }

.callvalve__chips {
  margin: 1rem auto 0; padding: 0; list-style: none;
  display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center;
}
.callvalve__chip {
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.55rem .85rem; border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.12); color:#fff;
  backdrop-filter: blur(2px);
}

.callvalve__actions {
  margin-top: 1.25rem;
  display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center;
}
.callvalve__actions .btn { min-width: 12rem; display: inline-flex; align-items: center; gap: .45rem; }

/* subtle call pulse for primary phone button */
@keyframes callpulse {
  0% { box-shadow: 0 0 0 0 rgba(178,67,52,.55); }
  70%{ box-shadow: 0 0 0 18px rgba(178,67,52,0); }
  100%{ box-shadow: 0 0 0 0 rgba(178,67,52,0); }
}
.callvalve__pulse { animation: callpulse 2.2s ease-out infinite; }



/**** Gallery Section ****/
.gallery-page {
	padding: 75px 0 50px 0;	background: rgb(249,249,249);
}
.gallery-page h1 {
	font-size: 3rem; font-weight: 600; font-family: 'font2'; padding-bottom: 40px; text-align: center; color: rgb(129,141,148);
}

/**** Areas We Service Section ****/
.area:nth-child(odd) {
	padding: 75px 0 75px 0; background: rgb(255,255,255);
}
.area:nth-child(even) {
	padding: 75px 0 75px 0; background: rgb(245,245,245);
}
.area h1 {
	font-size: 3rem; font-family: font2; font-weight: 800; color: rgb(196,41,56); text-align:center;
}
.area h2 {
	font-size: 2.5rem; font-family: font2; font-weight: 800; color: rgb(196,41,56);
}
.area h4 {
	font-size: 1.5rem; font-family: font2; color: rgb(75,75,75);
}
.area p {
	font-size: 17px; text-align: justify; color: rgb(12,12,12);
}
.area iframe {
	width: 100%; height: 100%; border-radius: 0.8rem; box-shadow: 1px 1px 10px 1px rgb(0,0,0);
}

/**** Contact Section ****/


/**** Testimonials Section ****/
.testimonials {
	padding: 75px 0 75px 0; background: rgb(255,255,255);
}


/**** Sections On Every Page ****/
.contact-section {
	padding: 150px 0 150px 0;    background: linear-gradient(to right, #ffffff00, #ffffff00), url(/img/homepage/well-pump-3.jpg);
    background-size: cover;
    height: 100%;
	background-attachment: fixed;
    background-repeat: no-repeat;
}

.contact-section .container {
    padding: 50px;
    border-radius: 25px;
    background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover; border: 3px solid #b24334;
    background-attachment: fixed;
    height: 100%;
    background-color: #ffffffb5;
    background-repeat: no-repeat;
}
.contact-section h2 {
	font-size: 30px; font-family: Montserrat; font-weight: 600;  color: #b24334;
}

.contact-section h4 {
	font-size: 20px; font-family: Arial; font-weight: 500;  color: #51504F; line-height: 45px;
}
.contact-section h4 strong {
	color: #b24334;
}

.contact-section p {
	font-family: font2; font-size: 17px; line-height: 35px; letter-spacing: 1px; font-weight: 600;
}


/* =========================
   CONTACT INTRO
========================= */
.contactforge__intro { padding: clamp(2rem, 4vw, 4rem) 0;
    background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
}

.contactforge__grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: center;
}
@media (max-width: 991.98px) { .contactforge__grid { grid-template-columns: 1fr; } }

.contactforge__copy .aboutforge__title { margin-bottom: .25rem; }
.contactforge__copy .aboutforge__tagline,
.contactforge__copy .aboutforge__lead { color: #465260; }

.contactforge__chips {
  margin: .8rem 0 0 0; padding: 0; list-style: none;
  display: flex; flex-wrap: wrap; gap: .5rem;
}
.contactforge__chip {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .55rem .85rem; border-radius: 999px;
  border: 1px solid rgba(16,24,40,.12);
  background: #fff;
  box-shadow: 0 8px 20px rgba(16,24,40,.06);
  font-weight: 600;
  color: #0b121b;
}
.contactforge__chip i { color: #b24334; }

.contactforge__actions {
  margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .6rem;
}
.contactforge__actions .btn { min-width: 12rem; display: inline-flex; align-items: center; gap: .45rem; }

/* Single photo block */
.contactforge__media {
  position: relative; border-radius: 18px; overflow: hidden;
 /* box-shadow: 0 18px 38px rgba(0,0,0,.16);*/
}
.contactforge__img {
  width: 100%; height: 100%; object-fit: cover;
  transform: scale(1.02); transition: transform .6s ease, filter .3s ease;
}
.contactforge__media:hover .contactforge__img { transform: scale(1.06); }

/* Quick info list */
.contactforge__meta {
  margin-top: .8rem; display: grid; gap: .3rem;
}
.contactforge__meta div { display: grid; grid-template-columns: auto 1fr; gap: .5rem .6rem; align-items: baseline; }
.contactforge__meta dt { font-weight: 800; color: #0b121b; display: inline-flex; align-items: center; gap: .45rem; }
.contactforge__meta dd { margin: 0; color: #465260; }
.contactforge__meta i { color: #b24334; }
/* Ensure reveal wrapper never gets hidden by WOW/animate */
#contact-intro { visibility: visible; opacity: 1; }


/* ========================================== */
/* === Misc. Section ======================== */
/* ========================================== */

/****  Referrals Owl Carousel ****/
.owl-carousel .owl-stage-outer {
	padding: 40px 0;
}
.owl-nav {
	position: absolute; width: 100%; top: 10%; display: none;
}
.owl-carousel .item {
	display: block; height: 100%;
}
.owl-carousel .owl-item span {
	font-size: 20px; font-weight: 500;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
	position: absolute;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
	background: transparent !important; color: #212121 !important; opacity: .5 !important;
}
.owl-nav .owl-next {
	left: 100%;
}
.owl-nav .owl-prev {
	right: 100%;
}
.owl-nav .owl-prev span,
.owl-nav .owl-next span {
	font-size: 3em; display: block;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	outline: none;
}

/**** Default Classes ****/
body {
	font-family: 'Montserrat', sans-serif;
}
body#barbajs {
	visibility: visible;
}
a, button, .btn {
	-webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
a {
	cursor:pointer;	text-decoration: none !important;
}
a:hover {
	color: #252525; text-decoration: underline;
}
.btn {
	cursor: pointer; border-radius: 0;
}
.btn.alert-trigger {
	color: #fdfdfd; background-color:#333;
}
.btn:hover {
	opacity: 0.9;
}
.inner-content-section .btn {
	background:rgba(135,170,188);	border-color: #949494; color: rgba(255,255,255,1);
}
.inner-content-section .btn:hover {
	background-color: rgba(135,170,188,0.4); color: #fff;
}
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {outline: none;box-shadow: none;background-color: #444;border-color: #949494;color: #fff;}
.btn-primary:hover {
	border-color: #949494;
}
.btn.focus, .btn:focus {
	outline:none; box-shadow: none;
}
.section-divider {
	position: relative; padding: 50px 0;
}
.estimate-section-divider .alert, .estimate-section-divider .alert p {
    text-align: left; font-size: inherit;
}
.block-overlay {
	position: absolute; display: inline-block; background:rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;
}
.fadeDiv {
	position: fixed; display: inline-block; z-index: 1050; color: #fff; background: #300e87; padding: 50px; top: 150px; bottom: 150px; left: 300px; right: 300px; transform:scale(0,0); box-shadow: 0px 0px 20px -1px #000; transition: all .20s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.menu-scaler {
	position: fixed; display: inline-block; padding: 50px; z-index: 1050; top: 150px; bottom: 150px; left: 300px; right: 300px; transform: scale(1,1);
}
.fadeDiv .fadeDiv-close {
	position: absolute; right: 20px; top: 10px; font-weight: 900; font-size: 2em; font-family: 'Lato'; cursor: pointer;
}
.navbar-collapse ul {
	width: 100%; justify-content: center; align-items: center;
}
.overlay {
	height: 100%; width: 100%; background: #ffffffbf;
}
#myBtn {
	display: block; width: 50px; height: 50px; position: fixed; top: 100%; right: 30px; z-index: 99; border: none; outline: none; background-color: #000000; color: #ffffff; cursor: pointer; font-size: 14px; padding-top: 0; border-radius: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#myBtn i {
	color: white;
}
#myBtn:hover {
	background-color: #424242; color: #fff;
}

/**** Gallery Function Section ****/
#portfolio input {
	display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; margin: 0; top: 0; left: -60px; z-index: 2; width: 60px; height: 60px; -webkit-appearance: none; background-image: url(/img/icons/close-btn-icon-red.png); background-repeat: no-repeat; background-color: transparent; background-size: contain; color: #ffffff; border: none; cursor: pointer; outline: none !important; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
#portfolio input:hover {
	background-color: #fff;	opacity: .;
}
button.mfp-close, button.mfp-arrow {
	outline :none !important;
}
#portfolio {
	display: flex; padding: 0; overflow: hidden; flex-wrap: wrap; justify-content: center;
}
#portfolio li {
	display: flex; justify-content: center; align-items: center; float: left; position: relative; overflow: hidden; margin: 0 10px 20px;
}
#portfolio li a {
	transform: scale(1,1); display: block; width: 100%; height: 295px; width: 490px; overflow: hidden; -o-transition:all .30s ease; -moz-transition:all .30s ease; -webkit-transition:all .30s ease; transition:all .30s ease;
}
#portfolio li a:hover {
	transform: scale(1.1,1.1) !important;
}
#portfolio li a img {
	display: block; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; margin: auto; width: 100%; height: auto; transform: scale(1,1);
}
#portfolio li:hover .block-overlay {
	background-color: #000000cc;
}
#portfolio li:hover input {
	left: 0;
}
#portfolio .block-overlay {
	background: rgb(0,0,0,0.1); z-index: 1; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}

.mfp-ready .mfp-figure {
	opacity: 0; margin-left: -100px;
}
.mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
	opacity: 0; margin-left: -100px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);
}
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
	opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
	opacity: 1; margin-left: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
	-webkit-transform: scale(0.95);	-ms-transform: scale(0.95); transform: scale(0.95); opacity: 0; margin-left: -100px;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
	opacity: 0; margin-left: -20px;
}
.mfp-iframe-scaler {
	overflow: visible; /*so the close button is shown*/
}
.mfp-zoom-out-cur {
	cursor: auto;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

/**** Reviews Function ****/
.carousel-indicators li {
	position: relative; top: 51px; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px;	height: 3px; margin-right: 3px;	margin-left: 3px; text-indent: -999px; background-color: rgb(191, 190, 190);
}
.carousel-indicators .active {
	background-color: #0f8029;
}

/* ========================================== */
/* === Footer Section ======================= */
/* ========================================== */
.footer-section .vms-link-wrapper img {
	width: 50%;
}
.footer-section .vms-link-wrapper a {
	width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.footer-section {
	padding: 0 0 10px;     background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat; font-size: 18px; font-weight: 400;
}

.footer-section h2 {
	font-family: Montserrat; font-size: 25px;
}
.footer-section h3 {
	font-size: 1.3rem; color: rgb(30,30,30); font-weight: bold;
}
.footer-section p {
	 font-size: 15px; font-family: 'font2';
}
.footer-section a {
	 font-size: 16px; color: #b24334;
}
.footer-section .service-cities p {
	margin: 0 0 3px;
}
.service-cities {
	margin-bottom: 1em;
}
.service-cities img {
	padding-bottom: 20px;
}
.service-cities h5 {
	line-height: 8px;
}
.service-cities h4 {
	font-size: 20px; font-family: 'font2'; 
}
.service-cities h3 {
	font-size: 20px; font-family: 'font2'; 
}
.bottom-footer {
	padding: 25px 0px 15px 0px; background: #b24334; color: #fff;
}
.bottom-footer a {
	color: #fff;
}
.bottom-footer .vms-link-wrapper {
	position: relative; top: -10px;
}
.bottom-footer div[class*='col-']:nth-child(2) {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.bottom-footer div[class*='col-']:nth-child(3) {
	display: flex; justify-content: flex-end; font-size: 14px;
}
.bottom-footer div[class*='col-']:nth-child(3) a {
	display: flex; justify-content: center;	align-items: center; border: 1px solid #fff; border-radius: 100px; height: 28px; width: 28px; margin: 0 4px;
}
.bottom-footer div[class*='col-']:nth-child(3) a:hover {
	background: #0a0a0a; text-decoration: none !important; color: #929292;
}
.trademark-disclaimer {
	padding: 10px 0;
}
.trademark-disclaimer p {
	font-size: 8px; text-align: center; color: #444;
}





/* === Lg. Laptop CSS Section ================= */
@media screen and (max-width : 1440px) {
	/*** Don't place anything here, unless absolutely necessary ***/
}
/* === Sm. Laptop CSS Section ================= */
@media screen and (max-width: 1024px) {
	
}
/* === Tablet CSS Section ===================== */
@media screen and (max-width: 991px) {


/**** Top Header Section ****/
.mobile-top-header {
	display:block !important; padding: 0 30px 0; background: rgb(135,170,188); z-index: 4; overflow: visible;
}
.mobile-top-header img{
	width: 100px;
}
.navbar-sidebar {
    padding-top: 110px;
    height: 100%;
    width: 200px;
    background-color: rgb(250,250,250);
    position: fixed !important;
    z-index: 2;
    overflow: auto;
}
.mobile-menu {
	text-align: center; position: fixed; height: 100%; width: 100%;	display: block;	padding-top: 6em; top: 100%; border: 0;	background: #232323; border-radius: 0; z-index: 1100; overflow: auto; -webkit-transition-property: all;	-webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out;
}
.mobile-menu .nav-link {
	font-size: 2em;	color: #c5c5c5 !important;
}
.mobile-menu-custom-show {
	top: 0%;
}
.mobile-menu-top-hero {
	background-size: cover;	padding: 40px 0 0; top:0; left:0; width: 100%; text-align: center;
}
.mobile-menu-top-hero h2 {
	padding: 0 25px;
}
#mobile-menu-header {
	margin-top: 0; background: #ffffff00; box-shadow: none;
}
#mobile-menu-header ul {
	list-style: none; padding: 0 20px; margin-top: 8em; position: relative; width: inherit;
}
#mobile-menu-header ul li a {
	color:#ffffff; padding: 20px 20px;
}
.header-contact_info a {
	color: rgb(255,255,255); margin: 0;
}
.top-header a, .top-header i, .top-header p {
	color: rgb(0,0,0);
}
.top-header-animate a, .top-header-animate i, .top-header-animate p {
	color: rgb(0,0,0);
}
.top-header {
	background: white; display: none;
}
.header-contact_info {
	font-size: 1.5em;
}
.navbar-scroll {
	display: none;
}
.header-contact_info .navbar-brand {
	font-size: 1.3em;
}
.top-header div[class*='col-']:first-child {
	justify-content: flex-start;
}
.top-header div[class*='col-'] {
	display: flex; justify-content: left; width: 33.333%; padding: 15px 0;
}
.top-header div[class*='col-']:nth-child(3) {
	display: flex; justify-content: flex-end; width: 33.333%; padding: 15px 0;
}
.top-header div[class*='col-']:nth-child(2) {
	background: none; margin: 0; display: flex; justify-content: center; align-items: center;
}
.top-header div[class*='col-']:nth-child(1) a {
	font-size: 1.5em;
}
.top-header div[class*='col-']:nth-child(2) p {
	font-size: inherit; line-height: inherit;
}

/**** Navigation Section ****/
.dropdown-wrapper {
	margin: 0; padding: 0;
}
.navbar-sidebar .dropdown-menu-mobile {
	position: relative; display: none; top: 0; left: 0; z-index: 1000; float: left; height: 0px; margin: 0; width: 100%; padding: 0; font-size: 18px; color: #e6e6e6 !important; text-align: left; list-style: none; background-color: rgb(200,200,200); border: 0; visibility: hidden; border-radius: 0; transform: scale(1,0); -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
.dropdown-menu-animate {
	display: inline-block !important; transform: scale(1,1) !important; padding: 25px 0 !important; height: auto !important; visibility: visible !important;
}
.navbar-sidebar .dropdown-menu-mobile a {
	color: rgb(75,75,75); font-weight:600 !important; font-size: 1.3em; font-family: 'Raleway'; text-align: center;
}
.navbar-sidebar {
	padding-top: 110px; height: 100%; width: 200px; background-color: rgb(250,250,250); position: fixed !important; z-index: 1; overflow: auto;
}
.bar-block .dropdown-hover, .bar-block .dropdown-click {
	width: 100%;
}
.bar-block .dropdown-hover .dropdown-content, .bar-block .dropdown-click .dropdown-content {
	min-width: 100%;
}
.bar-block .dropdown-hover .button, .bar-block .dropdown-click .button {
	width: 100%; text-align: left; padding: 8px 16px;
}
.main, #main {
	transition: margin-left .4s;
}
.modal {
	display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%;	overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);
}
.modal-content {
	margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: 1200px;
}
.bar {
	width: 100%; overflow: hidden;
}
.center .bar {
	display: inline-block; width: auto;
}
.bar .bar-item {
	padding: 8px 16px; float: left; width: auto; border: none; display: block; outline: 0;
}
.bar .dropdown-hover, .bar .dropdown-click {
	position: static; float: left;
}
.bar .button {
	white-space: normal;
}
.bar-block .bar-item {
	width: 100%; display: block; padding: 8px 16px; text-align: left; border: none; white-space: normal; float: none; outline: 0;
    font-family: Montserrat;
    color: #B24334;
    font-weight: 600;
    letter-spacing: 2px;
}
.bar-block.center .bar-item {
	text-align: center;
}
.block {
	display: block; width: 100%;
}
.nav-link{
	
    font-family: Montserrat;
    color: #B24334;
    font-weight: 600;
    letter-spacing: 2px;
}

/**** Home Section ****/
.home-header-section {
	padding-top: 125px;
}
.dropdown-menu {
	position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(87, 86, 87); background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;
}
.dropdown-item {
	display: block;	width: 100%; padding: .25rem 1.5rem; clear: both; color: rgb(255,255,255); text-align: inherit;	white-space: nowrap; background: 0 0; border: 0;
}
.dropdown-item.active, .dropdown-item:active {
	color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(22,22,22) !important;
}


.video-overlay h1 {
    font-family: Montserrat;
    font-size: 2rem;
    color: #B24334;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #000;
}
.video-overlay h3 {
    font-family: Montserrat;
    letter-spacing: 1px;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #282828;
}
.video-overlay .boxer2 {
    padding: 10px 5px;
}
.video-overlay h4 {
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    width: fit-content;
    background: #B24334;
    text-align: center;
    font-family: font11;
    font-weight: 600;
    text-transform: uppercase;
}
.video-overlay {
    position: absolute;
    padding: 50px 10px 50px 10px;
    background: #ffffff00;
    margin-top: -0;
    margin-bottom: 0;
    width: 100%;
    top: 0;
}
.home1 {
    padding: 75px 0 75px 0;
    text-align: center !important;
    background: rgb(245,245,245);
}
.home1 h2 {
    font-family: Montserrat;
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
}
.home3 .container {
    padding: 50px 10px;
    background: #fff;
	text-align:center;
}
.home3 .pump-content {
    padding: 125px 15px 125px 15px;
}


.home4 {
    background: #fff;
    padding: 100px 10px;
}

.pumpfolio-faq__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 100px 10px;
    background: #fff;
}
.contact-section .container {
    padding: 40px 10px;
    border-radius: 25px;
    background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover;
    border: 3px solid #b24334;
    background-attachment: fixed;
    height: 100%;
    background-color: #ffffffb5;
    background-repeat: no-repeat;
    text-align: center;
}

.pump-process__btn {
    background: var(--accent);
    border: none;
    margin-left: 0;
    margin-top: 50px;
    color: #fff;
    padding: 12px 18px;
    border-radius: 25px !important;
    font-weight: 700;
    letter-spacing: .3px;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.servicerow {
    display: flex;
    grid-template-columns: 1.05fr 1fr;
    gap: clamp(1rem, 3vw, 2.5rem);
    flex-direction: column;
    align-items: center;
    padding: clamp(1.2rem, 2.6vw, 2rem);
    background: rgba(255,255,255,.7);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(16,24,40,.08);
    backdrop-filter: blur(3px);
    margin: clamp(1rem, 2.2vw, 2rem) 0;
    overflow: clip;
}
.area iframe {
    width: 100%;
    height: 400px;
    border-radius: 0.8rem;
    box-shadow: 1px 1px 10px 1px rgb(0,0,0);
}
.area:nth-child(odd) {
    padding: 75px 0 75px 0;
    background: rgb(255,255,255);
    text-align: center;
}
.area:nth-child(even) {
    padding: 75px 0 75px 0;
    background: rgb(255,255,255);
    text-align: center;
}
.footer-section {
    padding: 0 0 10px;
    background: linear-gradient(to right, #ffffff7d, #ffffff7d), url(/img/homepage/v-44.png);
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

}
/* === Mobile CSS Section ===================== */
@media screen and (max-width: 425px) {

.video {
	overflow: hidden; position: relative; z-index: 2; display: block;
}
.video .pad {
	padding: 350px 0px 0px 300px; position: absolute;
}
.video .pad h5 {
	font-weight: 500; color: rgb(255,255,255); font-size: 50px; text-shadow: 0px 0px 5px #000; font-family: 'Arial'; text-align: left;
}
.video .pad p {
	margin-top: 0% !important; color: rgb(255,255,255); text-shadow: 0px 0px 5px #000; font-size: 25px; font-family: 'Arial'; text-align: left;
}
.video .pad a {
	font-size: 16px; color: rgb(255,255,255); font-family: 'Arial'; font-weight: 600; border: 1px solid rgb(12,32,63); padding: 15px 30px; border-radius: 1.6rem; background: rgb(12,32,63);
}
.video .pad a:hover {
	color: rgb(255,255,255); border: 1px solid rgb(255,255,255); background: transparent;
}
.home1 {
	padding: 75px 0 75px 0; background: rgb(245,245,245);
}
.home1 .pad {
	padding-top: 85px;
}
.home1 h1 {
	font-family: 'font2'; font-size: 35px; text-align: left; font-weight: 800; color: rgb(196,41,56);
}
.home1 p {
	font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(150,150,150);
}
.home1 span {
	color: rgb(83,82,82);
}

/**** About Section ****/


/**** Services Section ****/


/**** Gallery Section ****/
.gallery-page {
	padding: 75px 0 50px 0;	background: rgb(249,249,249);
}
.gallery-page h1 {
	font-size: 3rem; font-weight: 600; font-family: 'font2'; padding-bottom: 40px; text-align: center; color: rgb(129,141,148);
}

 

/**** Testimonials Section ****/
.testimonials {
	padding: 30px 0 30px 0; background: rgb(255,255,255);
}

/**** Contact Section ****/


/**** Sections On Every Page ****/
.contact-section {
	padding: 50px 0 50px 0;
}
.contact-section h3 {
	font-size: 2rem; font-family: font2; font-weight: 800; text-align: center; color: rgb(12,12,12);
}

/**** Footer Section ****/
.footer-section {
	padding-top: 30px; text-align: center;
}
.footer-section img {
	max-width: 210px; padding-bottom: 25px;
}
 
/**** Misc. Section ****/
/*.btn {
	background: rgb(249,78,1); width: 50%; padding: 10px 0px; color: #ffffff; cursor: pointer; outline: none; border: none;
}*/
.alert h1,
.alert p {
	top: 2em; opacity: 0; position:relative;
}
.alert h1 {
	margin-top: 0; color: #2b1663;
}
.custom-show {
	position: fixed; transform: scale(1,1); border: 0; background: white; border-radius: 0; z-index: 1100; overflow: inherit; -webkit-transition-property: all; -webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out;
}
.alert-dismissible .close {
	position: absolute; top: 0; right: 0; background: transparent; border: none; padding: 0.75rem 1.25rem; color: rgb(80,80,80); font-family: 'font2'; outline: none; z-index: 3;
}
.alert-dismissible .close span {
	font-size: 35px;
}
.lnr {
	display: inline-block; fill: currentColor; width: 1em; height: 1em; vertical-align: -0.2em; cursor: pointer;
}

}
/* === Sm. Mobile CSS Section ================= */
@media screen and (max-width: 375px) {

}