.hero-banner-section-0{padding:60px 0px;  background-image: linear-gradient(to right, #f7f7f7 65%, #e0d7d2 30%); position:relative; overflow:hidden;}
.text-as-button{ color:#fff; font-size:0.8rem; padding:4px 10px; border-radius:5px; background:#d50e16;}
.main-landing-title{color:#035c99; font-size:2.5rem; font-weight:600; margin:5px 0px;}
.red-text{color:#d50e16; font-size:1.5rem; font-weight:600; margin:10px 0px;}
.hero-banner-content p{padding-right:25%; color:#000;}

.hero-red-button {
    color: #fff;
    font-size: 18px;
    padding:10px 30px;
    border: 1px solid #ec1f24;
    font-weight: 400;
    background: #ec1f24;
    margin: auto;
    border-radius: 5px;
    margin-top: 20px;
}

.hero-white-button {
    color: #035c99;
    font-size: 18px;
    padding:10px 20px;
    border: 1px solid #035c99;
    font-weight: 400;
    background: #fff;
    margin: auto;
    border-radius: 5px;
    margin-top: 20px;
}
.hero-white-button i, .hero-red-button i{ margin-right:8px;}
.hero-white-button:hover{color:#fff ;  background: #035c99;}
.hero-red-button:hover{background:#fff; color:#ec1f24;}

.hero-listbox ul{display: flex; align-items: flex-start; justify-content: flex-start; padding-left:20px; }
.hero-listbox ul li{list-style: disc; color: #035c99; margin-right: 40px; font-weight: 600;}

.feature-list1{display:flex; align-items:center;justify-content:space-between; flex-wrap:wrap; width: 90%;}
.feature-list1 li{color:#035c99; font-size:14px; font-weight:600; margin-right:55px; display:flex; align-items:center;justify-content:space-between;}
.feature-list1 li span{padding-right:8px; width:50px; height:auto;}
.feature-list1 li span img{width:100%;}
.hero-banner-img {
    position: absolute;
    bottom: 0px;
    right: -20px;
    max-width: 100%;
    height: 100%;
}
.p-reltv{position:relative; z-index:2}

.combo-flex-box{display:flex; align-items:flex-start;justify-content:flex-end;}
.landing-form-box{ width:60%; padding:30px; border-radius:15px; background:#035c99;}
.form-content-box h2{color:#fff; font-size:1.3rem; font-weight:600; }
.form-content-box p{color:#fff; font-size:14px; }
.form-mini-content{margin:10px 0px; text-align: center;}
.form-mini-content h4{color:#fff; font-size:14px; margin:0px; position: relative;}
.form-mini-content h4 span{width:20px; height: 20px; position: relative; left: 0px; top: -4px; }

.landing-form-field input, .landing-form-field select{ width:100%; background-color:#fff; border-radius: 8px; margin-bottom:0px; padding:10px 8px; color:#313131; border: none;}
.landing-form-field textarea{width:100%; background-color:#fff; border-radius: 8px; margin-bottom: 0px; padding:10px 8px; color:#313131; height: 85px; border: none;}
.landing-form-field input[type="submit"]{
    color: #fff;
    font-size: 18px;
    padding:15px 30px;
    border: 1px solid #ec1f24;
    font-weight: 400;
    background: #ec1f24;
    margin: auto;
    border-radius: 5px;
    margin-bottom:10px;
}
.landing-form-field input[type="submit"]:hover{background:#fff; color: #ec1f24;}
.landing-form-field input::placeholder, .landing-form-field textarea::placeholder {
  color: #313131;
  opacity: 1;
}

.cta-section1{padding:10px 0px; background: #035c99;}
.cta-call-stander{display: flex; align-items: center; justify-content: flex-start; }
.call-cta-icon{margin-right: 20px;}
.text-cta h3{ color:#fff; font-size: 1.6rem; font-weight: 600; margin-bottom:5px;}
.text-cta p{color:#fff; font-size: 16px; font-weight: 400; margin-bottom: 0px;}
.button-container{ text-align:right;}
.ctawithtext {
    background-color: #ec1f24;
	border: 1px solid #ec1f24;
    color: #fff;
    font-size: 23px;
	font-weight:600;
    padding: 12px 50px;
    text-align: center;
    border-radius: 5px;
	transition: all 0.5s ease-in;}
.ctawithtext span{ display:block !important; font-size:14px !important; font-weight:400 !important;}
.ctawithtext:hover{color:#ec1f24; background:#fff;}

.part2-section{padding:60px 0px;}
.running-page-heading{text-align:center;}
.running-page-heading h5{font-size:16px; font-weight:600; color:#ec1f24;}
.running-page-heading h2{font-size:48px; font-weight:600; color:#035c99;}

.pp-issue-lisbox{border-radius:8px; box-shadow:0px 5px 10px -7px #525151; margin-top:15px; height:100%; overflow:hidden;}
.icon-red{position:absolute; top:-40px; left:5px; transition:ease-in-out 0.5s;}
.pp-issue-lisbox:hover{box-shadow:0px 15px 15px -10px #525151; transition:ease-in-out 0.5s;}
.icon-red-white{ width:60px; height:60px;}
.pp-textbox{ padding:10px; position:relative;}
.pp-textbox h3{font-size:16px; font-weight:600; color:#035c99; margin-top:20px;}
.pp-textbox p{font-size:16px;}

.pp-button {
    background: none;
    color: #fff;
    font-size: 11px;
    padding: 6px 25px;
    border: 1px solid #ec1f24;
    font-weight: 400;
    background: #ec1f24;
	border:1px solid #ec1f24;
    border-radius: 5px;
	width:100%;
	text-align:center;
}
.pp-button:hover{background:#fff;}
.pbottom-0{padding-bottom:0px !important;}
.flex-mebox{display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap;}
.mebox-service{width:16%; margin:10px 15px;}
.mebox-service .pp-textbox h3{min-height:40px;}


.we-chhose-title{
    font-size: 1.8rem;
    font-weight: 600;
    color: #035c99;
}

.check-list{padding-left:0px !important;}
.check-list li {
    padding-left: 25px;
    background: url(/wp-content/uploads/2026/06/checkin-dot.png) no-repeat top 4px left;
    background-size: 14px auto;
    margin-bottom: 10px;
	list-style:none !important;
}
.flex-itbox{ display:flex; align-items:flex-start; justify-content:flex-start; background: #035c99; overflow:hidden; border-radius:10px; min-height: 230px;}
.pp-serviceman{width:50%; min-height:300px; background:url(/wp-content/uploads/2026/06/serviceman.jpg)no-repeat; background-size:cover;}
.pp-serviceman img{ width:100%;}
.pp-servicelistbox{ background:#035c99; padding:30px; width: 65%;}

.flexit-box{display:flex; align-items:center; justify-content:flex-start; margin-bottom:10px;}
.side-imgicon{width:40px; height:40px; margin-right:10px;}
.side-imgicon img{width:90%;}
.text-me{ color:#fff; font-size:14px; }
.text-me span{ font-weight:bold; font-size:18px; display:block;}

.how-oue-section {
    padding: 60px 0px;
    background: #f5f5f5;
    margin: 60px 0px;
}
.leak-id-box{ transition:ease-in-out 0.5s; height:100%;}
.id-icon-box{position:relative; background:url(/wp-content/uploads/2026/06/arrow-cc.png)no-repeat center left;  display:flex; align-items:center; justify-content:flex-start; transition:ease-in-out 1s;}
.leak-id-box:hover .id-icon-box .icon-round{ box-shadow: -14px 3px 9px -12px #938b8b;border:1px solid #da060a; transition:ease-in-out 1s;}
.number-round{ width:30px; height:30px; border-radius:50px; background:#da060a; color:#fff; border:1px solid #da060a; display:flex; align-items:center; justify-content:center; margin-right:10px; font-size:16px;}
.leak-id-box:hover .number-round{background:#fff; color:#da060a; transition:ease-in-out 1s;}

.icon-round{width:70px; height:70px; border-radius:100px; background:#fff; border:1px solid #ccc; display:flex; align-items:center; justify-content:center; box-shadow: 14px 3px 9px -12px #938b8b;}
.icon-round img{max-width:55%;}
.id-text-box{ margin-top:15px; }
.id-text-box h3{font-size:24px; font-weight:600; color:#035c99;}
.leak-id-box:hover .id-text-box h3{color:#da060a; transition:ease-in-out 1s;}


.redme-bg{background:#da060a;}
.white-buttoncta{background:#fff; color:#da060a;}
.white-buttoncta:hover{background:#035c99; color:#fff;}


.review-box-only-click{ text-align:center; padding:20px 30px; width:100%;}
.white-title{ color:#fff; font-size:1.5rem; font-weight:600; text-align:center; text-transform:uppercase; }
.review-image-clackable{display:flex; align-items:center; justify-content:center;}
.review-image-clackable a{width:50%; margin:10px;}
.review-image-clackable a img{max-width:100%; box-shadow:0px 15px 15px -8px #021c2e;}
.review-image-clackable a:hover img{box-shadow:0px 0px 10px -8px #000; transition:ease-in-out 1s;}

.faq-landing-section{padding:60px 0px;}
.faq-imgbox{display:flex; align-items:center; justify-content:center; height:100%;     background-image: linear-gradient(to bottom, #c7d8f2 65%, #becfe9 30%);}
.faq-imgbox img{ max-width:100%;}
.hero-banner-section-0 {
    padding: 100px 0px;
    background-image: linear-gradient(to right, #f7f7f7 65%, #e0d7d2 30%);
    position: relative;
    overflow: hidden;
}

.hero-banner-img {
    position: absolute;
    bottom: 0px;
    right: -250px;
    width: 100%;
    height: auto;
    top: 0px;
}

.mebox-service{border: 2px solid #fff; background:#fff; border-radius:0px; padding:5px; transition:ease-in-out: 1s;}
.focus-box, .mebox-service:hover{border: 2px solid #c2191d; background:#fff; border-radius:10px 5px 5px 10px; padding:5px;}

 .mebox-service .pp-textbox {
    min-height: 195px;
}

/* -------bathroom-landing-page-css-------- */
.bathroom-banner-box{position:relative; background:url(/wp-content/uploads/2026/07/bathroom-hero1.jpg)no-repeat center right; background-size:100% 100%;}
.bathroom-banner-box:before{
	content:"";
	position:absolute;
	width:80%;
	height:100%;
	top:0px;
	left:0px;	
	background: linear-gradient(90deg, #e9e4e1 10%, #e9e4e1 20%, #e9e4e1ed 50%, #e9e4e100 85%);}


.main-hero-titlebox{position:relative; z-index:1; padding:40px 0px 40px 38px;}
.bathroom-hero-img{ height:100%;}
.bathroom-hero-img img{height:100%;width: 100%;}
.dual-color-title-main{ font-size:55px; font-weight:900; color:#002551;}
.dual-color-title-main span{ color:#cc1b21; display:block;}
.hero-point-list{margin-bottom:15px;}
.hero-point-list li {
    background: url(/wp-content/uploads/2026/06/checkin-dot.png) no-repeat top 4px left;
    padding-left: 25px;
    margin-bottom: 10px;
    background-size: 17px 17px;
}

.bathroom-ps-section{ background:#016eba; }

.running-white-title{ color:#fff; font-size:30px; font-weight:600;}
.only-parabox{padding:30px 40px 30px 0px;}
.only-parabox p{color:#fff;}
.area-title-img{ display:flex; align-items:center; justify-content:center; height:100%; background: #edf4fc; padding:0px 0px 0px 45px; }
.area-title-img img{width:100%;}

.complete-bp-section{padding:60px 0px; background:#fff;}
.running-page-heading span{display:block; font-size: 20px; font-weight: 600; color: #ec1f24; margin-bottom: 10px;}
.points-2box {
    display: block;
    align-items: center;
    justify-content: center;
    margin-bottom:30px;
}
.points-2box h4 {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #016eba;
    padding: 0px 50px;
}
.golbox-src {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 14px 3px 9px -12px #938b8b;
    margin: 0 auto;
    transition: ease-in-out 1s;
    margin-bottom: 10px;
}
.golbox-src img{width:70%;}
.points-2box:hover span.golbox-src{box-shadow: -14px 3px 9px -12px #938b8b;border: 1px solid #d91413;}
.points-2box span.golbox-src{font-size:25px;color:#d91413; font-weight:900px;}
.points-2box:hover h4{color:#d91413;}
.only-text-box{ width:95%; padding:0px 15px 15px; margin:0px auto;}

.common-plumbing-section{ padding:60px 0px; background:#e9e4e1; }
.common-img-box{ padding:4px; border-radius:8px; border:1px solid #424e6d;  display:flex; align-items:center; justify-content:center;}

.bp-service-box{margin-bottom:15px; height:100%;}
.repeater-title-style {
    font-size: 24px;
    font-weight: 600;
    color: #035c99;
    margin-top: 20px;
}

.bp-button{
    color: #fff;
    font-size: 16px;
    padding: 6px 25px;
    border: 1px solid #ec1f24;
    font-weight: 400;
    background: #ec1f24;
    border: 1px solid #ec1f24;
    border-radius: 5px;
    text-align: center;
}
.bp-button:hover{background: #fff; color:#ec1f24;}
.choose-part-section1{padding:60px 0px; background:#ccc;}
.common-img-box{ min-height:350px; height:100%; background: url(/wp-content/uploads/2026/07/bp.jpg) no-repeat center center; background-size:cover;}
.common-img-box1{ min-height:350px; height:100%; background: url(/wp-content/uploads/2026/07/bathroom-p4.jpg) no-repeat center center; background-size:cover;}
.common-img-box3{ min-height:350px; height:100%; background: url(/wp-content/uploads/2026/07/toilet-src3.jpg) no-repeat center center; background-size:cover;}


.green-check-list li{padding-left: 25px;
    background: url(/wp-content/uploads/2026/07/green-tick.png) no-repeat top 4px left;
    background-size: 14px auto;
    margin-bottom: 10px;}
.blue-tick li{ background: url(/wp-content/uploads/2026/07/blue-ticks.png) no-repeat top 4px left;background-size: 14px auto;}

.ater-image-box{ border:1px dashed #424e6d; background:#016eba; border-radius:10px; box-shadow:0px 10px 10px -5px #424e6d; display:flex; align-items:center; justify-content:center; height:100%; padding:20px;}
.ater-image-box img{max-width:100%;border-radius:10px;}

.shadow-line {
    width: 100%;
    height: 20px;
    box-shadow: 0px 10px 10px -9px #424e6d;
    margin: 40px auto 70px;
}

.dual-list{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px; margin-bottom:20px;}

.box-me {
    border: 1px solid #ed1f25a6;
    padding: 10px 10px;
    background:#035c99;
	width: 100%;
    margin: 0 auto;
}
.box-me:hover{box-shadow:0px 15px 15px -10px #000;}
.box-me h3, .box-me:hover .id-text-box h3, .box-me .id-text-box h3:hover{ color:#fff;}
.box-me h3{ font-size:18px; font-weight:400;}
.box-me .icon-round img {
    max-width: 65%;
}

.box-me .id-icon-box {
    background: url(/wp-content/uploads/2026/06/arrow-cc.png) no-repeat center right;}
.accordion-button {  border-radius: 0px;}
.accordion-body p{ margin-bottom:0px;}
.accordion-body { padding: 1rem 1rem;}




/*---------- toilet page css start-------------- */

.toilet-banner-box{ background:#eef5fc;}
.main-hero-commonbox{ display:flex; align-items:center; justify-content:flex-start; height:100%;}
.toilet-hero-img{ height:100%; width:100%; display:flex; align-items:center; justify-content:flex-end;}
.toilet-hero-img img{max-width:100%;}
.white-h3-title{ color:#fff; font-size:19px; font-weight:600; margin-bottom:15px;}

.white-check-list{margin-bottom:15px;}
.white-check-list li{padding-left: 25px;
    background: url(/wp-content/uploads/2026/07/white-tick.png) no-repeat top 4px left;
    background-size: 14px auto;
    margin-bottom: 10px; color:#fff;}

.img-box3-equal {
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 1px #b4d4e9;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #d9d6d4;
}
.img-box3-equal img{max-height:100%; max-width:100%; width:100%; border-radius:10px; box-shadow:0px 20px 21px -10px #646b6f;}

.schedule-title-img {background: #f7f7f7;}
.faq-imgbox5 { background-image: linear-gradient(to bottom, #e9ebf8 65%, #cddcf3 30%);}

.mobile-sticky-btn {
    position: fixed;
    bottom: -100px;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
}

.mobile-sticky-btn.show {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.mobile-sticky-btn a {
    display: block;
    background: #e60023;
    color: #fff;
    text-align: center;
    padding: 16px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.mobile-sticky-btn a:hover {
    background: #c4001d;
}

/* Hide on Desktop */
@media (min-width: 768px) {
    .mobile-sticky-btn {
        display: none;
    }
}

/* tankless aad css add */
.tankless-hero-section{background:#011945 url('/wp-content/uploads/2026/07/tankless-hero-banner.jpg')no-repeat right 100% center;background-size: 100%;}
.tankless-form-box {background:#fff;}
.tank-hreosection-content{padding:60px 70px 60px 30px;}
.tank-hreosection-content p {
    color: #fff;
    margin: 20px 0px;
    padding: 0px 80px 0px 0px;
    text-align: justify;
}
.title-top-text{ color:#fff; font-size:14px; padding:3px 5px; border-radius:5px; background:#bf1a1d; }
.tank-main-hone{font-size:35px; font-weight:600; margin:10px 0px; color:#fff; }
.tank-dual-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tank-dual-list li {
    display: inline-block;
    width: 45%;
   float:left;
    margin:0px 0px 13px 0px;
    padding-left: 20px;	
    color: #fff;
    background: url('/wp-content/uploads/2026/07/red-tick.png') no-repeat left 5px;
    background-size: 13px;
}
.tank-hero-cta{width:100%; display:flex; align-items:center; justify-content:flex-start; }
.tank-hero-cta a{display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; line-height:20px; padding:10px 20px; border-radius:8px; margin-right:10px;}
.tank-hero-cta a i{margin-right:10px; font-size:22px;}
.tank-red-button{background:#eb2024; transition:ease-in-out 1s;}
.tank-blue-button{background:#0265a8;transition:ease-in-out 1s; }
.tank-red-button:hover{background:#fff; color:#eb2024;}
.tank-blue-button:hover{background:#fff; color:#0265a8; }
.big-text-cta b{display:block; font-size:14px; font-weight:400;}

.popup-link{
    display:inline-block;
    padding:12px 25px;
	margin:15px 0px;
    background:#0073e6;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
    transition:.3s;
}

.popup-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9999;
}

.popup-overlay.tank-active{
    opacity:1;
    visibility:visible;
}

.popup-content{
    width:90%;
    max-width:500px;
   background: #035c99;
    padding:30px;
    border-radius:8px;
    position:relative;
}

.close-popup {
    position: absolute;
    top: -19px;
    right: 8px;
    font-size: 47px;
    cursor: pointer;
    width: 20px;
    color: #fff;
}
.popup-title-form {
    font-size: 21px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
}
.popup-content input,
.popup-content textarea{
    width:100%;
    margin-bottom:15px;
    padding:12px;
}

.popup-content button{
    width:100%;
    padding:12px;
    background:#0073e6;
    color:#fff;
    border:none;
    cursor:pointer;
}

.go-align-center{ width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.tank-form-titlebox h2{color:#001a47; text-align:center;font-size: 22px;}
.tank-form-titlebox p{text-align:center; font-size:14px; padding:0px 45px; line-height:20px; color:#000;}

.tank-second-section{ padding:60px 0px;}
.running-page-heading p{ padding:0% 15%;}
.tank-flex-box{ display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; padding: 30px 20px 0px 20px;}
.tank-cardbox{width:18%; margin:0px 10px 15px; box-shadow:0px 0px 3px #ccc; border-radius:10px; overflow:hidden; text-align:center;}
.tank-card-img img{max-width:100%;}
.tank-card-icon{ position:relative; margin-top:-25px; text-align:center; width:100%;}
.tank-card-icon img{ max-width:25%;}
.tank-card-content{ padding:0px 10px; margin-top:10px; min-height:215px;}
.tank-card-content h3{font-size:20px; font-weight:600; color:#01276b;}
.tank-card-button{margin:5px;}
.tank-card-button a{ padding:15px 10px; background:#eb2024; border:1px solid #eb2024; color:#fff;  border-radius:5px; transition:ease-in-out 1s; width:100%; font-size:18px;}
.tank-card-button a:hover{background:#fff; color:#eb2024;}

.tank-cta-section1{ padding:30px 30px; background:#072561 url('/wp-content/uploads/2026/07/tank-cta-bg1.jpg')no-repeat left -110px center; background-size:auto;}

.tank-cta-box{ text-align:center;}
.flex-center{display:flex; align-items:center; justify-content:center;}
.white-cta-title{font-size:30px; font-weight:600; margin-bottom:15px; color:#fff;}
.cta-call-title{ display:flex; align-items:center; justify-content:center; width:auto; margin-bottom:10px;}
.cta-call-title img{max-width:20%; margin-right:10px;}
.cta-call-title h3{ color:#fff; font-size:18px; font-weight:400; text-align: left !important;}

.tank-mid-button{
	text-align:center;
	padding: 8px 20px;
    background: #eb2024;
    border: 1px solid #eb2024;
    color: #fff;
    border-radius: 5px;
    transition: ease-in-out 1s;
    width: 75%;
    font-size: 17px;
	font-weight:600;
    line-height: 20px;

}
.tank-mid-button:hover{background:#fff; color: #eb2024;}
.tank-mid-button span{display:block; font-size:14px;}

.tank-third-section{padding:60px 0px;}
.htow-title-blue{color:#035c99; font-size:30px; font-weight:600; line-height:35px; text-align:center; margin-bottom:15px;}
.tank-table-box{padding:20px 15px; background:#efefef; border-radius:8px; box-shadow:5px 12px 12px -10px #ccc;}
.table-responsive{
    width:100%;
    overflow-x:auto;
}

.custom-table{
    width:100%;
    border-collapse:collapse;
    font-family:Arial, sans-serif;
    background:#fff;
}

.custom-table th{
    background:#035c99;
    color:#fff;
    padding:15px;
    text-align:left;
    border:1px solid #ddd;
}

.custom-table td{
    padding:15px;
    border:1px solid #ddd;
    color:#035c99;
}
.custom-table td 1{color:#035c99;}

.custom-table tbody tr:nth-child(even){
    background:#f8f8f8;
}

.custom-table tbody tr:hover{
    background:#eef5ff;
}
.listone-boxes{margin-top:30px;}
.common-lisbox{display:flex; justify-content:flex-start; align-items:center; padding:5px 20px; margin:10px 0px; box-shadow:0px 0px 3px #ebebeb; }
.tank-licon{ width:50px; height:50px; margin-right:15px;}
.tank-licon i{font-size:35px; color:#035c99;}
.tank-list-feature h3{font-size:20px; color:#035c99; font-weight:600;}

.tankbrand-listbox{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin:30px 0px;}
.tankbrand-listbox li{width:150px; height:auto; margin:10px; border:1px solid #eee; text-align:center; transition:ease-in-out 2s;}
.tankbrand-listbox li img{ max-width:100%;}
.tankbrand-listbox li:hover{border:1px solid #bf1a1d;transition:ease-in-out 2s;}
.tank-choose-part-section{padding:40px 0px;background: #fbfafa;}
.black-text-list li {color: #444;}
.women-cta-img{ height:100%;display:flex; align-items:center; justify-content:center;}
.women-cta-img img{width:100%; height:100%;}
.blue-darkbg{background:#01215c; height:100%; width:100%; padding:0px 15px; display:flex; align-items:center; justify-content:center;}
.white-bg-box{background:#fff; padding:10px 15px;}
.border-me-all{ border-top:1px dotted #db0c10; border-bottom:1px dotted #db0c10; border-left:1px solid #db0c10; border-right:1px solid #db0c10; padding:0px 0px 0px 20px; border-radius:10px; margin-bottom:40px; }
.padding-right-30px {  padding-right: 130px;}
.landing-form-box {width: 50%; padding:30px 25px;}
.cta-call-title {
    display: flex;
    align-items: center;
    justify-content: left;
    width: auto;
    margin-bottom: 10px;
}
.tank-cta-box {
    text-align: left;
}
.tank-mid-button {
    text-align: center;
    padding: 8px 20px;
    background: #eb2024;
    border: 1px solid #eb2024;
    color: #fff;
    border-radius: 5px;
    transition: ease-in-out 1s;
    width: 50%;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
}

.blue-darkbg .tank-mid-button {  width: 65%;}
.tankbrand-listbox li { width: 200px; padding: 0px 15px;}
.form-content-box h2 {  text-align: center;}
.form-content-box h2 br{  display:none;}
.form-content-box p {text-align: center;}
.landing-form-field input, .landing-form-field select {  font-size: 16px;}
.landing-form-field textarea { font-size: 16px;}




	body.page-id-6526 .navbar, body.page-id-6526 .grecaptcha-badge, body.page-id-6526 .footer-top, body.page-id-6526 .hide-option 
	{display:none !important;}
	body.page-id-6526 ul.banner-social-mobile li:nth-child(-n+3)
	{display: none !important;}
body.page-id-6526 ul.banner-social-mobile{top:0px !important; right:10px; left:auto;}
body.page-id-6526 .menu-nev{justify-content:flex-end;}
body.page-id-6526 footer{padding:0px !important;}
body.page-id-6526 .footer-bottom{margin:0px !important;}

.tank-cta-box22	{ display:none !important; }

/* toilet css ens */
.toilet-instal-banner-box{position:relative; background:url('/wp-content/uploads/2026/08/toilet-p-banner1.jpg')no-repeat center right -18px; background-size:cover;}
.toilet-instal-banner-box:after{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background: linear-gradient(81deg, #035c99 34%, #035c99ad 45%, transparent 47%);}

.hero-point-fa-list{padding-left:0px; display:flex; align-items:center; justify-content:space-between; margin:30px 0px 30px 0px;}
.hero-point-fa-list li{list-style:none; margin-right:10px; text-align:center; color:#fff;}
.hero-point-fa-list li i{display:block; font-size:30px; margin-bottom:5px; color:#fff;}
.zindex-view{position:relative;}
.white-text, .white-text p{color:#fff;}
.dual-white{color:#fff;}
.dual-white span{color:#ec1f24; -webkit-text-stroke: 0.px #fff;}

.content-section1{ padding:40px 0px 20px 0px;}
.side-leftbox1{ display:flex; align-items:flex-start; justify-content:center;  border-right:1px solid #d8e8f3; height:100%;    padding: 0px 15px 0px 0px;}
.image-iconbox{ width:550px; margin-right: 10px;}
.image-iconbox img{ max-width:100%;}
.title-h3 {font-size: 20px !important; color: #035c99 !important; font-weight: 600;}
.min-hgt{min-height:130px;}



.content-section2{padding:60px 0px; background:#f7f7f7;}
.side-imgl2{ display:flex; align-items:center; justify-content:center; height:100%; background:#ccc; border-radius:20px 0px 0px 20px; padding:10px;}
.side-imgl2 img, .side-imgr2 img{ max-width:100%; border-radius:10px; box-shadow:0px 15px 20px -10px #000000b3;}
.side-imgr2{ display:flex; align-items:center; justify-content:center; height:100%; background:#ccc; border-radius:0px 20px 20px 0px; padding:10px;}
.nunspace-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #3a200f;
    padding: 0px 0px 0px 45px;
}
.gif-icon-box{ height:100%; display:flex; align-items:center; justify-content:center; }

.toilet-cta-section1 {
    padding: 30px 30px;
    background: #035c99 url('/wp-content/uploads/2026/07/toilet-src3.jpg') no-repeat left  center; background-size: 22% auto;}
.toilet-p-cta-box{
    text-align: center;
    background: #024471;
    padding: 15px;
    border-radius: 8px;
}
.toilet-cta-section1 .text-cta p{ margin-bottom:10px;}
.golbox-src i{font-size:45px; color:#035c99;}
.flex-center{ display:flex; align-items:center; justify-content:center; height:100%; position: relative; z-index: 2;}
.flex-center .landing-form-box{ width:85%;}

/* faucet css start */

.faucet-banner-box{position:relative; background: #c3c9af url('/wp-content/uploads/2026/08/faucet-banner.jpg')no-repeat top 15px left -190px; background-size:cover;}
.faucet-banner-box:after{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background: linear-gradient(81deg, #eeeeed 34%, #eaeae8b8 40%, transparent 45%);}
.dark-text, .dark-text p, .dark-text ul li {color: #444;}

.blue-strip-banner{background:#016eba; padding:10px; border-radius:10px; position:relative;margin-top: -25px; width:70%; border:dashed 1px #fff;}
.para-justify p{ text-align:justify;}

ul.dual-li, .dual-li {
   display: grid;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
    gap: 5px 20px;
	margin-bottom:15px;
}
.dual-li li, .dual-li-3 li {
    padding-left: 20px;
    color: #444;
    background: url(/wp-content/uploads/2026/07/red-tick.png) no-repeat left 5px;
    background-size: 13px;
}

.dual-li-3{  display: grid;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    gap: 2px 5px;
	margin-bottom:15px;}

.faucet-section2{ padding:20px 30px 65px 30px; border-top:1px solid #d8e8f3;}
.faucet-sc-box{padding: 8px; border-radius:5px; border:1px solid #035c9942; margin-top:15px; height:100%; transition:ease-in-out 1s;}
.faucet-sc-box:hover{border-top:1px solid #035c99; border-right:1px solid #035c99; border-bottom:1px solid #ec1f24; border-left:1px solid #ec1f24;}
.fsc-imgbox {overflow:hidden; border-radius:5px 5px 0px 0px; margin-bottom:10px; position:relative;}
.fsc-imgbox img{width:100%;}
.semi-iconbox{ position:absolute; bottom:-50px; left:0px; width:100%; height:auto; display:flex; align-items:flex-end; justify-content:center; }
.semi-icon{ width:100px; height:100px; border-radius:100%; background:#fff; display:flex; align-items:flex-start; justify-content:center; z-index:2;border:1px solid #035c99;}
.semi-icon i{font-size:30px; color:#035c99; margin-top:15px; }
.card-h2{font-size:22px; color:#035c99; font-weight:600; margin-bottom:10px;}
.card-h3{font-size:19px; color:#035c99; margin-bottom:10px;}

.faq-imgbox6 {background-image: linear-gradient(to bottom, #cfe0f4 65%, #012c70 30%);}

/* Shower Repair css start */

.shower-banner-box{position:relative; background:url('/wp-content/uploads/2026/08/shower-banner.jpg')no-repeat center right -120px; background-size:cover;}
.shower-banner-box:after{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background: linear-gradient(90deg, #035c99 25%, #035c99 35%, transparent 45%);}





.mid-imgboth{display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #ccc;
    border-radius: 20px;
    padding: 10px;}
.mid-imgboth img{    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0px 15px 20px -10px #000000b3;}

.max-w-img img{max-width:100%;}

.faq-imgbox7 {
    background-image: linear-gradient(to bottom, #e7eaef 65%, #d9dfeb 30%);
}
.change-mathudd {  min-height: 335px !important;}
.pp-serviceman {  min-height: 335px !important;}


/* new contact page css */

.contact-hero-banner-box {
    position: relative;
    background: url(/wp-content/uploads/2026/08/contact-hero-background.jpg) no-repeat center right;
    background-size: auto 100%;
}

.contact-hero-banner-box:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #fbfbfd 42%, #f7f7f7 46%, #fbfbfd00 49%);
}

.sm-hero-title{ font-size:16px; font-weight:600; text-transform:uppercase; color: #cc1b21;}

.hero-point-dark-list {
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0px 30px 0px;
}
.hero-point-dark-list li {
    list-style: none;
    margin-right: 10px;
    text-align: center;
    color: #002551;
}

.hero-point-dark-list li i {
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
    color: #002551;
}

.cont-featurebox{ padding:10px; border-radius:10px; margin-bottom:10px; border-bottom:1px dashed #002551 !important; border:solid 1px #002551; display:flex; align-items:center; justify-content:flex-start; transition:ease-in-out 0.6s;}
.cont-featurebox:hover{border-bottom:1px dashed #bf1a1d !important; border:solid 1px #bf1a1d;}

.cont-featurebox:hover .cont-icon i, .cont-featurebox:hover .cont-text h3{color:#bf1a1d;}
.cont-icon{width:40px; height:100%; margin-right:10px;}
.cont-icon i{font-size:30px; color:#002551;}
.cont-text h3{font-size:19px; color:#002551;}
.contact-new-outer{ height:100%; padding:15px; background:#0a72bb; border-radius:10px;}
.contact-new-outer .inner-touch-content{background:#fff;}

.cont-map{display:flex; align-items:center; justify-content:center; border:solid 1px #cddfeb; height:100%; padding:15px;}
.contact-hero-padding{padding:40px 0px 40px 75px;}
.mob-show-only{border-radius:10px; margin-bottom:15px; display:none; position:relative; z-index:2;}

/* drains css start */

.darins-hero-banner{ background:url(/wp-content/uploads/2026/09/draint-banner-hero.jpg)no-repeat center left; background-size:cover; position:relative; }
.darins-hero-banner:before{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background: linear-gradient(90deg, #035c99 45%, #035c99 45%, transparent 52%)}

.brd-arround{border:solid 1px #ccc; border-radius:5px; padding:20px 20px;}
.brd-bg-arround{border:solid 1px #ebe8e8; border-radius:5px; padding:20px 20px; background:#dfdfdf;}
.full-height{height:100%;}
.flex-box-spread{display:flex; align-items:self-end; justify-content:flex-start; flex-wrap:wrap; height:100%;}
.light-section{background:#f6fdff;}

.ralative-box{position:relative;}
.hero-img{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;}
.hero-img img{ max-width:100%;}
.p-m4 p{margin-bottom:15px;}
/* drains css start */




.clogged-hero-banner{ background:url(/wp-content/uploads/2026/09/draint-banner-hero.jpg)no-repeat center left; background-size:cover; position:relative; }
.clogged-hero-banner:before{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background: linear-gradient(90deg, #006db8 41%, #006db8 25%, transparent 45%);}
.bg-text{ background:#ec1f24; padding:8px 10px; border-radius:8px; font-size:30px; margin-top:8px; display:inline-block !important; color:#fff !important;}
.white-text p a{color:#ffc107;}
.white-text p a:hover{color:#ffffff;}
.flex-box-oneside {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100%;
    background: #ebe8e8;
    padding: 20px;
    border-radius: 5px;
	border:solid 1px #dfdfdf;
}

/* kitchen-clogg-css start */
.kitchen-clogged-hero-banner{position:relative; }

.clog-banner-content{padding:40px 15px 40px 60px; background: linear-gradient(178deg, #0871ba 53%, #0871ba 5%, #035c99 70%); position:relative; z-index:1; height:100%;}

.banner-imagebox{position:absolute;  width:60%; top:0px; right:0px;  height:100%; overflow:hidden;}
.banner-imagebox img{ width: 100%;  height: 100%;  object-fit: cover;    object-position: center bottom;}
.check-list li a{color:#ec1f24;}
.check-list li a:hover{color: #035c99;}

/* bathroom-drain-cleaning css*/

.width-65{width:65%;}
.common-freaturelist{padding:20px 0px; background:#002d4b;}
.inbox-content{background: #ebe8e8;padding:15px; height:100%;}

.padding-section{padding:40px 0px;}	


/* Sewer Drain Cleaning Services */
.indsl-as-image{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.container-list{padding:30px;  background: #effbff; }
.flex-list{display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap;}
.flex-list li{ width:25%; margin:5px; padding:10px 15px; border:1px solid #035c99; color:#035c99; background:#f6fdff;box-shadow:0px 10px 18px -15px #000;}
.imgcssstyle{border-radius: 10px; box-shadow: 0px 10px 10px -5px #424e6d; }
.flex-me{display:flex; align-items:center; justify-content:flex-start; height:100%;}

.common-hero-section{position:relative; padding:40px 0px;  background: linear-gradient(90deg, #f7fbfe 0%, #d8effd 50%, #6abff8 100%);}

.common-hero-section:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background: url(/wp-content/uploads/2026/10/hero-sever-banner-image.jpg)no-repeat center right; background-size:contain; z-index:0;}

.big-size-maintitle{font-size:55px; font-weight:900; line-height:70px; color: #002551;}
.big-size-maintitle span{color:#cc1b21;}
.section-form-box {
    width: 100%;
    padding: 30px;
    border-radius: 15px;
    background: #035c99;
}
.common-section1{padding:40px 0px;}
.view-on-mob{display:none;}



/* new blog layout */

.new-blog-hero-section{ position:relative; padding:50px 20px; background:#174572 url(/wp-content/uploads/2026/10/blog-hero-banner.jpg) no-repeat center right; background-size:contain;}
.new-blog-hero-section:after{content: ''; position:absolute; width:95%; height:100%; background: linear-gradient(90deg, #103b66fc 43%, #1a3f64d6 45%, transparent 50%); z-index:0; top:0px; left:0px; }
.blog-list-hero-contentbox{position:relative; z-index:1; margin-bottom:10px;}
.dashe-box{display:flex; align-items:center; justify-content:flex-start; }
.dashe-title{text-transform:uppercase; font-size:18px; color:#fff; margin:0px; }
.dashe-box span{ width:6%; height:2px; background:#fd4f27; margin-right:5px;}
.hero-white-title{color:#fff; font-size:45px; font-weight:900; margin:8px 0px;}
.new-blog-serchbar{position:relative; z-index:1;}
.new-blog-serchbar .wp-block-search__label{display:none;}
.new-blog-serchbar .wp-element-button{background-color: #fd4f27 !important;}

.new-blog-category-section{padding:10px 20px;}
.flexlist-cat{ display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap;}
.flexlist-cat li{text-align:center; font-size:13px; font-weight: 600; color:#04284d; width:7%; min-height:80px; border-radius:10px; border:1px solid #fff; box-shadow:0px 0px 3px #ccc; margin:5px; display:flex; align-items:center; justify-content:center;flex-wrap: wrap;}
.flexlist-cat li span{ display:block; font-size:20px; color:#04284d; width:100%;}
.flexlist-cat li span i{font-size:20px;color:#04284d; line-height:15px;}
.flexlist-cat li a{font-size:13px; color:#04284d; line-height:15px;}
.flexlist-cat li:hover,  .flexlist-cat li.current-cat{border:1px solid #fd4f27; color:#fd4f27;}
.flexlist-cat li:hover a, .flexlist-cat li:hover i, .flexlist-cat li.current-cat a, .flexlist-cat li.current-cat i{color:#fd4f27;}

.new-layou-blog-card{box-shadow:0px 0px 3px #ccc; border-radius:5px; padding:2px;}
.new-blogcard-img{height:180px; width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;  border-radius:10px; box-shadow:0px 10px 10px -10px #000; }
.new-blogcard-img img{width:100%; min-height:180px; max-height:100% !important; border-radius:10px;}

.new-blog-space{padding:15px 10px;}
.cat-publishdate-box{width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:15px;}

.nb-catspan{font-size:13px; color:#fff; padding:3px 5px; border-radius:5px; background:#42882a;}
.nb-catspan a{color:#fff;}
.nb-datespan{font-size:13px; color:#313131;}

.new-blog-read{ font-size:18px; color:#fd4f27;}
.new-blog-read i{ font-size:16px; color:#fd4f27;}

.new-blog-read:hover{color:#0668d8;}
.new-blog-read:hover i{color:#0668d8;}


/* Selects the span inside the 2nd div */
/* 1st blog box */
.nth-box:nth-child(4n+1) .nb-catspan {
    background-color: #fe481d;
    color: #fff;
}

/* 2nd blog box */
.nth-box:nth-child(4n+2) .nb-catspan {
    background-color: #0668d8;
    color: #fff;
}

/* 3rd blog box */
.nth-box:nth-child(4n+3) .nb-catspan {
    background-color: #448d25;
    color: #fff;
}

/* 4th blog box */
.nth-box:nth-child(4n+4) .nb-catspan {
    background-color: #6d2ae8;
    color: #fff;
}

/* 5th blog box */
.nth-box:nth-child(4n+5) .nb-catspan {
    background-color: #fe6a1a;
    color: #fff;
}

.new-blogcard-title, .new-blogcard-title a{ font-size:18px; font-weight:600; color:#013261;}
.blogcard-title-content{height:140px;}


.new-blog-pagination{display:flex; align-items:center; justify-content:center;}

.new-blog-pagination ul.page-numbers{display:flex; align-items:center; justify-content:center;}
.new-blog-pagination ul.page-numbers li, .new-blog-pagination ul.page-numbers li:hover{ background:none; color:#414141; border:none;}
.new-blog-pagination ul.page-numbers li a{color:#414141;}
.new-blog-pagination ul.page-numbers li span, .new-blog-pagination ul.page-numbers li a{width:40px; height:40px; border-radius:80px; background:#fff; color:#414141; display:flex; align-items:center; justify-content:center; border:1px solid #fff;}
.new-blog-pagination ul.page-numbers li span.current{ background:#fd4c22; color:#fff;}

.new-blog-pagination ul.page-numbers li:hover span{ background:#fd4c22; color:#fff;}
.new-blog-pagination ul.page-numbers li a.prev, .new-blog-pagination ul.page-numbers li a.next{background:#f3f3f3; color:#414141;}

.email-subs-box{ padding:20px 30px; background:#ebf6fb; border-radius:20px;}
.nl-iconbox{ text-align:center;}
.nl-iconbox img{ max-width:100%;}
.upper-subtitle{font-size:18px; font-weight:600; text-transform:uppercase; color:#02305d;  }
.get-h2-title{font-size:25px; font-weight:900; color:#02305d; }
.zme-up{position:relative; z-index:1;}
.flyingpaper-plane {
    position: absolute;
    right: 39px;
    top: -70px;
    width: 25%;
    z-index: 0;
}


.blog-cta-section{ position:relative; padding:25px 0px; background:#174572 url(/wp-content/uploads/2026/10/cta-bg.png) no-repeat center right; background-size:cover;}
.blog-cta-section:after{content: ''; position:absolute; width:100%; height:100%; background: linear-gradient(90deg, #103b66e0 43%, #022f5bd4 45%, #103a65d4 50%); z-index:0; top:0px; left:0px; }







/* css for subscribe button */
.email-subscribe-wrapper {
  width: 100%;
  max-width: 600px;
	position:relative;
}

.email-subscribe-form {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
}

.email-subscribe-form input[type="email"] {
  flex: 1;
  min-width: 0;
  height: 52px;
  padding: 0 16px;
  border: 1px solid #d5dbe5;
  border-radius: 5px;
  background: #fff;
  color: #172033;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
}

.email-subscribe-form input[type="email"]:focus {
  border-color: #10268f;
  box-shadow: 0 0 0 3px rgba(16, 38, 143, 0.12);
}

.email-subscribe-form button {
  height: 52px;
  padding: 0 24px;
  border: none;
  border-radius: 5px;
  background:#ed1f25;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.25s ease;
}

.email-subscribe-form button:hover {
  background: #10268f;
}

.email-subscribe-form button:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

#subscribeMessage {
  margin: 10px 0 0;
  font-size: 14px;
}

#subscribeMessage.success {
  color: #16803c;
}

#subscribeMessage.error {
  color: #c62828;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.blog-cta-fullbox{padding-right:15%;}


/* Both blog search widgets */
.elementor-blog-search {
    width: 100%;
    margin-bottom: 20px;
}

.elementor-blog-search label {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.blog-search-row {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.blog-search-row input[type="search"],
.blog-search-row select {
    flex: 1;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    font-size: 15px;
    box-sizing: border-box;
}

.blog-search-row button {
    min-height: 48px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background: #fd5829;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
}

.blog-search-row button:hover {
    background: #022a50;
}

.blog-search-row button.side-nb{background: #022a50;}
.blog-search-row button.side-nb:hover{background: #fd5829;}

.blog-search-row input:focus,
.blog-search-row select:focus {
    outline: 2px solid #777;
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .blog-search-row {
        
    }

    .blog-search-row input[type="search"],
    .blog-search-row select {
        flex-basis: 100%;
    }

    .blog-search-row button {
        width: 100%;
    }
}




.blog-side-search{padding:10px; border-radius:10px; margin-bottom:10px; background:#f0f8fd;}
.new-side-menubox{
border: 1px solid #f0f8fd;
    padding: 15px;
    box-shadow: 0px 0px 15px #ccc;
    border-radius: 5px;
background:#f0f7fe;}

.new-side-menubox .categories{ padding-left:35px; background:url(/wp-content/uploads/2026/10/catg-bg.png) no-repeat left top 5px; background-size:25px auto; font-size:20px; color:#012e58;}

.new-side-menubox .categories ul{position: relative; left: -34px; top:5px; width:115%;}
.new-side-menubox .categories ul li a{ padding:10px; display:block; background:#fff; border-radius:5px; margin-bottom:2px; color:#012e58 !important;}



.latest-posts-sidebar {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
}

.latest-posts-title {
    margin-bottom:5px;
    padding-bottom: 12px;
    font-size:20px; color:#012e58;
}
.latest-posts-title i{color:#fd5829; margin-right:8px;}

.latest-posts-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latest-post-item {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
}

.latest-post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.latest-post-image {
    display: block;
    flex: 0 0 85px;
    width: 85px;
    height: 75px;
    overflow: hidden;
    border-radius: 5px;
}

.latest-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.latest-post-no-image {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    font-size: 11px;
}

.latest-post-content {
    flex: 1;
    min-width: 0;
}

.latest-post-link {
    display: block;
    color: #042c54;
    font-size: 15px;
    line-height: 1.5;
    text-decoration: none;
}

.latest-post-link:hover {
   color:#fd5829;
}

.latest-post-date {
    display: block;
    margin-top: 6px;
    color: #777;
    font-size: 12px;
}

@media (max-width: 480px) {
    .latest-posts-sidebar {
        padding: 15px;
    }

    .latest-post-image {
        flex-basis: 75px;
        width: 75px;
        height: 65px;
    }
}

/* additional home page section css */

.home-faq-section{ padding:40px 0px; background:url(/wp-content/uploads/2026/10/faq-backfround-home.jpg) no-repeat top right; background-size:cover;}
.faq-heading-combo{margin-bottom:10px;}
.faq-dashe-box{display: flex; align-items: center; justify-content: flex-start; margin-bottom:10px;}
.faq-dashe-box span{width: 6%; height: 2px; background: #fd4f27; margin-right: 5px;}
.faq-dashe-title{text-transform:uppercase; color:#123873; font-size:16px; font-weight:600;color:#123873; margin:0px;}
.faq-home-title{ font-size:40px; line-height:45px; font-weight:700; color:#123873;}
.faq-home-title span{ display:block; color:#ec1f24;}
.faq-heading-combo p{color:#123873; padding-right:15%;}

.faq-flex-side{ display:flex; align-items:flex-end; justify-content:space-around; flex-wrap:wrap;}
.split-accordian{width:47%; margin:10px; }
.min-h{min-height:65px;}
.transi-background{ background:#ffffff9c; padding:20px; border-radius:10px;}

.split-accordian button.accordion-button {
    padding: 8px 10px;
    cursor: pointer;
    font-size: 16px;    
    background: #f7f7f7;
    color: #014c80;
    border-radius: 10px;
}

.split-accordian button.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 20px;
    transition: transform .2s ease-in-out;
}


/* sewer line replacement */













@media (max-width:1600px) {
.hero-banner-section-0 { padding: 40px 0px;}
.top-space { height: 107px !important; }	
.has-spinner {  width: 100% !important; }	
.dual-color-title-main { font-size: 50px; margin: 20px 0px;}
.golbox-src { width: 90px; height: 90px;}	
.text-cta h3 { font-size: 30px;}	
.we-chhose-title { font-size: 30px;}	
.ater-image-box {  padding: 15px;}	
.tank-card-icon { margin-top: -35px; display: block;}	
.landing-form-box { width: 50%; padding: 30px 20px;}	
.running-page-heading h2 { font-size: 45px;}	
.tank-mid-button { width: 55%;}	
.running-page-heading h2 { font-size: 40px;}	
.tankbrand-listbox li { width: 170px; padding: 0px 15px;}
.landing-form-field input[type="submit"] {font-size: 17px;}	
.new-blogcard-title, .new-blogcard-title a { font-size: 16px;}	
	
}
@media (max-width:1440px) {
.form-content-box h2 { font-size: 24px;}
.landing-form-box {width: 60%; padding: 20px 20px 10px; border-radius: 15px;}
.combo-flex-box p { line-height:17px;  margin-bottom: 10px;}	
.top-space { height: 97px !important; }	
.hero-banner-section-0 { padding: 35px 0px; }	
.main-landing-title { font-size: 40px;}	
.dual-color-title-main { font-size: 50px;  margin: 0px 0px 20px; }	
.bathroom-ps-section { padding: 40px 0px;}	
.running-page-heading h2 { font-size:35px;}	
.points-2box h4 { font-size: 18px; padding: 0px 40px;}	
.repeater-title-style {font-size: 20px;}	
.how-oue-section { margin: 0px 0px;}	
.we-chhose-title {font-size: 30px;}	
.text-cta h3 { font-size: 26px;}	
.tank-hreosection-content {  padding: 50px 0px 40px 30px;}	
.tank-hreosection-content p { padding: 0px 100px 0px 0px;}	
.tank-main-hone { font-size: 30px;}	
.tank-hreosection-content { padding: 40px 0px 30px 30px; }	
.padding-right-30px { padding-right: 60px;}	
.tank-card-content h3 { font-size: 18px;}	
.tank-mid-button { width: 60%;}	
.htow-title-blue { font-size: 24px;}	
.white-title {font-size: 24px;}	
.new-blog-read { font-size: 16px;}	
.latest-post-item { margin-bottom: 10px; padding-bottom: 10px;}	
.pps-steky { padding: 20px 10px 0px;}	
.blogcard-title-content {  height: 160px;}	
.flexlist-cat li { width: 7.5%; }	
	
}	
	
@media (max-width: 1400px) {
.top-space { height: 95px; }
.hero-banner-section-0 { padding: 25px 0px;}	
.top-space { height: 95px !important; }

	
	
	
}	
@media (max-width: 1366px) {
.hero-white-button { margin-top: 10px;}
.hero-red-button { margin-top: 0px;}
.top-space { height: 90px;}	
.main-landing-title { font-size: 35px;}	
.hero-banner-content p {  padding-right: 20%;}	
.dual-color-title-main { font-size: 35px;}	
.points-2box h4 { font-size: 17px;}
.text-cta h3 {font-size: 24px; margin-bottom:0px;}
.call-cta-icon { width: 70px;}
.part2-section {padding: 50px 0px;}	
.shadow-line {  margin: 40px auto 50px;}	
.repeater-title-style {font-size: 18px; }
.dual-list { margin-bottom: 10px;}	
.ctawithtext { padding: 7px 30px;}	
.bathroom-ps-section {padding: 30px 0px;}	
.tank-hreosection-content p { padding: 0px 70px 0px 0px;}	
.form-content-box h2 { font-size: 20px; }	
.tank-dual-list li {  width: 49%;}	
.tank-dual-list li { margin: 0px 0px 8px 0px;}	
.landing-form-field textarea {font-size: 14px;}	
.landing-form-field input, .landing-form-field select { font-size: 14px;}	
.title-top-text { font-size: 12px;}	
.running-page-heading h2 { font-size: 30px;}
.tank-card-content h3 { font-size: 16px; }	
.tank-card-button a { padding: 10px 10px; font-size: 16px;}	
.cta-call-title img { max-width: 17%;}	
.cta-call-title h3 { font-size: 16px;}	
.we-chhose-title {font-size: 30px;}	
.tankbrand-listbox li { width: 150px;}	
.accordion-body {padding: 15px !important;}	
.landing-form-field input[type="submit"] { font-size: 16px; }	
.tank-hero-cta a { font-size: 15px;}
.tank-mid-button { font-size: 16px;}	
.tank-mid-button { width: 55%;}	
.blue-darkbg .tank-mid-button { width: 60%;}	
.faq-question, .accordion-button {  font-size: 16px;}	
.ctawithtext { font-size: 20px;}	
.golbox-src i {font-size: 40px;}	
.golbox-src { width: 80px; height: 80px; }	
.text-cta h3 { font-size: 22px; }	
.top-space { height: 92px !important; }	
.hero-red-button { font-size: 17px;}	
.page-numbers li { padding: 3px 5px !important;}	
	
	
	
	
}

@media (max-width: 1360px) {
.hero-red-button { font-size: 16px;}
.points-2box h4 { padding: 0px 30px; }
.green-check-list li { margin-bottom:5px;}	
.box-me h3 { font-size: 13px;}	
.how-oue-section { padding: 50px 0px;}	
.running-white-title { font-size: 26px;}	
.accordion-button { font-size: 16px;}	
.ctawithtext {font-size: 20px;}
.we-chhose-title { font-size: 26px; }	
.faq-landing-section {  padding: 50px 0px;}	
.we-chhose-box .dual-list { grid-template-columns: repeat(1, 1fr);}	
.repeater-title-style { margin-top: 0px;}	
.footer-sec p a { padding-left: 0px;}	
footer .footer-sec .social-media-icon li a { width: 40px; height: 40px; line-height: 34px;}	
footer .footer-sec .social-media-icon li { padding: 0px 5px 0px 0px;}	
.flexlist-cat li a { font-size: 12px;}	
	
}

@media (max-width: 1280px) {
.points-2box h4 { padding: 0px 0px; }
.container { max-width: 1170px;}	
.running-page-heading h2 { font-size: 35px; }	
.hero-red-button { padding: 10px 20px;}	
.top-space { height: 85px; }	
section.how-oue-section.mb-0.mt-0 .mb-4 {  margin-bottom: 0.5rem !important;}	
.only-text-box.text-center p { margin-bottom:0px;}	
.bathroom-ps-section {  padding: 40px 0px; }
.tank-hreosection-content p { padding: 0px 40px 0px 0px; margin: 10px 0px;} 	
.tank-dual-list li {width: 50%;}	
.tank-mid-button { width: 60%;}
.we-chhose-title { font-size: 22px; }	
.white-cta-title { font-size: 26px; margin-bottom: 10px;}
.tank-second-section {padding: 50px 0px;}
.top-space { height: 85px !important;}	
.blogcard-title-content { height: 200px;}	
	
	
	
}



@media (max-width: 1152px) {
.container { max-width: 90%;}
.top-bg-menu { padding: 10px 20px 10px;}
.top-space { height: 80px;}
.only-parabox { padding: 0px 30px 0px 0px;}
.complete-bp-section {  padding: 50px 0px;}	
.text-cta h3 { font-size: 20px;}	
.golbox-src img { width: 65%;}	
.we-chhose-title { font-size: 24px; }	
.running-page-heading h2 { font-size: 30px;}	
.how-oue-section { padding: 40px 0px;}	
.icon-round { width: 60px; height: 60px;}	
.box-me .icon-round img { max-width: 60%;}	
.id-icon-box { justify-content: space-between;}	
footer { padding: 40px 0px 10px; }	
.container { padding: 0 0px;}	
.running-white-title {font-size: 22px; }	
footer .footer-sec p a { font-size: 16px; }	
.tank-main-hone { font-size: 24px;}	
.tank-dual-list li {width: 49%; }	
.home-ab-text p, p, ul li, ol li { font-size: 15px;}	
.landing-form-field input[type="submit"] { font-size: 16px; padding: 12px 30px;}	
.tank-card-content {  min-height: 260px;}	
.tank-card-icon { margin-top: -25px;}	
.we-chhose-title { font-size: 20px; }	
.blue-darkbg .tank-mid-button { width: 70%; }	
.tank-mid-button { width: 65%; }
.review-box-only-click {  padding: 20px 5px;}	
.accordion-button::after { width: 1rem !important;  height: 1rem !important;  background-size: 1rem !important;}
.pp-serviceman { min-height: 270px !important;}	
.change-mathudd { min-height: 270px !important;}
.flexlist-cat li { width:7.3%;}	
.top-space { height: 80px !important;}	
.nb-catspan { font-size: 12px;}	
.blogcard-title-content {height: 150px; }		
.blogcard-title-content p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;
    line-clamp: 2; -webkit-box-orient: vertical;}	
.singlebox-blog { padding: 40px 0px;}
.latest-posts-sidebar { padding: 10px;}	
	
	
	
	
	
}



body, html{ overflow-x:hidden;}



@media (max-width: 1024px) {
	
.top-space { height: 75px; }	
.text-cta h3 { font-size: 18px;}	
.form-content-box h2 {  font-size: 18px;  }	
.tank-main-hone { font-size: 22px; }	
.tank-dual-list li { width: 50%;}	
.tank-dual-list li{font-size: 13px; }	
.form-content-box h2 { font-size: 16px; }	
.landing-form-box {  width: 65%; padding: 15px 15px 0px; border-radius: 15px; }
.tank-hreosection-content { padding: 20px 0px 10px 10px; }	
.padding-right-30px {  padding-right: 30px;}
.tank-cardbox { width: 30%;}	
.tank-card-content { min-height: 170px; }	
.tank-card-content h3 { font-size: 18px; }	
.cta-call-title img {  max-width: 25%; }	
.tank-mid-button { width: 80%;}	
.white-cta-title { font-size: 24px; }	
.htow-title-blue { font-size: 22px; line-height: 28px; }
.tank-list-feature h3 { font-size: 18px;}	
.custom-table td {padding: 10px;}	
.tank-third-section { padding: 50px 0px;}	
.tankbrand-listbox li { width: 130px;}	
.we-chhose-title, .running-page-heading h2 {font-size: 25px;}	
.tankbrand-listbox { margin: 0px 0px 20px;}	
.pp-serviceman { width: 65%;  min-height: 240px;}	
.white-title {font-size: 22px;}	
.check-list li { margin-bottom: 8px;}	
.tank-dual-list li { margin: 0px 0px 5px 0px; }	
.blue-darkbg .tank-mid-button { width: 85%; }	
.tankbrand-listbox li { margin: 5px;}	
.common-lisbox {  padding: 5px 12px;}	
.shower-banner-box { background: url(/wp-content/uploads/2026/08/shower-banner.jpg) no-repeat center right -475px;}	
.text-cta h3 { font-size: 17px;}	
.toilet-cta-section1 { background-size: 26% auto;}		
.bathroom-ps-section { padding: 40px 0px;}	
.faucet-banner-box { background: #c3c9af url(/wp-content/uploads/2026/08/faucet-banner.jpg) no-repeat top 0px left -176px;}	
.common-hero-section:before{display:none;}
.top-space { height: 75px !important; }	
.nb-catspan { font-size: 10px;}	
.nb-datespan { font-size: 10px;}	
	
	
}	
	

@media (max-width:991px) {
.dual-color-title-main { font-size: 35px; }
.navbar-brand img { width: 140px !important; }	
.accordion .accordion-button  { position: relative; right: 0px; top: 0px; width: 100%; }	
.icon-round { width: 50px; height: 50px; }	
.box-me h3 { font-size: 16px; }	
.bu_sec1 { margin-top: 0px; }	
.mnmwp-menu { padding-top: 20px !important;  }	
.icon-round { width: 60px; height: 60px;}	
.landing-form-field textarea { height: 70px;}	
.home-ab-text p, p, ul li, ol li {font-size: 14px;}	
.we-chhose-title { margin-bottom: 5px;}	
.tank-card-content p{ font-size: 15px; }	
.toilet-cta-section1 {  background-size: 16% auto;}	
.mrn-on-tab{margin-top:15px;}		
.bg-text{font-size:25px;}	
.dual-color-title-main {font-size: 30px;}	
.flexlist-cat li { width: 7.2%; }	
.get-h2-title { font-size: 20px;}
.nb-catspan {font-size: 12px;}	
.nb-datespan { font-size: 12px;}	
.elementor-blog-search {  margin-bottom: 0px;}	
	
}


@media (max-width:912px) {

.tank-main-hone { font-size: 20px;}
.tank-dual-list li { font-size: 11px; }
.tank-hero-cta a { font-size: 13px;}	
.big-text-cta b { font-size: 13px;}	
.form-content-box h2 { font-size: 15px;}	
.landing-form-field input[type="submit"] { font-size: 15px; padding: 10px 20px; }	
.wpcf7-spinner{ display:none !important;}	
.tank-hero-cta a { padding: 8px 20px;}	
.tank-card-content { min-height: 200px; }	
.custom-table th {  padding: 10px;}
.dual-list { display: block;}	
footer .footer-top ul li a { font-size: 16px; }	
.flexlist-cat li { width: 7%;}
.hero-white-title { font-size: 40px;}	
.flexlist-cat li a { font-size: 11px; }	
.upper-subtitle { font-size: 16px;}	
.get-h2-title { font-size: 18px;}	
.email-subs-box { padding: 20px 20px;}	
.blog-cta-fullbox { padding-right: 5%;}	
	
	
}



@media (max-width: 840px) {
.dual-color-title-main { font-size: 30px;}
.main-hero-titlebox { padding: 40px 0px 40px 20px; }		
.content-section2 { padding: 40px 0px;}	
.bathroom-ps-section { padding: 20px 0px; }	
.tank-mid-button {width: 100%; }
.tank-mid-button { padding: 8px 10px;}
.cta-call-title h3 { font-size: 14px;  }	
.pp-serviceman {min-height: 235px !important; }	
.dual-color-title-main { font-size: 23px; }	
.bg-text{ font-size: 21px; padding: 8px 6px;}	
.flex-center .landing-form-box {width: 100%;}	
.hero-white-button, .hero-red-button{width:45%; text-align:center; font-size: 20px;}	
.mrn-on-tab{margin-top:15px;}	
.big-size-maintitle { font-size: 40px; line-height: 45px;}	
	
	
}


@media (max-width:768px) {

.review-box-only-click {  text-align: center; padding: 20px 0px; width: 50%;}
.white-title { font-size: 20px;}	
.common-plumbing-section { padding: 50px 0px;}	
.bu_sec1 { margin-top: -5px; }	
.main-hero-titlebox { padding: 40px 0px 40px 40px;}	
.points-2box h4 {font-size: 16px;}	
.only-text-box { width: 100%;}	

	.custom-table,
.custom-table thead,
.custom-table tbody,
.custom-table th,
.custom-table td,
.custom-table tr{
    display:block;
}

.custom-table thead{
    display:none;
}

.custom-table tr{
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
}

.custom-table td{
    position:relative;
    padding:12px 15px 12px 45%;
    text-align:right;
    border:none;
    border-bottom:1px solid #eee;
}

.custom-table td:last-child{
    border-bottom:none;
}

.custom-table td::before{
    content:attr(data-label);
    position:absolute;
    left:15px;
    width:40%;
    font-weight:600;
    text-align:left;
    color:#0b2c66;
}
.dashe-title { font-size: 16px;}	
.new-blog-hero-section { padding: 40px 20px;}	
.flexlist-cat li { width: 6.9%;}	
.latest-post-link { font-size: 14px;}	
.nb-catspan { font-size: 11px; }	
.nb-datespan { font-size: 11px;}	
	
	
	
	
}

@media (max-width:767px) {
.hero-banner-section-0 {  background-image: linear-gradient(to right, #f7f7f7 65%, #f7f7f7 30%);}	
.hero-banner-img { display: none;}	
.faq-landing-section [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { position: relative; right: 0px;  top: 0px;}	
.hero-banner-section-0 {  padding: 30px 0px;}
.hero-white-button{ display:none;}	
.feature-list1 li { margin-right: 0px;}	
.feature-list1 { display: block; width: 100%;}	
.feature-list1 li { justify-content: start;}	
.feature-list1 li br{ display:none;}	
.hero-listbox ul { padding-left: 20px; margin-bottom: 20px;}	
.combo-flex-box { justify-content: start;}	
.landing-form-box { width: 100%; padding: 20px 15px;}	
.button-container { text-align: left;}	
.ctawithtext { padding: 12px 30px;}	
.text-cta p {font-size: 12px; margin-bottom: 0px;}	
.cta-call-stander {  margin-bottom: 15px;}	
.cta-section1 { padding: 20px 0px;}	
.pp-textbox h3 { font-size: 20px;}	
.pp-issue-lisbox { height: auto;}	
.part2-section { padding: 30px 0px;}	
.flex-mebox { display: block;}	
.mebox-service { width: 100%; margin: 0px 0px;}	
.pp-button { padding: 10px 25px;}	
.mebox-service .pp-textbox h3 {  font-size: 20px; margin-top: 0px; line-height: 30px; margin-bottom: 0px;}	
.pp-serviceman{ display:none;}	
.flex-itbox { margin-top: 10px;}	
.how-oue-section { display:none;}	
.faq-landing-section { padding: 30px 0px;}	
.we-chhose-title { margin-top: 10px;}	
.feature-list1 li { font-size: 16px;}	
.hero-listbox ul {  display: block;}	
.form-content-box h2 br{ display:none;}	
.icon-red { top: -30px;}	
.pp-imagebox img { width: 100%;}
.hero-banner-content p {    padding-right: 30px;}	
.mainformenquiry{ display:none;}	
.form-content-box {  text-align: center;}	
 .button-container {  text-align: center;  }	
.cta-call-stander { text-align: center;  display: block; }
.text-cta p { font-size: 16px; }
.common-img-box{ min-height: 430px; background: url(https://magnificentplumbing.com/wp-content/uploads/2026/07/bp.jpg) no-repeat bottom center; background-size: 100% auto;}
.main-hero-titlebox {  padding: 30px 0px 30px 20px; }	
.only-parabox { padding: 15px 15px 0px 15px; }	
.complete-bp-section { padding: 30px 0px;}	
.container { max-width: 100%; }	
.cta-section1 { padding: 20px 10px; }
.common-plumbing-section { padding: 30px 10px; }	
.bp-service-textbox { padding: 15px 10px;}	
.shadow-line { display:none; margin: 0px auto 40px; }	
.ater-image-box { padding: 10px; margin-bottom: 20px; height: auto; }	
.how-oue-section-blllock{ display:block;}	
.review-box-only-click {  width: 100%; }	
.how-oue-section {  padding: 30px 10px; }	
.faq-landing-section { padding: 30px 10px; }	
footer { padding: 30px 10px 10px;}	
footer .footer-top h5 { padding-left: 0px;}
footer .footer-top ul li { padding: 7px 0px; }	
.quick-link2 { column-count: 1;}	
.call-cta-icon { width: 60px; margin-bottom: 10px; margin-right: 10px; }	
.dual-list { grid-template-columns: repeat(1, 1fr);}	
.common-img-box1 { min-height: auto; height: 70vh; background: url(https://magnificentplumbing.com/wp-content/uploads/2026/07/bathroom-p4.jpg) no-repeat left; background-size: 100%;}
	
/* ratna css responsive	 */
body.page-id-6255 .navbar, body.page-id-6255 .grecaptcha-badge,
body.page-id-6526 .navbar, body.page-id-6526 .grecaptcha-badge	{display:none !important;}
.hide-on-mob{display:none !important;}		
body.page-id-6255 ul.banner-social-mobile li:nth-child(-n+3),
body.page-id-6526 ul.banner-social-mobile li:nth-child(-n+3) {display: none !important;}
body.page-id-6255 ul.banner-social-mobile{top:0px !important; right:10px;left:auto;}
.padding-for-mob{padding:30px 15px;}
.change-on-mob{ width:100%; text-align:center; font-size:18px;}
.padding-top-mob{padding:50px 10px 10px 10px; border:1px solid #e9e9e9;}
.padding-top-mob span.icon-red{top: 5px;}
body.page-id-6255 div.pp-issue-lisbox{padding:0px 10px; box-shadow: 0px 5px 12px -12px #525151;}
.mebox-service .pp-textbox {min-height: auto;}
.mebox-service .pp-textbox h3 {min-height: auto;}
.p-issue-lisbox-mob{padding:10px !important; margin:0px; text-align:center;}
.p-issue-lisbox-mob .pp-imagebox img{width:75%;}
.margin-10-mob{margin-bottom:10px;}
.pp-button {padding: 10px 25px; font-size: 18px;}
.choose-part-section {padding: 0px 15px;}
body.page-id-6255 .footer-top, body.page-id-6255 .footer-sec, body.page-id-6526 .footer-top, body.page-id-6526 .footer-sec{display:none !important;}
body.page-id-6255 footer, body.page-id-6526 footer {padding: 10px 15px;margin-bottom: 20px !important;}
body.page-id-6255 .footer-bottom, body.page-id-6526 .footer-bottom {margin:0px !important; padding:0px !important; border:none !important;}
.padd-both-15{padding:30px 15px;}
.popup-content{width:95%;padding:20px;}
ul.dual-li { display: block; }	
.tankless-hero-section { background-size: cover; padding:30px 0px;}	
.padding-right-30px { padding-right: 0px;  }	
.landing-form-field textarea { height: 120px; }	
.tank-hreosection-content { padding: 20px 0px 10px 0px; }	
.home-ab-text p, p, ul li, ol li {  font-size: 16px; }	
.tank-dual-list li { font-size: 16px; width: 100%; margin-bottom: 10px;}	
.tank-hero-cta { display: block;}	
.tank-hero-cta a { padding: 10px 20px; font-size: 16px; }	
.big-text-cta b { font-size: 16px; }	
.tank-second-section {  padding: 30px 0px;}	
.running-page-heading p {padding: 0% 0%;}	
.tank-cardbox { width: 100%; }	
.tank-flex-box { padding: 10px 0px 0px 0px;}	
.tank-card-content h3 { font-size: 20px;}
.tank-card-content p { font-size: 16px; }		
.tank-card-content { min-height: auto;}	
.tank-card-icon { margin-top: -45px;}	
.white-cta-title { font-size: 26px; }	
.cta-call-title h3 { font-size: 18px; }	
.cta-call-title { justify-content: center;}	
.tank-cta-box {text-align: center;}	
.tank-cta-section1{ background: #072561;}	
.tank-third-section { padding: 0px 0px; }	
.custom-table td {padding: 12px 15px 12px 28%; }	
.tank-listone-box { padding-top: 30px;}	
.tankbrand-listbox li { width: 40%; }	
.tank-choose-part-section { padding: 30px 10px;}	
section.tank-women-cta {  padding: 0 10px;}	
.border-me-all { border-top: 0px dotted #db0c10;  border-bottom: 0px dotted #db0c10; border-left: 0px solid #db0c10; border-right: 0px solid #db0c10; padding: 0px 0px 0px 0px; margin-bottom: 30px;}	
.blue-darkbg { padding: 30px 0px;}	
.tankless-hero-section { background: #011945 url(https://magnificentplumbing.com/wp-content/uploads/2026/07/tankless-hero-banner.jpg) no-repeat top;  background-size: 100%;}	
.tank-hreosection-content { padding: 120px 0px 10px 0px;}	
.tank-main-hone { margin: 30px 0px 10px;}	
.tank-cta-box22	{ display:block !important; background: #072561; padding:30px 10px; margin-bottom:30px;}
.tank-cta-section1	{ display:none;}	
.banner-conatct-form{margin-top:15px;}
.landing-sec1-text, .landing-sec2-text{padding:0px 10px;}
.lp-why-chose{padding:30px 10px !important;}
.banner-button-cta-actions{justify-content:center;}
.p-both{padding:0px 10px;}
body.page-id-3228 div.hide-option, body.page-id-3228 div.footer-top, body.page-id-3228 .grecaptcha-logo{display:none !important;}
body.page-id-3228 .footer-bottom {margin-top:0px; padding-top:0px; margin-bottom:20px;}
body.page-id-3228 footer {padding: 10px 10px;}
body.page-id-3228 ul.banner-social-mobile li:nth-child(-n+3){display:none;}
body.page-id-3228 ul.banner-social-mobile li:nth-child(4){ display: block;}
body.page-id-3228 ul.banner-social-mobile{right: 1% !important; left:auto;}
.justify-content-left{justify-content:flex-start;}
.content-section1 { padding: 30px 10px 20px 10px;}	
.content-section2 { padding: 30px 10px;}	
.flex-center .landing-form-box { width: 95%; margin:0 auto;}	
.main-hero-titlebox { padding: 30px 10px 30px 10px;}	
.flex-center{ margin-right: 0px;}	
.shower-banner-box:after { background: #035c99;}	
.combo-flex-box { border: 1px solid #fff;}	
.flex-center { display: block; padding: 10px; padding-bottom: 30px; }	
.side-leftbox1 { display: block;}	
.image-iconbox { width: 100%; margin-right: 0px;}	
.side-leftbox1 { border-right: 0px solid #d8e8f3;}	
.mid-imgboth { margin-bottom: 10px; height: auto;}	
.common-plumbing-section .row { flex-direction:column-reverse;}	
.part2-section { padding: 30px 10px; }	
.bp-service-textbox { padding: 0px 0px; }	
.running-page-heading { padding-top: 20px;}	
.alternative-section .row { flex-direction:column-reverse;}		
.bp-service-textbox { padding: 0px 0px 20px; }	
.tank-third-section .row { flex-direction:column-reverse;}	
.bathroom-ps-section {padding: 30px 10px; }	
.only-parabox {padding: 15px 0px 0px 0px;}	
.toilet-instal-banner-box:after { background: #035c99;}	
.toilet-cta-section1 { background: #035c99;}	
.toilet-cta-section1 { padding: 30px 15px;}	
.complete-bp-section { padding: 30px 10px; }	
.only-text-box { padding: 0px 0px 0px;}
.blue-strip-banner {  margin-top: 0px; width: 100%;}	
.dual-li-3 { display: block;}	
.content-section1 .title-h3 { margin-top: 20px;}	
.mob-show-only{display:block;}	
.contact-hero-banner-box:after {
background: linear-gradient(90deg, #fbfbfd 46%, #f7f7f7 49%, #fbfbfd 53%);}
.hero-point-dark-list{display:none;}
.clog-banner-content {padding: 40px 30px;}	
.dual-color-title-main {font-size: 25px; text-align:center;}	
.common-freaturelist {padding: 20px 10px;}
.hero-point-fa-list li{font-size:14px;}	
.hero-point-fa-list li i{font-size:25px;}	
.mt-at-handset{margin-top:15px;}	
.ctawithtext, .bp-button{font-size:25px; width:100%;padding: 8px 15px}	
.pt-not{padding-top:0px !important;}	
.banner-imagebox { position: static; margin: 15px 0px 0px 0px; width: 100%; padding: 0px 15px; height: auto; }
.banner-imagebox img{border-radius:15px; box-shadow:0px 10px 10px -8px #000; height:auto;}
.padding-section{padding:30px 15px;}	
.mrn-on-tab{margin-top:15px;}
.hero-white-button, .hero-red-button{width:100%;}
.common-hero-section, .common-section1{padding:40px 20px;}
.view-on-mob{display:block; box-shadow:0px 10px 10px -10px #000; border-radius:4px;}
.flexlist-cat li {width: 30%; }	
.singlebox-blog { padding: 30px 0px; }	
.flexlist-cat li a { font-size: 13px; }	
.new-side-menubox { margin-top: 20px;}	
.new-side-menubox .categories ul { width: 110%;}	
.blogcard-title-content {height: auto; }	
.side-bar select#cars { width: 100% !important;}	
.new-blog-pagination ul.page-numbers { margin-top: 20px;}	
.email-subscribe-form input[type="email"] {  padding: 15px 16px;}	
.blog-cta-section { padding: 25px 15px;}
.top-bg-menu { padding: 10px 10px 10px;}	
.flyingpaper-plane{ display:none;}	
#subscribeBtn { text-align: center;}	
footer .footer-sec h4 { font-size: 24px; }	
.side-bar input, select { padding: 15px 10px; }	
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required { font-size: 16px;}
.nb-catspan { font-size: 13px; }	
.nb-datespan { font-size: 13px; }	
.new-blog-hero-section { position: relative; padding: 50px 20px; background: #174572 url(/wp-content/uploads/2026/10/mobile.jpg) no-repeat center right; background-size: contain;}	
.new-blog-hero-section:after { background: linear-gradient(90deg, #103b66fc 35%, #1a3f64d6 43%, transparent 60%);}	
.hero-white-title { font-size: 36px;}	
.new-blog-category-section { padding: 10px 10px;}	
	
	
	
	
	
	
	
}

@media (max-width: 480px) {
    .custom-blog-search {
        flex-wrap: wrap;
    }

    .custom-blog-search input[type="search"] {
        flex-basis: 100%;
    }
	
	 .email-subscribe-form {
    flex-direction: column;
  }

  .email-subscribe-form button {
    width: 100%;
  }
}