* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #6b6b6b;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5 {
    color: #1E1E1E;
    font-family: Poppins;
    font-weight: 600;
}

ul {
    list-style: none;
}

.pathway--disabled {
    color: inherit;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}

.blu-bg .prps-pd2.t-center.m-auto h2.pool-hed.txw.mx760.m-auto {
    max-width: 715px;
}

a {
    text-decoration: none;
}

.site-width {
    max-width: 1440px;
    padding-left: 100px;
    padding-right: 100px;
    margin: auto;
}

.mx1440 {
    max-width: 1440px;
}

span.blu {
    color: #0399D5;
}

.clr-txt {
    color: #1E1E1E !important;
}

.f3-bg {
    background: #F3F6FD;
}

.blu-bg {
    background-color: #023E8A;
}

.t-center {
    text-align: center !important;
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.pt56 {
    padding-top: 65px;
}

.pt20 {
    padding-top: 30px;
}

.pb56 {
    padding-bottom: 65px;
}

.mt16 {
    margin-top: 16px;
}

.mb16 {
    margin-bottom: 16px;
}

.mt24 {
    margin-top: 24px;
}

.mt8 {
    margin-top: 8px;
}

.mb24 {
    margin-bottom: 24px;
}

.mt32 {
    margin-top: 32px;
}

.mb32 {

    margin-bottom: 32px;

}

.mt50 {

    margin-top: 50px;

}

.ft20 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

h1 {
    color: #FFF;
    font-size: 48px;
    line-height: 56px;
}

h2 {
    font-size: 40px;
    line-height: 48px;
}

h3 {

    font-size: 28px;

}

h4 {

    font-size: 24px;

}

h5 {

    font-size: 20px;

}

.flex {

    display: flex;
}

.align-center {

    align-items: center;

}

.align-unset {

    align-items: unset;

}

.jst-cnt {

    justify-content: center;

}

.spc-btw {

    justify-content: space-between;

}

.gap30 {

    gap: 30px;

}

.gap56 {

    gap: 56px;

}

.gap100 {

    gap: 100px;

}

.bn-col1 h1 {
    font-weight: 700;
}

.bn-col1 p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.flex .col {
    flex: 1 50%;
    max-width: 50%;
}

.txw {
    color: rgb(255 255 255) !important;
}

.txw80 {
    color: rgb(255 255 255 / 80%);
}

.txw-f8 {
    color: #F8F9FA !important;
}

.lh0 {
    line-height: 0;
}

.col.mx553,
.mx553 {
    max-width: 553px;
}

.col.mx732,
.mx732 {
    max-width: 734px;
}

.col.mx765,
.mx765 {
    max-width: 765px;
}

.col.mx428,
.mx428 {
    max-width: 428px;
}

.mx724 {
    max-width: 724px;
}

.pdt50 {
    padding: 50px 0;
}

.f3-bg .pdtb50 {
    padding: 42px 0;
}

.mgl100 {
    margin-left: 100px;
}

.mgr100 {
    margin-right: 100px;
}

.wrp {
    flex-wrap: wrap;
}

.gap24 {
    gap: 24px;
}

.mx667 {
    max-width: 667px;
}

.mx860 {
    max-width: 860px;
}

.mx100 {
    max-width: 100% !important;
}

.mx1034 {
    max-width: 1034px;
}

.bdr24 {
    border-radius: 24px;
    overflow: hidden;
}

.mx866 {
    max-width: 868px;
}

.mx595 {
    max-width: 595px;
}

/* header  */

header {
    position: sticky;
    top: 0;
    z-index: 9999999999;
    background: #fff;
}

.header-inner {
    padding: 16px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-hed-btns {
    gap: 12px;
}

.tp-phone-col a {
    display: flex;
    align-items: center;
    color: #1E1E1E;
    line-height: 24px;
    text-decoration: none;
    gap: 8px;
}

.enq-btn a {
    border-radius: 100px;
    border: 1px solid #13B2F2;
    background: #0399D5;
    padding: 16px 24px;
    color: #F8F9FA;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

/* banner */
.banner-bg {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 52.99%), url(/images/intro-section-dsk-new.webp) lightgray 50% / cover no-repeat;
}


.bnr-pd {
    padding: 290px 0;
}

.col.bn-col1 {
    max-width: 703px;
}

.col.bn-col2 {
    max-width: 481px;
}

.bn-btm-txt {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #Fff;
}

.con-btn a {
    border-radius: 100px;
    border: 1px solid #13B2F2;
    background: #0399D5;
    padding: 10px 24px;
    color: #F8F9FA;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    max-width: fit-content;
    gap: 8px;
}

.form-cont {
    padding: 24px 32px;
    border-radius: 16px;
    border: 1px solid #FFF;
    background: #F3F6FD;
}

h2.frm-hed {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    color: #023E8A;
}

.con-btn a img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(0%) hue-rotate(297deg) brightness(104%) contrast(104%);
}

/* footer */
.ft-pdx {
    padding: 60px 0;
}

h5.ft-hed {
    color: #F8F9FA;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

li.serv-at,
li.phn-at {
    display: flex;
    gap: 8px;
    padding: 8px 8px 8px 0;
}

a.log-tct,
span.log a,
span.log {
    color: #1E1E1E;
    text-decoration: none;
}

.fotr-cols {
    flex-wrap: wrap;
}

.colm1 {
    flex: 1;
}

.colm1.ft-col1 {
    max-width: 360px;
}

.colm1.ft-col2 {
    flex: 1 30%;
    max-width: 174px;
}

.colm1.ft-col3 {
    max-width: 164px;
}

.colm1.ft-col4 {
    max-width: 374px;
}

ul.med-lst {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

.ft-pdx p,
.ft-pdx li.phn-at span,
.ft-pdx li.phn-at a,
.ft-pdx ul.ft-men li a {
    color: #F8F9FA;
}

.mt56 {
    margin-top: 56px;
}

.ft-pdx .formRow,
.ft-pdx .formSpan6 {
    width: 100%;
    position: relative;
}

.ft-pdx input#Email {
    width: 100%;
    padding: 15px;
    border-radius: 29px;
    border: 0;
    outline: 0;
    position: relative;
}

.ft-pdx button#Submit3 {
    border-radius: 100px;
    border: 1px solid #13B2F2;
    background: #0399D5;
    padding: 6px 18px;
    color: #F8F9FA;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Poppins';
    text-transform: uppercase;
    text-decoration: none;
    max-width: fit-content;
    margin-top: 8px;
    position: absolute !important;
    top: -50px !important;
    right: 8px !important;
}

div#rsform_5_page_0 span.formValidation {
    position: absolute;
    left: 16px;
    top: 50px;
}



/* section 1 */
.flex .col.mx606,
.mx606 {
    max-width: 606px;
}

.flex .col.mx578,
.mx578 {
    max-width: 578px;
}

img.img-gbl {
    border-radius: 24px;
}

