*{
	box-sizing:border-box;
}
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
	}
header, footer, article, section, hgroup, nav, figure {
		display:block;
		margin:0px;
		padding:0px;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align:middle;
	transition: all 0.5s ease-in-out 0s;
}
ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
a, button{
		text-decoration:none;
		outline:none;
		transition: all 0.5s ease-in-out 0s;
}
i.fa{
	transition: all 0.5s ease-in-out 0s;
}
p, td, input, label, form, h1, h2, h3, h4, h5, h6, a {
		padding:0px;
		margin:0px;
		border:none;
		text-decoration:none;
		font-weight:normal;
}
h1, h2, h3, h4, h5, h6{
	font-weight:800;
	text-transform:uppercase;
}
input[type="text"],input[type="button"],input[type="submit"],input[type="email"],input[type="tel"] ,textarea {
	-webkit-appearance: none;  
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	transition: all 0.5s ease-in-out 0s;
	outline:none;
	resize: none;
}
input[type="submit"], input[type="button"], input[type="reset"]{
	outline:none;
	cursor:pointer;
}
.clear {
	clear: both; 
}
.vm{ 
	vertical-align: middle; 
}
.relative{ 
	position: relative; 
}
.left{
	float: left;
}
.right {
		float:right !important;
}
/*placeholder css*/
input::-webkit-input-placeholder {
		opacity:1 !important;
}

input::-moz-placeholder {
		opacity:1 !important;
}
input:-ms-input-placeholder {
		opacity:1 !important;
}
input:-moz-placeholder {
		opacity:1 !important;
}

textarea::-webkit-input-placeholder {
	opacity:1 !important;
}
textarea::-moz-placeholder {
	opacity:1 !important;
}
textarea:-ms-input-placeholder {
	opacity:1 !important;
}
textarea:-moz-placeholder {
	opacity:1 !important;
}

/*ends css*/
body{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:normal; 
	color:#1C2644; 
	font-weight:400; 
	font-family: 'Open Sans', sans-serif;
    overflow:hidden;
	overflow-y:auto;	
}


/*selection color*/
::-moz-selection {
    background: #000;
    color: #ffffff;
}
::-webkit-selection {
    background: #000;
    color: #ffffff;
}
::selection {
    background: #000;
    color: #ffffff;
}

