body {

    overflow-x: hidden;

    margin: 0px;

}



.container {

    box-sizing: border-box;

    max-width: 1400px;

    margin-left: auto;

    margin-right: auto;

}



.find-perfect {

    background-image: url('/wp-content/uploads/2026/04/Group-18.png');

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    padding-top: 4rem;

    padding-bottom: 16rem;

}



.find-text h2 {

    font-family: "Marcellus", serif;

    font-weight: 400;

    font-size: 40px;

    color: #2F2F2F;

    line-height: 45px;

    margin: 0px;

    text-align: center;

    padding-bottom: 2rem;

}



.find-text h2 span {

    display: block;

}



.white-strip {

    background-color: #FFFFFF;

    padding-top: 1.5rem;

    margin-bottom: 3rem;

}



.steps-parent {

    display: flex;

    gap: 2rem;

    justify-content: center;

}



.steps-parent .completed{

	border-bottom: 4px solid #0754AD !important;

}



.steps-parent .completed p{

	color: #0754AD !important;

}



.steps-parent .steps-child {

    border-bottom: 4px solid #4BCAC6;

    width: 210px;

}



.steps-parent .steps-child p {

    font-family: "Lexend", sans-serif;

    font-weight: 700;

    font-size: 15px;

    color: #4BCAC6;

    text-transform: uppercase;

    margin: 0px;

    padding-bottom: 0.2rem;

}



.steps-parent .steps-child h6 {

    font-family: "Lexend", sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #2F2F2F;

    margin: 0px;

    padding-bottom: 0.3rem;

}



.steps-parent .steps-active {

    border-bottom: 4px solid #0754AD;

}



.steps-parent .steps-active p {

    color: #0754AD;

}



.result-select {

    width: 100%;

    border: none;

    font-family: "Lexend", sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #2F2F2F;

}



.result-select:focus-visible,

.product-select:focus-visible {

    outline: none;

}



.btn-start-over {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #FFFFFF;

    border-radius: 10px;

    background-color: #0754AD !important;

    box-shadow: 0px 10px 20px #00000026;

    width: 210px;

    border: none;

    padding: 0.7rem 0rem;

}



.what-head h3 {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 30px;

    color: #2F2F2F;

    margin: 0px;

    padding-bottom: 3rem;

    text-align: center;

}



.sanitarybox-parent {

    display: flex;

    justify-content: center;

    gap: 2.5rem;

}



.sanitary-box1 {

    width: 350px;

    background-color: #FFFFFF;

    border: 2px solid #ffffff;

    box-shadow: 0px 5px 10px #0000001A;

    border-radius: 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 3rem 2rem 2rem 2rem;

}



.sanitary-box1 h3 {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 25px;

    color: #2F2F2F;

    margin: 0px;

    padding-top: 1rem;

}



.sanitary-box1 p {

    font-family: "Lexend", sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #2F2F2F;

    margin: 0px;

}



.sanitary-box-active {

    border: 2px solid #0754AD;

}



.sanitary-box-active h3 {

    color: #0754AD;

}



.sanitary-box-active svg path {

    fill: #0754AD;

}



.select-product-parent {

    display: flex;

    justify-content: center;

    gap: 2rem;

}



.select-product-child {

    background-color: #FFFFFF;

    box-shadow: 0px 10px 20px #00000026;

    border-radius: 10px;

    width: 210px;

    overflow: hidden;

}



.select-product-active {

    border: 2px solid #0754AD;

}



.select-product-parent img {

    max-width: 100%;

    width: 100%;

}



.select-product-child p {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #2F2F2F;

    margin: 0px;

    text-align: center;

    padding: 1rem 0rem;

	line-height: 22px;

}



.select-style-parent {

    flex-wrap: wrap;

}



.select-style-parent .select-product-child {

    overflow: hidden;

}



.adv-head {

    margin-top: 3rem;

}



.select-rim-parent {

    width: 100%;

    display: flex;

}



.select-rim-parent .select-rim-child {

    width: 50%;

}



.select-rim-parent .select-rim-child h6 {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #2F2F2F;

    margin: 0px;

    text-align: center;

    padding-bottom: 1.5rem;

}



.rimless-parent {

    display: flex;

    gap: 1.5rem;

    justify-content: center;

}



.rimless-parent p {

    background-color: #FFFFFF;

    border: 2px solid #ffffff;

    border-radius: 10px;

    box-shadow: 0px 10px 20px #00000026;

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #2F2F2F;

    margin: 0px;

    padding: 0.5rem 2.5rem;

}



.three-product-head {

    width: 100%;

    display: flex;

}



.three-product-head .what-head,

