@charset "UTF-8";
/*
Theme Name: Austin Engineering Company
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.
Version: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/


@font-face { font-family: 'Provicali'; src: url('fonts/Provicali.eot'); src: url('fonts/Provicali.eot?#iefix') format('embedded-opentype'), url('fonts/Provicali.woff2') format('woff2'), url('fonts/Provicali.woff') format('woff'), url('fonts/Provicali.ttf') format('truetype'), url('fonts/Provicali.svg#Provicali') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir-Book'; src: url('fonts/AvenirLTStd-Book.eot'); src: url('fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Book.woff2') format('woff2'), url('fonts/AvenirLTStd-Book.woff') format('woff'), url('fonts/AvenirLTStd-Book.ttf') format('truetype'), url('fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir-Light'; src: url('fonts/AvenirLTStd-Light.eot'); src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Light.woff2') format('woff2'), url('fonts/AvenirLTStd-Light.woff') format('woff'), url('fonts/AvenirLTStd-Light.ttf') format('truetype'), url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir-Heavy'; src: url('fonts/AvenirLTStd-Heavy.eot'); src: url('fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Heavy.woff2') format('woff2'), url('fonts/AvenirLTStd-Heavy.woff') format('woff'), url('fonts/AvenirLTStd-Heavy.ttf') format('truetype'), url('fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
/* @font-face { font-family: 'Avenir-Roman'; src: url('fonts/AvenirLTStd-Roman.eot'); src: url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Roman.woff2') format('woff2'), url('fonts/AvenirLTStd-Roman.woff') format('woff'), url('fonts/AvenirLTStd-Roman.ttf') format('truetype'), url('fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } */
@font-face { font-family: 'Avenir-Medium'; src: url('fonts/AvenirLTStd-Medium.eot'); src: url('fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('fonts/AvenirLTStd-Medium.woff') format('woff'), url('fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir-Black'; src: url('fonts/AvenirLTStd-Black.eot'); src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Black.woff2') format('woff2'), url('fonts/AvenirLTStd-Black.woff') format('woff'), url('fonts/AvenirLTStd-Black.ttf') format('truetype'), url('fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }


:root{
--heading_font: 'Provicali';
--body_font: 'Avenir-Book';
--btn_font:'Avenir-Black';
--medium-font:'Avenir-Medium';
--heavy-font:'Avenir-Heavy';
--light-font:'Avenir-Light';

--btn_color: #CC2127;
--white_color:#FFFFFF;
--black_color: #000000;
--body_color:#333333;
--primary_color: #CC2127 ;
}
/* 1. Define Base Typography
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style-type: none;}
ul, ol {margin:0 0 0 0px;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body { padding: 0; margin: 0; font-family: var(--body_font); font-size: 20px; color: var(--body_color); line-height:24px; box-sizing: border-box; overflow-x: hidden; }
*, *:after, *:before {box-sizing: border-box;} 


/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color:var(--body_color); line-height:1.2; font-family:var(--heading_font); text-transform: capitalize;}

/* Specific Header Settings */
h1,.h1 {font-size:70px;}
h2,.h2 {font-size:40px;}
h3,.h3 {font-size:30px;}
h4,.h4 {font-size:25px;}
h5,.h5 {font-size: 22px;}
h6,.h6 {font-size: 20px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px;  font-size: 20px; line-height: 24px;}

/* container */
.container_sep{ max-width: 1740px; width: 100%; padding: 0 50px; margin: 0 auto;}
.container{ max-width: 1465px; width: 100%; padding: 0 50px; margin: 0 auto;}
/* container */

/* .inner_page_container{ max-width: 1740px; width: 100%; padding: 0 50px; margin: 0 auto;} */


/* Other Typo */
strong {font-weight: normal; color: var(--body_color);}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--body_color); }


/* 5. Forms
------------------------------------------------------------------------------*/

/* .button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border { background-color: transparent; color: var(--white_color); border: 1px solid var(--white_color); } */

 input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {
padding: 9px 24px;
font-family: var(--font-body);
font-size: 18px;
background: #ffffff;
letter-spacing: 0;
width: 100%;
color: #707070;
text-transform: capitalize;
filter: alpha(opacity=100);
border: 1px solid #fff;
/* -webkit-border-radius: 0px ; */
/* -moz-border-radius: 0px ; */
line-height: 27px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
outline: none !important;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
resize: none;
/* background: url(images/arrow-down.svg) no-repeat center; */


}