.two-list ul.chk-lst {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

ul.chk-lst li {
    padding-left: 32px;
    position: relative;
    color: #1E1E1E;
}

.two-list ul.chk-lst li {
    flex: 1 46%;
}

/* 
ul.chk-lst li:before {
    content: "";
    background: url(/images/pool/svg/loc.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    top: 3px;
    left: 0;
} */

.two-list ul.chk-lst li:nth-of-type(even) {
    max-width: 241px;
}

.two-list ul.chk-lst li:nth-of-type(odd) {
    max-width: 274px;
}

.list-div.t2-col-lst {
    display: flex;
    gap: 38px;
}

.t2-col-lst ul.chk-lst {
    flex: 1;
}

.t2-col-lst ul.chk-lst:nth-of-type(odd) {
    max-width: 282px;
}

.t2-col-lst ul.chk-lst:nth-of-type(even) {
    max-width: 256px;
}

.col2 {
    flex: 1 30%;
    max-width: 32%;
}

.col2.chs-us-p {
    border-radius: 16px;
    border: 1px solid #E8EDFB;
    padding: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.col2.new-chs-up-p {
    background-color: #fff;
    align-items: flex-start;
    text-align: start;
    display: block;
}

.num span {
    width: 32px;
    height: 32px;
    background-color: #023E8A;
    color: #F8F9FA;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

h3.h4hed {
    color: #1E1E1E;
    font-size: 28px;
    font-weight: 600;
    line-height: 33.6px;
}

.f3-bg h3.h4hed {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.mx350 {
    max-width: 350px;
}

.mx567 {
    max-width: 567px;
}

.city-list ul.chk-lst {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.city-list ul.chk-lst li {
    padding: 16px;
    background: #023E8A;
    border-radius: 4px;
    border: 1px solid #023E8A;
}

.city-list ul.chk-lst li:before {
    top: 20px;
    left: 19px;
}

.city-list ul.chk-lst li a {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.city-list ul.chk-lst li {
    color: #F8F9FA;
}

.prps-pd {
    padding: 0px 0px 0px 81px !important;
}

.col.mx707.lh0.col-im {
    padding-right: 0;
}

.col-im img.img-gbl {
    border-radius: 0 24px 24px 0;
}

.enq-btn.wht-btn a {
    border: 1px solid #13B2F2;
    background: #13B2F2;
}

/* faq */
.accordion-item {
    padding: 24px 16px;
    border-bottom: 1px solid #EFEFEF;
}

div :has(> .accordion-item-header.active) {
    padding: 16px;
    border-radius: 16px;
    background: #F3F6FD;
}

.accordion-item-header {
    position: relative;
    cursor: pointer;
    color: #1E1E1E;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    padding-right: 28px;
    padding-left: 20px;
}

.accordion-item-header::after {
    content: "";
    background-image: url(../../../../../images/pool/svg/plus-n.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 6px;
}

.accordion-item-header.active::after {
    content: "";
    background-image: url(../../../../../images/pool/svg/revert-n.svg);
    background-repeat: no-repeat;
}

.accordion-item-header::before {
    content: "1.";
    position: absolute;
    top: 0;
    left: 0;
}

.accordion-item:nth-of-type(2) .accordion-item-header,
.accordion-item:nth-of-type(3) .accordion-item-header,
.accordion-item:nth-of-type(4) .accordion-item-header,
.accordion-item:nth-of-type(5) .accordion-item-header {
    padding-left: 24px;
}

.accordion-item:nth-of-type(2) .accordion-item-header::before {
    content: "2.";
}

.accordion-item:nth-of-type(3) .accordion-item-header::before {
    content: "3.";
}

.accordion-item:nth-of-type(4) .accordion-item-header::before {
    content: "4.";
}

.accordion-item:nth-of-type(5) .accordion-item-header::before {
    content: "5.";
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content p {
    color: #6B6B6B;
    margin-top: 16px;
}

/* faq */
.for-col-flx .galry {
    flex: 1;
}

/* form */
label.formControlLabel {
    display: none;
}

.form-inn .formContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.form-inn .formContainer .formRow {
    display: flex;
    gap: 16px;
    width: 100%;
}

.form-inn .formContainer .formRow .formSpan12,
.form-inn .formContainer .formRow .formSpan6 {
    width: 100%;
}

.form-inn .formBody input,
.form-inn .formBody textarea,
.form-inn .formBody select {
    color: #6B6B6B;
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 12px;
    border-radius: 2px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    width: 100%;
}

textarea {
    resize: vertical;
}

.form-inn .formBody input::placeholder,
.form-inn .formBody textarea::placeholder,
.form-inn .formBody select::placeholder {
    color: #6B6B6B;
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
}

.form-inn .formBody input:focus-visible,
.form-inn .formBody textarea:focus-visible,
.form-inn .formBody button:focus-visible,
.form-inn .formBody select:focus-visible {
    outline: 0;
}

.form-inn .formBody button {
    border-radius: 100px;
    border: 1px solid #13B2F2;
    background: #0399D5;
    padding: 10px 24px;
    color: #F8F9FA;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Poppins';
    text-transform: uppercase;
    text-decoration: none;
    max-width: fit-content;
    float: right;
    margin-top: 8px;
}

/* submit button css */

.formContainer button[type=submit][disabled],
.formContainer button[type=submit][disabled] {
    opacity: 0.5;
    cursor: not-allowed !important;
}

[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

/* submit button css */
hr.pool-hr {
    border: 0;
    background: #F3F6FD;
    height: 1px;
}

.cypy-flx {
    justify-content: space-between;
    padding: 24px 0;
}

.mx600 {
    max-width: 600px;
}

h4.ft-hed {
    font-size: 20px;
    color: #6B6B6B;
    font-weight: 500;
    line-height: 28px;
}

a.view-gallery-btn {
    border-radius: 100px;
    border: 1px solid #13B2F2;
    background: #0399D5;
    padding: 10px 24px;
    color: #F8F9FA;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    max-width: fit-content;
    gap: 8px;
    transition: background-color 0.3s ease;
    margin: 0 auto;
}

.mx509 {
    max-width: 509px;
}

h4.ctched {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    color: #000;
}

.flex .col {
    padding-left: 0;
    padding-right: 0;
}

.prps-pd2 {
    padding: 70px 0 80px 0px;
}

.mx741 {
    max-width: 741px;
}

.mx831 {
    max-width: 831px;
}

.pdft {
    padding: 20px 0;
}

.mt43 {
    margin-top: 43px;
}

.form-inn {
    padding-top: 24px;
}

.enq-btn a.crc {
    padding: 8px;
    display: flex;
}

.headerRight {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.headerBtn {
    display: none;
}

img.img-shdw {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.const-im {
    background-image: url(/images/consultation-im-n.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.op0 {
    opacity: 0;
}

/* contact Page  css  */
h3.ft20 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.mx822 {
    max-width: 822px;
}

.mx612 {
    max-width: 612px;
}

.mx688 {
    max-width: 688px;
}

.mx644 {
    max-width: 644px;
}

.fw600 {
    font-weight: 600;
}

.ctcpd {
    padding: 16px 0;
}

.txt1e {
    color: #1E1E1E !important;
}

.mx444 {
    max-width: 444px;
}

.mx133 {
    flex: 1 133px;
    max-width: 133px;
}

.gap94 {
    gap: 94px;
}

/* about us page css  */

.abt-bx {
    flex: 1 23%;
    max-width: 25%;
}

.abt-bx2 {
    flex: 1 30%;
    max-width: 32%;
}

.pd-in {
    padding: 60px 56px;
}

.pd-in .col-im img.img-gbl {
    border-radius: 24px;
}

ul.wht-lst {
    color: #F8F9FA;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

ul.wht-lst li {
    padding-left: 32px;
    position: relative;
}

ul.wht-lst li::before {
    position: absolute;
    content: "";
    background-image: url(../../../../../images/pool/svg/bl-chck.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 26px;
    top: 0;
    left: 0;
}

.WidgetTitle__Header-sc-c581efe-2.dNtlyB,
.BulletsControl__BulletsControlContainer-sc-f6dcbc14-0.jNZsXk.es-bullets-control-container {
    display: none;
}

/* breadrumb css  */

.page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/bread-im-1440.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
}

.page-header {
    padding: 100px 0 110px;

}

.itemid-138 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/pool-resurfacing-bn-1600.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
}

.itemid-130 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/bread-img2.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-131 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/job-opening-dsk-n.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-130 .page-header h1,
.itemid-342 .page-header h1 {
    max-width: 966px;
    margin: 0 auto;
}

.itemid-131 .page-header h1 {
    max-width: 896px;
    margin: 0 auto;
}

.itemid-132 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/bread-img4.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
}

.itemid-135 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-img6.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
}

.itemid-136 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/financing-bnnr.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    padding: 80px 0 90px;
    background-size: cover;
}

.itemid-137 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-img8.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-133 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-img9.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-151 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-cust-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-157 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/freeform-pools-bn.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-152 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-geo-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-158 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-infi-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-141 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-spa-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-140 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-out-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-169 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-tile-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.itemid-161 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-patio-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.itemid-165 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-deck-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

/* Test css  */
.itemid-342 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/bread-img2.jpg) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-136 .page-header h1,
.itemid-137 .page-header h1,
.itemid-133 .page-header h1,
.itemid-151 .page-header h1,
.itemid-157 .page-header h1,
.itemid-152 .page-header h1,
.itemid-158 .page-header h1 {
    max-width: 764px;
    margin: 0 auto;
}

.itemid-165 .page-header h1 {
    max-width: 710px;
    margin: 0 auto;
}

.itemid-141 .page-header h1,
.itemid-140 .page-header h1 {
    max-width: 798px;
    margin: 0 auto;
}

.page-header h1 {
    font-weight: 700;
    text-align: center;
}

li.mod-breadcrumbs__item.breadcrumb-item:after {
    content: "";
    background-image: url(/images/svg/btn-arw-rgt18.svg);
    position: absolute;
    width: 18px;
    height: 18px;
    top: 3px;
    right: -21px;
    border-radius: 24px;
}

ul.mod-breadcrumbs.breadcrumb {
    margin-bottom: 15px;
}

ul.mod-breadcrumbs.breadcrumb {
    display: flex;
    list-style: none;
    gap: 26px;
    justify-content: center;
    margin-left: 0px !important;
    align-items: flex-start;
    padding-left: 0;
    margin-bottom: 0;
}

li.mod-breadcrumbs__divider.float-start {
    display: none;
}

ul.mod-breadcrumbs.breadcrumb li a {
    text-decoration: none;
}

a.clr-blue {
    color: #0399D5;
}

li.mod-breadcrumbs__item.breadcrumb-item a,
li.mod-breadcrumbs__item.breadcrumb-item {
    color: var(--Background, #F8F9FA);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 140% */
}

li.mod-breadcrumbs__item.breadcrumb-item {
    position: relative;
}

li.mod-breadcrumbs__item.breadcrumb-item:last-child:after {
    display: none;
}

ul.mod-breadcrumbs.breadcrumb {
    margin-bottom: 10px !important;
}

.min-sm {
    min-height: 234px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.min-h {
    min-height: 264px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.bdr16 {
    border-radius: 16px;
    border: 1px solid #E8EDFB;
}

.gap32 {
    gap: 32px;
}

.mx663 {
    max-width: 663px;
}

.dsk-vis {
    display: none;
}

.col2.job-bx {
    background-color: #F3F6FD;
    border: none;
    flex: 1 32%;
    max-width: 32%;
}

ul.p-lst {
    color: #1E1E1E;
}

ul.wht-lst.p-lst li::before {
    position: absolute;
    content: "";
    background-image: url(../../../../../images/pool/svg/lt-bl-chck.svg);
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
}

/* Issues fix in home page  */
.city-list ul.chk-lst li {
    /* flex: 1 20%;
    max-width: 22%; */
    text-align: center;
}

.im1 {
    flex: 1 22%;
    max-width: 23%;
}

.city-list ul.chk-lst li:nth-child(7)::before {
    left: 33px;
}

.city-list ul.chk-lst li span span {
    color: var(--Background, #F8F9FA);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.city-list ul.chk-lst li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.city-list ul.chk-lst li a.area-ankr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* PT sir css  */

.city-list ul.chk-lst li {
    display: flex;
    min-width: 162px;
    justify-content: center;
}

ul.faq-lst.mt16 li {
    padding-left: 36px;
    position: relative;
    color: #1E1E1E;
    margin-bottom: 8px;
}

ul.faq-lst.mt16 li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 23px;
    background-color: #1E1E1E;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.fw700 {
    font-weight: 700 !important;
}

.itemid-133 a.view-gallery-btn {
    display: none;
}

.itemid-133 .mt56.afs {
    margin-top: 0;
}

.pb30 {
    padding-bottom: 30px;
}

.con-btn a:hover,
a.view-gallery-btn:hover {
    border: 1px solid #13B2F2;
    background: #fff;
    color: #0399D5;
}

.city-list ul.chk-lst li:hover span span {
    color: #023e8a;
}

.city-list ul.chk-lst li:hover img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(72%) saturate(3284%) hue-rotate(205deg) brightness(95%) contrast(98%);
}

.city-list ul.chk-lst li:hover {
    background: #fff;
}

/* 23-04-2025 added css  */
.itemid-134 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-img5.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
}

.itemid-134 .page-header h1 {
    max-width: 966px;
    margin: 0 auto;
}

.formError {
    color: #cf4d4d;
}

.formError,
.formRed {
    color: red;
    font-weight: 400 !important;
}

/* 25-08-2025 added css  */
.accordion-item-body-content p.pd39 {
    padding-left: 26px;
}

ul.faq-lst.mt8 li {
    padding-left: 40px;
    position: relative;
    color: #1E1E1E;
    margin-bottom: 8px;
}

ul.faq-lst.mt8 li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 29px;
    background-color: #1E1E1E;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.txwblck {
    color: #000 !important;
}

.align-start {
    align-items: flex-start;
}

.rsform-block.rsform-block-upload-resume.rsform-type-fileupload label.formControlLabel {
    display: block;
    padding-bottom: 8px;
}

.mx901 {
    max-width: 902px;
}

.page-tagline {
    color: #F8F9FA;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 28px;
    margin-top: 10px;
}

/* 26-08-2025 added css  */
.grid {
    display: grid;
    /* width: 756px;
    height: 649px; */
    padding: 24px 10px;
    row-gap: 18px;
    column-gap: 24px;
    flex-shrink: 0;
    grid-template-rows: fit-content(100%) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.im-box {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}

.cust-im-box2 {
    grid-row: 2 / span 1;
    grid-column: 3 / span 1;
}

.boxed-im {
    flex: 1 32%;
    max-width: 33%;
}

.mn-im {
    grid-row: 1;
    grid-column: 1/ span 3;
}

.mn-im1 {
    grid-row: 2 / span 1;
    grid-column: 1 / span 1;
}

.mn-im2 {
    grid-row: 2 / span 1;
    grid-column: 2 / span 2;
}

.mx778 {
    max-width: 778px;
}

.mx618 {
    max-width: 618px;
}

span.inline {
    font-weight: 275;
}

/* 28-08-2025 added css  */
.serv-box {
    max-width: 328px;
}

/* 30-08-2025 added css  */
.brd16 {
    border-radius: 16px !important;
}

/* 01-09-2025 added css  */
.bordered-bx {
    border-radius: 16px;
    border: 1px solid #E8EDFB;
}

.pd24 {
    padding: 24px;
}

.mx1050 {
    max-width: 1050px;
}

.cust-guin-im {
    background-image: url(/images/pool/webp/cust6-im.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.col-im-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.resurfacing-rdmd-im {
    background-image: url(/images/pool/webp/pool-resurfacing-6.webp);
}

.gui-bx {
    flex: 1 23%;
    max-width: 24%;
}

.prps-pd-lf {
    /* padding: 56px 56px 56px 0px !important; */
    padding: 24px 24px 24px 0 !important;
}

.faqs .accordion-item-header,
.faqs .accordion-item:nth-of-type(2) .accordion-item-header,
.faqs .accordion-item:nth-of-type(3) .accordion-item-header,
.faqs .accordion-item:nth-of-type(4) .accordion-item-header,
.faqs .accordion-item:nth-of-type(5) .accordion-item-header {
    padding-left: 0;
}

.faqs .accordion-item-header::before,
.faqs .accordion-item:nth-of-type(2) .accordion-item-header::before,
.faqs .accordion-item:nth-of-type(3) .accordion-item-header::before,
.faqs .accordion-item:nth-of-type(4) .accordion-item-header::before,
.faqs .accordion-item:nth-of-type(5) .accordion-item-header::before {
    content: unset;
}

ul.er-list li {
    padding-top: 15px;
}

.prps-pd3 {
    padding: 65px 0 70px 0px;
}

/* 02-09-2025 added css  */
.mx1084 {
    max-width: 1084px;
}

.cust-poolslide-im {
    background-image: url(/images/pool/webp/poolslide6.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.free-form-im {
    background-image: url(/images/pool/webp/free05-n.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pcp-form-im {
    background-image: url(/images/pool/webp/pcp6.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cust-geo-im {
    background-image: url(/images/pool/webp/geo05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cust-enrgy-im {
    background-image: url(/images/pool/webp/energy-efficient6.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.out-form-im {
    background-image: url(/images/pool/ok6.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.abc-im {
    background-image: url(/images/pool/webp/abc2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.infi-im {
    background-image: url(/images/pool/webp/infi05-n2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cust-poollight-im {
    background-image: url(/images/pool/webp/Pool-Lighting6.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.spa-im {
    background-image: url(/images/pool/webp/spa05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.water-im {
    background-image: url(/images/pool/webp/water05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg3d-im {
    background-image: url(/images/pool/webp/3d-05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.deck-im {
    background-image: url(/images/pool/webp/deck05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* added for wills 22/11/25  */

 .wills-form-im {
    background-image: url(/images/pool/webp/Hero-Image3-wills.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mx692 {
    max-width: 692px;
}

.mx698 {
    max-width: 698px;
}

.mx989 {
    max-width: 989px;
}

.mx932 {
    max-width: 932px;
}

/* //faq css  */
.accordion-item:has(+ .accordion-item > .accordion-item-header.active) {
    border-bottom: none;
}

.mx760 {
    max-width: 760px;
}

.mx965 {
    max-width: 965px;
}

.itemid-168 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-slides-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

/* blog css  */

.page-header.blog {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/blog-bnr-bg.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-size: cover;
}

.mob-shw {
    display: none;
}

/*blog layout*/
.blog-flex {
    padding: 56px 0;
    display: flex;
    gap: 105px;
}

.lft-filtr {
    flex: 1 20%;
    max-width: 316px;
}

.rgt-main-contnt {
    flex: 1 80%;
    max-width: calc(100% - 421px);
}

.view-entry .site-width.clae-blog {
    max-width: 100%;
    padding: 0;
}

h5.fill-hed {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    position: relative;
    padding-left: 34px;
}

h5.fill-hed:before {
    content: "";
    position: absolute;
    background-image: url(../../../../../images/pool/svg/mynaui_filter.svg);
    width: 24px;
    height: 24px;
    background-size: 100%;
    top: 1px;
    left: 0;
}

p.cat-txt {
    color: #1E1E1E;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 8px;
}

body #eb button.btn.btn-default.btn-md.dropdown-toggle_.t-w--100,
#eb button#colorBtn {
    border-radius: 2px !important;
    border: 1px solid #E5E7EB !important;
    background: transparent;
    padding: 8px;
    color: #6B6B6B !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    width: 100%;
}

#eb .sort-box form {
    position: relative !important;
}

#eb .sort-box select {
    appearance: none;
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
}

#eb .sort-box select:focus-visible {
    outline: 0 !important;
}

body #eb button.btn.btn-default.btn-md.dropdown-toggle_.t-w--100 img {
    float: right;
}

#eb .sort-box form::after {
    content: "";
    background-image: url(/images/pool/svg/mynaui_chevron-down.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

body #eb button.btn.btn-default.btn-md.dropdown-toggle_.t-w--100:hover,
body #eb button.btn.btn-default.btn-md.dropdown-toggle_.t-w--100:focus {
    border-radius: 2px !important;
    border: 1px solid #E5E7EB !important;
    background: #FFF !important;
}

#eb .dropdown-menu--eb-search-category,
#eb .listbox {
    width: 308px !important;
    max-height: 308px !important;
    border-radius: 3px !important;
    border: 1px solid #E5E7EB !important;
    background: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
    padding: 4px !important;
}

ul#categorySelect li a.eb-filter-menu__link,
#eb .listbox li.option {
    font-size: 16px;
    color: #000 !important;
    line-height: 24px;
}

#eb .eb-post-listing.is-column {
    display: flex !important;
    flex-wrap: wrap;
    gap: 24px !important;
}

#eb .eb-post-listing__item {
    flex: 1 47%;
    max-width: 48%;
    border-radius: 16px !important;
    border: 1px solid #E5E7EB !important;
}

#eb .eb-post-thumb.is-full {
    margin-bottom: 0 !important;
}

#eb .eb-post-thumb .eb-post-image-cover,
#eb .eb-post-simple__thumb a.eb-post-simple__image {
    border: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: none !important;
}

.eb-data-contnr {
    padding: 24px 16px;
}

#eb .eb-post-simple__meta {
    margin-top: 0px !important;
}

#eb .eb-post-simple__foot,
#eb .eb-post-simple__body,
#eb .eb-post-simple__title {
    padding-top: 0px !important;
}

#eb .eb-post-simple__meta .eb-post-simple__foot {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 16px;
}

#eb .eb-post-simple .eb-post-simple__meta a {
    border-radius: 100px;
    background: #023E8A;
    padding: 4px 8px;
    color: #F8F9FA !important;
    font-size: 16px;
    line-height: 16px;
}

#eb .eb-post-simple__meta-date {
    font-size: 16px !important;
    color: #1E1E1E !important;
}

#eb .eb-post-simple__title {
    margin-top: 16px !important;
}

#eb .eb-post-simple__title a {
    color: #1E1E1E !important;
    font-family: Poppins !important;
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 28px !important;
}

#eb .eb-post-simple__body {
    margin-top: 16px;
    margin-bottom: 24px;
}

#eb .eb-post-more a {
    color: #0399D5 !important;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

#eb .eb-post-more a img {
    vertical-align: top !important;
}

#eb .input-group {
    border-radius: 2px !important;
    border: 1px solid #E5E7EB !important;
    background: #FFF !important;
}

#eb .btn:active,
#eb .input-group .form-control:focus {
    box-shadow: none !important;
}

#eb .search-fil-box button.btn.btn-default {
    background-color: transparent !important;
    margin: 0 !important;
    border: 0 !important;
    padding: 8px 12px !important;
    height: auto !important;
}

#eb .search-fil-box button.btn.btn-default:hover,
#eb .search-fil-box button.btn.btn-default:focus {
    background-color: transparent !important;
    outline: 0 !important;
}

#eb .input-group .form-control {
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    color: #6B6B6B !important;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
}

#eb .input-group .form-control::placeholder {

    color: #6B6B6B !important;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
}

.ft-pdx.nws-ltr {
    padding: 0;
    margin-top: 20px;
}

.txt-con-sec p {
    color: #1E1E1E;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

#eb .eb-filter-menu__link:hover {
    background-color: #F5F5F5 !important;
    border-radius: 2px !important;
}

#fd .inline-flex {
    display: unset !important;
}

.blu-bg a.clr-blue {
    color: #90E0EF;
}

#fd a.o-pagination__btn:first-of-type,
#fd a.o-pagination__btn:last-of-type {
    display: none !important;
}

#fd a.o-pagination__btn {
    border: none !important;
    background-color: transparent !important;
    color: #6B6B6B !important;
    font-family: Poppins !important;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 8px !important;
    width: 40px;
    height: 40px;
    border-radius: 100px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#fd .o-pagination-wrapper.px-xs.py-2xs {
    margin-bottom: 0;
    margin-top: 52px;
    width: 100%;
}

#fd .o-pagination {
    width: 100%;
    justify-content: center !important;
}

#fd .o-pagination .inline-flex {
    width: 100%;
    text-align: center !important;
}

#fd a.o-pagination__btn:nth-of-type(2) {
    position: relative;
    width: max-content;
    float: left;
    padding-left: 0px !important;
    overflow: visible;
    color: #1E1E1E !important;
}

#fd a.o-pagination__btn:nth-of-type(2).cursor-not-allowed,
#fd a.o-pagination__btn.-ml-px.px-xs:nth-last-child(2).cursor-not-allowed {
    color: #6B6B6B !important;
}

#fd a.o-pagination__btn:nth-of-type(2):before {
    content: "";
    background-image: url(/images/pool/svg/arrow-left-1E.svg);
    background-repeat: no-repeat;
    background-position: -3px;
    background-size: 100%;
    overflow: visible;
    width: 24px;
    height: 24px;
}

#fd a.o-pagination__btn:nth-of-type(2).cursor-not-allowed:before {
    content: "";
    background-image: url(/images/pool/svg/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: -3px;
    background-size: 100%;
    overflow: visible;
    width: 24px;
    height: 24px;
}

#fd a.o-pagination__btn:nth-of-type(2) i {
    display: none;
}

#fd a.o-pagination__btn:nth-of-type(2):after {
    content: "Previous";
}

#fd a.o-pagination__btn.-ml-px.px-xs:nth-last-child(2) {
    padding-right: 0 !important;
    position: relative;
    width: max-content !important;
    float: right;
    overflow: visible;
    color: #1E1E1E !important;
}

#fd a.o-pagination__btn.-ml-px.px-xs:nth-last-child(2) i {
    display: none;
}

#fd a.o-pagination__btn.-ml-px.px-xs:nth-last-child(2):before {
    content: "Next";
}

#fd a.o-pagination__btn.-ml-px.px-xs:nth-last-child(2):after {
    content: "";
    background-image: url(/images/pool/svg/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: 4px;
    background-size: 100%;
    overflow: visible;
    width: 24px;
    height: 24px;
}

#fd a.o-pagination__btn.-ml-px.px-xs:nth-last-child(2).cursor-not-allowed:after {
    content: "";
    background-image: url(/images/pool/svg/arrow-right-6B.svg);
    background-repeat: no-repeat;
    background-position: 4px;
    background-size: 100%;
    overflow: visible;
    width: 24px;
    height: 24px;
}

#fd a.o-pagination__btn.cursor-not-allowed.bg-gray-100 {
    border-radius: 9999px !important;
    background-color: #023E8A !important;
    color: #F8F9FA !important;
}