.three-product-head .product-head-filter {

    width: 50%;

}



.three-product-head .what-head h3 {

    padding-bottom: 0rem;

    text-align: inherit;

}



.product-head-filter {

    display: flex;

    gap: 1.5rem;

}



.product-select {

    font-family: "Lexend", sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #2F2F2F !important;

    border: 2px solid #ffffff !important;

    border-radius: 10px !important;

    box-shadow: 0px 10px 20px #00000026;

    padding: 0.6rem 2rem 0.6rem 2.5rem;

    width: 100% !important;

}



.product-filter-child {

    position: relative;

    width: 100%;

}



.product-filter-child img {

    position: absolute;

    top: 0.8rem;

    left: 0.8rem;

}



.select-three-product {

    margin-top: 2rem;

    justify-content: flex-start;

    gap: 1.5rem;

    flex-wrap: wrap;

}



.select-three-product .select-product-child {

    width: 320px;

}



.select-three-product .select-product-child a {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 15px;

    color: #ffffff;

    background-color: #0754AD;

    border-radius: 50px;

    text-decoration: none;

    padding: 0.5rem 1.5rem;

    margin: 0.5rem auto 1.1rem;

    display: table;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.select-three-product .select-product-child a:hover {

    box-shadow: 0px 10px 20px #00000026;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.select-style-active,

.select-rim-active,

.select-flushing-active {

    border: 2px solid #0754AD !important;

}



.are-you-parent {

    display: flex;

    gap: 1.5rem;

}



.are-you-child {

    width: 50%;

}



.are-you-child {

    background-color: #FFFFFF;

    box-shadow: 0px 10px 20px #00000026;

    border: 2px solid #FFFFFF;

    border-radius: 20px;

    padding: 2rem 0rem 1.5rem;

}



.are-you-child-active {

    border: 2px solid #0754AD;

}



.are-you-child h3 {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 30px;

    line-height: 35px;

    color: #2F2F2F;

    margin: 0px;

    padding-bottom: 2.5rem;

    text-align: center;

    width: 75%;

    margin: 0px auto;

}



.are-you-child a {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 25px;

    color: #ffffff;

    background-color: #0754AD;

    border-radius: 50px;

    text-decoration: none;

    padding: 0.7rem 2rem;

    margin: 0px auto;

    display: table;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.are-you-child a:hover {

    box-shadow: 0px 10px 20px #00000026;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.faucet-product-found .select-product-child img {

    background-color: #ECF9F8;

}



.select-cistern-parent .select-rim-child {

    width: 100%;

}



.plastic-head-filter .product-filter-child p {

    font-family: "Lexend", sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #2F2F2F;

    margin: 0px;

}



.plastic-head-filter .product-filter-child:nth-child(1) {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.plastic-head-filter .product-filter-child img {

    position: unset;

    padding-right: 0.5rem;

}



.plastic-head-filter .product-filter-child .product-select {

    padding: 0.6rem 2rem 0.6rem 1rem;

}



/*#sanitaryware-option1 {

    display: none;

}



#sanitaryware-option2 {

    display: none;

}



#sanitaryware-option3 {

    display: none;

}



#sanitaryware-option4 {

    display: none;

}



#faucets-option1 {

    display: none;

}



#faucets-option2 {

    display: none;

}



#faucets-option3 {

    display: none;

}



#faucets-option4 {

    display: none;

}



#faucets-option5 {

    display: none;

}



#plastics-option1 {

    display: none;

}



#plastics-option2 {

    display: none;

}



#plastics-option3 {

    display: none;

}

*/



.start-parent{

	display: none;

}





.jp-new-badge-finder{

    position:absolute;

    top:15px;

    left:15px;

    background:#0b3a8d;

    color:#fff;

    font-size:11px;

    font-weight:600;

    padding:4px 10px;

    border-radius:4px;

    z-index:2;

    letter-spacing:.5px;

}





/* Image */

.jp-product-image{

    background:#eaf4f6;

    text-align:center;

	position:relative;

}



.jp-product-image img{

    max-width:100%;

    height:auto;

}



/*--cms-7-4-2026*/

.page-template-page-product-finder-php #page .site-content {

    margin-top: 0px;

    margin-bottom: 0px;

    max-width: 100% !important;

}



.page-template-page-product-finder-php #page .elementor-5396 .elementor-element.elementor-element-7a68228:not(.elementor-motion-effects-element-type-background){

	display: none;

}



.site-content .col-full {

    max-width: 100% !important;

}



.steps-parent {

    align-items: flex-end;

}



.steps-parent .steps-child {

    height: fit-content;

}



.sanitary-box1,

.select-product-child,

.rimless-parent p {

    cursor: pointer;

}



.sanitary-box1 p {

    text-align: center;

    line-height: 24px;

    padding-top: 0.2rem;

}



.select-product-child p:nth-child(1) {

    padding-bottom: 0px;

}



/*.select-product-child p:nth-child(2) {

    padding-top: 0px;

}*/



.btn-start-over:hover {

    background-color: #0754AD !important;

}



.are-you-child a:hover {

    color: #FFFFFF !important;

}



.start-parent {

    margin-bottom: 0.5rem;

}



.btn-start-over {

    padding: 0.3rem 0rem;

    text-transform: unset;

}



.steps-parent .active {

    border-bottom: 4px solid #0754AD;

}



.steps-parent .active p {

    color: #0754AD;

}



@media screen and (max-width: 1199px) {

    .are-you-child h3 {

        width: 75%;

    }

}



@media screen and (max-width: 767px) {

    .plastic-head-filter .product-filter-child img {

        padding-right: 0.2rem;

    }

}



/*--cms-7-4-2026*/



/*--cms-8-4-2026*/

.jp-finder-body .jp-stage {

    font-family: "Lexend", sans-serif;

    font-size: 22px;

    color: #0754AD;

    font-weight: 500;

    text-align: center;

}



.select-three-product .select-product-child p:nth-child(2) {

    padding-bottom: 0px;

    line-height: 22px;

}



.select-three-product .select-product-child p:last-child {

    padding-bottom: 0px;

    padding-top: 0.5rem;

}



#sanitaryware-option4 .three-product-head .what-head h3 {

    text-align: left;

}



#faucets-option5 .three-product-head .what-head h3 {

    text-align: left;

}