.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { text-transform: capitalize; font-family: var(--btn_font); font-weight: normal; margin: 0 0 0 0; padding: 8px 22px; background-color: var(--btn_color); border: 3px solid transparent; display: inline-block; vertical-align: middle; letter-spacing: normal; font-size: 20px; color: #FFF; line-height: 24px; position: relative; outline: none; box-shadow: none; text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; overflow: hidden; z-index: 1; cursor: pointer; text-transform: uppercase; }

input[type="submit"], input[type="reset"], .btn-success {
    padding: 7px 22px;
}
/* input[type="submit"]:hover, input[type="reset"]:hover,.btn-success:hover, a.button:hover{
    color: var(--white_color);
    background-color: t;
    border: 2px solid #00749b;
}  */


.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,button.btn-success:hover  { color:var(--btn_color); background-color: transparent; border: 3px solid var(--btn_color); }
a.button:hover , button.btn-success:hover { color:var(--btn_color); background-color: var(--white_color);border: 3px solid var(--btn_color); }


input::-webkit-input-placeholder {color: var(--body_color);  text-transform: capitalize; }
input:-moz-placeholder {color: var(--body_color);  text-transform: capitalize;}
input::-moz-placeholder {color: var(--body_color);  text-transform: capitalize;}
select::-moz-placeholder {color: var(--body_color);  text-transform: capitalize;}
input:-ms-input-placeholder {color: var(--body_color);  text-transform: capitalize;}
textarea::-webkit-input-placeholder {color: var(--body_color);  text-transform: capitalize;}
textarea:-moz-placeholder {color: var(--body_color);  text-transform: capitalize;}
textarea::-moz-placeholder {color: var(--body_color);  text-transform: capitalize;}
textarea:-ms-input-placeholder {color: var(--body_color);  text-transform: capitalize;}
textarea::placeholder {color:var(--body_color);  text-transform: capitalize;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col12,.col11,.col10,.col9,.col8,.col7,.col6,.col5,.col4,.col-3,.col2,.col1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
/* .col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}*/
.col2 {max-width: 50%;}
.col1 {max-width: 100%;} 

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}


/* ------------------------------------------------- */
/* sub-menu / active   */
.header_menu  nav ul li a:hover ,
.mobile-toggle ul li a:hover,
.header_menu  nav ul li.current_page_item a,
.mobile-toggle ul li.current_page_item a ,
.header_menu  nav ul li.current_page_ancestor a,
.mobile-toggle ul li.current_page_ancestor a  {color: var(--btn_color);}
.header_menu  nav ul li ,.mobile-toggle ul li  { position: relative; }
.header_menu  nav ul li ul.sub-menu  ,
.mobile-toggle ul li ul.sub-menu{ white-space: nowrap; position: absolute; top: 100%; left: 0; margin: 5px 0 0; z-index: 1; text-align: left; transform: scaleY(0); transition: .3s; background-color: var(--heading_color); transform-origin: top; padding-top: 0; }
.header_menu  nav ul li:hover > ul.sub-menu .mobile-toggle ul li:hover > ul.sub-menu  { transform: scaleY(1); visibility: visible; }
.header_menu  nav ul li.current-menu-parent > a,
.mobile-toggle ul li.current-menu-parent > a,
.header_menu  nav ul li.current-menu-ancestor > a ,
.mobile-toggle ul li.current-menu-ancestor > a{ color: var(--btn_color) !important; }
.header_menu  nav ul li a:hover::after,.mobile-toggle ul li a:hover::after,.header_menu  nav ul li.current-menu-parent.menu-item-has-children> a::after ,.mobile-toggle ul li.current-menu-parent.menu-item-has-children> a::after,.header_menu  nav ul li.current_page_ancestor >a::after,.mobile-toggle ul li.current_page_ancestor >a::after,.header_menu  nav ul li > ul li.current_page_ancestor a::after,.mobile-toggle ul li > ul li.current_page_ancestor a::after { border-top: 2px solid var(--btn_color) !important; border-left: 2px solid var(--btn_color) !important; }
.header_menu  nav ul li.menu-item-has-children>a::after, .mobile-toggle ul li.menu-item-has-children>a::after { content: ''; position: absolute; transition: 0.3s all ease-in-out; right: -18px; border-top: 2px solid #fff; border-left: 2px solid #fff; top: 3px; transform: rotate(-135deg); width: 11px; height: 11px; }
.header_menu  nav ul li:hover ul.sub-menu , .mobile-toggle ul li:hover ul.sub-menu  { transform: scaleY(1); }
.header_menu  nav ul li.sub-menu , .mobile-toggle ul li.sub-menu { white-space: nowrap; position: absolute; top: 100%; left: 0; margin: 5px 0 0; z-index: 1; text-align: left; transform: scaleY(0); transition: .3s; transform-origin: top; padding-top: 0; }
.header_menu  nav ul li ul.sub-menu li , .mobile-toggle ul li ul.sub-menu li  { margin: 0; display: block; }
.header_menu  nav ul li ul.sub-menu li a ,.mobile-toggle ul li ul.sub-menu li a { background: var(--btn_color); padding: 10px 15px; display: block; color: #fff; min-width: 200px; transition: .4s ease-in-out; font-size: 18px; line-height:20px; border-bottom: 1px solid #fff; text-transform:uppercase; }
.header_menu  nav ul li ul.sub-menu li:last-child a ,.mobile-toggle ul li ul.sub-menu li:last-child a {border-bottom-color: transparent;}
.header_menu  nav ul li ul.sub-menu li a:hover, .mobile-toggle ul li ul.sub-menu li a:hover, .header_menu  nav ul li ul.sub-menu li.current-menu-item > a, .mobile-toggle ul li ul.sub-menu li.current-menu-item > a, .header_menu  nav ul li ul.sub-menu li ul.sub-menu li.current-menu-item > a, .mobile-toggle ul li ul.sub-menu li ul.sub-menu li.current-menu-item > a { background: var(--white_color); color: var(--btn_color) !important; } 
.header_menu  nav ul li.menu-item-has-children > a ,.mobile-toggle ul li.menu-item-has-children > a {position: relative;}
.header_menu  nav ul li ul.sub-menu li > ul.sub-menu ,.mobile-toggle ul li ul.sub-menu li > ul.sub-menu {left: 100%; transform: scaleY(0); top: -10px; top: -5px; margin-left: 2px; opacity: 0; } 
.header_menu  nav ul li ul.sub-menu li:hover > ul.sub-menu ,.mobile-toggle ul li ul.sub-menu li:hover > ul.sub-menu {transform: scaleY(1); opacity: 1; }
.header_menu  nav  ul li a:hover ,.mobile-toggle ul li a:hover{color: var(--btn_color);}
/* sub-menu / active   */

/* slider css */
/* .slider_inr .slider_box { margin: 0 0 0 270px; padding: 40px 0 65px; }
.slider_inr .slider_box .star_img { padding: 0 0 0 10px; }
.slider_inr .slider_box p{ margin: 0; }
.slider_inr .slider_box p strong{ font-family: var(--black_font); } */
/* slider css */

/* ----------------------------------------------------- def-page --------------------------------------------------------------- */
/* def-page */ 
.def-page{padding: 50px 0;}
.def-page p { font-family: var(--body_font); color: var(--body_color); font-style: normal; font-weight: 400; margin: 0 0 15px; }
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img{position: relative; width: 100% ; height: auto;} /*border-radius: 0px ;*/
.def-page .left-img img{position: relative; width: 100% ; height: auto;} /*border-radius: 0px ;*/
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 15px 0; line-height: 25px; font-family: var(--heading_font); padding: 0px; color: var(--btn_color2); }
/* .def-page h1{ font-size: 72px; line-height: 86px;}  */
.def-page h2{ font-size: 40PX; line-height: 50px;}
.def-page h3{ font-size: 30px; line-height: 40px;}
.def-page h4{ font-size: 25px; line-height: 35px;}
.def-page h5{ font-size:22px; line-height:32px; }
.def-page h6{font-size: 20px; line-height: 30px;}
.privacy-page > div > p{ padding-bottom: 0; }


.def-page ul {margin: 0; padding-bottom: 15px; overflow: hidden; max-width: inherit; width: inherit; padding-left: 0; }
.def-page ul li { list-style: none; font-size: 20px; color: var(--body_color); position: relative; padding: 8px 22px;;}
.def-page ul li:before { content: ""; position: absolute; top: 14px; left: 0; width: 8px; height: 8px; background-color: var(--btn_color); border-radius: 0px ; }
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 20px; color: var(--body_color); padding: 5px 0; }
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--body_color);  padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block; padding: 70px 0px 80px; text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 16px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}
.def-page a { color: var(--btn_color); display: inline; }
.def-page a:hover { color:var(--body_color); }
.def-page strong { font-size: 20px; font-weight: bold; }