@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url('../font/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../font/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url('../font/OpenSans-Medium.woff2') format('woff2'),
        url('../font/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url('../font/OpenSans-Regular.woff2') format('woff2'),
        url('../font/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url('../font/OpenSans-Bold.woff2') format('woff2'),
        url('../font/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url('../font/OpenSans-SemiBold.woff2') format('woff2'),
        url('../font/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*======= Common CSS =======*/
p{
	font-size:16px; 
	line-height:24px; 
}
h1{
	font-size:14px; 
	line-height:15px;	
	
}	
h2{
	font-size:40px;
	line-height:52px;
	font-weight:800;
}
h3{
	font-size:37px;
	line-height:48px;
}

h4{
	font-size:37px; 
	line-height:48px;
}

h5{
	font-size:26px; 
	line-height:36px;
}

h6{
	font-size:18px; 
	line-height:20px;
}

a:hover, a:focus{
	text-decoration:none;
	color:inherit;
}
.full_width{
	width:100%; 
	float:left;
}

.fixed-wrapper{max-width:1240px; width:100%; margin:0 auto;}

.read-btn{display:inline-block; padding:11px 20px; border-radius:10px; background:#21409A; color:#fff;  font-size:14px; font-weight:600; text-transform:uppercase;}
.bg-yl{background:#FFDE17; color:#1C2644;}
.read-btn:hover{background:#FFDE17; color:#1C2644;}
.bg-yl:hover{background:#21409A; color:#fff;}

header{display:flex; width:100%; flex-wrap:wrap; background:#21409A;  position:sticky; top:0; left:0; right:0; z-index:999;}
.top-head{display:flex; width:100%; position:relative; overflow:hidden;}

.top-head-outer{display:flex; justify-content:space-between; margin-left:130px; position:relative; z-index:0;}
.top-head-outer:after{position:absolute; left:100%; background:#FFDE17; width:5000px; top:0; bottom:0; content:''; z-index:-1;}
.top-head-left{display:flex; align-items:center; justify-content:space-between; padding:2px 0; max-width:calc(100% - 450px); width:100%; }
.top-head-left a, .top-head-left p{color:#fff; display:flex; align-items:center; font-weight:600; text-transform:uppercase;}
.top-head-left a i, .top-head-left p i{margin-right:10px; position:relative; top:-1px; }
.top-head-left a{margin-left:auto;margin-right: 50px;padding: 13px 0; }
.top-head-rgt{display:flex; background:#FFDE17; padding:15px 15px; position:relative;align-items: center;justify-content: center;}
.top-head-rgt:before{position:absolute; right:100%; width:30px; height:60px; top:0; bottom:0; background:url(../images/top-oly.svg) no-repeat; background-size:100% 100%; content:'';}
.top-head-rgt h1{color:#1C2644; text-transform:uppercase;}
.top-head-left a{font-size:24px; }


.btm-head{display:flex; width:100%; position:relative; z-index:0; }
.btm-head-outer{display:flex; justify-content:space-between; position:relative; z-index:0;  }
.btm-head-outer:after{position:absolute; left:100%; background:#FFDE17; width:5000px; top:0; bottom:0; content:''; z-index:-1; margin-left:-30px; }  
.logo{display:inline-block; margin-top:-42px;}
.logo a{display:inline-block;max-width: 138px;}
.menus-outer{background:#FFFFFF; padding:26px 20px 26px 20px; align-items:center; display:flex; border-radius:20px 20px 0 0;}
.menu{display:flex; gap:5px; }
.menu li a{display:inline-block; border-radius:10px; font-size:14px; padding:14px 20px; font-weight:600; text-transform:uppercase; color:#1C2644;}
.menu li a span{margin-left:5px; position:relative; top:-1px;}
.get-a-quote-btns{display:flex; margin-left:28px;}
.get-a-quote-btns ul{display:flex; gap:20px;}
.get-a-quote-btns ul li{display:inline-block;}
.get-a-quote-btns ul li .read-btn{
	padding:14px 20px;
/*	display: inline-block;*/
    background: #FFDE17;
    color: #1C2644;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
	border-radius: 10px;
	min-height: 39.78px;    min-width: 156px;
    display: flex;
    justify-content: center;
    align-items: center;}

.menu li{position:relative;}
.menu li.active a,  .menu li a:hover{background:#FFDE17; color:#0E0F0F;}

.menu li .submenu{position: absolute; left: 0; top: 110%; min-width: 340px; width:100%; background: #21409A; opacity:0; visibility:hidden; transition: all 0.5s ease-in-out;	border-radius: 5px;	z-index: -1;	border-bottom: 2px solid #fff; z-index:9;}
.menu li .submenu li {display: block; width: 100%; padding: 0; border-bottom: 1px solid #fff;}
.menu li .submenu li a {display: block;	width: 100%;  padding: 15px 15px;	border-radius: 0;	color: #fff;font-size: 14px;	background: transparent; transition: unset;}
.menu li .submenu li a:after{background: #fff; position:absolute; width:10%; left:0; top:0; bottom:0; opacity:0; content:'';  z-index:-1; }
.menu li:hover .submenu {opacity: 1; visibility: visible; height:auto; top: 100%; z-index:9; transition: all 0.5s ease-in-out;}
.menu li .submenu li a:hover{background:#FFDE17; color:#000;} 


.menu li:nth-child(3) .submenu{min-width: 220px;}

.infinity-call{display:flex; width:100%;}
.infinity-call a{background:#FFDE17; padding:11px 15px; text-align:center; color:#1C2644;  text-transform:uppercase; font-weight:800; display:block; width:100%;}
.infinity-call a:hover{background:#21409A; color:#fff;}

.main-banner{display:flex; width:100%; padding:40px 0 40px; position:relative; background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)),url(../images/infinity-plumbing-banner.webp) no-repeat; background-position:center; background-size:cover;}
.main-banner-outer{display:flex; justify-content:space-between;  }
.main-banner-left{max-width:800px; width:100%;}
.main-banner-left span{height:40px; max-width:600px; overflow:hidden; border-radius:5px;  text-transform:uppercase; display:flex; align-items:center; font-size:16px; font-weight:600; line-height:18px; color:#000;  background:#FFDE17; padding-right:10px; margin-bottom:10px;}
.main-banner-left span em{font-size:24px; font-weight:800; line-height:18px; font-style:normal; background:#fff; color:#000000; padding: 16px 8px; margin-right:10px;}
.main-banner-left h2{margin-bottom:20px; color:#fff; text-transform:uppercase;}
.main-banner-left p{color:#fff; margin-bottom:20px; font-size:20px; line-height:28px; max-width:95%;}
.main-banner-left .icon-list li{color:#fff; font-size:18px;  line-height:26px; margin-bottom:15px;}
.main-banner-left .icon-list li:before{top:3px;}

.icon-list{display:inline-block; width:100%;}
.icon-list li{display:block; padding-left:24px; position:relative; margin-bottom:10px;}
.icon-list li:before{position:absolute; left:0; top:0px; width:14px; height:20px; background:url(../images/list-ic.svg) no-repeat; background-size:100% 100%; content:''; }
.icon-list li:last-child{margin-bottom:0;}


.main-banner-rgt{max-width:400px; width:100%; border-radius:10px; overflow:hidden;}
.main-banner-rgt h5{font-size:20px; line-height:27px; padding:14px 20px; background:#FFDE17;  color:#1C2644; font-weight:800; text-transform:uppercase;}
.banner-form{padding:22px 20px 40px; background:#fff; }
.txt-row{width:100%; margin-bottom:20px;}
.txt-row:last-child{margin-bottom:0;}
.txt-fld{width:100%;}
.txt-fld textarea, .txt-fld input{background:#fff; width:100%; padding:14px 20px; font-weight:600; border-radius:10px; height:44px; border:1px solid #E4E4E4; color:#000; }
.txt-fld button{padding:14px 15px; width:100%; background:#21409A; text-align:center; color:#fff; text-transform:uppercase; font-weight:600; border:none; box-shadow:none; cursor:pointer; border-radius:10px;}
.txt-fld button:hover{background:#1C2644; }

.txt-fld textarea{height:107px; font-weight:600;}

.txt-fld input::-webkit-input-placeholder {
	opacity:1 !important;
	font-size:12px;		
	color:#868686;
	font-weight:600;
}

.txt-fld input::-moz-placeholder {
	opacity:1 !important;
	font-size:12px;
	color:#868686;
	font-weight:600;
}
.txt-fld input:-ms-input-placeholder {
	opacity:1 !important;
	font-size:12px;
	color:#868686;
	font-weight:600;
}
.txt-fld input:-moz-placeholder {
	opacity:1 !important;
	font-size:12px;
	color:#868686;
	font-weight:600;
}

.txt-fld textarea::-webkit-input-placeholder {
	opacity:1 !important;
	font-size:12px;		
	color:#868686;
	font-weight:600;
	font-family: 'Open Sans',sans-serif;
}

.txt-fld textarea::-moz-placeholder {
	opacity:1 !important;
	font-size:12px;
	color:#868686;
	font-weight:600;
	font-family: 'Open Sans',sans-serif;
}
.txt-fld textarea:-ms-input-placeholder {
	opacity:1 !important;
	font-size:12px;
	color:#868686;
	font-weight:600;
	font-family: 'Open Sans',sans-serif;
}
.txt-fld textarea:-moz-placeholder {
	opacity:1 !important;
	font-size:12px;
	color:#868686;
	font-weight:600;
	font-family: 'Open Sans',sans-serif;
}

.checkbox-outer{display:flex; }
.checkbox-inner{ display: block;   position: relative;  padding-left: 40px; margin-right:30px; margin-bottom: 0px;  cursor: pointer; font-size: 16px; color:#868686;  -webkit-user-select: none;  -moz-user-select: none; line-height:30px;  -ms-user-select: none;  user-select: none;}
.checkbox-inner:last-child{margin-right:0;}
.checkbox-inner input{ position: absolute;   opacity: 0;  cursor: pointer;}
.checkmark{ position: absolute;  top: 0;  left: 0;  height: 30px;  width: 30px;  background-color:transparent; border:1px solid #E4E4E4;  border-radius: 5px;}
.checkbox-inner input:checked ~ .checkmark { border-color:#21409A;}
.checkmark:after {  content: "";  position: absolute;  display: none;}
.checkbox-inner input:checked ~ .checkmark:after {  display: block;}
.checkbox-inner .checkmark:after{position:absolute; top:50%; transform:translatey(-50%); width:13px; height:10px; left:0; right:0; margin:0 auto; background:url(../images/radio-check.svg) no-repeat; background-size:100% 100%; background-position:center;}


.top-services-sec{display:flex; width:100%; margin-top:-70px; z-index:9; position:relative; }
.top-services-outer{display:flex; width:100%; gap:20px; padding:20px 0; /*background:#fff;*/ border-radius:20px;flex-wrap: wrap;}
.top-serv-box{max-width:calc(100% / 4 - 20px); width:50%; background:#21409A; display:flex; flex-direction:column; border-radius:20px; padding:20px 15px; justify-content:center; text-align:center;  cursor:pointer; transition:all 0.5s ease-in-out;}
.top-serv-box i{margin-bottom:15px; }
.top-serv-box p{color:#fff;  text-transform:uppercase; font-weight:600;}
/*
.top-serv-box:nth-child(2n){background:#FFDE17;}
.top-serv-box:nth-child(2n) p{color:#1C2644;}

.top-serv-box:nth-child(2n):hover{background:#21409A; color:#fff; transition:all 0.5s ease-in-out;}
.top-serv-box:nth-child(2n):hover p{color:#fff; }
.top-serv-box:nth-child(2n):hover i{filter:brightness(0) invert(1);}
*/
.top-serv-box:nth-child(2), .top-serv-box:nth-child(3){background:#FFDE17;}
.top-serv-box:nth-child(2) p,.top-serv-box:nth-child(3) p{color:#1C2644;}
.top-serv-box:nth-child(2):hover, .top-serv-box:nth-child(3):hover{background:#21409A; color:#fff; transition:all 0.5s ease-in-out;}
.top-serv-box:nth-child(2):hover p,.top-serv-box:nth-child(3):hover p{color:#fff; }
.top-serv-box:nth-child(2):hover i, .top-serv-box:nth-child(3):hover i{filter:brightness(0) invert(1);}

.top-serv-box:hover{background:#FFDE17;}
.top-serv-box:hover p{color:#1C2644; }
.top-serv-box:hover i{filter:brightness(0) invert(0);}




.hm-about-sec{display:flex; width:100%; padding:50px 0 50px; background:#F5F5F5;  /*margin-top:-100px;*/}
.hm-about-outer{display:flex; justify-content:space-between; align-items:center;}
.hm-about-left{max-width:610px; width:100%; }
.hm-about-left h4{margin-bottom:20px; color:#21409A; }
.hm-about-left p{margin-bottom:20px; color:#666; font-size:16px; line-height:24px;}
.hm-about-left p strong{color:#1C2644;}

.hm-about-left .icon-list li{font-size:16px; line-height:24px; color:#666; margin-bottom:15px;}
.hm-about-left .icon-list li:before{background: url(../images/list-ic-blue.svg) no-repeat;}

.hm-about-rgt{max-width:610px; width:100%;}
.hm-about-rgt figure{border-radius:20px; overflow:hidden;}
.hm-about-rgt figure img{border-radius:20px; width:100%;}

.hm-serv-sec{display:flex; width:100%; padding:50px 0; background:#fff; }
.hm-serv-sec h4{text-align:center; color:#21409A; }
.hm-serv-outer{display:flex; width:100%; margin-top:30px; flex-wrap:wrap; gap:30px;}
.hm-serv-box{max-width:calc(100% / 4 - 23px); width:100%; border-radius:20px; overflow:hidden; border:1px solid #21409A; transition:all 0.5s ease-in-out;}
.hm-serv-box figure{display:inline-block; width:100%;}
.hm-serv-box figure img{width:100%;}
.hm-serv-box-cont{margin-top:0px; text-align:center; padding:20px 10px;}
.hm-serv-box-cont h6{margin-bottom:15px; color:#21409A; transition:all 0.5s ease-in-out;}
.hm-serv-box-cont p{margin-bottom:20px; font-size:16px; color:#666; transition:all 0.5s ease-in-out; padding:0 10px;}
.hm-serv-box-cont span{color:#21409A; font-size:16px; text-transform:uppercase; font-weight:600; transition:all 0.5s ease-in-out;}

.hm-serv-box:hover{background:#21409A; transition:all 0.5s ease-in-out;}
.hm-serv-box:hover h6{color:#fff; transition:all 0.5s ease-in-out;}
.hm-serv-box:hover p{color:#A6BDFE; transition:all 0.5s ease-in-out;}
.hm-serv-box:hover span{color:#fff; transition:all 0.5s ease-in-out;}


.hm-mn-about-sec{display:flex; width:100%; padding:60px 0; background:#21409A; position:relative; overflow:hidden;}
.hm-mn-about-outer{display:flex; justify-content:space-between; align-items:center; }
.hm-mn-about-left{max-width:550px; width:100%;}
.hm-mn-about-left h4{margin-bottom:30px; color:#fff;}
.hm-mn-about-left p{color:#fff; margin-bottom:0px;}
.hm-mn-about-left .icon-list li{color:#fff; }
.hm-mn-about-left .icon-list{margin-bottom:25px;}
.hm-mn-about-left p a{color:#FFDE17; font-weight:600;}
.hm-mn-about-left p a:hover{color:#fff; }
.hm-mn-about-left .icon-list li br{display:none;}

.hm-mn-about-rgt{max-width:500px; width:100%; position:relative; z-index:0; }
.hm-mn-about-rgt figure{border-radius:50%;  position:relative;}
.hm-mn-about-rgt figure img{border-radius:50%; }
.hm-mn-about-rgt:after{position:absolute; right:-60px; bottom:-60px; width:350px; height:152px; background:url(../images/hm-about-img-oly.svg) no-repeat; content:''; background-size:100% 100%; z-index:-1;}

.hm-mn-about-rgt .inner{width:300px; height:300px; position:absolute; display:flex; align-items:center; bottom:0; left:0; background:#FFDE17;   border-radius:50% 0 50% 50%; } 
.hm-mn-about-rgt .inner h5{font-size:20px; line-height:28px; display:flex; text-transform:uppercase; flex-wrap:wrap; align-items:center;  justify-content:center; font-weight:800;text-align: center;}
.hm-mn-about-rgt .inner span{display:block; font-size:30px; line-height:40px; }
.hm-mn-about-rgt .inner span em{font-size:16px; line-height:20px; font-weight:400; font-style:normal; text-transform:initial; }

.extra-work-sec{display:flex; width:100%; background:url(../images/extra-work-img.webp) no-repeat; background-size:cover; background-position:center; }
.extra-work-outer{display:flex; justify-content:flex-end;}
.extra-work-cont{max-width:570px; width:100%; background:#FFDE17; margin-left:auto; padding:60px 20px;}
.extra-work-cont h4{margin-bottom:20px;  color:#1C2644; font-size:26px; line-height:34px;} 
.extra-work-cont p{margin-bottom:20px; color:#1C2644; }
.extra-work-cont p:last-child{margin-bottom:0;}
.extra-work-cont .icon-list{margin-bottom:20px;}
.extra-work-cont h5{margin-bottom:15px;}

.extra-work-cont .icon-list li{color:#1C2644; font-size:16px; line-height:24px; margin-bottom:15px;}
.extra-work-cont .icon-list li:last-child{margin-bottom:0;}
.extra-work-cont .icon-list li:before{background:url(../images/list-ic-bl.svg) no-repeat; }

.location-sec{width:100%; display:flex; flex-wrap:wrap; overflow:hidden; background:#21409A; position:relative;}
.loc-city-outer{display:flex; width:100%; background:#21409A;}
.serv-area-contact{display:flex; width:100%;}
.serv-area-contact button{max-width:calc(100% / 2 - 5px);  color:#fff; border:none; border-right:1px solid #fff; background:#21409A; box-shadow:none; width:100%;  padding:6px 30px; color:#fff; font-size:26px; font-weight:bold; line-height:48px; position:relative; transition:all 0.5s ease-in-out; cursor:pointer; text-align:left; position:relative; z-index:0; text-transform:uppercase; }

.serv-area-contact button:first-child{padding-left:0;}

.serv-area-contact button:first-child:before{position:absolute; transition:all 0.5s ease-in-out;  right:100%; width:5000px; background:#21409A; content:''; top:0; bottom:0; }
.serv-area-contact button:last-child:before{position:absolute; transition:all 0.5s ease-in-out; left:100%; width:5000px; background:#21409A; content:''; top:0; bottom:0; }
.serv-area-contact button:last-child{border:none;}

.serv-area-contact button.clicked{background:#FFDE17; color:#1C2644;}
.serv-area-contact button.clicked:first-child:before{background:#FFDE17; transition:all 0.5s ease-in-out;}
.serv-area-contact button.clicked:last-child:before{background:#FFDE17; transition:all 0.5s ease-in-out;}
.serv-area-contact button::after{content: ''; position:absolute; top:50%; transform:translateY(-50%); right:20px; background: url(../images/plus-ic-in.svg) no-repeat; width: 23px; height: 23px; background-size: 100% 100%;} 
.serv-area-contact button.clicked::after{background: url(../images/btn-minus-ic.svg) no-repeat;background-size: 100% 100%;}

.serv-area-contact button:nth-child(3){max-width:295px;}
.areas-content-block{width:100%; margin:0 auto;}
.tabcontent{padding:30px 0 30px; width:100%; background:#fff; display:none;}
.tabcontent .icon-list{display:flex; flex-wrap:wrap;}
.tabcontent .icon-list li{margin-bottom:15px;}
.w-25 li{max-width:calc(100% / 4 - 10px); width:100%; }
.w-25 li:before{background:url(../images/list-ic-blue.svg) no-repeat; }


footer{display:flex; width:100%; background:#1C1D21;  flex-wrap:wrap;}
.top-footer{width:100%; display:flex; }
.top-footer-outer{display:flex;width:100%;gap:30px;background: #fff;border-radius: 0 0 20px 20px;}
.f-logo{display:inline-block;background:#FFFFFF;max-width:182px;padding: 25px 0px 25px 30px;width:100%;text-align:center;border-radius:0 0 20px 20px;}
.contact-list{display:flex;width:100%;background:#fff;border-radius:0 0 20px 20px;padding: 25px 30px 25px 0;align-items: center;}
.contact-list-inner{display:flex; width:100%; justify-content:space-between;}
.contact-list-inner li{display:inline-block;}
.contact-list-inner li a, .contact-list-inner li p{position:relative; font-weight:600; color:#666666; display:flex; flex-wrap:wrap; padding-left:51px;  font-size:18px; line-height:24px;}
.contact-list-inner li a span, .contact-list-inner li p span{color:#666666; font-weight:400; display:block; width:100%; font-size:14px; line-height:16px;}
.contact-list-inner li a i, .contact-list-inner li p i{position:absolute; left:0; top:0; }
.contact-list-inner li a:hover{color:#21409A;}

.middle-footer{display:flex; width:100%; margin-top:50px; padding-bottom:50px;}
.middle-footer-outer{display:flex; width:100%; gap:95px;}
.col-foot{width:100%; }
.col-foot h6{margin-bottom:20px; color:#fff;}
.col-foot p{color:#868686; font-size:14px; line-height:20px; margin-bottom:30px;}
.f-abt{max-width:395px;}

.social-icons{display:flex; width:100%; gap:20px;}
.social-icons li{display:inline-block; }
.social-icons li a{width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#FFDE17;}
.social-icons li a:hover{background:#FFEDB3;}



.f-quick-links{max-width:120px;}
.col-foot .icon-list li{margin-bottom:15px;}
.col-foot .icon-list li a{color:#868686; font-size:14px; line-height:20px;}
.col-foot .icon-list li a:hover{color:#fff;}

.col-foot .icon-list{display:flex; flex-wrap:wrap;}
.w-50 li{max-width:49%; width:100%; }
.w-50 li:nth-child(odd){max-width:290px;}
.w-50 li:nth-child(even){max-width:240px;}


.btm-footer{display:flex; width:100%; padding:10px 0 15px; background:#151619; text-align:center; }
.btm-footer p{font-size:14px; color:#868686;}
.btm-footer p a{color:#868686;}
.btm-footer p a:hover{color:#fff;}
.btm-footer ul{margin-top:5px; display:flex; justify-content:center;}
.btm-footer ul li a{color:rgba(255,255,255,0.3); font-size:14px;}
.btm-footer ul li:after a{padding:0 15px; color:#868686; content:'|'; }
.btm-footer ul li a:hover{color:rgba(255,255,255,0.6);}


#toTop {
	padding: 10px;
	text-align: center;
	background:#21409A;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	z-index: 99;
	transition: 0.6s;
	border-radius:8px;
	border:1px solid #fff;
}

#toTop img{transition:all 0.5s ease-in-out;}

#toTop:hover {
	background:#FFDE17;
}

#toTop:hover img {
	filter: brightness(1) invert(1);
	transition:all 0.5s ease-in-out;
}
 
 .fix-info {
	position: fixed;
	bottom: 16%;
	right: 0;
	z-index: 9;
}
.fix-info ul li a {
	padding: 7px 27px;
	height: 50px;
	display: flex;
	align-items: center;
	font-weight: bold;
	position: relative;
	background: #fff;
	border:1px solid #21409A;
	color: #fff;
	font-size: 20px;	
	padding-left:58px;
	transform: translatex(170px);
	transition: all 0.5s ease-in-out;
	border-radius:50px 0 0 50px;
	
}
.fix-info ul li a:hover{color:#fff;}

.fix-info ul li {
	display: block;
	margin-bottom: 10px;
}

.fix-info ul li:last-child {
	margin-bottom: 0;
}

.fix-info ul li a i {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	display: inline-block;
	transition:all 0.5s ease-in-out;
}

.fix-info ul li a:hover {	background:#21409A;	color:#fff;}
.fix-info ul li a:hover { /* padding: 7px 32px; */	transform: translatex(10px);	transition: all 0.5s ease-in-out;}
.fix-info ul li:nth-child(2) a:hover {transition: all 0.5s ease-in-out;	transform: translatex(170px);}

.fixed-bottom-bar{display:none;}
.fix-info ul li a:hover i{filter:brightness(0) invert(1); transition:all 0.5s ease-in-out;}
.ada_toggle{top:158px !important; background: #fff !important; border:1px solid #21409A;  width:50px !important; height:50px !important; line-height:50px !important; border-radius:0 5px 5px 0 !important; border-radius: 0 50px 50px 0 !important;}
.reset_btn{background: #21409A !important;}
.reset_btn:hover{background: #21409A !important;}
.mobile-menu{display:none;}
.p-rgt-top img{width:100%;}
.closed-to{display:none; }
.body_ada_active .closed-to{display:block;}
.body_ada_active .open-to{display:none;}
.ada_toggle {top: 185px;	display: flex !important;	align-items: center !important;	justify-content: center !important;}
.mobile-ph-no{background:#0E0F0F; width:100%; text-align:center; display:none;}
.mobile-ph-no a{color:#fff; font-weight:600; display:block;  padding:8px 10px; font-size:18px; border-bottom:1px solid #000;}
.mobile-ph-no a i{width:18px; filter:brightness(0) invert(1); display:inline-block; margin-right:8px;}
.mobile-ph-no a:hover{background:#21409A; }


.get-a-quote-btns ul li:first-child{display:none;}
.get-a-quote-btns ul li a{transition:all 0.5s ease-in-out;}
.get-a-quote-btns ul li a i{display:inline-block; margin-right:8px; animation: spin 4s linear infinite;}
.get-a-quote-btns ul li a img{width:18px; filter:brightness(0) invert(0); transition:all 0.5s ease-in-out;}


@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}



/*inner pages*/
.inner-banner{display:flex; width:100%; padding:85px 0; background:url(../images/inner-page-banner.jpg) no-repeat; background-size:cover !important; background-position:center; text-align:center;}
.emergency-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/emergency-plumbing-banner.webp) no-repeat; background-size:cover; background-position:center; }
.fixiture-banner{background:url(../images/fixiture-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.drain-banner{background:url(../images/drain-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.water-banner{background:url(../images/water-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.toilet-upgrade-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/ada-toilet-and-water-saving-faucet-upgrades.webp) no-repeat; }
.appliance-hookup-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/appliance-hookups.webp) no-repeat; }
.backflow-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/backflow-prevention.webp) no-repeat; }
.bathroom-kitchen-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/bathroom-and-kitchen-remodel-plumbing.webp) no-repeat; }
.grease-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/grease-trap-installation-and-maintenance.webp) no-repeat; }
.maintenance-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/plumbing-maintenance-plans.webp) no-repeat; }
.smoke-testing-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/smoke-testing-for-plumbing-leaks.webp) no-repeat; }
.stormdrain-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/storm-drain-and-catch-basin-cleaning.webp) no-repeat; }
.trenchless-sewer-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/trenchless-sewer-pipe-replacement.webp) no-repeat; }
.whole-repiping-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/whole-home-repiping.webp) no-repeat; }
.drain-sewer-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/drain-and-sewer-service.webp) no-repeat;}
.emergency-leak-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/emergency-and-leak-detection-service.webp) no-repeat;}
.gas-commercial-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/gas-and-commercial-plumbing.webp) no-repeat;}
.repair-repiping-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/pipe-repair-and-repiping.webp) no-repeat;}
.repair-installation-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/plumbing-repairs-and-installations.webp) no-repeat;}
.heater-quality-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/water-heater-and-water-quality.webp) no-repeat;}
.services-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/services-banner.webp) no-repeat;}
.service-areas-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/service-areas-banner.webp) no-repeat;}

.water-repaier-banner{background:url(../images/water-repaier-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.gas-install-banner{background:url(../images/gas-install-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.lake-detaction-banner{background:url(../images/lake-detaction-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.remodeing-banner{background:url(../images/remodeing-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.toilate-repaier-banner{background:url(../images/toilate-repaier-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.slab-repaier-banner{background:url("../images/slab-leak-repair-banner.webp") no-repeat; background-size:cover; background-position:center; }
.drain-cleaning-banner{background:linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)),url("../images/infinity-plumbing-hydro-jetting-top-banner-broward.webp") no-repeat; background-size:cover; background-position:center; }
.backflow-banner{background:url(../images/backflow-banner.webp) no-repeat; background-size:cover; background-position:center; }
.sewer-banner{background:url(../images/sewer-banner.webp) no-repeat; background-size:cover; background-position:center; }
.broward-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(https://infinityplumbingfl.com/images/broward-county-service-area.webp) no-repeat;background-size:cover;background-position:center;}
.palm-beach-county-banner{background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(https://infinityplumbingfl.com/images/palm-beach-county-service-area.webp) no-repeat;background-size:cover;background-position: center 45%;}
.contact-us-banner{background:url(../images/contact-us-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.free-estimate-banner{background:url(../images/free-estimate-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.schedule-banner{background:url(../images/schedule-banner.jpg) no-repeat; background-size:cover; background-position:center; }


.inner-banner h2{color:#fff; margin-bottom:20px;}
.breadcum{display:flex; justify-content:center; align-items:center;}
.breadcum li{display:flex; color:#fff;}
.breadcum li a,.breadcum li p{color:#fff; }
.breadcum li p{font-weight:600; text-decoration:underline;    margin-bottom: 0; }
.breadcum li:after{content:'//'; padding:0 15px; color:#fff;}
.breadcum li:last-child:after{display:none;}
.breadcum li:first-child img{position:relative; top:-2px;}
.breadcum li a:hover{opacity:0.7;}

.inner-content-sec{display:flex; width:100%; padding:50px 0; background:#fff; }
.inner-content-outer{display:flex; width:100%; justify-content:space-between; }
.inner-cont-left{max-width:816px; width:100%; }
.inner-cont-left.max-w-unset{max-width: unset;}
.inner-cont-left h3{margin-bottom:30px; color:#21409A; }
.inner-cont-left p{color:#666666; margin-bottom:20px;}
.inner-cont-left figure{border-radius:20px; overflow:hidden;}
.inner-cont-left figure img{border-radius:20px;}

.inner-cont-rgt{max-width:393px; width:100%; border-radius:20px; overflow:hidden;}
.inner-cont-rgt h5{background:#FFDE17; font-size:20px; padding:23px 20px; line-height:24px; }
.inner-cont-form{padding: 30px 20px;background: #F4F4F4;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);border-radius: 0 0 20px 20px;}

.inner-cont-form .txt-row .read-btn{width:100%; text-align:center; font-weight:600;}

.inner-extra-content-sec{display:flex; width:100%; padding:50px 0; background:#21409A;}
.inner-extra-cont-outer{display:flex; justify-content:space-between; }
.inner-extra-cont-left{max-width:604px; width:100%;}
.inner-extra-cont-left h4{color:#fff; margin-bottom:30px;}
.inner-extra-cont-left p{margin-bottom:30px; color:#fff;}
.inner-extra-cont-left p:last-child{margin-bottom:0;}

.inner-extra-cont-rgt{max-width:605px; width:100%;}
.inner-extra-cont-rgt figure{border-radius:20px; overflow:hidden;}
.inner-extra-cont-rgt figure img{width:100%; border-radius:20px;}

.inner-call-action{display:none; width:100%; padding:50px 0; background:#F5F5F5; }
.inner-call-action-outer{display:flex; width:100%; justify-content:space-between; }
.inner-call-action-box{max-width:calc(100% / 3 - 20px); width:100%; background:#21409A; font-size:13px; color:#fff; padding:24px 15px; text-align:center; border-radius:10px; text-transform:uppercase; font-weight:700;display: flex;justify-content: center;align-items: center;}
.inner-call-action-box:hover{background:#FFDE17; color:#000;}
	
.w-33{display:flex; flex-wrap:wrap; margin-top:-5px; margin-bottom:15px;}	
.w-33 li{max-width:calc(100% / 3 - 10px); width:100%;}
.w-33 li::before { background: url(../images/list-ic-blue.svg) no-repeat;}
.center-img{text-align:center;}
.center-img img{width:100%;}

.w-48{display:flex; flex-wrap:wrap;}
.w-48 li{max-width:calc(100% / 2 - 0px); width:100%; }
.w-48 li a{color:#fff;}
.w-48 li a:hover{color:#FFDE17;}

.contact-form{width:100%; max-width: 816px; }
.inner-contact-form{width:100%; padding:20px; box-shadow:0 0 5px rgba(0,0,0,0.3); border:1px solid #aaa; border-radius:15px; margin-top:15px;}
.inner-cont-rgt .contact-list-inner{padding:20px; flex-wrap:wrap;}
.inner-cont-rgt .contact-list-inner li{margin-bottom:30px; }
.inner-cont-rgt .contact-list-inner li:last-child{margin-bottom:0;}
.cont-dtls-iinner{padding:20px; padding-bottom:0; margin-bottom:10px;	}
.cont-dtls-iinner h4{margin-bottom:20px;}

.inner-cont-rgt .contact-list-inner li a, .inner-cont-rgt .contact-list-inner li p{font-size:18px;}
.inner-cont-rgt .contact-list-inner li a span, .inner-cont-rgt .contact-list-inner li p span{font-size:16px; line-height:20px; color:#21409A;}

.map{width:100%; margin-bottom:-5px;}
.map iframe{width:100%; height:450px;}
.ada_button_outer{z-index:999 !important;}
.ada_toggle{z-index:999 !important;}
.contact_form {padding: 20px;min-height: 855px;background: #f4f4f4b5;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);overflow: hidden;}
.sec-heading {margin-bottom: 30px;display: block;width: 100%;}
.sec-heading h3 {display: inline-block;}
.sec-heading h3 span {display: block;}
.sec-heading h3 span.head-icon {line-height: 0;position: relative;}
.sec-heading h3 span.head-icon:before {content: "";position: absolute;background-color: #21409a;top: 60%;transform: translateY(-50%);left: 35px;margin: 0 auto;right: 0;height: 0.5px;}
.sec-heading h3 span.head-icon img {width: 100%;max-width: 30px;}
.sec-heading h3 span.m-head-text {margin-bottom: 5px;color: #21409a;}
.sitemap li {margin-bottom: 20px;}
.sitemap li a {color: #000;}

.inner-cont-left ul {list-style: disc;padding-left: 15px;margin-bottom: 20px;}
.inner-cont-left h5, .inner-cont-left ul li {margin-bottom: 10px;}
.inner-extra-cont-rgt h4,.accordion-header.active {color: #ffde17;}
.faq-section {padding: 40px 20px;}
.accordion {border-top: 1px solid #ccc;margin-top: 50px;}
.accordion-item {border-bottom: 1px solid #ccc;}
.accordion-header {background: none;border: none;font-size: 18px;font-weight: bold;padding: 15px;width: 100%;text-align: left;cursor: pointer;color: #fff;display: flex;justify-content: space-between;align-items: center;}
.accordion-body {display: none;padding: 0 15px 15px;color: #fff;}
.accordion-header.active+.accordion-body {display: block;}
.location-sec {border: 1px solid #fff;}

ul.submenu.child-submenu {left: 345px;}
ul.submenu.child-submenu {visibility: hidden !important;transition: all 0.5s ease-in-out;}
.menu li .submenu li:hover ul.submenu.child-submenu {visibility: visible !important;top: 15%;
transition: all 0.5s ease-in-out;}
/* Trust List to balance left side height */
.trust-props-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 18px;
	border-radius: 10px;
	backdrop-filter: blur(3px);
	margin-bottom: 0px;
}

.trust-prop-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.trust-prop-icon {
	/* background-color: #ffd100; */
	color: #1a202c;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 22px;
	font-weight: 900;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.trust-prop-text {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.4;
	letter-spacing: 0.5px;
}

.trust-prop-text span {
	display: block;
	font-weight: 500;
	font-size: 12px;
	color: #ffd100;
	margin-top: 5px;
	background: none;
	margin-bottom: unset;
	max-width: unset;
}
.service-card {display: flex;flex-direction: column;border: none;transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.1);padding-top: 0;}
.service-card:hover {transform: translateY(-10px);box-shadow: 0 10px 25px rgba(0,0,0,0.15);}
.service-card img {height: 250px;object-fit: cover;}
.btn-view-service {background-color: #ffde17;color: #000;font-size: 14px;font-family: 'Arial';border: none;font-weight: 600;padding: 10px 20px;text-transform: uppercase;transition: background-color 0.3s ease;text-align: center;margin-top: auto;border-radius: 10px;}
.btn-view-service:hover {background-color: #21409a;color: #fff;}
.card-title {font-weight: 800;color: #21409a;font-family: 'open sans',sans-serif;margin-bottom: 15px !important;font-size: 17px !important;line-height: 25px;}
.card-text {font-family: 'open sans',sans-serif;margin-bottom: 20px;}
.card-section {display: flex;gap: 15px;flex-wrap: wrap;justify-content: center;margin: 30px 0 14px;}
.card-container {width: 32.5%;margin-bottom: 2rem;}
.card-body {padding: 12px;display: flex;flex-direction: column;flex: 1;}
.card-section.two-columns {margin: auto;}
.two-columns .card-container {width: 24%;}
.two-columns .card-container .service-card img {height: auto;width: 100%;}
.inner-cont-left.w-full {max-width: 100%;}
.inner-cont-left.w-full h3 {margin-top: 15px;margin-bottom: 15px;}
.bg-grey {background: #f4f4f4;}
.inner_page_banner_inner_items .content p {text-align: center;margin-bottom: 10px;}
.bg-grey .card-container {margin-bottom: 10px;}
.faq-eyebrow {display: inline-block;margin-bottom: 12px;color: #21409a;font-size: 14px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;}
.faq-header h2 {margin: 0 0 18px;color: #1c2644;font-size: clamp(30px, 4vw, 48px);line-height: 1.15;}
.faq-header p {margin: 0;color: #5d6678;font-size: 17px;line-height: 1.7;margin-bottom: 15px;}
.faq-list {display: flex;flex-direction: column;gap: 14px;}
.faq-item {overflow: hidden;border: 1px solid #e1e5eb;border-radius: 8px;background: #ffffff;transition: box-shadow 0.25s ease, border-color 0.25s ease;}
.faq-item.active {border-color: #21409a;box-shadow: 0 8px 25px rgba(28, 38, 68, 0.08);}
.faq-question {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 22px 25px;border: 0;background: transparent;color: #1c2644;cursor: pointer;font-family: inherit;font-size: 18px;font-weight: 700;line-height: 1.4;text-align: left;}
.faq-question:hover {color: #21409a;}
.faq-icon {display: flex;align-items: center;justify-content: center;flex: 0 0 30px;width: 30px;height: 30px;margin-left: 20px;border-radius: 50%;background: #21409a;color: #ffffff;font-size: 23px;font-weight: 400;line-height: 1;transition: transform 0.25s ease, background 0.25s ease;}
.faq-item.active .faq-icon {background: #ffde17;color: #1c2644;transform: rotate(45deg);}
.faq-answer {display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.3s ease;}
.faq-answer p {overflow: hidden;margin: 0;padding: 0 25px;color: #5d6678;font-size: 16px;line-height: 1.75;}
.faq-item.active .faq-answer {grid-template-rows: 1fr;}
.faq-item.active .faq-answer p {padding-bottom: 24px;}
.inner-banner p {color: #fff;margin-bottom: 20px;font-weight: 600;font-size: 18px;}
.hm-serv-sec.bg-grey h4 {margin-bottom: 15px;}
.top-head-rgt span {color: #1C2644;text-transform: uppercase;font-size: 14px;line-height: 15px;font-weight: 800;}
.inner-banner h1 {color: #fff;margin-bottom: 20px;font-size: 40px;line-height: 52px;font-weight: 800;text-transform: uppercase;}
.inner-extra-content-sec .bg-yl:hover {border: 1px solid #FFDE17;}
.dishwasher-installation-banner {background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/dishwasher-installation-banner.webp) no-repeat;}
.washinig-machine-installation-banner {background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/washinig-machine-installation-banner.webp) no-repeat;}
.refrigerator-water-line-installation-banner {background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/refrigerator-water-line-installation-banner.webp) no-repeat;}
.gas-appliance-hookups-banner {background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/gas-appliance-hookups-banner.webp) no-repeat;}
.commercial-appliance-hookups-banner {background: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url(../images/commercial-appliance-hookups-banner.webp) no-repeat;}
img.mobile-banner {display: none;}

.inner-banner.blog-banner {
    background-image: linear-gradient(0deg, rgb(0 0 0 / 30%), rgb(0 0 0 / 42%)), url("https://infinityplumbingfl.com/images/blog-banner.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* ---- Blog post: full-width content column ---- */
.inner-cont-left.w-full {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

/* ---- Featured image above the post title ----
   Images: images/blog-<slug>.webp (1200 x 630) */
.blog-featured-img {
    margin: 0 0 24px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 1200 / 630;
    background: #e9eef3;
}

.blog-featured-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---- Post meta line under the title ---- */
.blog-meta {
    margin: 0 0 18px;
    font-size: 14px;
    color: #6b7785;
}

/* ---- Listing page: uniform card images ---- */
.card-section .service-card .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


@media (max-width:767px){
    .sec-heading h3 span{font-size: 16px;}
	.card-container, .two-columns .card-container {width: 100%;}
	.faq-question {padding: 18px;font-size: 16px;}
    .faq-answer p {padding: 0 18px;font-size: 15px;}
    .faq-item.active .faq-answer p {padding-bottom: 20px;}
    .faq-icon {flex: 0 0 26px;width: 26px;height: 26px;margin-left: 12px;font-size: 20px;}
	.inner-banner h1 {margin-bottom: 15px;font-size: 22px;line-height: 32px;}
	img.mobile-banner {display: block;margin-top: 46px;}
	.main-banner {background: #0000006b;margin-top: 0px;}
	.inner-banner.blog-banner {background-position: 65% center;}
    .blog-featured-img {border-radius: 6px;margin-bottom: 18px;}
}