#plastics-option2 .three-product-head .what-head h3 {

    text-align: left;

}





@media screen and (max-width: 991px) {

    .jp-finder-body .jp-stage {

        font-size: 20px;

    }

}



@media screen and (max-width: 767px) {

    .jp-finder-body .jp-stage {

        font-size: 18px;

    }

}



/*--cms-8-4-2026*/



/*breakpoints*/



@media screen and (max-width: 1540px) {

    .container {

        max-width: 1300px;

    }



    .find-text h2 {

        font-size: 38px;

    }



    .steps-parent .steps-child p {

        font-size: 14px;

    }



    .steps-parent .steps-child h6,

    .result-select {

        font-size: 16px;

    }



    .btn-start-over {

        font-size: 18px;

    }



    .steps-parent .steps-child,

    .btn-start-over {

        width: 210px;

    }



    .what-head h3 {

        font-size: 28px;

    }



    .sanitary-box1 h3 {

        font-size: 23px;

    }



    .sanitary-box1 p,

    .select-product-child p,

    .select-rim-parent .select-rim-child h6,

    .rimless-parent p,

    .product-select,

    .plastic-head-filter .product-filter-child p {

        font-size: 18px;

    }



    .select-three-product .select-product-child {

        width: 305px;

    }



    .are-you-child h3 {

        font-size: 28px;

    }



    .are-you-child a {

        font-size: 20px;

    }

}



@media screen and (max-width: 1440px) {

    .are-you-child h3 {

        font-size: 24px;

        width: 70%;

    }



    .are-you-child a {

        font-size: 18px;

    }

}



@media screen and (max-width: 1399px) {

    .container {

        max-width: 1200px;

    }



    .find-text h2 {

        font-size: 34px;

        line-height: 40px;

    }



    .steps-parent .steps-child,

    .btn-start-over {

        width: 190px;

    }



    .steps-parent .steps-child p {

        font-size: 13px;

    }



    .steps-parent .steps-child h6,

    .result-select {

        font-size: 15px;

    }



    .btn-start-over {

        font-size: 16px;

    }



    .btn-start-over {

        padding: 0.65rem 0rem;

    }



    .what-head h3 {

        font-size: 26px;

    }



    .sanitary-box1 {

        width: 260px;

    }



    .sanitary-box1 h3 {

        font-size: 20px;

    }



    .sanitary-box1 p,

    .select-product-child p,

    .select-rim-parent .select-rim-child h6,

    .rimless-parent p,

    .product-select,

    .plastic-head-filter .product-filter-child p {

        font-size: 16px;

    }



    .sanitary-box1 svg {

        width: 60px;

    }



    .find-perfect {

        padding-bottom: 15rem;

    }



    .select-three-product .select-product-child {

        width: 280px;

    }



    .are-you-child h3 {

        font-size: 22px;

        width: 65%;

        line-height: 30px;

        padding-bottom: 2rem;

    }



    .are-you-child a {

        font-size: 16px;

    }

}



