.primary--button{background-color:var(--button);border-bottom-style:solid;border-bottom-width:0px;border-left-style:solid;border-left-width:0px;border-right-style:solid;border-right-width:0px;border-top-style:solid;border-top-width:0px;color:var(--base-3);cursor:pointer;font-family:var(--gp-font--kanit);font-size:16px;border-radius:50px}@media (max-width:767px){.primary--button{font-size:16px;border-radius:10px}}.gbp-section {padding:7rem 40px;}@media (max-width: 1024px) {.gbp-section {padding:6rem 30px;}}@media (max-width: 767px) {.gbp-section {padding:4rem 20px;}}.gbp-section__inner{margin-left:auto;margin-right:auto;max-width:var(--gb-container-width);position:relative;z-index:1}.gbp-section__tagline {font-size:1rem;font-weight:600;margin-bottom:0.75rem;}.gbp-section__headline {margin-bottom:1.5rem;}@media (max-width: 767px) {.gbp-section__headline {margin-bottom:1.25rem;}}.gbp-section__text {font-size:1.125rem;}.gbp-button--primary{background-color:#000000;border:1px solid;color:#ffffff;display:inline-flex;font-size:1rem;padding:0.75rem 1.5rem;text-decoration:none}.gbp-button--primary:is(:hover,:focus){background-color:#000000;color:#ffffff}.gbp-button--secondary{border:1px solid #000000;color:currentColor;display:inline-flex;font-size:1rem;padding:0.75rem 1.5rem;text-decoration:none}.gbp-button--secondary:is(:hover,:focus){color:currentColor}.content--section{margin-bottom:100px;margin-top:100px}.home--service--item{background-color:var(--base-3);max-width:900px;transition:all 0.3s ease 0s;width:100%}.home--service--item:is(:focus,:hover){background-color:var(--background);transition:all 0.3s ease 0s}.home--service--item:is(:focus,:hover) h3{color:var(--base-3)}.home--service--title{color:var(--text);font-family:var(--gp-font--kanit);font-size:30px;font-weight:500;transition:all 0.3s ease 0s}@media (max-width:1024px){.home--service--title{color:var(--background);font-weight:500}}.title--h2{color:var(--base-3);font-size:48px;font-weight:500;margin-bottom:50px;text-align:center}@media (max-width:1024px){.title--h2{font-size:36px}}@media (max-width:767px){.title--h2{color:var(--background);font-size:28px;margin-bottom:30px;text-align:left}}.list--services--card{color:var(--background);font-family:var(--gp-font--kanit);font-size:20px;font-weight:300;margin:0px 0px 10px 0px}@media (max-width:767px){.list--services--card{font-size:18px}}.card--services--wrapper{background-blend-mode:normal;background-color:#ffde59;background-image:url('https://staging.media-topia.com/johnsplumbingandpumps/wp-content/uploads/2025/08/Vector-2.png');background-position:center;background-repeat:no-repeat;background-size:cover;overflow-x:hidden;overflow-y:hidden;position:relative;width:calc(33.333% - 50px);z-index:1;border-radius:15px;padding:40px 30px 25px 30px}.card--services--wrapper:before{position:absolute;top:0px;right:0px;content:"";background-color:var(--primary);width:0%;height:100%;transition:all 0.3s ease-out 0s;z-index:0}.card--services--wrapper:is(:focus,:hover)::before{width:100%;transition:all 0.3s ease-in-out 0s}@media (max-width:1024px){.card--services--wrapper{width:calc(50% - 30px)}}@media (max-width:767px){.card--services--wrapper{min-width:338px;width:0px}}.custom--splide--container{padding-left:300px;padding-right:300px}@media (max-width:1024px){.custom--splide--container{padding-left:2rem;padding-right:2rem}}.why--choose--text--container{padding-left:100px;width:50%}@media (max-width:1024px){.why--choose--text--container{padding-left:70px}}@media (max-width:767px){.why--choose--text--container{padding-left:30%}}.why--choose--wrapper{align-items:flex-start;display:flex;justify-content:space-between;position:relative}@media (max-width:767px){.why--choose--wrapper{flex-direction:column}}.why--choose--text{color:var(--base);font-family:var(--gp-font--dm-sans);font-size:20px;font-weight:400;line-height:30px;margin-bottom:50px}@media (max-width:1024px){.why--choose--text{font-size:18px}}.why--choose--heading--wrapper{padding-right:100px;width:50%}@media (max-width:1024px){.why--choose--heading--wrapper{padding-right:70px}}@media (max-width:767px){.why--choose--heading--wrapper{padding-left:30%;padding-right:0px;width:100%}}.home--service--title-2{color:var(--background);font-family:var(--gp-font--kanit);font-weight:500}@media (max-width:1024px){.home--service--title-2{color:var(--background);font-family:var(--gp-font--dm-sans);font-weight:500}}@media (max-width:767px){.home--service--title-2{font-size:28px}}.coupon--container{background-blend-mode:normal;background-color:var(--global-color-6);background-image:url('https://staging.media-topia.com/johnsplumbingandpumps/wp-content/uploads/2025/08/Vector-2.png');background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-basis:auto;flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:space-between;max-width:338px;min-width:250px;width:calc(25% - 50px);border:5px dashed var(--primary);border-radius:25px;padding:70px 30px 50px 30px}@media (max-width:1024px){.coupon--container{padding-left:30px;padding-right:30px;width:calc(50% - 30px)}}@media (max-width:574.8px){.coupon--container{width:100%}}.coupon--heading{color:var(--background);font-family:var(--gp-font--kanit);font-size:35px;font-weight:600;text-align:center;text-shadow:rgba(0,0,0,0.28) 6px 1px 2px;margin:0px}@media (max-width:1024px){.coupon--heading{font-size:30px}}.coupon--icon{align-items:center;background-color:var(--base-3);display:flex;height:110px;justify-content:center;left:50%;position:absolute;top:-50px;transform:translate3d(-50%,0px,0px);width:110px;border-radius:50%}@media (max-width:1024px){.coupon--icon{height:90px;top:-45px;width:90px}}.coupon--icon--item{display:inline-flex}@media (max-width:1024px){.coupon--icon--item{width:50px}}.section{padding:100px 4rem}@media (max-width:1024px){.section{padding:50px 2rem}}@media (max-width:767px){.section{padding-left:1rem;padding-right:1rem}}.slide--plumbing--text{color:var(--base-3);font-size:35px}@media (max-width:1024px){.slide--plumbing--text{font-size:20px;font-weight:400}}@media (max-width:767px){.slide--plumbing--text{font-size:18px}}@media (max-width:609px){.slide--plumbing--text{font-size:18px}}.text--paragraph{color:#3c434a;font-family:var(--gp-font--dm-sans);font-size:20px;font-weight:400;line-height:33px;margin:0px}@media (max-width:1024px){.text--paragraph{font-size:18px}}@media (max-width:820px){.text--paragraph{font-size:18px}}@media (max-width:767px){.text--paragraph{font-size:16px}}.list--image{border-radius:10px}.secondary--button{align-items:center;background-color:var(--button);color:var(--base-3);cursor:pointer;display:flex;font-family:var(--gp-font--dm-sans);font-size:20px;font-weight:400;text-decoration:none;transition:all 0.5s ease 0s;border-radius:50px;padding:1rem 2rem}.secondary--button:is(:hover,:focus){background-color:var(--primary);transition:all 0.3s ease 0s}@media (max-width:1024px){.secondary--button{font-size:18px}}@media (max-width:767px){.secondary--button{font-size:18px}}.slide--item--text{align-items:center;column-gap:100px;display:flex;justify-content:center;padding-left:100px}.single--keyword--text{color:#4c4f53;font-family:var(--gp-font--dm-sans);font-weight:500;margin:0px}.single--keyword--container{color:#4c4f53;border:1px solid rgba(120,125,135,0.42);border-radius:5px;padding:5px 10px}@media (max-width:767px){.single--keyword--container{margin-bottom:20px;text-align:center}}.icon--container{background-color:var(--background);display:inline-flex;border-radius:10px;padding:10px}@media (max-width:1024px){.icon--container{padding:0.625rem}}.h1--single--page{color:var(--base-3);font-family:var(--gp-font--kanit);font-size:65px;font-weight:600;text-align:center;margin:0px}@media (max-width:1024px){.h1--single--page{font-size:48px;padding-left:10%;padding-right:10%}}@media (max-width:767px){.h1--single--page{font-size:36px;padding-left:0%;padding-right:0%}}.list--text{color:var(--background);font-family:var(--gp-font--dm-sans);font-size:20px;font-weight:500;line-height:1.5;margin:0px}.card--text{color:var(--base-3);font-family:var(--gp-font--dm-sans);font-size:25px;font-weight:500;text-align:center;margin:0px}@media (max-width:1024px){.card--text{font-size:20px}}@media (max-width:767px){.card--text{font-size:18px}}.tittle--h3{color:var(--primary);font-family:var(--gp-font--kanit);font-size:32px;font-weight:400;line-height:1.3;margin:0px}@media (max-width:1024px){.tittle--h3{font-size:28px}}@media (max-width:767px){.tittle--h3{font-size:22px}}.text--spacing{padding-left:10%;padding-right:10%}@media (max-width:767px){.text--spacing{padding-left:0%;padding-right:0%}}.card--container{background-color:var(--button);display:flex;width:calc(33% - 30px);border-radius:20px}@media (max-width:1024px){.card--container{width:calc(50% - 30px)}}@media (max-width:767px){.card--container{width:100%}}.title--h2--center{padding-left:5%;padding-right:5%}.overflow--hidden{overflow-x:hidden}.slide--card{height:100%}@media (max-width:767px){.slide--card{max-width:354px}}.title--h4{color:var(--base-3)}.header--button{background-color:var(--button);color:var(--base-3);cursor:pointer;display:block;font-family:var(--gp-font--dm-sans);font-size:18px;font-weight:500;text-align:center;text-decoration:none;transition:all 0.3s ease 0s;border-radius:5px;padding:1rem}.header--button:is(:hover,:focus){transition:all 0.3s ease 0s;background-color:var(--background);color:var(--base-3)}.custom--breadcrumbs{margin-top:35px}.sidebar--title{font-family:var(--gp-font--kanit);font-size:1.375rem;font-weight:500}.mobile--header--button{column-gap:20px}@media (max-width:767px){.mobile--header--button{display:grid;grid-template-columns:1fr;row-gap:15px}}.slide--items--inner{padding:30px}