body { color:#000; font-family:Inter; }
:root { --main-color:#0A193F; --main-color-1:#F60; --main-color-2:#0A56A6; --main-color-3:#33A6DD; }
a, i, button { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }
h1, h2, h3, h4, h5, h6 { font-family:Figtree; }

header { left:0; position:fixed; right:0; top:32px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; z-index:111; }
.top-head { align-items:center; background-color:#fff; border-radius:10px; display:flex; justify-content:space-between; min-height:111px; padding:0 0 0 30px; }
.logo { height:98px; width:250px; }
.call-sec { border-radius:0 10px 10px 0; display:flex; flex-direction:column; overflow:hidden; }
.call-sec a { align-items:center; border-radius:0; display:flex; gap:8px;  }
.call-btn { background-color:#E4F7FF; border-left:2px solid rgba(51,166,221,0.25); color:var(--main-color-2); display:inline-block; font-size:17px; padding:15px 27px; text-transform:uppercase; }
.call-btn:hover, .serv-txt.dd .see-btn:hover { background-color:var(--main-color-2); color:#fff; }
.call-btn:hover img, .serv-txt.dd .see-btn:hover img, header.new-head .call-btn img { filter:brightness(0) invert(1); }
.get-btn { background-color:var(--main-color-1); border:2px solid var(--main-color-1); border-radius:10px; color:#fff; display:inline-block; font-size:20px; font-weight:700; padding:11px 27px; text-transform:uppercase; }
.top-head .call-btn img { height:18px; width:18px; } 
.top-head .get-btn img { height:30px; width:29px; }
.get-btn:hover { background-color:var(--main-color-3); border:2px solid var(--main-color-3); color:#fff; }

/**** Navbar CSS Start Here ****/
header .navbar, header .navbar-toggler { padding:0; }
header .navbar-expand-md .navbar-nav .nav-link { color:var(--main-color); font-size:18px; padding:40px 34px; position:relative; }
header .dropdown-menu { border:none; border-radius:0; min-width:max-content; padding:0; }
header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; color:var(--main-color); display:block; font-size:15px; padding:10px 18px; }
header .navbar-expand-md .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus, header .navbar-nav .dropdown:hover .nav-link, header .navbar-nav .dropdown > .dropdown-toggle.show, header .navbar-nav .dropdown-menu li a:hover, header .navbar-nav .dropdown-toggle[aria-expanded="true"], .serv-btn:hover, .area-sec li a:hover, footer li a:hover, footer .col-lg-12 p a:hover, footer p a:hover, .form-box p a:hover, .need-sec p a:hover, .service-sec .breadcrumb-item a:hover, .page.page-id-3 .service-sec p a, .page.page-id-3 .service-sec li a, .page.page-id-42 .service-sec p a, .page.page-id-42 .service-sec li a, header.new-head .call-btn:hover, .serv-main p span a:hover { color:var(--main-color-1); }
header .dropdown-menu li:last-child a, .thank-txt:nth-last-child(2), .abt-sec .serv-txt:last-child, .page.page-id-3 .serv-txt, .page.page-id-42 .serv-txt, .serv-txt.dd-1, .page-id-708 .serv-txt:last-child { border-bottom:none; }
header .navbar-nav .dropdown .dropdown-toggle::after, .area-sec .area-list li::before { display:none; }
/**** Navbar CSS End Here ****/

.main { background:linear-gradient(270deg, #003262 0%, #0A193F 100%); padding:174px 0 120px; }
.main h1 { color:#fff; font-size:70px; font-weight:700; margin:68px 0 0; }
.main p { color:#fff; font-size:29px; margin:22px 0 78px; text-transform:uppercase; }
.main .call-btn, .main .get-btn { display:block; margin:22px 0 0; padding:11px 27px; text-align:center; width:432px; z-index:1; }
.main .call-btn { background-color:transparent; border:1px solid var(--main-color-1); border-radius:10px; color:#fff; font-size:20px; }
.main .call-btn:hover, .our-box a:hover { background-color:var(--main-color-1); }

.vendor-sec { align-items:center; background-color:var(--main-color-3); display:flex; gap:0 38px; justify-content:center; padding:0 25px; position:relative; text-align:center; }
.vendor-sec h2 { color:#fff; font-size:24px; font-weight:700; margin:0; text-transform:uppercase; }
.vendor-sec h2 span { font-weight:400; }
.vendor-sec h3 { color:#FFF; font-size:18px; font-weight:400; letter-spacing:2.88px; line-height:1.4; margin:0; text-transform:uppercase; }
.vendor-sec img { margin:-18px 0; position:relative; width:90px; z-index:1; }
.vendor-sec.dd-1 { padding:10px 25px; }
.plumbing-video { background-image:url(../images/plumbing-video.webp) !important; background-size:100% 100%; margin:-128px 0 -162px; padding:8px 4px 1px; width:176px; }
.plumbing-video video { border-radius:26px; height:328px; object-fit:cover; width:165px; }

.our-sec { background:linear-gradient(162deg, #0A56A6 0%, #33A6DD 101.56%); padding:85px 0 158px; }
.our-sec .col-lg-12 { padding-top:20px; text-align:center; }
.our-sec h2 { color:#fff; font-size:46px; font-weight:700; margin:15px 0 0; }
.our-sec h6, .trust-sec h6, .serv-form h6 { background-color:var(--main-color-1); color:#fff; display:inline-block; font-size:16px; font-weight:700; margin:30px 0 0; padding:3px 12px; }
.our-sec p { color:rgba(255,255,255,0.6); font-size:18px; font-weight:300; line-height:1.6; margin:28px 0 40px; }
.serv-btn { color:rgba(255,255,255,0.6); display:inline-block; font-size:18px; font-weight:300; text-transform:uppercase; }
.serv-btn img { filter:brightness(0) invert(1); margin:-4px 0 0 5px; opacity:0.6; }
.serv-btn:hover img { filter:none; opacity:1; }
.our-sec .owl-stage { display:flex; padding:30px 0 50px; }
.our-box { background-color:var(--main-color-3); border-radius:4px; height:100%; padding:0 25px 75px; position:relative; text-align:center; }
.our-box img { height:165px; margin:0 auto; position:relative; top:-30px; width:auto !important; }
.our-box h3 { color:#fff; font-size:30px; font-weight:700; margin:-28px 0 22px; }
.our-box p { color:#fff; font-size:15px; margin:0; }
.our-box a { background-color:#1a3068; border-radius:0 0 4px 4px; bottom:0; color:#fff; display:block; font-family:Figtree; font-size:17px; font-weight:700; margin:0 -25px; padding:12px 0; position:absolute; text-decoration:underline; text-transform:uppercase; width:100%; }
.our-box a img { display:inline-block !important; filter:brightness(0) invert(1); height:auto; margin:-4px 0 0 5px; position:unset; }
.see-btn { border:1px solid #fff; border-radius:10px; color:#fff; display:inline-block; font-size:20px; margin-left:30px; padding:12px 22px; text-transform:uppercase; }
.see-btn:hover, .write-btn:hover { border:1px solid var(--main-color-1); background-color:var(--main-color-1); color:#fff; }

.trust-sec { background:linear-gradient(270deg, #003262 0%, #0A193F 100%); padding:100px 0 140px; text-align:center; }
.trust-sec h2, .quality-sec h2 { color:#fff; font-size:50px; font-weight:700; line-height:1.18; margin:20px auto 90px; }
.trust-sec h3 { color:#fff; font-size:24px; font-weight:700; line-height:1.35; margin:28px 0 18px; }
.trust-sec h4 { color:#fff; font-size:27px; font-weight:700; margin:100px 0 60px; }
.trust-sec h4 span, .service-sec .breadcrumb-item a, .serv-txt h6 a:hover { color:var(--main-color-3); }
.trust-sec p { color:rgba(255,255,255,0.60); font-size:17px; line-height:1.6; margin:0 0 50px; text-transform:capitalize; }
.trust-sec .col-lg-6 img { border-radius:10px; margin:0 0 20px; object-position:left; }
.trust-box img { height:46px; }

.review-sec { background-color:#EBF1F7; padding:60px 0; text-align:center; }
.review-sec h2 { color:var(--main-color-2); font-size:40px; font-weight:700; margin:0 0 65px; }
.review-sec h4 { color:#32394A; font-family:Inter; font-size:14px; font-weight:700; }
.write-btn { border:1px solid var(--main-color-2); border-radius:10px; color:var(--main-color-2); display:inline-block; font-size:20px; font-weight:700; margin:35px 0; padding:10px 60px; text-transform:uppercase; }
.review-sec .ti-widget.ti-goog .ti-review-item > .ti-inner, .service-sec .ti-widget.ti-goog .ti-review-item > .ti-inner { background-color:#ebf1f7 !important; }

.quality-sec { background-position:top center; background-size:cover; padding:190px 0 150px; text-align:center; }
.quality-sec h2 { margin:0 0 40px; }
.quality-sec h3 { color:#fff; font-size:21px; font-weight:700; line-height:1.45; margin:0 0 18px; }
.quality-sec p { color:rgba(255,255,255,0.6); font-size:17px; font-weight:300; line-height:1.6; margin:0; }
.quality-sec li { padding:0 12px 40px; position:relative; z-index:0; }
.quality-sec li span { align-items:center; background-color:var(--main-color-3); border-radius:50%; color:#fff; display:flex; font-size:30px; font-weight:900; height:57px; justify-content:center; margin:0 auto 40px; width:57px; }

.area-sec { background:linear-gradient(162deg, #33A6DD 0%, #0A56A6 101.56%); padding:75px 0; }
.area-sec .col-lg-6:last-child, .area-sec.dd p { overflow:hidden; }
.area-sec .col-lg-6 iframe, .area-sec.dd iframe { margin:-67px 0 0; }
.area-sec h2 { color:#fff; font-size:42px; font-weight:700; line-height:1.3; margin:0 0 62px; }
.area-sec ul { column-count:3; padding-bottom:15px; }
.area-sec li { color:#fff; font-size:18px; font-weight:300; padding:0 0 20px 25px; position:relative; }
.area-sec li::before { background-image:url(../images/map-icon.svg) !important; content:''; height:20px; left:0; position:absolute; top:4px; width:16px; }
.area-sec li a, .need-sec p a, .form-sec form .gfield--type-fileupload .gfield_description, .about-sec .about-box li, .serv-main p span a { color:#fff; }

footer { background:linear-gradient(0deg, #CDEFFF 0%, #E5F7FF 100%); padding:60px 0 0; }
.foot-logo { margin:0 0 42px; width:290px; }
footer h2, footer h3 { color:var(--main-color-2); font-size:20px; font-weight:700; margin:0 0 22px; }
footer h3 { margin:55px 0 22px; }
footer li { color:var(--main-color); font-size:14px; padding:0 0 15px; }
footer li a { color:var(--main-color); font-size:14px; text-decoration:underline; }
footer li img { margin:-2px 3px 0 0; width:15px; }
footer p { color:var(--main-color); font-size:14px; line-height:1.8; margin:0; }
footer p a { color:var(--main-color); text-decoration:underline; }
footer .col-lg-12 p { border-top:1px solid var(--main-color-3); color:var(--main-color); font-size:12px; margin:50px 0 0; padding:40px 0; text-align:center; }
footer .col-lg-12 p a { color:var(--main-color-2); margin:0 12px; text-decoration:underline; }
footer .get-btn { font-size:16px; margin:0 0 20px; text-align:center; width:100%; }
footer .see-btn { border:1px solid var(--main-color-1); color:var(--main-color-1); font-size:16px; margin:0; text-align:center; width:100%; }
.social-icon { margin:38px 0 0; }
.social-icon img { margin-right:15px; width:25px; }

/******************** contact page CSS ********************/
.form-sec { background:linear-gradient(270deg, #003262 0%, #0A193F 100%); padding:250px 0 80px; }
.form-sec h2 { color:#fff; font-size:46px; font-weight:700; margin:0; text-align:center; }
.form-sec h3 { color:#fff; font-size:30px; font-weight:900; margin:0 100px 0 0; }
.form-sec h4, .form-sec form .gfield--type-fileupload .gfield_label.gform-field-label { color:#fff; font-size:20px; font-weight:400; line-height:1.5; margin:0; padding:15px 0 20px; text-transform:capitalize; }
.form-sec h4 + img { display:block; margin:0 0 50px; width:165px; }
.form-sec h5 { border-top:1px solid #fff; color:#fff; font-size:19px; font-weight:700; margin:22px 0 12px; padding:42px 0 0; }
.form-sec p { color:#9DA3B2; font-size:18px; line-height:1.7; margin:28px 0 80px; text-align:center; }
.form-sec p b { color:#fff; font-weight:600; }
.in-box { margin:0 0 30px; }
.box, .form-sec form input, .form-sec form textarea, .serv-form form input, .serv-form form textarea { background-color:transparent !important; border:1px solid #63748e !important; border-radius:10px !important; color:#9da4b4 !important; font-size:16px !important; height: auto !important; outline:none !important; padding:7px 20px !important; width:100%; }
.box:focus, .form-sec form input:focus, .form-sec form textarea:focus, .serv-form form input:focus, .serv-form form textarea:focus { border:1px solid var(--main-color-1) !important; }
.box:focus::placeholder, .form-sec form input:focus::placeholder, .form-sec form textarea:focus::placeholder, .serv-form form input:focus::placeholder, .serv-form form textarea:focus::placeholder { color:transparent !important; }
.box::placeholder, .form-sec form input::placeholder, .form-sec form textarea::placeholder, .serv-form form input::placeholder, .serv-form form textarea::placeholder { color:#9da4b4; opacity:1; }
select.box { appearance:none; background-image:url(../images/arrow1.webp) !important; background-position:100% center; background-repeat:no-repeat; background-size:30px auto; -webkit-appearance:none; }
.form-sec .gform-theme--foundation .gform_fields { row-gap:30px; }
.form-sec form textarea, .serv-form form textarea { height:130px !important; min-block-size:unset !important; padding:14px 20px !important; }
.form-sec form .gfield--type-fileupload input { background-color:#394f71 !important; color:#b0b8c5 !important; }
.form-sec .gform-footer input, .serv-form .gform-footer input { background-color:var(--main-color-1) !important; border:2px solid var(--main-color-1) !important; color:#fff !important; display:inline-block !important; font-size:20px !important; font-weight:700 !important; padding:15px 27px !important; text-transform:uppercase !important; }
.form-sec .gform-footer input:hover, .serv-form .gform-footer input:hover { background-color:var(--main-color-3) !important; border:2px solid var(--main-color-3) !important; color:#fff !important; }
.form-sec .gform_validation_errors, .serv-form .gform_validation_errors { display:none !important; }

.form-box { background-color:var(--main-color-3); border:5px solid #fff; border-radius:20px; padding:55px 40px 70px; position:relative; }
.form-box .plumbing-video { margin:0; position:absolute; right:-85px; top:-55px; }
.form-box p { color:#cce9f6; margin:24px 0 30px; padding-right:100px; text-align:left; }
.form-box p a { color:#cce9f6; }
.form-box li { color:#fff; font-family:Figtree; font-size:20px; font-weight:600; padding:0 0 10px 38px; position:relative; }
.form-box li::before { background-image:url(../images/icon3.svg) !important; content:''; height:24px; left:0; position:absolute; top:4px; width:24px; }
.form-sec h5 + p { margin:0 !important; padding:0 !important; }

.need-sec { background-color:var(--main-color-3); padding:17px 25px; text-align:center; }
.need-sec h2 { color:#fff; font-size:32px; font-weight:700; margin:0; }
.need-sec p { color:#fff; font-family:Figtree; font-size:24px; font-weight:600; margin:0; text-transform:capitalize; }

.area-sec.dd { background:linear-gradient(270deg, #003262 0%, #0A193F 100%); }
.area-sec.dd h2 { margin:0 0 28px; text-align:center; }
.area-sec.dd h3 { color:#fff; font-family:Inter; font-size:25px; font-weight:700; margin:70px 0 20px; }
.area-sec.dd img { border-radius:0; height:auto; }
.area-sec.dd .area-list { column-count:unset; padding:0 0 32px; text-align:center; }
.area-sec.dd .area-list li { border-right:1px solid #fff; display:inline-block; font-size:20px; line-height:1.1; margin:0 0 18px; padding:0 14px; }
.area-sec.dd .area-list li:last-child { border:none; padding-right:0; }

/******************** services page CSS ********************/
.inner-banner { background:linear-gradient(270deg, #003262 0%, #0A193F 100%); padding:215px 0 70px; position:relative; }
.inner-banner h1 { color:#fff; font-size:53px; font-weight:700; margin:0 0 14px; }
.inner-banner h6 { color:#fff; font-family:Inter; font-size:26px; font-weight:400; line-height:1.5; margin:0; }
.inner-banner p { color:#fff; font-size:26px; margin:0; text-transform:uppercase; }
.inner-banner img { height:100%; position:absolute; right:0; top:0; }
.inner-banner .get-btn { margin:30px 0 0; padding:5px 48px; }

.service-sec { background-color:#EBF1F7; padding:60px 0 0; }
.service-sec .col-lg-6 { margin:0 0 85px; }
.service-sec .breadcrumb { margin-bottom:35px; }
.service-sec .breadcrumb-item { font-size:13px; }
.service-sec .breadcrumb-item.active { color:#B5B5B5; }
.service-sec h2 { color:var(--main-color-2); font-size:46px; font-weight:700; margin:0 0 32px; }
.service-sec h2 span { display:block; color:var(--main-color-3); }
.service-sec h4 { color:var(--main-color-3); font-size:20px; font-weight:700; line-height:1.4; margin:0 0 75px; }
.abt-txt { background-color:rgba(255,255,255,0.5); border-left:10px solid var(--main-color-2); border-radius:4px; margin:38px 0 42px; padding:25px 20px; text-align:center; }
.abt-txt p { font-size:20px; font-weight:700; margin:0; }

.page.page-id-3 .service-sec h2, .page.page-id-42 .service-sec h2 { font-size:38px; }
.page.page-id-3 .service-sec h3 { font-size:28px; margin:0 0 15px; }
.page.page-id-3 .service-sec h5 { font-size:22px; margin:0 0 10px; }
.page.page-id-3 .service-sec p, .page.page-id-3 .service-sec li, .page.page-id-42 .service-sec p, .page.page-id-42 .service-sec li { font-size:16px; }
.page.page-id-3 .service-sec p a:hover, .page.page-id-3 .service-sec li a:hover, .page.page-id-42 .service-sec p a:hover, .page.page-id-42 .service-sec li a:hover { color:var(--main-color); }
.service-sec table { background-color:#fff; border:1px solid #ccc; margin:0 0 25px; width:100%; }
.service-sec th, .service-sec td { border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:15px; padding:8px 15px; }

.serv-form { background:linear-gradient(162deg, #33A6DD 0%, #0A56A6 101.56%); border-radius:20px; margin:0 0 28px; padding:15px 28px 70px; text-align:center; }
.serv-form h5, .offer-box h3 { color:#fff; font-size:30px; font-weight:800; margin:22px 0 30px; text-transform:capitalize; }
.serv-form h6 { background-color:var(--main-color-2); }
.serv-form .in-box { margin:0 0 20px; }
.serv-form .box, .serv-form form input, .serv-form form textarea { border:1px solid #9eb8d6 !important; color:#9eb8d6 !important; font-size:14px !important; text-align:left; }
.serv-form .box::placeholder, .serv-form form input::placeholder, .serv-form form textarea::placeholder { color:#9eb8d6 !important; }
.serv-form .get-btn, .serv-form .gform-footer input { font-size:18px !important; padding:15px 0 !important; width:100% !important; }
.serv-form form .validation_message { color:#f00; font-size:12px; margin:5px 0 0 !important; text-align:left; }
.serv-form .gform-theme--foundation .gform_fields { row-gap:20px; }

.offer-box { background-color:var(--main-color-3); border-radius:20px; display:block; padding:50px 20px 0; text-align:center; }
.offer-box h4 { color:#fff; font-size:20px; font-weight:700; letter-spacing:1px; margin:0; text-transform:uppercase; }
.req-btn { background-color:var(--main-color-2); border-radius:10px; color:#fff; display:inline-block; font-size:18px; font-weight:700; padding:12px 25px; text-transform:uppercase; }
.req-btn:hover { background-color:var(--main-color-1); color:#fff; }
.offer-box .plumbing-video { bottom:-28px; margin:0 auto; padding:6px 4px 0; position:relative; width:126px; }
.offer-box .plumbing-video video { border-radius:14px; height:230px; width:116px; }

.faq-sec { background-color:#EBF1F7; padding:0 0 100px; }
.inner-banner .col-xl-8, .inner-banner .col-xl-10, .inner-banner .col-lg-12 { z-index:1; }
.faq-sec h2 { border-top:1px solid var(--main-color-2); color:var(--main-color-3); font-size:24px; font-weight:700; margin:0 0 40px; padding:70px 0 0; }
.faq-sec .card { border:1px solid rgba(51,166,221,0.25); border-radius:50px; margin:0 0 22px; padding:22px 52px 22px 32px; }
.faq-sec .card-header { background-color:transparent; border:none; border-radius:0; font-family:Figtree; font-size:22px; font-weight:700; padding:0; }
.faq-sec .card-header a { color:var(--main-color-2); display:block; }
.faq-sec .card-header a::after { align-items:center; background-color:#e5f7ff; border-radius:50%; bottom:0; color:var(--main-color-3); content:"\+"; display:flex; font-size:32px; font-weight:400; height:32px; justify-content:center; margin:auto 0; padding-bottom:2px; position:absolute; right:20px; top:0; width:32px; }
.faq-sec .card-header a[aria-expanded="true"]::after { background-color:var(--main-color-3); color:#fff; content:"\×"; }
.faq-sec .card-body { padding:15px 0 0; }
.faq-sec p { color:#32394A; font-size:18px; line-height:1.6; margin:0; }

.serv-txt { border-bottom:1px solid var(--main-color-2); margin:0 0 70px; padding:0 0 25px; }
.serv-txt h3 { color:var(--main-color-3); font-size:32px; font-weight:700; line-height:1.4; margin:0 0 45px; }
.serv-txt h3 strong, .serv-txt p span, .serv-txt .dd li, .serv-list li { color:var(--main-color-2); font-weight:700; }
.serv-txt h4, .about-sec h3 { color:var(--main-color-3); font-size:24px; font-weight:700; line-height:1.4; margin:0 0 35px; }
.serv-txt h4 span, .page-id-277 .serv-txt h3 span { color:var(--main-color-2); }
.serv-txt h5 { color:var(--main-color-2); font-size:18px; font-weight:700; margin:0; }
.serv-txt h6 { color:#32394A; font-size:24px; font-weight:700; margin:-12px 0 50px; }
.serv-txt h6 a { color:var(--main-color-1); text-decoration:underline; }
.serv-txt p, .serv-txt li { color:#32394A; font-size:18px; line-height:1.6; margin:0 0 18px; }
.serv-txt p b { font-size:20px; display:block; padding:0 0 20px; }
.serv-txt ul { padding:0 0 20px 20px; }
.serv-txt li { list-style:disc; margin:0 0 12px; }
.serv-txt .thank-box { margin:40px 0 60px; }
.serv-txt.dd .see-btn { border:1px solid var(--main-color-2); color:var(--main-color-2); }
.our-sec.dd { padding:85px 0; }
.serv-txt:last-child { margin:0; padding:0 0 40px; }
.faq-sec .serv-txt { border:none; margin:0; padding:0; }
.faq-sec .serv-txt h4 { padding:30px 0 0; }
.faq-sec .serv-txt.dd { border-top:1px solid var(--main-color-2); margin:45px 0 0; }
.faq-sec .serv-txt .sch-head { padding-top:15px; }
.page-id-277 .serv-txt { margin:0 0 45px; }
.page-id-277 .serv-txt h3 { font-size:28px; margin:0 0 35px; }
.page-id-277 .serv-txt h4 { font-size:28px; }

/******************** thank-you page CSS ********************/
.thank-you-sec { background-color:#EBF1F7; padding:25px 0 200px; }
.thank-you-sec h2 { color:var(--main-color-3); font-size:32px; font-weight:700; margin:0 0 35px; text-transform:capitalize; }
.thank-you-sec h3 { color:var(--main-color-3); font-size:24px; font-weight:700; margin:0 0 35px; }
.thank-you-sec p { color:#32394A; font-size:18px; line-height:1.6; margin:0 0 30px; }
.thank-you-sec ul { padding:0 0 26px 25px; }
.thank-you-sec li { color:#32394A; font-size:18px; list-style:decimal; padding:0 0 8px; }
.thank-txt { border-bottom:1px solid var(--main-color-2); padding:45px 0 10px; }
.thank-box { background:linear-gradient(162deg, #33A6DD 0%, #0A56A6 101.56%); border-radius:8px; padding:18px 30px; position:relative; width:85%; }
.thank-box h4 { color:#fff; font-size:24px; font-weight:700; margin:7px 0 25px; text-transform:uppercase; }
.thank-box h5 { color:#fff; font-size:14px; font-weight:400; margin:0; text-transform:uppercase; }
.thank-box a, .serv-txt.dd a { font-size:18px; margin:0 10px 0 0; padding:7px 30px; }
.thank-box a img, .serv-txt.dd a img { margin:-4px 5px 0 0; width:20px; }
.van-img { bottom:-42px; position:absolute; right:-140px; width:230px; }

.serv-txt .locate-list { padding:0 0 30px; }
.serv-txt .locate-list li { align-items:center; border-bottom:1px solid #bfd4e8; color:var(--main-color-2); display:flex; font-size:20px; font-weight:700; gap:20px; list-style:none; margin:0; padding:18px 0; }
.serv-txt .locate-list li img { width:48px; }
.serv-txt .serv-list { padding:0 0 5px 15px; }

/******************** about-us page CSS ********************/
.about-sec { background-color:#F2F9FE; position:relative; }
.about-sec h2 { color:var(--main-color-2); font-size:40px; font-weight:800; margin:0 0 25px; text-transform:capitalize; }
.about-sec h4 { color:#fff; font-size:50px; font-weight:900; margin:0; text-transform:uppercase; }  
.about-sec li { color:#32394A; font-size:18px; padding:0 0 18px 45px; position:relative; }  
.about-sec li::before { background-image:url(../images/about-icon.svg) !important; content:''; height:24px; left:0; position:absolute; top:2px; width:24px; }
.about-box { background:linear-gradient(162deg, #33A6DD 0%, #0A56A6 101.56%); height:100%; padding:70px 80px 50px 215px; }
.about-box h3 { color:#fff; margin:25px 0 35px; }
.about-box li::before { background-image:url(../images/about-icon1.svg) !important; }

.choose_sec { background:var(--Linear, linear-gradient(270deg, #003262 0%, #0A193F 100%)); padding:100px 0; }
.head_box { margin-bottom:70px; }
.small_head { background:#f60; color:#fff; display:inline-block; font-family:Figtree; font-size:16px; font-weight:700; line-height:150%; margin-bottom:20px; padding:3px 10px; }
.head_box h2 { color:#FFF; font-size:46px; font-weight:700; line-height:115%; }
.choose_list { margin:0 auto; max-width:720px; }
.choose_text { background:url(https://dasplumbers.com/wp-content/uploads/2025/08/checked.svg) !important; background-repeat:no-repeat !important; background-size:40px; background-position:left top; margin-bottom:24px; padding:0 0 24px 67px; }
.choose_text:not(:last-child) { border-bottom:1px solid rgba(51, 166, 221, 0.25); }
.choose_text h3 { color:#FFF; font-size:24px; font-weight:700; line-height:1.3; margin:0; text-transform:capitalize; }
.choose_text p { color:rgba(255,255,255,0.60); font-size:16px; line-height:1.7; text-transform:capitalize; margin:15px 0 0; }
.page-id-277 .service-sec.abt-sec { padding-bottom:0; }
.BBB-img { display:flex; margin-left:auto; margin-top:160px; }
.page-id-708 .choose_list { max-width:none; }
.page-id-708 .faq-sec h2 { border-top:none; padding:0; }
.page-id-708 .faq-sec #accordion { padding:0 0 38px; }
.faq-sec .serv-txt.dd { margin:65px 0 0; padding:30px 0 0; }
.serv-txt.dd-1 h3 { margin:0 0 18px; }
.btn-sec { padding-top:35px; }
.serv-form .form-disclaimer { color:#fff; font-size:12px; line-height:1.6; margin:0; }
.serv-form .form-disclaimer b { display:block; font-size:13px; margin:0 0 -10px; }
.serv-silde { background:linear-gradient(162deg, #33A6DD 0%, #0A56A6 101.56%); border:4px solid #fff; border-radius:20px; margin:0 0 80px; }
.serv-silde .serv-form { background:none; margin:0; padding-bottom:0; }
.serv-silde .offer-box { background-color:transparent; padding:0 20px; }
.serv-main p { color:#fff; font-size:12px; margin:-12px 0 38px; }
.serv-main p span { display:block; font-size:18px; padding:8px 0 0; }
header.new-head { position:absolute; top:0; }
header.new-head .top-head { background-color:transparent; padding:0; }
header.new-head .logo { background-color:#fff; border-radius:0 0 10px 10px; height:auto; padding:0 10px 12px; width:270px; }
header.new-head .call-sec { border-radius:0; flex-direction:unset; }
header.new-head .call-btn { background-color:transparent; border:none; color:#fff; font-size:20px; margin-right:45px; padding:0; }
header.new-head .get-btn { border-radius:10px; }

/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
.choose_sec{padding: 70px 0;}
.head_box{margin-bottom: 40px;}
.head_box h2 {font-size: 32px;}
header { top:12px; }	
.main h1 { font-size:44px; margin:0; }
.our-sec { padding:100px 0; }
.our-sec h2, .trust-sec h2, .service-sec h2 { font-size:40px; }
.our-sec .col-xl-5 img { margin:30px 0 0; }
.see-btn { margin:35px 0 0; }
.vendor-sec { flex-direction:column; padding:40px 8px 0; }
.vendor-sec img { margin:25px 0 -45px; }
.vendor-sec.dd { flex-direction:unset; gap:15px; padding:0 15px; }
.plumbing-video { margin:-55px 0; padding:8px 8px 1px; width:140px; }
.plumbing-video video { border-radius:18px; height:314px; object-fit:cover; width:124px; }
.vendor-sec.dd-1 { padding:40px 25px; }
.trust-sec { padding:80px 0 90px; }
.trust-sec .col-lg-3, .trust-sec .col-lg-6, .area-sec .col-lg-6:last-child, .form-box p { padding:0; }
.trust-sec .col-lg-3 img.dd, .trust-sec .col-lg-6 img { border-radius:10px; margin:0 0 65px; }
.trust-sec .col-lg-6 img.dd, .quality-sec li:last-child::before, footer .col-xl-3:nth-child(4), .form-sec h2 + p, .page-id-708 footer .col-xl-3:nth-child(3) { display:none; }
.trust-box { padding:0 15px; }
.trust-sec h4 { margin:30px 0 50px; }
.review-sec { padding:95px 0 70px; }
.quality-sec { background-image:none !important; background-color:var(--main-color); padding:0 0 40px; }
.quality-sec h2 { font-size:40px; margin:-215px 0 40px; }
.quality-sec ul { margin:60px 0 0; }
.quality-sec li { padding:0 0 40px; text-align:left; }
.quality-sec li span { float:left; }
.quality-sec li::before { border-left:2px dashed #fff; bottom:0; content:''; left:28px; position:absolute; top:0; z-index:-1; }
.quality-sec li div { padding-left:80px; }
.area-sec { background:var(--main-color); padding:0 0 40px; }
.area-sec h2 { font-size:32px; text-align:center; }
.area-sec ul { column-count:2; }
footer { padding:60px 0 25px; position:relative; }
.foot-logo { display:flex; margin:0 auto 58px; width:270px; }
footer .col-xl-3:first-child ul { margin:45px 0 0; text-align:center; }
footer .col-xl-2 { width:34%; }
footer .col-xl-3:nth-child(3) { width:66%; }
footer .call-sec { bottom:0; flex-direction:unset; left:0; position:fixed; right:0; z-index:1; }
footer .call-sec a { justify-content:center; margin:0; padding:10px 0; width:50%; }
.social-icon { margin:38px 0 80px; text-align:center; }
.form-sec { padding:190px 0 100px; }
.form-sec h2 { font-size:40px; margin:0 0 190px; }
.form-sec h3 { margin:0; text-align:center; }
.form-box { margin:0 0 70px; padding:0 28px 50px; }
.page-id-157 .form-sec .form-box { margin:0 0 45px; padding:55px 28px 70px; }	
.form-box .plumbing-video { margin:-115px auto 18px; position:unset; padding:6px 8px 0; width:120px; }
.form-box .plumbing-video video { border-radius:10px; height:233px; width:105px; }
.form-sec .col-xl-6:nth-child(2) { order:3; }
.area-sec.dd { padding:80px 0 40px; }
.area-sec.dd .area-list li { border:none; padding:0 7px; }
.area-sec.dd img { height:350px; }
.inner-banner h1 { font-size:44px; }
.thank-you-sec { padding-bottom:110px; }
.thank-you-sec .container { max-width:100%; }
.thank-you-sec .col-xl-8 { overflow:hidden; padding-bottom:85px; }
.thank-box { padding:40px 20px 18px; text-align:center; width:100%; }
.thank-box a, .serv-txt.dd a { font-size:15px; margin:0 10px 15px 0; padding:7px 25px; }
.van-img { display:flex; margin:18px -70px -105px auto; position:unset; width:310px; }
.service-sec .col-lg-8 { overflow:hidden; }
.serv-txt:nth-last-child(2) { padding-bottom:70px; }
.page.page-id-3 .service-sec h2, .page.page-id-42 .service-sec h2 { font-size:28px; }
.page.page-id-3 .service-sec h3, .page-id-277 .serv-txt h3, .page-id-277 .serv-txt h4 { font-size:23px; }
.page-id-277 .serv-txt:nth-last-child(2) { padding:0 0 25px; }
.page-id-277 .serv-txt .thank-box { margin-bottom:90px; }
.inner-banner.dd h1 { font-size:36px; }
.inner-banner.dd p { font-size:18px; }
}

@media (min-width:320px) and (max-width:991.98px){
.call-sec.dd, .main .call-btn, .about-box h4, .desk-sec { display:none; }
.mob-logo { margin:10px auto 15px; width:200px; }
.mob-logo img { width:100%; }
.logo { height:75px; width:190px; }
.top-head { min-height:99px; padding:12px 15px; }	
header .navbar-collapse { background-color:#fff; box-shadow:0 0 5px #999; height:100%; left:-15px; overflow-y:auto; position:fixed; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); width:255px; z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
header .collapse.show { left:0; transform:translateX(0); -webkit-transform:translateX(0); } 
header .navbar-nav { display:block; padding:0 15px; }
header .navbar-toggler:focus { box-shadow:none; outline:none; }
header .navbar-toggler .icon-bar { background-color:var(--main-color-3); display:block; height:2.5px; margin:9px 0; outline:none; transition:all 500ms; width:35px; }
header .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:16px; transform:rotate(45deg); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
header .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
header .navbar-expand-md .navbar-nav .nav-link { align-items:center; display:flex; justify-content:space-between; }
header .navbar-expand-md .navbar-nav .nav-link, header .dropdown-menu li a { border-bottom:1px solid #e2e2e2; color:#000; font-size:16px; padding:10px 0; }
header i.dropdown-toggle { color:var(--main-color-1); cursor:pointer; font-size:14px; height:44px; padding:15px 0; position:absolute; right:0; text-align:right; top:0; width:30px; z-index:1; }
header .dropdown-menu {	background-color:transparent; min-width:unset; padding-left:10px; }
header .dropdown-menu li a { font-size:14px; }
.call-sec { border-radius:0; margin:40px 0 0; }
.call-sec a { font-size:15px; justify-content:center; padding:11px 8px; }
.call-sec a img { width:17px; }
.main { padding:174px 0 0; position:relative; }
.main .col-xl-7, .about-sec .col-xl-6 { padding:0; }
.main p { font-size:25px; margin:22px 0 0; }
.main img, .main #lazy-video video { border-radius:0; margin:20px 0 0; object-fit:cover; }
.main .get-btn { bottom:15px; font-size:18px; left:12px; margin:0 auto; padding:11px 12px; position:absolute; right:12px; width:auto; }
.inner-banner img { left:0; width:100%; }
.inner-banner::before { background-color:rgba(10,25,63,0.8); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:1; }
.inner-banner .col-xl-8, .inner-banner .col-lg-12 { text-align:center; }
.faq-sec { padding:60px 0; }
.page-id-708 .faq-sec { overflow:hidden; }	
.serv-txt:last-child { margin:0 0 40px; }
.about-sec .col-xl-5, .about-box { padding:70px 12px 50px; }
.about-sec .col-xl-5 h4 { color:var(--main-color-3); margin:0 0 50px; text-align:center; }
.about-img { background-color:#EBF1F7; padding-top:40px; }
.about-img img { display:flex; margin:0 auto; width:290px; }
.about-sec h2 { font-weight:700; text-align:center; }
.about-box h3 { margin-top:0; }
.BBB-img { margin:0 auto; margin-top:40px; }
.inner-banner.dd::before { background:linear-gradient(360deg,rgba(10,25,63,0) 25%,#003262 50%); }	
.inner-banner.dd { background:none; padding:170px 0 0; }	
.inner-banner.dd img { margin:-75px 0 0; position:unset; }
header.new-head .top-head { justify-content:center; }
.serv-silde { margin:35px 0 25px; }	
}

@media (min-width:400px) and (max-width:991.98px){
.main .get-btn, .about-img img { width:370px; }
}

@media (min-width:768px){
.trust-sec h2 span { display:block; }
.trust-sec .col-lg-3 img.dd, .quality-sec li:last-child::before, .quality-sec img, footer .col-xl-3:first-child .get-btn, footer .col-xl-3:first-child .see-btn, footer .call-sec, .form-box + p, footer .col-lg-12 .BBB-img { display:none; }
.quality-sec ul { display:flex; padding:70px 0 0; }
.quality-sec li::before { border-top:2px dashed #fff; content:''; left:140px; position:absolute; right:-160px; top:28px; z-index:-1; }
.area-sec .col-lg-6 iframe { height:110% !important; }
.area-sec.dd ul { column-count:4; }
}

@media (min-width:768px) and (max-width:991.98px){	
header .navbar-expand-md .navbar-toggler, header .navbar-expand-md .navbar-collapse { display:block !important; }
header .navbar-expand-md .navbar-nav .dropdown-menu { position:relative; }
.main h1 { font-size:60px; margin:0; }
.vendor-sec h2 { font-size:19px; }
.trust-sec .col-lg-3 { order:2; padding-top:20px; }
.trust-sec .col-lg-6 { display:flex; gap:20px; }
.trust-sec h4 { margin:30px 0 50px; }
.area-sec .col-lg-6 iframe { height:400px !important; }
.quality-sec h2 { font-size:40px; }
.quality-sec { padding:100px 0 60px; }
.quality-sec ul { flex-wrap:wrap; }
.quality-sec li { width:50%; }
.quality-sec li:nth-child(2)::before { display:none; }
.quality-sec li::before { left:150px; }
.foot-logo { width:240px; }
footer .get-btn { margin:45px 0 20px; }
.form-sec h2 { font-size:36px; }
.form-box { margin:50px 0 0; }
.form-box .plumbing-video { right:-35px; }
.form-box p { padding-right:115px; }
.thank-box a, .serv-txt.dd a { font-size:16px; padding:6px 15px; }
.page-id-708 footer .col-xl-3:nth-child(3) { margin-left:0; }	
}

@media (min-width:992px){
header .navbar-expand-md .navbar-collapse .call-sec, .mob-logo, .about-sec .col-xl-5 h4, .mob-sec { display:none; }	
header .navbar-collapse { justify-content:end; }
header .collapse ul li:hover > .dropdown-menu { background-color:#fff; border-top:3px solid var(--main-color-1); box-shadow:0 0 2px #333; display:block; }
header .collapse ul ul { border-top:2px solid var(--main-color-1); box-shadow:0 0 2px #333; left:34px; }
header .navbar-nav .dropdown-menu li a:hover { background-color:var(--main-color); color:#fff; }
header .dropdown-menu .dropdown .dropdown-menu { left:100%; margin-left:2px; top:0; }
header .navbar .dropdown i { color:var(--main-color-3); font-size:12px; position:absolute; right:19px; top:48px; transition:none; -webkit-transition:none; }
header .navbar .dropdown:hover i { color:var(--main-color-1); }
.main .col-xl-7, .about-sec .col-xl-6 { padding-right:0; }
.main img, .main #lazy-video video { border-radius:10px 0 0 10px; height:670px; object-fit:cover; }
.trust-sec .col-lg-6 { padding:0 55px; }
.trust-sec .col-lg-3 { align-self:center; }
.abt-sec { padding-bottom:100px; }
.about-sec .col-xl-5 { padding-right:210px; padding-top:70px; }
.about-sec img { bottom:0; left:0; margin:0 auto; position:absolute; right:0; width:425px; }
.about-sec h2 { margin-right:-60px; }
.inner-banner::before { background:linear-gradient(270deg, rgba(10, 25, 63, 0.00) 0%, #003262 40%); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:1; }
.postid-453 .faq-sec h2, .postid-457 .faq-sec h2, .postid-223 .faq-sec h2, .postid-469 .faq-sec h2, .postid-472 .faq-sec h2, .postid-473 .faq-sec h2, .postid-475 .faq-sec h2, .postid-476 .faq-sec h2, .postid-505 .faq-sec h2, .postid-509 .faq-sec h2 { border-top:none; padding-top:50px; }
.service-sec .col-lg-4 { position:relative; }
.serv-main { margin-right:12px; position:absolute; top:0; }	
}

@media (min-width:992px) and (max-width:1199.98px){
.logo { height:78px; width:200px; }
header .navbar-expand-md .navbar-nav .nav-link { padding:40px 20px; }
header .collapse ul ul { left:20px; }
header .navbar .dropdown i { right:6px; }
.call-sec a { padding-left:12px; padding-right:12px; }
.main h1 { font-size:60px; }
.main p { font-size:24px; margin:20px 0 30px; }
.main img, .main #lazy-video video { height:570px; }
.trust-sec .col-lg-6 { padding:0 12px; }
.area-sec h2 { font-size:36px; }
.foot-logo { width:215px; }
footer .get-btn, footer .see-btn { font-size:14px; padding:10px 0; }
.form-box { margin-left:20px; }
.form-box .plumbing-video { right:-30px; }
.serv-txt .thank-box a, .serv-txt.dd a { margin:0 10px 10px 0; }
.about-sec .col-xl-5 { padding-right:120px; }
.about-box { padding:70px 12px 50px 150px; }
.about-sec img { width:300px; }
}

@media (min-width:1200px){
.service-sec .col-lg-6:nth-child(2n+1) { padding-right:34px; }
.service-sec .col-lg-6:nth-child(2n+2) { padding-left:34px; }
.page-id-3 .service-sec .container, .page-id-42 .service-sec .container { max-width:1100px; }
}

@media (min-width:1200px) and (max-width:1399.98px){
.call-sec .call-btn { padding:15px 21px; }	
.call-sec .get-btn { padding:11px 24px; }	
.main .col-xl-4 { width:40%; }
.main .col-xl-7 { width:51.66%; }
.main h1 { font-size:65px; }
.main p { font-size:26px; }
.foot-logo { width:260px; }
.form-box .plumbing-video { right:-45px; }
.thank-box a { font-size:16px; padding:6px 15px; }
.postid-469 .faq-sec h2 { margin-top:-90px; }
}

@media (min-width:1400px) and (max-width:1499.98px){
.main h1 { font-size:63px; }
.main p { font-size:26px; }	
.form-box .plumbing-video { right:-40px; }
}

@media (min-width:1400px){
header .container { max-width:1387px; }
.form-box { margin-left:60px; }
.inner-banner img { width:40%; }
.service-sec .col-lg-4 { padding-left:80px; }
.postid-426 .inner-banner .col-xl-8 { width:82%; }
}

@media (min-width:1706px){ 
.about-sec img { width:400px; }
}

@media (min-width:1800px){ 
.about-sec img { width:360px; }
}