@media screen and (max-width: 1199px) {

    .container {

        max-width: 100%;

        width: 100%;

        padding: 0px 15px;

    }



    .select-three-product .select-product-child {

        width: 270px;

    }

}



@media only screen and (max-width: 1025px) and (min-width: 992px) {



    .steps-parent {

        gap: 1.5rem;

        flex-wrap: wrap;

    }



    .white-strip {

        padding-bottom: 1rem;

        margin-bottom: 2.5rem;

    }



    .find-perfect {

        padding-bottom: 10rem;

        padding-top: 3rem;

    }



    .find-text h2 {

        font-size: 32px;

        line-height: 40px;

    }



    .what-head h3 {

        padding-bottom: 2.5rem;

    }



    .sanitarybox-parent {

        gap: 2rem;

    }



    .sanitary-box1 {

        width: 250px;

        padding: 2.5rem 1.5rem 1.5rem 1.5rem;

    }



    .product-filter-child img {

        width: 20px;

    }



    .are-you-child h3 {

        font-size: 20px;

        line-height: 26px;

        padding-bottom: 1.5rem;

    }



    .are-you-child a {

        font-size: 15px;

    }

}



@media screen and (max-width: 991px) {

    .find-perfect {

        padding-bottom: 12rem;

        padding-top: 3rem;

    }



    .find-text h2 {

        font-size: 30px;

        line-height: 36px;

    }



    .steps-parent {

        gap: 1.5rem;

        flex-wrap: wrap;

    }



    .white-strip {

        padding-bottom: 1rem;

        margin-bottom: 2.5rem;

    }



    .what-head h3 {

        font-size: 24px;

        padding-bottom: 2rem;

    }



    .sanitary-box1 {

        width: 200px;

        padding: 1.5rem 1.5rem 1.5rem 1.5rem;

        text-align: center;

    }



    .sanitarybox-parent {

        gap: 1.5rem;

        flex-wrap: wrap;

    }



    .sanitary-box1 h3 {

        font-size: 18px;

    }



    .sanitary-box1 p,

    .select-product-child p,

    .select-rim-parent .select-rim-child h6,

    .rimless-parent p,

    .product-select,

    .plastic-head-filter .product-filter-child p {

        font-size: 15px;

    }



    .select-three-product .select-product-child {

        width: 230px;

    }



    .select-three-product .select-product-child a {

        font-size: 14px;

    }



    .product-filter-child img {

        width: 20px;

    }



    .are-you-child h3 {

        font-size: 20px;

        line-height: 26px;

        padding-bottom: 1.5rem;

    }



    .are-you-child a {

        font-size: 15px;

    }



    .are-you-child h3 {

        width: 100%;

    }



    .are-you-child a {

        font-size: 14px;

    }

}



@media screen and (max-width: 767px) {

    .find-text h2 {

        font-size: 26px;

        line-height: 32px;

    }



    .find-text h2 span {

        display: inline-block;

    }



    .steps-parent .steps-child,

    .btn-start-over,

    .start-parent {

        width: 90%;

    }



    .start-parent {

        display: flex;

        justify-content: center;

    }



    .what-head h3 {

        font-size: 22px;

    }



    .sanitarybox-parent {

        flex-wrap: wrap;

        padding: 0px 15px;

    }



    .sanitary-box1 {

        width: 100%;

        padding: 1rem;

    }



    .find-perfect {

        padding-bottom: 8rem;

    }



    .select-product-parent {

        gap: 1rem;

        flex-wrap: wrap;

    }



    .select-product-child {

        width: 100%;

    }



    .select-rim-parent {

        flex-wrap: wrap;

    }



    .select-rim-parent .select-rim-child {

        width: 100%;

    }



    .select-rim-parent .select-rim-child:nth-child(1) {

        margin-bottom: 1.5rem;

    }



    .select-rim-parent .select-rim-child h6 {

        padding-bottom: 1rem;

    }



    .three-product-head,

    .are-you-parent {

        flex-wrap: wrap;

    }



    .three-product-head .what-head,

    .three-product-head .product-head-filter,

    .select-three-product .select-product-child,

    .are-you-child {

        width: 100%;

    }



    .three-product-head .what-head {

        margin-bottom: 1rem;

    }



    .product-filter-child img {

        width: 15px;

        top: 1rem;

        left: 0.5rem;

    }



    .product-select {

        padding: 0.6rem 1rem 0.6rem 1.5rem;

    }



    .are-you-child h3 {

        font-size: 18px;

    }



    .rimless-parent {

        flex-wrap: wrap;

    }



    .plastic-head-filter .product-filter-child:nth-child(1) {

        width: 60%;

    }

}