.eb-authors-subscribe.spans-separator {
    display: none;
}

h2.eb-authors-name.reset-heading,
#eb h2.eb-tag-name.reset-heading {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
}

#eb .eb-tag {
    border: 0 !important;
    border-radius: 8px !important;
    margin-top: 32px;
}

#eb .eb-tag-head {
    border: 0 !important;
    background: rgba(var(--fd-gray-50), 1) !important;
    border-radius: 8px !important;
    padding: 15px !important;
}

#eb h2.eb-tag-name.reset-heading a {
    display: block;

}

#eb #category-button:after {
    content: "";
    position: absolute;
    background-image: url(../../../../../images/pool/svg/mynaui_chevron-down.svg);
    width: 24px;
    height: 24px;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}

.page-header.blog-inner-bnr {
    background: #023E8A;
    padding: 22px 0 32px;
}

#eb .eb-entry-meta {
    margin: 16px 0 0px !important;
    justify-content: center;
}

#eb .blog-inner-bnr .eb-post-simple__meta-date {
    color: #ffffff !important;
}

#eb .blog-inner-bnr h1.reset-heading {
    font-size: 32px;
    line-height: 42px;
    font-weight: 600 !important;
}

#eb .blog-inner-bnr li.mod-breadcrumbs__item.breadcrumb-item a,
#eb .blog-inner-bnr li.mod-breadcrumbs__item.breadcrumb-item {
    font-size: 18px;
    line-height: 26px;
}