/* validation */
form .wpcf7-not-valid-tip{ display: none !important; }
.wpcf7-not-valid{ border: 1px solid #dc3232 !important; }
form .cf7sr-recaptcha .wpcf7-not-valid-tip{ display: block !important; font-size: 15px; }
.submit-captcha { margin-top: -5px; display: flex; /* width: 100%; */ align-items: flex-start; justify-content: flex-start; }
.submit-captcha .input-fild:last-child{ margin-top: 17px; } .wpcf7 form .wpcf7-response-output { margin: 0.5em auto; padding: 0.2em 1em; border: 2px solid #00a0d2;    width: 100%; text-align: center; }
.systems form .wpcf7-not-valid-tip { display: block !important; font-size: 14px; }
/* validation */
/* ----------------------------------------------------- def-page --------------------------------------------------------------- */

/* header css */
header { background: #333333; box-shadow: 0px 3px 6px #0000006C; padding: 21px 0 26px; position: sticky; top: 0; width: 100%; z-index: 2; }
header .header_logo { line-height: 0; max-width: 333px; }
header .header_menu nav ul{ gap: 91px;}
header .header_menu nav ul li a{ color: white; font-family: var(--heavy-font); text-transform: uppercase;}
header .header_menu nav ul li a:hover{color: var(--btn_color);}
header .menu-toggle{display: none;}
/* header css */
/* banner */
.banner .banner_img{ line-height: 0; position: relative;}
.banner .banner_img::after{ content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(172deg, #000000E2, transparent); width: 100%; height: 100%;}
.banner .banner_img img { width: 100%; object-fit: cover; } /* height: 100vh; */
/* banner */
/* inr_bnr */
.inr_bnr { text-align: center; padding: 30px 0; background:var(--white_color); box-shadow: 0px 0px 5px #00000058; }
/* .inr_bnr h1{ list-style: none;} */
.inr_bnr p{font-family: var(--heavy-font);}
.inr_bnr p:last-of-type{ margin-bottom: 0;}
/* inr_bnr */

/* .plumbing */
section.plumbing { padding: 30px 0; box-shadow: 0px -2px 6px #0000004A; background: #EBEBEB; }
.plumbing .plumbing_inr { margin: 0 -8px; padding: 0 0 30px; }
.plumbing .plumbing_card { padding: 0 8px; max-width: 33.33%; width: 100%; border-radius: 0px ; line-height: 0; overflow: hidden; position: relative; }
.plumbing .img-container { line-height: 0; overflow: hidden; position: relative; width: 100%; height: 100%; border-radius: 0px ; }
.plumbing .img-container img { border-radius: 0px ; width: 100%; height: 100%; object-fit: cover; }
.plumbing .plumbing_text { height: -100%; display: flex; justify-content:center; background: #fffffff2; flex-direction: column; position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px 24px 10px; line-height: 28px; transform: translateY(100%); transition: all 0.3s; }
.plumbing .plumbing_text p{ font-size: 16px; margin-bottom: 10px;}
.plumbing .img-container:hover .plumbing_text { transform: translateY(0); height: 100%; z-index: 1; }
.plumbing .plumbing_card h2 { text-align: center; letter-spacing: 0px; color: #FFFFFF; text-shadow: 0px 3px 4px #000000F0; position: absolute; top: 25px; left: 0; z-index: 1; width: 100%; }
.plumbing .plumbing_btn a.button { font-size: 16px;}
.plumbing p { font-family: var(--heavy-font); text-align: center;}
.plumbing p:last-of-type { margin-bottom: 0;}
.plumbing .plumbing_btn { padding: 20px 0 0; }
.plumbing .plumbing_text ul li { font-size: 16px; line-height: 28px;}
/* .plumbing .plumbing_btn a.button:hover{ background: var(--btn_color); color: var(--white_color);} */
/* .plumbing */

/* clients */
section.clients { padding: 32px 0 40px; box-shadow: 0px -3px 6px #00000029; }
.clients .clients_inr ul{gap:25px; }
.clients .clients_inr ul li { position: relative; padding: 0 0 0px 67px; max-width: 41%; width: 100%; line-height: 27px; }
.clients .clients_inr ul li::before { content: ''; position: absolute; top: 0; left: 0px; background: url(images/correct.webp); width: 49px; height: 49px; background-size: cover; }
.clients .clients_inr span { font-size: 30px; font-family: var(--heading_font); color: var(--body_color); display: block; line-height: 47px; }
.clients  .clients_inr h2{text-align: center; padding: 0 0 32px;}
.clients  .clients_inr strong { font-size: 30px; font-family: var(--heading_font); color: var(--body_color); display: block; line-height: 47px; font-weight: normal; }
/* clients */
/* project */
.project{ position: relative; background: url(images/project-bg.webp) no-repeat center; background-attachment: fixed; background-size: cover;}
.project::before { content: ''; position: absolute; top: 0; left: 0; background: transparent linear-gradient( 180deg, #000000e0 0%, #545454eb 90%); width: 100%; height: 100%; z-index: 0; }
.project .project_inr { position: relative; padding: 35px 0; }
.project  h2{padding: 21px 0 0; text-align: center; color: var(--white_color); position: relative;}
.project .project_inr .project_left { position: relative; max-width: 100%; width: 100%; }
.project .project_inr .project_right {max-width: 100%; width: 100%; }
.project .project_inr .project_center { width: 100%; max-width: 30%; margin: 0 -20px -10px -80px; }
.project .project_inr .project_left h3 { position: absolute; text-align: left; color: #000000; -webkit-text-stroke: 1.5px white; top: 10px; left: 39%; width: 100%; z-index: 1; }
/* .project .project_inr .project_left .proejct_left_img { line-height: 0; transition: 0.5s all;} */
/* .project .project_inr .project_right .proejct_right_img { line-height: 0;  transition: 0.5s all;} */
.project .project_inr .project_center .project_center_text { background: #ffffff63; box-shadow: 0px 3px 6px #000000; border-radius: 0px ; opacity: 1; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(23px); padding: 14px; position: relative; z-index: 1; }
.project .project_inr .project_center .project_center_text .project_btn a.button { background: transparent; border: 0; padding: 0; border-radius: 0; color: var(--btn_color); font-size: 17px; line-height: 23px; }
.project .project_inr .project_center .project_center_text .project_btn a.button:hover {color: var(--body_color);}
.project .project_inr .project_center .project_center_text .project_btn { margin-top: 5px; }
.project .project_inr .project_center .project_center_text p {color: #FFFFFF; text-shadow: 0px 2px 2px #000000;}
.project .project_inr .project_center .project_center_text p:last-of-type {margin-bottom: 0;}
/* .project .project_inr .project_left .proejct_left_img:hover img { transform: scale(1.05); } */
/* .project .project_inr .project_right .proejct_right_img:hover img { transform: scale(1.05); } */

.project .project_inr .project_left .proejct_left_img img,
.project .project_inr .project_right .proejct_right_img img { transition: transform 0.6s ease;}
.project .project_inr .project_left .proejct_left_img:hover img,
.project .project_inr .project_right .proejct_right_img:hover img {
  transform: scale(1.05);
}

.inr_projdect{ position: relative; background: url(images/inner_bg.webp) no-repeat center; background-attachment: fixed; background-size: cover;}
/* project */
/* say_text */
.say_text { text-align: center; padding: 30px 0;background:--white-color; box-shadow: 0px -5px 6px #000000;}
.say_text h2{ padding: 0 0 17px;}
.say_text p{font-family: var(--heavy-font);}
.say_text p:last-of-type{ margin-bottom: 0;}
/* say_text */
/* systems */
section.systems { padding: 30px 0; background: #CC2127; box-shadow: 0px -3px 6px #0000004A; border: 1px solid #FFFFFF; } 
.systems .systems_inr { display: flex; justify-content: center; gap: 30px; color: var(--white_color); margin: 0 60px; }
.systems h2 { padding: 0 0 20px; color: var(--white_color); text-align: center; font-size: 28px; line-height: 38px; }
.systems .systems_left { max-width: 50%; width: 100%; }
.systems .systems_left strong { font-family: var(--btn_font); color: var(--white_color); }
.systems .systems_left a{ color: var(--white_color);}
.systems .systems_left a:hover{ color: var(--body_color);}
.systems .systems_left p {padding: 0 40px 0 0; }
.systems .systems_left p:last-of-type{margin-bottom: 0;}
.systems .systems_right { max-width: 50%; width: 100%; }
.systems .systems_right form .input-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; }
.systems .systems_right input[type="text"], .systems .systems_right input[type="email"], .systems .systems_right input[type="tel"], textarea { padding: 10px 22px; background-color: var(--white_color); border: 1px solid #FFFFFF; border-radius: 0px ; color: rgba(51, 51, 51, 37%);  margin-bottom: 0; max-width: 100%; width: 100%; margin-left: 2px; }
.systems .systems_right textarea { max-width: 100%; width: 100%; height: 100px; resize: none; display: block; margin-bottom: 10px;}
.systems strong { color: var(--white_color);}

.from_btn { position: relative; }
span.wpcf7-spinner { position: absolute; right: 0; }

input[type="submit"] { margin: 10px 0 0 0; max-width: fit-content !important; border-color:var(--btn_color); }
/* .from_btn input[type="submit"] { border-color:var(--white-color); } */
/* systems */
/* faq */
.faq { padding: 30px 0; background: url(images/project-bg.webp) no-repeat center; background-size: cover; background-attachment: fixed; border-top: 1px solid #ffffff85; border-bottom: 1px solid #ffffff85; position: relative; }
/* .faq::before { content: ''; position: absolute; top: 0; left: 0; background-color: #000000ad; width: 100%; height: 100%; } */
.faq::before { content: ''; position: absolute; top: 0; left: 0; background: transparent linear-gradient( 180deg, #000000e0 0%, #545454eb 90%); width: 100%; height: 100%; z-index: 0; }
.piller_faq{ padding: 30px 0; background: url(images/inner_bg.webp) no-repeat center; background-size: cover; background-attachment: fixed; border-top: 1px solid #ffffff85; border-bottom: 1px solid #ffffff85; position: relative; }

.faq .faq_inr { position: relative; }
.faq .faq_inr ul li strong { color: var(--white_color); font-family: var(--heavy-font); }
.faq .faq_inr li{ position: relative; color: var(--white_color);}

.faq h2 { text-align: center; padding-bottom: 40px; color: var(--white_color); }
.accordion-header::before {
    content: "";
    position: absolute;
    right: 18px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-right: 3px solid var(--body_color);
    border-bottom: 3px solid var(--body_color);
    transform: translateY(-60%) rotate(45deg);
    transition: transform 0.3s ease;
}

.accordion-item.active .accordion-header::before {
    transform: translateY(-40%) rotate(-135deg);
}
.accordion { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 16px; padding: 0 0 80px; }
.accordion-item { max-width: 49%; width: 100%; cursor: pointer; overflow: hidden; transition: 0.7s ease-in-out; height: min-content; background: white; border: 3px solid #CC2127; border-radius: 0px ; }
/* .accordion-item.active > .accordion-header::before {content: ''; transform: rotate(180deg); } */
.accordion-item.active > .accordion-header{background-color: white; }
.accordion-item.active{background-color: white; }
.accordion-content { padding: 0px 30px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.accordion-header { position: relative; transition: 0.3s all; opacity: 1; text-align: center; padding: 7px; background: var(--white_color); }
.accordion-header:hover {  background:var(--white_color) }
/* .accordion-header::before { content: ''; position: absolute; top: 10px; right: 10px; background: url(images/down-arrow.webp) no-repeat center; background-size: cover; width: 24px; height: 24px; transition: 0.5s; } */
.accordion-header strong { font-family: var(--btn_font); font-size: 20px; line-height: 27px; color: var(--black_color); }
.faq .codes h2 { padding-bottom: 30px; }
.faq .codes p {color: var(--white_color); }
.faq .codes p:last-of-type {margin-bottom: 0;}
.faq .faq_main { position: relative; }
.faq .faq_main::before { content: ''; position: absolute; bottom: 30px; left: -130px; width: 1640px; height: 0px; border: 1px solid #777777; }
.faq .codes p strong{ color: var(--white_color);}
.faq .faq_inr strong{ color: var(--body_color)}
.faq_page strong{ color: var(--body_color);}
.faq_page h2{ padding: 0 0 20px;}
/* faq */

/* footer */
footer { background: var(--body_color); box-shadow: 0px -5px 6px #0000005C; border-top: 1px solid #FFFFFF; }
footer h6 { color: var(--white_color); line-height: 25px; padding: 0 0 12px; position: relative; }
footer h6::before { content: ''; position: absolute; top: 30px; left: 0; width: 36px; height: 2px; background-color: var(--btn_color);}
footer a {color: var(--white_color);}
footer a:hover {color: var(--btn_color);}
footer p {color: var(--white_color);}
footer ul {color: var(--white_color);}
footer ul li {position: relative;}
footer .footer_logo_second ul li::before,
footer .footer_logo_third ul li::before,
footer .footer_contact_sec ul li::before {content: ''; position: absolute; top: 0; left: 0; background: url(images/location.webp) no-repeat center; background-size: cover; width: 30px; height: 30px;}
footer .footer_logo_first { line-height: 0; max-width: 316px; width: 100%; }
footer .footer_logo_second ul li,
footer .footer_logo_third ul li,
footer .footer_contact_sec ul li { position: relative; padding: 0 0 0 38px; }
footer .footer_logo_third { padding: 46px 0 0; }

footer .footer_logo_second ul li:last-child::before{ content: ''; position: absolute; top: 0; left: 0; background: url(images/phone.webp) no-repeat center; background-size: cover; width: 25px; height: 25px; }
footer .footer_contact_sec ul li::before{ content: ''; position: absolute; top: 0; left: 0; background: url(images/phone.webp) no-repeat center; background-size: cover; width: 25px; height: 25px; }
footer .footer_contact_sec ul li strong { display: block; transition: 0.5s all; color: var(--white_color);}
footer .footer_contact_sec ul li strong:hover { color: var(--btn_color);}
footer .footer_contact_sec ul li a:hover { color: var(--white_color);}
footer .footer_logo_sec { max-width: 325px; width: 100%; }
footer .footer_quicklink_sec{ max-width: 300px; width: 100%; }
footer .footer_logo_third ul li { padding: 0 0 20px 38px;}
footer .footer_logo_third ul li:last-of-type { padding: 0px 0 0 38px;}
footer .footer_contact_sec ul li { padding: 0px 0 20px 38px;}
footer .footer_contact_sec ul li:last-of-type { padding: 0px 0 0 38px;}
footer .footer_quicklink_first ul li { position: relative; padding: 0 0 2px 20px; }
footer .footer_quicklink_first ul li::before { content: ''; position: absolute; top: 50%; left: 0; width: 7px; height: 7px; background-color: var(--white_color); border-radius: 0px ; transform: translateY(-50%); }
footer .footer_quicklink_first ul li:last-of-type { padding: 0 0 0px 20px; }
footer .footer_logo_second { padding: 15px 0  0; }
footer .footer_inr { padding: 44px 0 72px; }
footer .footer_quicklink_second { padding: 42px 0 0; }
footer .footer_social ul li{line-height: 0; }
footer .footer_social ul { justify-content: space-between; padding: 0 0 35px; }
footer .footer_certified { padding: 35px 0 20px; }
footer .footer_certified .footer_certified_img { line-height: 0; }
/* footer */

/* Deepak */

.inner_banner { padding: 50px 0; text-align: center; background-image: url(images/inner_bg.webp); background-attachment: fixed; background-size: cover; position: relative; }
.inner_banner::before{  content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(217deg, rgba(255, 255, 255, 78%), rgba(255, 255, 255, 65%));; }
.inner_banner h1{ color: #CC2127; font-size: 70px; line-height: 77px; padding-bottom: 23px;  }
.inner_banner h2{ line-height: normal; }
hr{ width: 100%; margin: 0 auto; background-color: #CC2127; height: 3px; border: 0; display: block; }
.inner_banner h3{ padding: 61px 0 41px; }
.inner_banner > *{ position: relative; z-index: 1; }
.partner_form{ max-width: 1400px; margin: 0 auto; width: 100%; position: relative; }
.partner_form ul{ display: flex; justify-content: space-between; gap: 42px 78px; flex-wrap: wrap; }
.partner_form ul li{ max-width: 47%; width: 100%; text-align: center; }
.partner_form ul li img{ width: 145px; height: 145px; margin: 0 auto 20px; }
.partner_form ul li p{ margin-bottom: 0; }
.partner_form ul li h4{ font-size: 30px; line-height: 40px; padding-bottom: 3px;}
.inner_banner::after{ content: ''; position: absolute; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 56%, #FFFFFF 100%) 0% 0% no-repeat padding-box; width: 100%; height: 100%; bottom: 0; right: 0;  }

/* geo_inner_banner */
.geo_inner_banner { padding: 50px 0; text-align: center; background-image: url(images/geo_bg.webp); background-attachment: fixed; background-size: cover; position: relative; }
/* geo_inner_banner */

/* solving */
.solving{ padding: 67px 0;background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px -3px 6px #00000038; position: relative; text-align: center; }
.solving h2{ padding: 0 0 23px; }
.solving strong, .solving h3 { font-family: var(--btn_font); display: block; font-size: 26px; line-height: 30px; padding: 15px 0; }

.documents_btn{ max-width: 1400px; width: 100%; margin: 0 auto; }
.documents_btn ul { display: flex; justify-content: center; margin: 0 -11px; gap: 15px 0; flex-wrap: wrap; padding: 0 0 20px; }
.documents_btn ul li { max-width: 33.33%; width: 100%; padding: 0 11px; }
.documents_btn ul li a{ font-size: 20px; line-height: 20px; font-family: var(--btn_font); color: var(--white_color); background-color: var(--btn_color); border-color: var(--btn_color); height: 100%; display: flex; flex-direction: column; justify-content: center; }
.documents_btn ul li a:hover{ background-color: var(--white_color); color: var(--btn_color); }

.solving h4{ color: #CC2127; font-size: 30px; line-height: 40px; padding: 23px 0 5px; }
.plan_production{ position: relative; padding: 45px 0 0; }
.plan_production ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.plan_production ul li { padding: 70px 8px 0; text-align: center; max-width: 25%; width: 100%; border-right: 3px solid #CC2127; position: relative; margin: 0 0 50px 0; }
.plan_production ul li:last-child {margin: 0; }
.plan_production ul li::before { content: ''; position: absolute; top: 0; left: 50%; background: url(images/correct.webp); width: 50px; height: 50px; background-size: cover; transform: translateX(-50%); }
.plan_production ul li:last-child{ border-right: 0; }
.plan_production ul li img{ margin: 0 auto 30px; width: 50px; height: 50px; display: block; } 

.serve{  padding: 48px 0 35px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000038; opacity: 1;position: relative; z-index: 1;}
.serve h2{ padding: 0 0 30px; text-align: center; }
.serve ul li{ margin-bottom: 20px; }
.serve ul li strong { color: var(--body_color); display: block; font-family: var(--btn_font); padding: 0 0 10px; }
.serve ul li a { display: block; width: fit-content; padding: 5px 10px; margin-top: 10px; }
.serve-img{ line-height: 0; float: right; margin-bottom: 15px; margin-left: 50px; width: 40%;  }
.serve-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0px ; }
.serve ul li a:hover{background-color: var(--white_color); }

/* austin-engineering */
.austin-engineering{ padding: 56px 0 68px; position: relative; box-shadow: 0px 3px 6px #00000038; text-align: center; background-image: url(images/inner_bg.webp); background-attachment: fixed; background-size: cover; }
.austin-engineering h2{ padding: 0 0 27px; }
.austin-engineering  .container > p{ max-width: 1088px; width: 100%; margin: 0 auto 25px; text-align: left; }
.austin-engineering ul{ padding-top: 5px; }
.austin-engineering ul li{ position: relative; display: flex; align-items: center; justify-content: space-between;  padding: 10px 50px 5px; border-bottom:3px solid #333333;; }
.austin-engineering ul li span,.austin-engineering ul li label{ max-width: 33.33%; width: 100% ;}
.austin-engineering ul li span{ color: #000000; font-size: 20px; line-height: 27px; font-family: var(--btn_font); }
.austin-engineering ul li label{ color: var(--body_color); font-family: var(--btn_font); font-size: 30px; line-height: 50px; }
.austin-engineering ul li label span{ display: block; background: #CC2127 0% 0% no-repeat padding-box; border: 3px solid #333333; border-radius: 0px ; width: 121px; height: 121px; margin:0 auto; display: flex; align-items: center; justify-content: center; font-size: 113px; line-height: 153px; color: #fff; }
.austin-engineering ul li::after{ content: ''; background: #333333 0% 0% no-repeat padding-box; width: 25px; height: 25px; border-radius: 0px ; position: absolute; left: 0; bottom: -12.5px; }
.austin-engineering ul li::before{ content: ''; background: #333333 0% 0% no-repeat padding-box; width: 25px; height: 25px; border-radius: 0px ; position: absolute; right: 0; bottom: -12.5px; }
.austin-engineering ul li:last-child{ border-bottom: 0; }
.austin-engineering ul li:last-child::before,.austin-engineering ul li:last-child::after{ display: none; }
.austin-engineering::before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.8);
opacity: 1;
backdrop-filter: blur(11px);
-webkit-backdrop-filter: blur(11px);}
.austin-engineering > *{ position: relative; }

section.simple { padding: 40px 0 0; }
.simple h2 { text-align: center; padding: 0 0 30px; }
.simple p { color: var(--body_color); padding: 10px 0 22px; text-align: center; }
.simple p:last-of-type {margin-bottom: 0; }
.simple .simple_inr { text-align: center; padding: 0px 0 47px; }
.simple .simple_inr h3 { padding: 0 0 20px; color: var(--white_color); }
.simple .simple_inr p, .simple .simple_inr p strong { color: var(--body_color); padding: 0; }
.simple .simple_inr p strong { display: block; font-size: 30px; line-height: 27px; padding: 0 0 10px; font-family: var(--btn_font); }

.goe_systems .systems_left_btm { padding: 20px 0 0; }
.goe_systems .systems_left_btm h6 { font-family: var(--btn_font); color: var(--white_color); font-size: 18px; }

.systems .systems_left_btm ul li { position: relative; padding: 5px 0 15px 38px; }
.systems .systems_left_btm ul li:last-of-type::before{ content: ''; position: absolute; top: 2px; left: 0; background: url(images/phone.webp) no-repeat center; background-size: cover; width: 25px; height: 25px; }
.systems .systems_left_btm ul li:before {content: ''; position: absolute; top:2px; left: 0; background: url(images/location.webp) no-repeat center; background-size: cover; width: 30px; height: 30px;}

.geo_plumbing { background: transparent; box-shadow: none;}
.geo_plumbing h2 { text-align: center; padding: 50px 0 21px; }
.geo_plumbing .plumbing_inr { margin: 0 -8px; padding: 0; flex-wrap: wrap; gap: 20px 0;}
.geo_plumbing .plumbing_inr .plumbing_card { padding: 0 8px; max-width: 50%; width: 100%; border-radius: 0px ; line-height: 0; overflow: hidden; position: relative; }
/* .geo_plumbing  .plumbing_card h2 { top: -30px; } */
.geo_inner_banner .geo_inner_banner_btn a.button { display: block; line-height: normal; width: fit-content; margin: 0 auto; }
.geo_inner_banner .geo_inner_banner_btn a.button:hover { background-color: var(--white_color); color: var(--btn_color); border: 3px solid var(--btn_color); }
.geo_inner_banner_btn { display: block; line-height: normal; position: relative; }
.geo_inner_banner .geo_inner_banner_btn a.button span:first-child {display: block;}
.geo_inner_banner .geo_inner_banner_btn a.button:hover span:first-child {display:none;}
.geo_inner_banner_btn::before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; background: var(--btn_color); height: 3px; transform: translateY(-50%); }
.geo_partner_inr h2 {padding: 0 0 30px;}
.geo_inner_banner .geo_inner_banner_btn a.button span {display: none;}
.geo_inner_banner .geo_inner_banner_btn a.button:hover span {display:block;}

section.ready{padding: 43px 0 37px; background: #CC2127; box-shadow: 0px 3px 6px #0000004A;}
.ready .ready_inr { padding: 0 72px; }
.ready .ready_inr h2{color: var(--white_color); padding: 0 0 21px;}
.ready .ready_inr .ready_left h3{color: var(--white_color); }
.ready .ready_inr p{color: var(--white_color); }
.ready .ready_inr p:last-of-type{color: var(--white_color); }
.ready .ready_inr .ready_left { padding: 0 0 8px; }
.ready .ready_inr .ready_left .ready_btn a.button { background: var(--white_color); color: var(--btn_color); }
.ready .ready_inr .ready_left .ready_btn a.button:hover { background: var(--btn_color); border-color: var(--white_color); color: var(--white_color); }

.geo_projdect { position: relative; background: url(images/geo_bg.webp) no-repeat center; background-attachment: fixed; background-size: cover; }

.piller_faq { padding: 30px 0; background: url(images/geo_bg.webp) no-repeat center; background-size: cover; background-attachment: fixed; border-top: 1px solid #ffffff85; border-bottom: 1px solid #ffffff85; position: relative; }

/* .from_btn input[type="submit"]:hover { background-color: white; color: var(--btn_color); border-color: #333333; } */
.geo_partner .geo_partner_inr { padding: 50px 0; }
.geo_partner h2,
.geo_partner p{ text-align: center;}
/* .geo_partner p:last-of-type{ margin-bottom: 0;} */
.geo_partner .partner_form ul li img { margin: 0 auto 10px; }
.geo_partner .partner_form ul { gap: 22px 16px; }

.devenport .devenport_inr { padding: 0 0 40px; }
.devenport .devenport_inr h2{ padding: 0 0 30px;}
.devenport .devenport_inr h2,
.devenport .devenport_inr p{ text-align: center; }
.devenport .devenport_inr p{padding: 0 0 40px;}
.devenport .devenport_inr p:last-of-type{ margin-bottom: 0;}
.devenport .devenport_inr ul {gap:20px 16px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.devenport .devenport_inr ul li { max-width: 49%; width: 100%; padding: 0 0 0 60px; position: relative; }
.devenport .devenport_inr ul li::before { content: ''; position: absolute; top: 0; left: 0px; background: url(images/correct.webp); width: 49px; height: 49px; background-size: cover; }
.devenport .devenport_inr ul li strong{color: var(--body_color); font-family: var(--btn_font);}



.tab_content { display: none; }
.tab_content.active { display: block; }

section.button_section { padding: 30px 0; }
.button_section_inr{ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 15px 5px; }

.faq_main h2 { padding: 0 0 30px; text-align: center; }

/* about-us */
.about-us .container_sep p:first-of-type{ border-bottom: 0 ; }
.about-us h2 {padding: 0 0 20px;}

section.operate { padding: 30px 0; }
.operate .operate_inr h2{ padding: 0 0 20px;}
.operate .operate_inr h2,
.operate .operate_inr p { text-align: center;}
ul.col-3 { display: inline-block; padding: 0; }
ul.col-3 li {position: relative; max-width: 33.33%; width: 100%; float: left; padding: 0 0 10px 20px; }
ul.col-3 li::before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: var(--btn_color); border-radius: 0px ; }
.operate .operate_inr h3 { padding: 0 0 30px; }
ul.col-2 { display: inline-block; }
ul.col-2 li {position: relative; max-width: 50%; width: 100%; float: left; padding: 0 0 10px 20px; }
ul.col-2 li::before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: var(--btn_color); border-radius: 0px ; }

ul.list-style.col-2 li { max-width: 50%; width: 100%; padding: 0px 20px 10px 21px; }

.about_locations ul li::before { content: ''; position: absolute; top: 0; left: 0px; background: url(images/correct.webp); width: 25px; height: 25px; background-size: cover; }
.about_locations ul li { position: relative; max-width: 100%; width: 100%;  padding: 0 0 30px 35px; } /* float: left;*/
.about_locations ul li strong {color: var(--body_font);}

.about_us_plumbing h2{ padding: 0 0 30px;}
section.about_simple { padding: 40px 0 47px;}
.about_simple .simple_inr{ padding: 0;}
.about_simple p:last-of-type { margin-bottom: 0; }

.about_systems .systems_left_btm h6 { color: var(--white_color); padding: 0 0 20px; }
.about_systems .systems_left_btm { padding:20px 0 0 ;}
.about_systems .systems_left_btm ul li::before { content: ''; position: absolute; top: 2px; left: 0; background: url(images/phone.webp) no-repeat center; background-size: cover; width: 25px; height: 25px; }

.ser-area-map { width: 100%; height: 450px; display: block; margin-bottom: 30px; }

/* .wpcf7-not-valid-tip { display: none; } */
.blog-thumb { line-height: 0; float: right; max-width: 35%; width: 100%; margin: 0 0 30px 30px; }
.blog-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 0px ; }
.blog-listing .blog-grid .blog-item a { display: block; }
.blog-listing .blog-grid .blog-item h2 {padding: 0 0 20px; }
.blog-listing .blog-grid .blog-item .coverage_btn a {width: fit-content; }
article.blog-item { display: inline-block; width: 100%; box-shadow: 0px 0px 6px #0000004A; padding: 25px; margin: 15px 0; border-radius: 0px ; border: 2px solid var(--btn_color); }
article.blog-item:last-of-type { border-bottom: 0px  }


.pagination-wrapper.search_pagenavi{text-align:center;margin:20px 0;}
.pagination-wrapper { width: 100%; padding: 34px 0; }
.pagination-wrapper ul{display:flex;justify-content:center;align-items:center;gap:20px;}
.pagination-wrapper ul li span.current{background-color:var(--body_color);color:#fff;width:40px;height:40px;display:block;line-height:0;display:flex;align-items:center;justify-content:center;}
.pagination-wrapper ul li a,
.pagination-wrapper ul li span{width:40px;height:40px;background-color:transparent;color:var(--body_color);display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid rgba(31,31,31,.3);}
.pagination-wrapper ul li a:hover,
.pagination-wrapper ul li span,
.pagination-wrapper ul.tab-content li a.active,
.pagination-wrapper ul.tab-content li a.active,
.pagination-wrapper ul.tab-content li:hover a{ background-color:var(--body_color); color:var(--white_color);}
.pagination-wrapper ul li a.next,
.pagination-wrapper ul li a.prev  { font-size: 0;}

.pagination-wrapper ul li a.next::before,
.pagination-wrapper ul li a.prev::before{content:'';position:absolute;width:10px;height:10px;border-top:2px solid var(--body_color);border-left:2px solid var(--body_color);left:12px;top:13px;transform:rotate(136deg);}
.pagination-wrapper ul li a.next,
.pagination-wrapper ul li a.prev{position:relative;transition:.5s;}
.pagination-wrapper ul li a.prev::before{transform:rotate(-45deg);left:16px;top:14px;}
.pagination-wrapper ul li a.next:hover::before,
.pagination-wrapper ul li a.prev:hover::before{border-top:2px solid var(--white_color);border-left:2px solid var(--white_color);}






.input-outer.clearfix {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: flex-start;
}
.input-box.col-2 {
    padding: 10px;
    max-width: 50%;
    width: 100%;
}
.input-box.col-1 {
    padding: 10px;
    max-width: 100%;
    width: 100%;
}
.input-box.col-3 {
 padding: 10px;
    max-width: 33.33%;
    width: 100%;
}
.input-outer input[type="search"],.input-outer input[type="text"],.input-outer input[type="email"],.input-outer input[type="password"],.input-outer input[type="tel"], .input-outer
input[type="number"], .input-outer textarea{    background: #EBEBEB;color: var(--body_color);height: 100%;  padding: 12px 23px;}
.input-outer select { color: #333333; border: 1px solid #ebebeb; width: 100%; font-size: 18px; padding: 12px 23px; cursor: pointer; height: 100%; border-radius: 0px; background: url(images/arrow-down.svg) no-repeat #ebebeb 97% !important; appearance: none; background-size: 18px !important; font-family: var(--body_font); }

.contact-outer { display: flex; justify-content: space-between; margin: 0 -25px; padding: 0px 0  50px; }
.contact-left { max-width: 45%; width: 100%; padding: 0 25px; }
.contact-right { max-width: 55%; width: 100%; padding: 0 25px; }
.contact h2 { text-align: center; padding: 0 0 20px;}




label.date { PADDING: 0 0 10px 30px; DISPLAY: block; position: relative;}
label.date::before { content: ''; position: absolute; top: 0; left: 0; background: url(images/date.png) no-repeat center; background-size: contain; width: 22PX; height: 22PX; }


.input-box.col-2 { padding: 10px; max-width: 50%; width: 100%; }
.about.content.careers { padding-bottom: 50px; }
 .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.white-popup-block { background: #fff; padding: 20px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative; }
textarea{ height: 123px !important;}

.partner_form { padding: 0 0 20px; }

.mfp-close-btn-in .mfp-close { color: #333; position: absolute; right: 50px; background: #cd2800; opacity: 1; color: #ffffff; /* transform: skew(7deg); */ top: -49px; border-radius: 0px ; }
.apply-here-inner-outer.apply-box.ful-clip.clearfix { max-height: 80vh; overflow: auto; background: #ffffff; margin: 0 auto; padding: 50px; }
.wrapper { margin: 0 auto; padding: 0 50px; max-width: 1240px; }
div#apply-here-1957 { max-width: 1026px; margin: 0 auto; position: relative; } 
.apply-form.apply-here-main-outer{    max-width: 1026px; margin: 0 auto; position: relative;}

.systems wpcf7-not-valid { color: var(--white_color); font-size: 1em; font-weight: normal; display: block !important; text-shadow: 1px 1px var(--body_color); }
.systems .wpcf7-not-valid-tip { color: var(--white_color); font-size: 1em; font-weight: normal; display: block; text-shadow: 1px 1px var(--body_color); }
.page-id-190 .inner_banner { padding: 50px 0 0;}
.ready .ready_inr ul {color: var(--white_color);} 
.ready .ready_inr ul li strong{color: var(--white_color);} 
.ready .ready_inr p a{ color: var(--white_color); text-decoration: underline;}
.ready .ready_inr p a strong{ color: var(--white_color); }
.ready .ready_inr p a.button{  text-decoration: none;}
.ready .ready_inr p a.button:hover{ text-decoration: none; background-color: white; color: var(--btn_color); }

.inner_banner h2{ padding: 0 0 20px;}

.project .project_center_text ul {padding: 0 0 15px;}
.project .project_center_text ul li { color: var(--white_color); text-shadow: 0px 2px 2px #000000; padding: 0 0 10px 20px; position: relative; }
.project .project_center_text ul li::before { content: ''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background-color: var(--btn_color); border-radius: 0px ; }


.apply-here-inner-outer strong { font-family: var(--btn_font); display: block; font-size: 26px; line-height: 30px; padding: 15px 0 30px; text-align: center;} 
.apply-here-inner-outer ul li{ position: relative; max-width: 100%; width: 100%; float: left; padding: 0px 0px 10px 20px; }
.apply-here-inner-outer li{position: relative;}
.apply-here-inner-outer ul {padding: 20px 0;}
.apply-here-inner-outer li::before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: var(--btn_color); border-radius: 0px ; }
.popup.input-box.fl.job_loc { max-width: 50%; width: 100%; padding: 10px; }
.file-input.upload_sec_otr.input-box.fl { max-width: 50%; width: 100%; padding: 10px; }
.mfp-close:active { top: -49px !important; }
.mfp-close-btn-in .mfp-close { color: #fff !important; border: 2px solid var(--primary_color); }
.mfp-close-btn-in .mfp-close:hover { background: #cc2127a3; border: 2px solid #cc2127a3; }
.contact-left a,
.contact a { text-decoration: underline; color: var(--btn_color); }  
.contact-left a:hover,.contact a:hover { text-decoration: none; color: var(--body_color); }  
.about.content.careers .career-btn.a-btn { margin: 20px 0; }
header .header_menu nav ul li > ul.sub-menu li a:hover { color: black; }

.Stars { --percent: calc(var(--rating) / 5 * 100%); display: inline-block; font-size: 30PX; font-family: Times; // make sure ★ appears correctly line-height: 1;
    &::before { content: '★★★★★'; letter-spacing: 3px; background: linear-gradient(90deg, #FFCA28 var(--percent), #CCC var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } }
    :root { --star-size: 30px; --star-color: #ccc; --star-background: #ffc600; }
    .Stars { --percent: calc(var(--rating) / 5 * 100%); display: inline-block; font-size: var(--star-size); font-family: Times; // make sure ★ appears correctly line-height: 1;
        &::before { content: '★★★★★'; letter-spacing: 3px; background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } }
        
        .career-box { background: #f2f2f2; padding: 35px 50px; margin-bottom: 40px; /* transform: skew(7deg); */ /* margin-left: 17px; */ border-radius: 0px ; }
        .career-box  h2{ font-size: 24px; line-height: 30px; /* color: #000000; */ display: block; position: relative; margin-bottom: 14px; padding-bottom: 10px; text-transform: uppercase; /* font-weight: 700; */ font-family: var(--heavy-font); }
        .loc_jobs { display: inline-block; float: right; font-weight: 600; }
        .loc_jobs p { font-size: 18px; margin: 0; }
        .loc_jobs p span { color: var(--primary_color); }
        
        .postid-1041 .def-page .left-img{max-width: 45%; width: 100%;}
        
        .testimonial-box {border-radius: 0px ; background: #f2f2f2; padding: 0; margin-bottom: 30px; /* transform: skew(13deg); */ /* -webkit-transform: skew(13deg); */ overflow: hidden; border: 20px solid #F2F2F2; }
        .testimonial-box label { float: right; /* font-style: italic; */ font-size: 18px; line-height: 30px; color: var(--btn_color); display: block; position: relative; text-transform: uppercase; padding-right: 5px; font-family: var(--heading_font); font-weight: normal; }
        
        .def-page ul.col-2,.def-page ul.cols-2, .def-page ul.col-3,.def-page ul.cols-3 { overflow: hidden }
        .def-page ul.col-2 li,.def-page ul.cols-2 li {width: 50%;float: left;}
        .def-page ul.col-3 li,.def-page ul.cols-3 li {width: 33.33%;float: left;}
        
        .serve .serv_inr { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; }
        .serv_inr .serve-img{ width: 410px; margin: 0; line-height: 0; }
        .serv_inr ul{ width: 68%; }
        
        .codes ul li{ list-style: none; font-size: 20px; position: relative; padding: 8px 22px; }
        .codes ul li:before { content: ""; position: absolute; top: 16px; left: 0; width: 8px; height: 8px; background-color: var(--btn_color); border-radius: 0px ; }
        
        .our_team_page_main { padding: 60px 0; }
        .team-outer { border-bottom: 3px solid var(--primary_color); padding: 50px 0; }
        .team-outer:first-child { padding-top: 0; }
.team-inner { float: left; width: 35%; background: #f2f2f2; padding: 40px; position: relative; border-radius: 0px ; border: 2px solid var(--primary_color); }
.team-clip strong { font-size: 18px; line-height: 22px;  display: block; text-transform: uppercase; margin-top: 13px; font-family: var(--heading_font);}
.team-clip strong:first-child { margin: 0; }
.team-clip ul.list-style { overflow: hidden; padding: 17px 0 0; }
.team-clip ul li { position: relative; max-width: 100%; width: 100%; float: left; font-size: 18px; padding: 0px 0px 10px 20px; }
.team-clip li::before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: var(--btn_color); border-radius: 0px ; }
.team-text { width: 60.9%; margin-left: 55px; }
.team-photo  img { border-radius: 0px ; }

.team-outer .btn { display: inline;  margin: 0 3px; }
.team-outer .btn a{  font-size: 16px; }

.banner_content { position: absolute; top: 50%; left:12%; transform: translateY(-50%); }
.mfp-wrap { overflow: hidden !important; }
.page-id-180 .plumbing .img-container { height: 600px; }
.page-id-48 .plumbing .img-container { height: 450px; }

.team-text  strong { font-size: 28px; line-height: 35px; color: var(--body_color); display: block; /* font-weight: 700; */ font-family: var(--heading_font); text-transform: uppercase; }
.team-photo.fr { margin: 0 0 10px 20px; line-height: 0; }
.team-text  label { font-size: 15px; line-height: 22px; color: var(--body_color); font-weight: 700; }
.team-text p { padding-top: 20px; margin-bottom: 0; }
.team-text  .btn-out { margin-top: 30px; }
.team-outer:nth-of-type(even) .team-text { margin-left: 0; margin-right: 55px; }
.team-outer:nth-of-type(even) .team-inner { float: right; }
.team-outer:last-of-type {
    border-bottom: 0;
    padding: 50px 0 0;
}
.team-outer:nth-of-type(even) .team-photo { float: left; margin: 0 20px 10px 0px; }
div.news-inner-outer { background: #f2f2f2; padding: 0; margin-bottom: 50px; /* transform: skew(7deg); */ overflow: hidden; border: 2px solid var(--primary_color); /* display: flex; */ /* gap: 25px; */ padding: 20px; border-radius: 0px ; }
.news-img.dark-slide.fl { margin-right: 25px; position: relative; }
.dark-slide { position: relative; }
.news-head > a >strong { font-size: 24px; line-height: 30px; /* color: #000000; */ display: block; position: relative; margin-bottom: 14px; padding-bottom: 10px; text-transform: uppercase; /* font-weight: 700; */ font-family: var(--heading_font); }
.about.content.careers .career-btn.a-btn { margin: 20px 0 0; }
.career-box { border: 2px solid var(--primary_color); }
.career-box  h2 { padding-bottom: 0px; }
div.news-inner-outer >a { float: left; }
.news-text strong { margin: 0; padding: 0; padding-bottom: 5px; }
.news-text .news-head { display: inline-block; border-bottom: 1px solid #e3e3e3; width: 445px; padding-bottom: 10px; margin-bottom: 15px; max-width: 70%; width: 70%; }
.news-text .news-head label:after { content: ""; position: absolute; background: url(images/all-icons.png) no-repeat; width: 12px; height: 11px; background-position: -10px -22px; left: 0; top: 56%; transform: translateY(-50%); }
.news-inner-outer:last-child { margin-bottom: 0; }
.about.content.news { padding: 60px 0; }
.news-img.dark-slide img{ border-radius: 0px ;}
.banner_content h1,
.banner_content h2,
.banner_content .banner_text p ,
.banner_content .banner_text a { color: var(--white_color);}
.banner_content h2{ font-size: 70px;}
.slick-list.draggable { padding: 0; }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }


.content { padding: 60px 0; }
.single-detail-page .project_right { float: right; width: 41.75%; margin-left: 60px; margin-bottom: 15px; }
.project_right_img { position: relative; overflow: hidden; border-radius: 0px ;}
.slick-slide img { display: block; width: 100%; height: 100%;  border-radius: 0px ;}
.project_right_img .project_gallery_section_content { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgb(51 51 51 / 80%); padding: 20px 15px; }
.project_right_img .readMoreBtn { color: var(--btn_color); /* cursor: pointer; */ font-weight: 600; transition: 0.3s all; padding: 10px 0; }
.project_right_img .readMoreBtn { color: var(--btn_color); cursor: pointer; font-weight: 600; transition: 0.3s all; }
.project_right_img .readMoreBtn:hover { color: var(--white_color); }

.project_left .slick-dots { background: none; padding: 0; margin: 0; }

.slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; padding: 0; display: flex; }
.slick-dots ul li { position: relative; list-style: none; font-size: 15px; line-height: 35px; color: #000000; padding-left: 16px; }
.slick-dots li button { font-size: 0px; height: 10px; width: 10px; padding: 0; margin: 0 6px; background: var(--btn_color); border: 1px solid transparent; }
.slick-dots li.slick-active button { background: var(--white_color); border-color: var(--btn_color); }
.project_right  ul li:before {display: none; }
.project_right  ul li { list-style: none; padding: 0; }

.project_gallery_section_content p { color: var(--white_color);}
.addReadMore { overflow: hidden; height: 25px; min-height: 25px; }
.project_right.abt-left { float: none; margin: 0; width: 100%; }
.employee_left_img { line-height: 0; text-align: right;}
.employee_left_sec { float: right; width: 25%; margin-left: 0px; }
.employee_left_img img { object-fit: cover; border-radius: 0px ;}
.abt-img img{border-radius: 0px ;}
.news-head h2 {padding: 0 0 10px;}
.apply-here-inner-outer h2 {padding: 0 0 10px;}

button.slick-arrow { position: absolute; top: 50%; font-size: 0; margin: 0; width: fit-content; height: auto; display: flex; align-items: center; width: 50px; height: 50px; padding: 0; justify-content: center; }
button.slick-arrow svg path  {fill: var(--white_color); }
button.slick-prev { left: 50px; }
button.slick-next { right: 50px; }

.about_locations ul li strong{ font-weight: bold;}

.careers .careers_top_content p a{ color: var(--btn_color);}
.careers .careers_top_content p a:hover{ color: var(--body_color);}

.faq_cta_section .ready_inr { display: flex;}
.faq_cta_section .ready_inr .faq_btn { display: flex; align-items: center; justify-content: space-between; max-width: 45%; width: 100%; }
.faq_cta_section .ready_inr .faq_btn a.button:hover { color: var(--btn_color); background-color: white; border: 3px solid #ffffff; }
.faq_cta_section .ready_inr .faq_bottom_content { max-width: 55%; width: 100%; }

.footer_social ul li img { transition: 0.3s all;}
.footer_social ul li img:hover { scale: 1.08; }

.page-id-2608 .plan_production ul li { max-width: 33.33%; width: 100%;}

.service_solving { padding: 0 0  50px; background: #FFFFFF 0% 0% no-repeat padding-box; position: relative; text-align: center; box-shadow: none; }
.service_solving .plan_production ul li { max-width: 33.33%; width: 100%; }

section.service_plumbing { padding: 0px 0 50px !important; background: transparent; }
.service_plumbing h2 { text-align: center; padding: 0px 0 21px; }
.page-id-3265 .devenport .devenport_inr p { padding: 40px 0 0px; }
.page-id-3265 .devenport .devenport_inr { padding: 40px 0; }

.team-photo.fr.no_wrap_cl:first-of-type { margin: 0 0px 40px 20px; }
.team-photo.fr.no_wrap_cl:last-of-type { margin: 0 20px 40px 0px; }
.button_section .button_section_inr .btn_inr { max-width: 32.33%; width: 100%; }
.button_section .button_section_inr .btn_inr a {  width: 100%; }

.geo_plumbing .plumbing_inr .plumbing_card { max-width: 33.33%; min-height: 401px; }
.page-id-3265 .plumbing .plumbing_text { z-index: 1; }

.page-id-190 .faq_cta_section .faq_btn a.button{ border-color: var(--white_color);}
.page-id-180 .geo_plumbing .plumbing_inr .plumbing_card { max-width: 50%; }
.page-id-180 .plumbing .img-container:hover .plumbing_text { z-index: 1; }

.new_up_sec .wpcf7-not-valid { border: 0 !important; }
.new_up_sec .wpcf7-not-valid {display: block; border: 0 !important; }
form .new_up_sec .wpcf7-not-valid-tip { display: block !important; font-size: 18px; }
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.job_location { outline: none;  }

.wpcf7 input[type="file"] { cursor: pointer; background: #EBEBEB; color: var(--body_color); height: 100%; padding: 12px 23px; border-radius: 0px; font-size: 16px; width: 100%; font-family: var(--body_font); }
.plumbing .plumbing_card:hover h2 { color: var(--btn_color); transition: 0.5s all;}
.plumbing .img-container:hover .plumbing_text { z-index: 0;}
.page-id-48 .geo_plumbing .plumbing_inr .plumbing_card { max-width: 50%;}
.page-id-180 .plumbing .img-container:hover .plumbing_text { z-index: 0; }
 .from_btn input[type="submit"] { border-color: transparent; background: var(--white_color); color: var(--btn_color); }
.from_btn input:hover[type="submit"]{ background: var(--btn_color); border-color: 3px solid var(--white_color); color: var(--white_color); }
.page-id-3265 .plumbing .plumbing_text { justify-content: end;}
.page-id-3265 .plumbing .plumbing_card h2 { top: 15px; }
.faq_btn a.button { background: var(--white_color); color: var(--btn_color); border: 3px solid var(--btn_color); }
.faq_btn a.button:hover { background: var(--btn_color) !important; color: var(--white_color) !important; border: 3px solid var(--white_color) !important ; }
.project .project_inr .project_center .project_center_text p > a{text-shadow: none;}
.plumbing .plumbing_card h2:hover { color: #fff; }

.def-page ul.overflow { overflow: unset; }



.page-template-secondary-page .devenport.secondary_devenport{padding-top: 60px;}
.page-template-secondary-page .devenport .devenport_inr ul li::before { width: 20px; height: 20px; }
.page-template-secondary-page .devenport .devenport_inr ul li { padding: 0 0 0 30px;}
.page-template-secondary-page .devenport .devenport_inr ul { padding-bottom: 25px;}
.page-template-secondary-page .devenport .devenport_inr p { padding: 0 0 0px; }
.page-template-secondary-page section.plumbing { padding: 50px 0; text-align: center;}
.page-template-secondary-page .plumbing p:last-of-type{margin-bottom: 25px;}