/* .view-entry #eb .site-width.eb-entry-body {
    max-width: 1050px; 
} */

#eb h2.mt0,
#eb h3.mt0,
#eb h4.mt0,
#eb p.mt0 {
    margin-top: 0 !important;
}

#eb .blog-container h2 {
    font-size: 28px;
    line-height: 38px;
    margin: 32px 0 16px !important;
}

#eb .blog-container h2:first-of-type{
   margin: 0px 0 16px !important;
}

#eb .blog-container h3 {
    font-size: 24px;
    line-height: 34px;
    margin: 24px 0 12px !important;
}

#eb .blog-container h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 16px 0 8px !important;
}

#eb .blog-container p {
    margin-top: 16px;
}

#eb h2.mt0,
#eb h3.mt0,
#eb h4.mt0,
#eb p.mt0 {
    margin-top: 0 !important;
}

#eb figure {
    margin: 32px 0 !important;
}

#eb figure img {
    width: 100%;
}

ul.twn-list {
    margin: 16px 0 8px 20px !important;
    list-style: disc;
}

ol.twnn-list {
    margin: 16px 0 8px 20px !important;
}

ul.twn-list li,
ol.twnn-list li {
    margin-bottom: 10px;
}

.twn-list li::marker .twnn-list li::marker {
    color: #023E8A;
    font-size: 20px;
}

.twnn-list li::marker {
    color: #023E8A;
    font-size: 16px;
    font-weight: 500;
}

.sort-box {
    margin-right: calc(var(--si-spacing) * 0.5);
}

/* 11-09-2025 added css for blog  */
#eb .eb-categories {
    padding: 56px 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

#eb .eb-categories #fd {
    flex: 1 100%;
}

#eb .eb-categories #fd .o-pagination-wrapper.px-xs.py-2xs {
    margin-top: 0 !important;
}

#eb .dropdown_.open {
    margin-right: calc(var(--si-spacing) * 0.5);
}

@media (max-width: 991px) {
    .blog-flex {
        flex-direction: column;
        padding: 40px 0;
        gap: 40px;
    }

    .lft-filtr {
        flex: 1 100%;
        max-width: 100%;
    }

    .rgt-main-contnt {
        flex: 1 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    #eb .eb-post-listing__item {
        flex: 1 100%;
        max-width: 100%;
    }
    #eb .blog-inner-bnr h1.reset-heading {
        font-size: 28px;
        line-height: 34px;
    }

    #eb .blog-container h2 {
        font-size: 24px;
        line-height: 34px;
    }

    #eb .blog-container h3 {
        font-size: 20px;
        line-height: 30px;
    }

    #eb .blog-container h4 {
        font-size: 18px;
        line-height: 28px;
    }

    #eb .blog-inner-bnr li.mod-breadcrumbs__item.breadcrumb-item a,
    #eb .blog-inner-bnr li.mod-breadcrumbs__item.breadcrumb-item {
        font-size: 16px;
        line-height: 22px;
    }
}

/*blog layout end */
.mx812 {
    max-width: 812px;
}

.cop-im {
    background-image: url(/images/pool/webp/cop05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.itemid-167 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-energy-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.itemid-166 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-light-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.itemid-159 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-water-fire-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.itemid-152 .page-header .site-width {
    max-width: 964px;
}

/* 04-09-2025 added css  */
ul.nrm-clr {
    color: #6b6b6b !important;
}

.mx548 {
    max-width: 548px;

}

.mx876 {
    max-width: 876px;
}

.mx898 {
    max-width: 898px;
}

.itemid-160 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/pool-renovation-bn.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
}

.itemid-139 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-3d-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.itemid-162 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-fire-pit-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.pit-im {
    background-image: url(/images/pool/webp/pit05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.itemid-163 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-hard-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 110px;
}

.itemid-164 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-cop-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-164 .page-header h1 {
    max-width: 764px;
    margin: 0 auto;
}

.mx1000 {
    max-width: 1000px;
}

/* 11-09-2025 added css  */
.itemid-144 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-wood-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-144 .page-header h1 {
    max-width: 780px;
    margin: 0 auto;
}

.wood-form-im {
    background-image: url(/images/pool/webp/wood05.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.conroe-form-im {
    background-image: url(/images/pool/webp/con03-2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mont-form-im {
    background-image: url(/images/pool/webp/mont03.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tom-form-im {
    background-image: url(/images/pool/webp/tom03.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.spring-form-im {
    background-image: url(/images/pool/webp/spring03.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.area-bx {
    flex: 1 30%;
    max-width: 28%;
}

/* 12-09-2025 added css  */
.itemid-145 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-con-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-146 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-north-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-147 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-mag-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-143 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-mont-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-148 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-tom-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-170 .page-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-spring-img.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 90px;
}

.itemid-145 .page-header h1,
.itemid-143 .page-header h1,
.itemid-147 .page-header h1,
.itemid-148 .page-header h1,
.itemid-170 .page-header h1,
.itemid-146 .page-header h1 {
    max-width: 780px;
    margin: 0 auto;
}

.con-form-im {
    background-image: url(/images/pool/webp/con03.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.north-form-im {
    background-image: url(/images/pool/webp/north03.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mx726 {
    max-width: 726px;
}

/* 17-09-2025 added css  */
.mag-form-im {
    background-image: url(/images/pool/webp/mag03.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 20-09-2025 added css  */
/* .collage {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 220px;
    grid-template-areas:
        "a b b c c"
        "d d e e f";
}

.tile {
    border-radius: 12px;
    overflow: hidden;
}

.tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}


.tile:nth-child(1) {
    grid-area: a;
}

.tile:nth-child(2) {
    grid-area: b;
}

.tile:nth-child(3) {
    grid-area: c;
}

.tile:nth-child(4) {
    grid-area: d;
}

.tile:nth-child(5) {
    grid-area: e;
}

.tile:nth-child(6) {
    grid-area: f;
} */

.collage {
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 24px;
}

.tile img {
    max-width: 100%;
    height: 100%;
    aspect-ratio: 3 / 1.5 !important;
    object-fit: cover;
    cursor: pointer;
}

.tile.inner-t1 {
    flex: 1 25%;
    max-width: 25%;
}

.tile.inner-t2 {
    flex: 1 43%;
    max-width: 43%;
}

.tile.inner-t3 {
    flex: 1 27%;
    max-width: 29%;
}

.tile.inner-t4 {
    flex: 1 33%;
    max-width: 33%;
}

.tile.inner-t5 {
    flex: 1 42%;
    max-width: 42%;
}

.tile.inner-t6 {
    flex: 1 20%;
    max-width: 23%;
}


/* Lightbox Styles */
.lightbox {
    display: none;
    position: fixed;
    z-index: 9999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.lightbox-content {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 6%;
}

/* Close button */
.close {
    position: absolute;
    top: 22px;
    right: 35px;
    color: #fff !important;
    font-size: 40px !important;
    font-weight: bold;
    cursor: pointer;
    text-shadow: none !important;
}

/* Navigation arrows */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 45%;
    padding: 16px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    user-select: none;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.prev:hover,
.next:hover {
    color: #f1f1f1;
}

.tile {
    position: relative;
}

/* 23-09-2025 added css  */
/* Overlay effect on hover */
.tile::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.tile:hover::before {
    opacity: 1;
    /* Show overlay on hover */
}


@media (min-width: 1920px) {
    .bnr-pd {
        padding: 23% 0 23%;
    }

    .banner-bg {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 52.99%), url(/images/intro-section-ultr-wide1920-new-max.webp) lightgray 50% / cover no-repeat;
        background-position: center;
        background-size: cover;
    }

    .page-header {
        padding: 6% 3%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/bread-im-34.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-130 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/bread-img2-max.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-151 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-cust-img-max.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    }

    .itemid-131 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/job-opening-dsk-n-3440.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
    }

    .itemid-133 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-img9-max.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        padding: 6% 3%;
    }

    
    .itemid-157 .page-header,
    .itemid-169 .page-header {
        background-position: top;
    }

    .itemid-152 .page-header {
        background-position: bottom;
    }

    .itemid-130 .page-header,
    .itemid-165 .page-header,
    .itemid-342 .page-header,
    .itemid-131 .page-header,
    .itemid-151 .page-header,
    .itemid-137 .page-header,
    .itemid-157 .page-header,
    .itemid-158 .page-header,
    .itemid-144 .page-header,
    .itemid-170 .page-header,
    .itemid-147 .page-header,
    .itemid-143 .page-header,
    .itemid-146 .page-header,
    .itemid-145 .page-header,
    .itemid-140 .page-header,
    .itemid-141 .page-header,
    .itemid-169 .page-header,
    .itemid-161 .page-header,
    .itemid-152 .page-header,
    .itemid-167 .page-header,
    .itemid-168 .page-header,
    .itemid-166 .page-header,
    .itemid-160 .page-header,
    .itemid-159 .page-header,
    .itemid-139 .page-header,
    .itemid-162 .page-header,
    .itemid-163 .page-header,
    .itemid-148 .page-header,
    .itemid-164 .page-header {
        padding: 6% 3%;
    }

    .itemid-138 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/pool-resurfacing-bn-ultra.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }




}

@media (max-width: 1399px) {
    .col2.job-bx {
        flex: 1 30%;
    }

    .boxed-im {
        flex: 1 30%;
        max-width: 30%;
    }
}

@media (max-width: 1280px) {
    .site-width {
        padding-left: 80px;
        padding-right: 80px;
    }

    .mgl100 {
        margin-left: 80px;
    }

    .bnr-pd {
        padding: 150px 0;
    }
}


@media (max-width: 1155px) {

    .colm1.ft-col4 {
        flex: 1 45%;
        max-width: 48%;
    }

    .collage {
        row-gap: 16px;
        column-gap: 16px;
    }

    /* 20-09-2025 added css  */
    .tile.inner-t1 {
        flex: 1 40%;
        max-width: 40%;
    }

    .tile.inner-t2 {
        flex: 1 57%;
        max-width: 58%;
    }

    .tile.inner-t3 {
        flex: 1 40%;
        max-width: 40%;
    }

    .tile.inner-t4 {
        flex: 1 40%;
        max-width: 58%;
    }

    .tile.inner-t5 {
        flex: 1 56%;
        max-width: 58%;
    }

    .tile.inner-t6 {
        flex: 1 40%;
        max-width: 40%;
    }
}

@media(max-width: 1100px) {
    h2.frm-hed {
        font-size: 35px;
    }

    h2 {
        font-size: 35px;
        line-height: 42px;
    }

    .gui-bx {
        flex: 1 30%;
        max-width: 32%;
    }
}

@media (max-width: 1072px) {
    .im1 {
        flex: 1 47%;
        max-width: 47%;
    }

    /* .grid {
        width: 700px;
        height: auto;
    }*/
}

@media (min-width: 981px) and (max-width: 1064px) {
    .prps-pd {
        padding: 0px 0px 0px 60px !important;
    }

}

@media (max-width: 1060px) {
    .abt-bx {
        flex: 1 30%;
        max-width: 32%;
    }
}

@media (max-width: 1050px) {
    .site-width {
        padding-left: 60px;
        padding-right: 60px;
    }

    .mgl100 {
        margin-left: 60px;
    }

    .pdr100 {
        margin-right: 60px;
    }

    .bnr-pd {
        padding: 80px 0;
    }
}

/* @media (max-width: 1029px) {
    .grid {
        width: 650px;
        padding: 0;
    }
} */

@media (min-width: 981px) and (max-width: 1194px) {
    .prps-pd.prps-pd-lf {
        padding: 0px 0px 0px 0px !important;
    }

    .prps-pd-lf .h3.h4hed {
        font-size: 20px;
        line-height: 24px;
    }

    .prps-pd-lf .mt24 {
        margin-top: 8px;
    }
}

@media (max-width: 991px) {
    .mt56 {
        margin-top: 32px;
    }

    .site-width {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pb56 {
        padding-bottom: 26px;
    }

    .pt56 {
        padding-top: 40px;
    }

    h1 {
        font-size: 44px;
        line-height: 50px;
    }

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

    .two-col-flx .chs-us-p h3.h4hed {
        font-size: 22px;
    }

    .bnr-pd,
    .ft-pdx {
        padding: 60px 0;
    }

    .flx-dir {
        flex-direction: column;
    }

    .flx-dir-rev {
        flex-direction: column-reverse;
    }

    .flex .col {
        flex: 1 100%;
        max-width: 100%;
    }

    .flex .col.bn-col1 {
        max-width: 500px;
    }

    .bnr-pd .align-center {
        align-items: flex-start;
    }

    .col.bn-col2,
    .flex .col.mx606,
    .mx606,
    .flex .col.mx578,
    .mx578,
    .col.mx732,
    .mx732,
    .col.mx553,
    .mx553,
    .col.mx428,
    .mx428,
    .col.mx765,
    .mx765 {
        max-width: 100%;
    }

    .mt50.tbmt0 {
        margin-top: 0;
    }

    .pdt50.pdr100,
    .pdt50.mgl100 {
        padding: 24px 40px;
        margin: 0;
    }

    .gap56 {
        gap: 32px;
    }

    .prps-pd {
        padding: 0px 24px 50px 24px !important;
    }

    .mbpb0 {
        padding-bottom: 0;
    }

    .prps-pd2,
    .prps-pd3 {
        padding: 40px 24px 50px !important;
    }

    .accordion-item-header {
        font-size: 18px;
        line-height: 24px;
    }

    .for-col-flx .galry {
        flex: 1 48%;
    }

    .t2-col-lst ul.chk-lst:nth-of-type(odd),
    .t2-col-lst ul.chk-lst:nth-of-type(even),
    .two-list ul.chk-lst li:nth-of-type(odd),
    .two-list ul.chk-lst li:nth-of-type(even) {
        max-width: 48%;
    }

    .col-im img.img-gbl {
        border-radius: 24px 24px 0 0;
    }

    .form-inn .formContainer .formRow {
        flex-direction: column;
    }

    .ctc-bxs .chs-us-p h3.h4hed {
        font-size: 16px;
    }

    .page-header,
    .itemid-130 .page-header,
    .itemid-165 .page-header,
    .itemid-342 .page-header,
    .itemid-131 .page-header,
    .itemid-151 .page-header,
    .itemid-137 .page-header,
    .itemid-157 .page-header,
    .itemid-158 .page-header,
    .itemid-144 .page-header,
    .itemid-170 .page-header,
    .itemid-147 .page-header,
    .itemid-143 .page-header,
    .itemid-145 .page-header,
    .itemid-146 .page-header,
    .itemid-140 .page-header,
    .itemid-141 .page-header,
    .itemid-161 .page-header,
    .itemid-169 .page-header,
    .itemid-152 .page-header,
    .itemid-168 .page-header,
    .itemid-167 .page-header,
    .itemid-166 .page-header,
    .itemid-160 .page-header,
    .itemid-159 .page-header,
    .itemid-139 .page-header,
    .itemid-162 .page-header,
    .itemid-148 .page-header,
    .itemid-163 .page-header,
    .itemid-164 .page-header {
        padding: 40px 16px;
        background-position: center;
        background-size: cover;
    }

    .mob-vis {
        display: none;
    }

    .dsk-vis {
        display: block;
    }

    .mbgp16 {
        gap: 16px;
    }

    .city-list ul.chk-lst li span span {
        font-size: 16px;
        font-weight: 400;
    }

    .tbmt0 {
        margin-top: 0;
    }

    .mt32 {
        margin-top: 24px;
    }

    .ft20 {
        font-size: 16px;
        line-height: 24px;
    }

    .pd-in {
        padding: 40px 16px;
    }

    .page-tagline {
        font-size: 16px;
        line-height: 24px;
    }




    .f3-bg h3.h4hed {
        font-size: 18px;
        line-height: 24px;
    }

    .dsk-shw {
        display: none;
    }

    .mob-shw {
        display: block;
    }

    .num span {
        font-size: 20px;
        line-height: 28px;
    }

    #eb .dropdown-menu--eb-search-category,
    #eb .listbox {
        width: 100% !important;
    }

    h4.ctched.txw-f8 {
        font-size: 18px;
    }

    .grid img {
        width: 100%;
        height: 100%;
    }


}

@media (max-width: 908px) {
    .city-list ul.chk-lst li {
        flex: 1 27%;
        max-width: 27%;
    }

}

@media (max-width: 850px) {
    .abt-bx2 {
        flex: 1 48%;
        max-width: 48%;
    }

    .city-list ul.chk-lst li:before {
        top: 20px;
    }

    .col2.job-bx {
        flex: 1 48%;
        max-width: 50%;
    }

}

@media (max-width: 768px) {
    .flex .col.bn-col1 {
        max-width: 436px;
    }

    .menu-panel.active .menu-header {
        padding-top: 0;
    }

    .cypy-flx {
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
        gap: 16px;
    }

    .site-width {
        padding-left: 16px;
        padding-right: 16px;
    }

    .pb56 {
        padding-bottom: 30px;
    }

    /*
    .pt56 {
        padding-top: 32px;
    } */

    h1 {
        font-size: 32px;
        line-height: 40px;
    }

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

    .bnr-pd {
        padding: 40px 0;
    }

    /* .top-hed-btns .enq-btn {
        display: none;
    } */

    .bn-btm-txt {
        font-size: 18px;
        line-height: 24px;
    }

    .banner-bg {
        background-size: cover;
        background-position: 47% bottom;
    }

    .mbgap40 {
        gap: 40px;
    }

    .con-btn a {
        display: flex;
        max-width: 100%;
        justify-content: center;
    }

    .form-cont {
        padding: 24px 16px;
    }

    .form-inn .formBody button {
        max-width: 100%;
        width: 100%;
        float: none;
    }

    .mbgap32 {
        gap: 32px;
    }

    .mbgap20 {
        gap: 20px;
    }

    .pdt50.pdr100,
    .pdt50.mgl100 {
        padding: 16px 16px;
        padding-bottom: 40px;
        margin: 0;
        margin-top: -8px;
    }

    .t2-col-lst ul.chk-lst:nth-of-type(odd),
    .t2-col-lst ul.chk-lst:nth-of-type(even),
    .two-list ul.chk-lst li:nth-of-type(odd),
    .two-list ul.chk-lst li:nth-of-type(even) {
        max-width: 100%;
        flex: 1 100%;
    }

    .two-list ul.chk-lst li:nth-of-type(2) {
        margin-top: 16px;
    }

    .list-div.t2-col-lst {
        gap: 16px;
        flex-wrap: wrap;
    }

    .two-col-flx.mt50,
    .two-col-flx.mt56 {
        margin-top: 24px;
    }

    .col2 {
        flex: 1 100%;
        max-width: 100%;
    }

    h3.h4hed {
        font-size: 22px;
        line-height: 32px;
    }

    .city-list ul.chk-lst {
        gap: 22px;
        justify-content: center;
    }

    .city-list ul.chk-lst li a {
        font-size: 16px;
        line-height: 20px;
    }

    /* .city-list ul.chk-lst li {
        flex: 1 100%;
        padding: 0;
        padding-left: 24px;
    } */

    .city-list ul.chk-lst li:before {
        top: 17px;
        left: 12px;
        width: 20px;
        height: 20px;
    }

    .list-div.mt32.con-lst,
    ul.ftr-link2.mt32 {
        margin-top: 16px;
    }

    li.serv-at,
    li.phn-at {
        padding-left: 0;
    }

    .mt43 {
        margin-top: 16px;
    }

    h2.frm-hed {
        font-size: 26px;
    }

    .ft-pdx .mt32 {
        margin-top: 24px;
    }

    .colm1.ft-col1,
    .colm1.ft-col2,
    .colm1.ft-col3 {
        flex: 1 45%;
        max-width: 48%;
    }

    .abt-bx {
        flex: 1 45%;
        max-width: 47%;
    }

    .page-header,
    .itemid-130 .page-header,
    .itemid-165 .page-header,
    .itemid-342 .page-header,
    .itemid-131 .page-header,
    .itemid-133 .page-header,
    .itemid-151 .page-header,
    .itemid-137 .page-header,
    .itemid-157 .page-header,
    .itemid-158 .page-header,
    .itemid-144 .page-header,
    .itemid-170 .page-header,
    .itemid-147 .page-header,
    .itemid-143 .page-header,
    .itemid-145 .page-header,
    .itemid-146 .page-header,
    .itemid-140 .page-header,
    .itemid-141 .page-header,
    .itemid-161 .page-header,
    .itemid-169 .page-header,
    .itemid-152 .page-header,
    .itemid-167 .page-header,
    .itemid-168 .page-header,
    .itemid-166 .page-header,
    .itemid-160 .page-header,
    .itemid-159 .page-header,
    .itemid-139 .page-header,
    .itemid-162 .page-header,
    .itemid-148 .page-header,
    .itemid-163 .page-header,
    .itemid-164 .page-header {
        padding: 55px 0px;
    }

    .page-header h1 {
        font-size: 28px;
    }

    .im1 {
        flex: 1 88%;
        max-width: 90%;
    }

    .enq-btn a.crc {
        padding: 6px;
        width: 32px;
        height: 32px;
    }

    li.mod-breadcrumbs__item.breadcrumb-item a,
    li.mod-breadcrumbs__item.breadcrumb-item {
        font-size: 16px;
        line-height: 24px;
    }

    .itemid-138 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/pool-resurfacing-bn-800.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-131 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/job-opening-mb-n.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-158 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-infi-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-141 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-spa-img-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-152 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-geo-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-169 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-tile-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-159 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-water-fire-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-140 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-out-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-160 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/pool-renovation-bn-mb.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-161 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-patio-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-162 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-fire-pit-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-163 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-hard-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-166 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-light-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-167 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-energy-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-168 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-slides-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .page-header.blog {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/blog-bnr-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-164 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-cop-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .two-col-flx .chs-us-p h3.h4hed {
        font-size: 18px;
        line-height: 24px;
    }

    ul.mod-breadcrumbs.breadcrumb {
        gap: 22px;
        row-gap: 8px;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .itemid-130 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/bread-img2-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-139 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-3d-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-165 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-deck-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    h3.h4hed.mobs {
        font-size: 22px;
        line-height: normal;
    }

    li.mod-breadcrumbs__item.breadcrumb-item:after {
        content: "";
        top: 0px;
        right: -16px;
    }

    /* 11-09-2025 added css  */
    .itemid-144 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-wood-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    /* 12-09-2025 added css  */
    .itemid-145 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-con-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-146 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-north-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-147 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-mag-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-143 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-mont-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-148 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-tom-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    .itemid-170 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/bread-spring-mob.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }

    h4.ctched.txw-f8 {
        font-size: 16px;
        line-height: 24px;
    }

}

@media (max-width: 767px) {
    .headerBtn {
        display: block;
    }

    .headerRight {
        flex-direction: row-reverse;
    }
}

@media (max-width: 707px) {
    .city-list ul.chk-lst li {
        flex: 1 35%;
        max-width: 35%;
    }
}

@media(max-width: 660px) {
    .grid {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        padding: 0;
    }

    .mob-wrp {
        flex-wrap: wrap;
    }

    .grid img {
        width: auto;
        height: auto;
    }


}

@media (max-width: 632px) {

    .col2.job-bx {
        flex: 1 100%;
        max-width: 100%;
    }

    /* 20-09-2025 added css 
    .collage {
        grid-template-columns: 1fr;
        grid-template-areas:
            "a"
            "b"
            "c"
            "d"
            "e"
            "f";
        grid-auto-rows: 220px;
    } */
}

@media (max-width: 579px) {
    .enq-btn a {
        width: 100%;
        text-align: center;
    }

    a.view-gallery-btn {
        /* max-width: 100%; */
        text-align: center;
        justify-content: center;
    }

    .flex .col.bn-col1 {
        max-width: 100%;
    }

    .colm1.ft-col1,
    .colm1.ft-col2,
    .colm1.ft-col3,
    .colm1.ft-col4 {
        flex: 1 100%;
        max-width: 100%;
    }

    .mx133 {
        flex: 1 51%;
        max-width: 51%;
    }

    .gap94 {
        gap: 0;
    }

    .abt-bx,
    .abt-bx2 {
        flex: 1 100%;
        max-width: 100%;
    }

    .im1 {
        flex: 1 100%;
        max-width: 100%;
    }

    .boxed-im,
    .gui-bx {
        flex: 1 100%;
        max-width: 100%;
    }

    /* 20-09-2025 added css  */
    .tile.inner-t1,
    .tile.inner-t2,
    .tile.inner-t3,
    .tile.inner-t4,
    .tile.inner-t5,
    .tile.inner-t6 {
        flex: 1 100%;
        max-width: 100%;
    }

    .lightbox-content {
        margin-top: 30%;
    }


}

@media (max-width: 553px) {
    .city-list ul.chk-lst li {
        flex: 1 47%;
        max-width: 47%;
    }


}

@media (max-width: 532px) {

    .prev,
    .next {
        top: 50%;
    }

}

@media (max-width: 437px) {
    .city-list ul.chk-lst li {
        flex: 1 100%;
        max-width: 100%;
    }

    .header-inner {
        padding: 10px 0;
    }

    /* 23-09-2025 added css  */
    .im-box,
    .cust-im-box2,
    .cust-im-box1,
    .mn-im,
    .mn-im1,
    .mn-im2 {
        grid-row: auto;
        grid-column: auto;
    }

    .prev,
    .next {
        top: 49%;
        font-size: 18px;
    }

    .close {
        top: 23%;
        right: 18px;
        font-size: 20px !important;
    }

    /* 
    .lightbox {
        padding-top: 247px;
    } */
    .lightbox-content {
        margin-top: 53%;
    }
}

/* 23-09-2025 added css  */
@media(max-width: 373px) {

    .prev,
    .next {
        top: 49%;
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .lightbox-content {
        margin-top: 70%;
    }

    .close {
        top: 27%;
    }

}





/* Hide native select but keep it in form */
#real-select {
    display: none;
}

.custom-select {
    position: relative;
    width: 280px;
    font-family: Arial, sans-serif;
}

.custom-select .selected {
    padding: 12px 40px 12px 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    color: #666;
    font-size: 15px;
    position: relative;
}

/* Arrow */
.custom-select .selected::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

/* Dropdown list */
.custom-select .options {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    list-style: none;
    margin: 0;
    padding: 6px 0;
    z-index: 99;
}

.custom-select .options li {
    padding: 12px 16px;
    font-size: 15px;
    cursor: pointer;
}

.custom-select .options li:hover {
    background: rgba(var(--fd-gray-50), 1) !important;
}

.color-select {
    position: relative;
    width: 220px;
}

.listbox {
    position: absolute;
    z-index: 10;
    margin-top: 6px;
    display: none;
}

.listbox[aria-hidden="false"] {
    display: block;
}

.option {
    padding: 8px 8px;
    cursor: pointer;
    border-radius: 2px;
}

.option:hover,
.option[tabindex="0"] {
    background: rgba(var(--fd-gray-50), 1);
}

div#colorSelect {
    display: block;
    width: 100%;
    position: relative;
}

div#colorSelect img {
    position: absolute;
    right: 8px;
    top: 12px;
    z-index: -1;
}



/* 08-10-2025 added css start  */
#eb ul.mod-breadcrumbs.breadcrumb {
    justify-content: flex-start !important;
}

#eb .page-header h1 {
    text-align: start !important;
}

#eb .eb-entry-meta {
    display: block !important;
}

#eb .blog-container h2.pool-hed {
    font-size: 32px;
    line-height: 40px;
}

#eb .blog-container h2.inner-h2 {
    margin-top: 70px !important;
}

@media(max-width: 991px) {
    #eb .blog-container h2.inner-h2 {
        margin-top: 22px !important;
    }
}

@media(max-width: 768px) {
    #eb .col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #eb .blog-container h2.pool-hed {
        font-size: 24px;
        line-height: 34px;
        margin-top: 0 !important;
    }
}

.itemid-196 #eb .blog-inner-bnr h1.reset-heading {
    max-width: 59%;
}

@media(max-width: 768px) {
    .itemid-196 #eb .blog-inner-bnr h1.reset-heading {
        max-width: 100%;
    }
}

/* 08-10-2025 added css End  */


/* added for wills 22/11/25*/

.itemid-149 .page-header h1 {
    max-width: 780px;
    margin: 0 auto;
}


.itemid-149 .page-header {
        padding: 6% 3%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/banner-top-wills.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }
    /* added for wills  */
    
    /* added css for wills on mobile 22/11/2025 */
    
        @media (max-width: 768px) {
            .itemid-149 .page-header {
                background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/mb-banner-top-wills.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
                background-position: center;
                background-size: cover;
            }

              .itemid-157 .page-header {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 28.45%, rgba(0, 0, 0, 0.00) 140.66%), url(/images/pool/webp/freeform-pools-bn-800.webp) lightgray 0px 0.632px / 100% 231.95% no-repeat;
        background-position: center;
        background-size: cover;
    }
        }

/*--- start top breDCRUMB CSS 24022026 BY pt --*/
.page-header-top-breadcrumb ul.mod-breadcrumbs.breadcrumb.px-3.py-2 {
    margin-bottom: 0px !important;
    padding: 10px 0;
}
.page-header-top-breadcrumb ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li.mod-breadcrumbs__item.breadcrumb-item:after {
filter: brightness(0) saturate(100%) invert(8%) sepia(0%) saturate(3%) hue-rotate(56deg) brightness(105%) contrast(93%);
}
.page-header-top-breadcrumb li.mod-breadcrumbs__item.breadcrumb-item, .page-header-top-breadcrumb li.mod-breadcrumbs__item.breadcrumb-item a, .page-header-top-breadcrumb li.mod-breadcrumbs__item.breadcrumb-item a:hover {
    font-size: 14px;
	color: #1E1E1E!important;
}
@media(max-width: 768px) {
	.page-header-top-breadcrumb ul.mod-breadcrumbs.breadcrumb.px-3.py-2 li.mod-breadcrumbs__item.breadcrumb-item:after {
    background-size: cover;
    top: 3px;
    right: -19px;
}
	.page-header-top-breadcrumb li.mod-breadcrumbs__item.breadcrumb-item, .page-header-top-breadcrumb li.mod-breadcrumbs__item.breadcrumb-item a, .page-header-top-breadcrumb li.mod-breadcrumbs__item.breadcrumb-item a:hover {
    font-size: 14px;
}
    .page-header-top-breadcrumb ul.mod-breadcrumbs.breadcrumb {
        gap: 20px;
        row-gap: 0px;
    }
}
/*--- endtop breDCRUMB CSS 24022026 BY pt --*/