/* 400 - Regular */
@font-face {
    font-family: 'Product Sans';
    src: url('/templates/cassiopeia_township_pools/fonts/Product Sans Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* 500 - Using Bold as Medium */
@font-face {
    font-family: 'Product Sans';
    src: url('/templates/cassiopeia_township_pools/fonts/Product Sans Bold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* 900 - Using Bold as Heavy */
@font-face {
    font-family: 'Product Sans';
    src: url('/templates/cassiopeia_township_pools/fonts/Product Sans Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('/templates/cassiopeia_township_pools/fonts/ProductSans-Black.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
}


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

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

header.scroll-header {
    background: #fff;
    transition: background 0.3s ease;
}

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

html {
    font-size: 16px;
}

body {
    color: #4B4B4B;
    font-family: 'Product Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;
    position: relative;
}


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

a {
    text-decoration: none;
    color: #27BDDF;
}

p a {
    color: #00B3DE;
}

.city-bx  p a {
    color: #fff;
}

img {
    max-width: 100%;
}

.gap100 {
    gap: 100px;
}

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

.mob-vis {
    display: none;
}

.con-btn a,
.tp-phone-col a {
    border-radius: 100px;
    border: 1px solid #19429C;
    background: #19429C;
    padding: 8px 24px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    max-width: fit-content;
    gap: 8px;
    cursor: pointer;
}

a.wht-btn {
    background: #fff;
    border: 0;
    color: #19429C;
}


.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

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

.enq-btn a {
    border-radius: 100px;
    border: 1px solid #2FD4F9;
    background: #2FD4F9;
    padding: 16px 24px;
    color: #F8F9FA;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    aspect-ratio: 1/1;
    cursor: pointer;
}

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



.mt16 {
    margin-top: 16px;
}

.view-featured .blu-ban,
.itemid-350 , .itemid-438 .blu-ban,  .itemid-171 .blu-ban {
    background: url(/images/dsk-banner.webp) 100% no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.bn-col1 {
    max-width: 1087px;
    margin-left: auto;
    margin-right: auto;
}

.header a.brand img {
    width: 170px;
}

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

h1,
h2,
h3,
h4,
h5 {
    color: #151515;
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 500;
}

ul,
ol {
    list-style: none;
}

h1 {
    color: #151515;
    text-align: center;
    font-family: 'Product Sans';
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

h5 {
    font-size: 16px;
    font-weight: 500;
}

.mt24 {
    margin-top: 24px;
}

.pb56 {
    padding-bottom: 60px;
}

.pt56 {
    padding-top: 60px;
}

.gap56 {
    gap: 56px;
}

.flex .col.mx606,
.mx606 {
    max-width: 596px;
}

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

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

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

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

.pt56.pb56.bg-primary.pt0 {
    padding-top: 30px;
}

h2 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 900;
}

.mt32 {
    margin-top: 32px;
}
.mt56 {
    margin-top: 56px;
}
ul.main-lst li {
    padding-left: 34px;
    padding-top: 16px;
    position: relative;
}

ul.main-lst li::before {
    position: absolute;
    content: "";
    background-image: url(/images/ic_round-check-li.webp);
    width: 24px;
    height: 24px;
    top: 17px;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-primary {
    background: #E8FAFF;
}

.mlr-ato {
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

.mx762 {
    max-width: 762px;
}

.mx560 {
    max-width: 560px;
}

.mx601 {
    max-width: 601px;
}

.jst-cnt {

    justify-content: center;

}

.pt0 {
    padding-top: 0;
}

.gap24 {
    gap: 24px;
}

.wrp {
    flex-wrap: wrap;
}

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


.parent-border .col2 {
    flex: 1 45%;
    max-width: 50%;

}

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

.col2.chs-us-p {
    border-radius: 16px;
    padding: 32px 24px;
    display: flex;
    gap: 16px;
}

img.svg-icn {
  width: 32.667px;
}
img.svg-icn2 {
  width: 48px;
}


img.svg-icn-star {
  width: 27px;
}

.gap8{
    gap: 8px;
}


.fw-400{
    font-weight: 400;
}

h3.h4hed {
    color: #000;
    font-size: 32px;
    line-height: 38.4px;
}

.mt48 {
    margin-top: 48px;
}

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

.col.mx908,
.mx908 {
    max-width: 908px;
}

.Background__Base-sc-fd94690c-1.kinpGA.es-background-base {
    background-color: transparent !important;
}

.abv-foot-im {
    border-radius: 16px;
    background: url(/images/Request-bg.webp) no-repeat;
    background-size: cover;
    background-position: center;
}

.extra-pd.abv-foot-im .con-btn a {
    background: #00B3DE;
    border: 0;
}

.extra-pd.abv-foot-im a.wht-btn {
    background: unset;
    border: 1px solid #fff;
    color: #fff;
}

.extra-pd h2 {
    color: #fff;
    line-height: 48px;
}

.extra-pd.abv-foot-im {
    padding: 80px 56px;
}

.extra-pd-new{
    padding: 60px 56px !important;
}

.txw-f8 {
    color: #FFF;
    line-height: 25.6px;
}

.col.prps-pd.prps-pd-lf {
    padding: 50px 0 27px 0;
}

.blu-bg {
    background-color: #19429C;
}

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

.fotr-cols {
    flex-wrap: wrap;
    justify-content: space-between;
}

.colm1 {
    flex: 1;
    max-width: max-content;
}

.colm1.ft-col1 {
    max-width: 375px;
    flex: 1 375px;
}

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

li.phn-at a {
    display: flex;
    align-items: center;
    gap: 8px;
}

li.phn-at img {
    width: 26px;
}

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

.bg-cpy {
    background: #19429c;
    color: #fff;
    padding-bottom: 10px;
}

.bg-cpy a {
    color: #fff;
    text-decoration: underline;
}

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



h6.ft-hed {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.mt8 {
    margin-top: 8px;
}


ul.mt16.ftr-link2 li:first-child {
    padding-top: 0;
}

span.clk-cl {
    flex: 1;
}

li.phn-at.pdt0 {
    padding-top: 0;
}

span.clk-flx {
    max-width: 301px;
    display: flex;
    gap: 4px;
    width: 100%;
}



.frm-container {
    margin-top: 16px;
}

div#rsform_1_page_0 {
    /* display: flex; */
    align-items: flex-start;
    gap: 16px;
}

div#rsform_1_page_0 label.formControlLabel {
    display: none;
}

div#rsform_1_page_0 input#Email {
    color: #585858;
    font-size: 16px;
    font-family: 'Product Sans';
    font-weight: 400;
    line-height: 25.60px;
    word-wrap: break-word;
    padding: 8px 12px;
    width: 450px;
    border-radius: 4px;
    outline: 1px solid #585858 !important;
    border: 0;
}

div#rsform_1_page_0 input#Email[aria-invalid="true"],
div#rsform_8_page_0 input#Email[aria-invalid="true"],
div#rsform_8_page_0 input[aria-invalid="true"] {
    outline: 1px solid #ED0131 !important;
}

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


/* div#rsform_1_page_0 button#Submit, */
div#rsform_8_page_0 button#Submit2 {
    border-radius: 100px;
    /* border: 1px solid #19429C; */
    background: #19429C;
    padding: 8px 24px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    max-width: fit-content;
    gap: 10px;
    cursor: pointer;
}



div#rsform_1_page_0 button#Submit {
    border-radius: 100px;
    border: 1px solid #19429C;
    background: #19429C;
    padding: 8px 24px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    /* display: flex; */
    max-width: 100%;
    gap: 10px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

/* FAQ css start  */

.accordion-item {
    margin-bottom: 16px;
    /* padding: 24px; */
    border-radius: 24px;
    background: #FFF;
    position: relative;
    cursor: pointer;
    padding-right: 48px;
}

div :has(> .accordion-item-header.active) {
    /* padding: 24px; */
    border-radius: 24px;
    background: #e7fdff;
}

.accordion-item-header {
    color: var(--Black, #131313);
    /* font-family: 'Product Sans'; */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.6px;
}

.accordion-item-header::after {
    content: unset;
    background-image: url(/images/svg/caret-sym.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100%;
    position: absolute;
    right: 26px;
    top: 35px;
}

.accordion-item-header.active::after {
    content: unset;
    background-image: url(/images/svg/caret-sym.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

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

.accordion-item-body-content p {
    color: #585858;
    margin-top: 16px;
    font-family: 'Product Sans';
}






/* FAQ css End  */

/* blog css  */

#eb .lft-filtr {
    display: none;
}

#eb .eb-mod-title a {
    color: #000 !important;
    font-family: 'Product Sans';
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 33.6px !important;
}

#eb .eb-mod-body {
    color: var(--Grey, #4B4B4B);
    font-family: 'Product Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px !important;
}

#eb .mod-cell a {
    border-radius: 100px;
    border: 1px solid #2FD4F9;
    background: #2FD4F9;
    padding: 8px 16px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    max-width: fit-content;
    gap: 8px;
    margin-top: 16px;
}

#eb .mod-items-grid {
    margin-bottom: 0 !important;
}

.mod-grid.item.mod-grid-1,
.mod-grid.item.mod-grid-2,
.mod-grid.item.mod-grid-3 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    width: 33.33% !important;
    border: 1px solid #ddd;
}

.blog-img {
    width: 100%;
    margin: 0;
    padding: 0;
}

#eb .eb-post-listing.is-column.eb-post-listing--col-2,
#eb .eb-post-listing.eb-post-listing--col-2.is-column {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.eb-mod-thumb.is-center.is-full {
    width: 100%;
    height: 200px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.eb-mod-image-cover {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.eb-mod-image-cover img.hide {
    display: none;
}

.blog-content {
    padding: 16px 20px;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.eb-mod-title a.eb-mod-media-title {
    font-weight: 600;
    font-size: 1.15rem;
    color: #151515;
    text-decoration: none;
    margin-bottom: 8px;
}

.eb-mod-body {
    color: #555;
    font-size: 0.95rem;
    flex-grow: 1;
    margin-bottom: 16px;
}

.eb-mod-foot.mod-muted.mod-small {
    padding: 0 20px 20px 20px;
    font-size: 0.85rem;
    color: #777;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.eb-mod-foot .blg-sclr a {
    color: #1054c5;
    text-decoration: none;
    font-weight: 600;
}

.eb-mod-foot .blg-sclr a:hover {
    text-decoration: underline;
}

#eb .eb-mod-thumb .eb-mod-image-cover:before {
    content: unset !important;
}

#eb .eb-mod-thumb {
    margin: 0;
    padding: 0;
}

#eb .mod-items-grid>.mod-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}

#eb .eb-mod-thumb.is-center {
    margin: 0 !important;
}

#eb .mod-items-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    gap: 24px;
}

#eb .mod-items-grid>.mod-grid:last-of-type .mod-cell.blg-sclr {
    margin-top: 32px;
}


.com_easyblog.wrapper-static.view-entry ul.mod-breadcrumbs.breadcrumb li.mod-breadcrumbs__item,
.com_easyblog.wrapper-static.view-entry ul.mod-breadcrumbs.breadcrumb li.mod-breadcrumbs__item a {
    display: flex;
}

.site.com_easyblog.wrapper-static.view-entry div#row-fluidx {
    max-width: 100%;
    padding: 0;
}

.site.com_easyblog.wrapper-static.view-entry .page-header-inner {
    background: #E7FDFF;
    padding: 37px 0;
    color: #FFF;
    text-align: center;
    font-family: Arapey;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h1.reset-heading.blg-title {
    text-align: center !important;
    margin: 0 auto !important;
    margin-top: 12px !important;
}

.com_easyblog.wrapper-static.view-entry #eb .eb-entry-meta {
    display: none;
}

.site.com_easyblog {
    background-color: #fff;
}

.site.com_easyblog .banner-area-new {
    background: linear-gradient(270deg, #8CC4FF 27.26%, #27BDDF 100%);
}

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

}

.mx650 {
    max-width: 650px;
}

.mx680 {
    max-width: 680px;
}


#eb .input-group-btn>.btn {
    height: 44px !important;
    padding: 8px 12px 8px 12px !important;
    border-right: noneimportant;
    border-radius: 4px 0px 0 4px !important;
}

.search-fil-box {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

#eb .input-group-btn>.btn:hover {
    background-color: #fff !important;
}

#eb .form-control:focus {
    box-shadow: none !important;
    border-color: #d4d4d4 !important;
}

#eb .form-control {
    display: block;
    width: 100%;
    height: 44px !important;
    border-left: none !important;
    outline: none;
    padding: 8px 12px !important;
    color: var(--Secondary, #585858);
    border-radius: 0px 4px 4px 0px !important;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px !important;
}

.t-hidden {
    display: none;
}

.com_easyblog.wrapper-static.view-grid #eb .eb-post-listing__item {
    border-radius: 16px !important;
    border: none !important;
    background-color: #fff;
}

.com_easyblog.wrapper-static.view-grid #eb .eb-post-more.con-btn a {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 24px;
}

.com_easyblog.wrapper-static.view-grid #eb .eb-post-thumb .eb-post-image-cover {
    border: none;
    border-radius: 16px 16px 0 0px;
    box-shadow: none !important;
}

.com_easyblog.wrapper-static.view-grid #eb .eb-post-thumb.is-full {
    margin-bottom: 0px;
}

.com_easyblog.wrapper-static.view-grid #eb .eb-post-simple__title a {
    color: var(--Black, #000);
}

.com_easyblog.wrapper-static.view-grid #eb .eb-post-simple__title {
    font-family: "Product Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 34px;
    padding-top: 0;
}

.com_easyblog.wrapper-static.view-grid a.eb-post-image-cover {
    width: 100%;
    height: auto !important;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    display: block;
}

/* added by abhishek sajwan 28nov2025 */

.blog-col3 {

    max-width: 41% !important;
}


.site.com_easyblog.wrapper-static.view-entry h1 {
    max-width: 1000px;
}

.site.com_easyblog.wrapper-static.view-entry.eb-entry-head {
    display: none;

}

.mx936 {
    max-width: 936px;
}

/* EasyBlog listing cards (card.php) */

/* Listing wrapper: flex grid */
#eb .eb-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

/* Each item behaves as a 3-column card on desktop */
#eb .eb-posts .eb-post-listing__item {
    flex: 0 0 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
}

/* Card container */
#eb .eb-posts .eb-post-listing__item .eb-card {
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.12);
    border-radius: 32px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    height: 100%;
}

/* Ensure cover image fills the top nicely */
#eb .eb-posts .eb-post-listing__item .eb-card img {
    display: block;
    width: 100%;
    height: auto;
}

#eb .eb-posts .eb-post-listing__item .eb-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#eb .eb-posts .eb-post-listing__item .eb-card__bd {
    padding: 24px 28px 0 28px;
}

#eb .eb-posts .eb-post-listing__item .eb-card__ft {
    padding: 0 28px 24px 28px;
}

#eb .eb-posts .eb-post-listing__item .eb-post-body {
    margin-top: 8px;
}

/* Typography adjustments inside card body */
#eb .eb-posts .eb-post-listing__item .eb-card__bd h2,
#eb .eb-posts .eb-post-listing__item .eb-card__bd h3 {
    font-family: Arapey, serif;
    font-size: 28px;
    line-height: 1.3;
    color: #131313;
    margin-bottom: 8px;
}

#eb .eb-posts .eb-post-listing__item .eb-card__bd .eb-post-simple__meta,
#eb .eb-posts .eb-post-listing__item .eb-card__bd time {
    display: block;
    margin-bottom: 8px;
    color: #8c8c8c;
    font-size: 14px;
}

#eb .eb-posts .eb-post-listing__item .eb-post-more .btn,
#eb .eb-posts .eb-post-listing__item .eb-post-more a {
    border-radius: 100px;
    border: 1px solid #2FD4F9;
    background: #2FD4F9;
    padding: 8px 16px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
}

#eb .eb-posts .eb-post-listing__item .eb-post-more {
    margin-top: 20px;
}

#eb .eb-posts .eb-post-listing__item .eb-card__meta {
    margin-top: 16px;
}

.view-entry .col2.chs-us-p.new-chs-up-p.mx100 .icon-container {
    flex: unset;
}

.view-entry .icon-container img.svg-icn {
    width: 40px !important;
}

.pr {
    position: relative;
}

#eb .eb-entry-article .icon-container img {
    max-width: unset;
}

/* Stack cards to single column on smaller screens */
@media (max-width: 991px) {

    .mt16-special {
        margin-top: 16px;
    }

    .extra-pd.abv-foot-im .con-btn a {
        width: 95%;
        max-width: 400px;
        text-align: c;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .extra-pd.abv-foot-im .con-btn {
        display: flex;
        justify-content: center;
        width: 100%;
        text-align: center;
    }

    #eb .eb-post-listing.is-column.eb-post-listing--col-3,
    #eb .eb-post-listing.is-column.eb-post-listing--col-2,
    #eb .eb-post-listing.eb-post-listing--col-2.is-column {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }




    #eb .eb-posts {
        flex-direction: column;
    }

    #eb .eb-posts .eb-post-listing__item {
        flex: 0 0 100%;
        max-width: 100%;
    }



}

@media (max-width: 768px) {

    #eb .eb-post-listing.is-column.eb-post-listing--col-3,
    #eb .eb-post-listing.is-column.eb-post-listing--col-2,
    #eb .eb-post-listing.eb-post-listing--col-2.is-column {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}

/* Cover image sizing */
#eb .eb-posts .eb-post-listing__item .eb-post-thumb {
    width: 100%;
    height: 240px;
    margin: 0;
    padding: 0;
}

#eb .eb-posts .eb-post-listing__item .eb-post-thumb .eb-post-image-cover,
#eb .eb-posts .eb-post-listing__item .eb-post-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover !important;
    background-position: center !important;
}

#eb .eb-posts .eb-post-listing__item .eb-post-thumb,
#eb .eb-posts .eb-post-listing__item .eb-post-thumb .eb-post-image-cover {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}

/* Remove inner borders */
#eb .eb-posts .eb-post-listing__item .eb-card__bd.eb-card--border,
#eb .eb-posts .eb-post-listing__item .eb-card__ft .eb-card--border,
#eb .eb-posts .eb-post-listing__item .eb-card__ft-content {
    border: none;
    box-shadow: none;
}

/* Body text */
#eb .eb-posts .eb-post-listing__item .eb-post-body,
#eb .eb-posts .eb-post-listing__item .eb-post-body p {
    color: #585858;
    font-size: 16px;
    line-height: 1.6;
}

#eb .eb-posts .eb-post-listing__item .eb-post-body p {
    margin: 0;
}

.text-none {
    text-align: unset !important;
}

  .text-grey {
    font-size: 16px;
    color: #4b4b4b;
    font-weight: 400;
}

/* blog pagination css start */

/* Container line + centering */
#fd .o-pagination-wrapper {
    border-top: 1px solid #e0e0e0;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    color: #5f6368;
}

/* Inner group */
#fd .o-pagination>.inline-flex {
    display: inline-flex;
    align-items: center;
}

/* All buttons */
#fd .o-pagination__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    padding: 0 6px;
    border-radius: 9999px;
    text-decoration: none;
    border: none;
    background: transparent;
    color: #5f6368;
    cursor: pointer;
    font-size: 13px;
}

/* Icon-only arrows */
#fd .o-pagination__btn i {
    font-size: 11px;
}

/* Page numbers default */
#fd .o-pagination__btn span {
    line-height: 1;
}

/* Active page (aria-current) – blue filled circle */
#fd .o-pagination__btn[aria-current="page"] {
    background-color: #19429C !important;
    color: #F8F9FA;
    font-weight: 500;
}

/* Hover state for non-active, enabled buttons */
#fd .o-pagination__btn:not([aria-current="page"])[aria-disabled="true"]:hover {
    background-color: #F8F9FA !important;
    font-weight: 400;
}

/* Disabled buttons (first/prev when on page 1, etc.) */
#fd .o-pagination__btn[aria-disabled="true"],
#fd .o-pagination__btn[aria-disabled="true"]:hover {
    color: #c0c4c8;
    cursor: default;
    background: transparent;
}

/* Remove default Tailwind-like spacing that breaks the pill shapes */
#fd .o-pagination__btn.rounded-l-md,
#fd .o-pagination__btn.rounded-r-md,
#fd .o-pagination__btn.-ml-px {
    border-radius: 9999px;
    margin-left: 4px;
}

/* Optional: tighten gap between elements */
#fd .o-pagination .inline-flex>.o-pagination__btn:first-child {
    margin-left: 0;
}

/* blog pagination css end */

/* Blog Prev Next */

#fd .o-pagination {
    width: 100%;
}

#fd .o-pagination>.inline-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}

.o-pagination__btn .fa-angle-left::after {
    content: "Previous";
    left: -450px !important;
    position: absolute !important;
}

.o-pagination__btn .fa-angle-right::before {
    content: "Next";
    margin-right: 0 !important;
    position: absolute !important;
    right: -500px !important;
    width: 100% !important;
}

/* Prev */

#fd .o-pagination .inline-flex>.o-pagination__btn:first-child {
    display: none;
}

#fd .o-pagination__btn i {
    display: none;
}

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

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

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

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

#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).cursor-not-allowed: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):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: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) {
    position: relative;
    width: max-content;
    float: left;
    padding-left: 0px !important;
    overflow: visible;
    color: var(--Secondary, #585858);
    font-family: Inter;
    font-size: var(--Body, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-body, 25.6px);
    /* 160% */
}

#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;
}

/* Next */
.o-pagination-wrapper.px-xs.py-2xs.flex.items-center.justify-center.mb-sm.mt-sm {
    margin-top: 48px !important;
    padding-top: 20px !important;
}

#fd a.o-pagination__btn:nth-of-type(2).cursor-not-allowed[aria-disabled="true"]:before,
#fd a.o-pagination__btn:nth-last-child(2).cursor-not-allowed[aria-disabled="true"]:after {
    filter: brightness(0) saturate(100%) invert(93%) sepia(9%) saturate(120%) hue-rotate(169deg) brightness(85%) contrast(88%);
}

#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: var(--Secondary, #585858);
    font-family: Inter;
    font-size: var(--Body, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-body, 25.6px);
    /* 160% */
}



/* Blog Prev Next End*/

/* End */
/* Top gray line + center bar */
.o-pagination-wrapper {
    border-top: 1px solid #e0e0e0;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    color: #5f6368;
}

/* Treat whole thing as: Prev | numbers | Next */
.o-pagination {
    display: flex;
    align-items: center;
    gap: 56px;
}

/* Reset Tailwind-like spacing */
.o-pagination__btn {
    margin: 0 !important;
    padding: 0;
    border: none;
    background: none;
    text-decoration: none;
    color: #5f6368;
    cursor: pointer;
}

/* Hide first/last double arrows */
.o-pagination__btn .fa-angle-double-left,
.o-pagination__btn .fa-angle-double-right,
.o-pagination__btn .sr-only {
    display: none !important;
}

/* LEFT: Previous */
.o-pagination__btn .fa-angle-left {
    font-size: 11px;
    margin-right: 6px;
}

.o-pagination__btn .fa-angle-left::after {
    content: "Previous";
}

/* RIGHT: Next */
.o-pagination__btn .fa-angle-right {
    font-size: 11px;
    margin-left: 6px;
}

.o-pagination__btn .fa-angle-right::before {
    content: "Next";
    margin-right: 6px;
}

/* Center group (all buttons container) */
.o-pagination>.relative {
    display: inline-flex;
    align-items: center;
    gap: 18px;
}

/* Page numbers (Page 1, Page 2, etc.) */
.o-pagination__btn[aria-label^="Page"] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* Active page – blue circle */
.o-pagination__btn[aria-current="page"] {
    background-color: #8ab4ff;
    color: #ffffff;
    font-weight: 500;
}

/* Inactive pages */
.o-pagination__btn[aria-label^="Page"]:not([aria-current="page"]) {
    background: transparent;
    color: #5f6368;
}

/* Hover */
.o-pagination__btn[aria-label^="Page"]:not([aria-current="page"]):hover {
    background-color: #e8f0fe;
}

/* Disabled arrows (first page / last page) */
.o-pagination__btn[aria-disabled="true"],
.o-pagination__btn[aria-disabled="true"] * {
    color: #c0c4c8 !important;
    cursor: default;
}

#fd .o-pagination,
#fd .o-pagination__btn {
    align-items: center;
    background-color: transparent !important;
}

.rgt-main-contnt {
    padding: 60px 0;
}



#eb time.eb-post-simple__meta-date {
    color: var(--Grey, #4B4B4B);
    font-family: "Product Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

#eb .eb-post-simple__body {
    padding: 0;
    color: var(--Grey, #4B4B4B);
    font-family: "Product Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;
 
}

#eb a.btn-n.btn-default1 {
    color: var(--Dark-Blue, #19429C);
    font-family: "Product Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;
}

.blg-img img {
    padding-top: 40px ;
}

.blg-img img.pt0 {
  padding-top: 0;
}


#eb .col2.chs-us-p.new-chs-up-p.flx-col.blg-cd {
    flex: 1 100%;
    max-width: 100%;
}


/* blog css end  */


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

.pb0 {
    padding-bottom: 0 !important;
}

.mx708 {
    max-width: 708px;
}

.mx728 {
    max-width: 728px !important;
}

.mx850 {
    max-width: 850px;
}

.mx790 {
    max-width: 790px;
}

.mx525 {
    max-width: 525px !important;
}

.mx493 {
    max-width: 493px;
}

.mx238 {
    max-width: 238px;
}

/* 
.bg-bread-clr {
    background: linear-gradient(270deg, #8CC4FF 27.26%, #27BDDF 100%);
} */


.ptd32 {
    padding: 52px 0;
}

.page-header {

    background-color: #e7fdff;
}

.page-header h1 {
    color: #FFF;
    text-align: center;
    font-family: 'Product Sans';
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

li.mod-breadcrumbs__item.breadcrumb-item a span,
li.mod-breadcrumbs__item.breadcrumb-item.active span {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;

}


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

.text-center.pdft {
    padding: 8px 0;
}

a.pathway {
    position: relative;
}

/*
li.mod-breadcrumbs__item.breadcrumb-item:nth-child(2) a.pathway::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 44px;
    background-image: url(/images/svg/bread-caret.svg);
    width: 26px;
    height: 26px;
}*/

.itemid-349 .page-header h1 {
    max-width: 641px;
}

.itemid-359 .page-header h1 {
    max-width: 890px;
}

.itemid-348 li.mod-breadcrumbs__item.breadcrumb-item.active,
.itemid-352 li.mod-breadcrumbs__item.breadcrumb-item.active,
.itemid-359 li.mod-breadcrumbs__item.breadcrumb-item.active,
.page-tagline,
.itemid-356 li.mod-breadcrumbs__item.breadcrumb-item.active {
    display: none;
}

.phpdebugbar.phpdebugbar-closed,
.phpdebugbar.phpdebugbar-minimized.phpdebugbar-closed,
.phpdebugbar.phpdebugbar-minimized {
    display: none !important;
}

.f3-bg {
    background: #F3F6FD;
}

.mx732 {
    max-width: 732px;
}

.mx730 {
    max-width: 730px;
}

.mx734 {
    max-width: 734px;
}

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


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

.desktop-nav ul li:first-child span a {
    padding: 0;
}

/*.con-btn a:hover,
.enq-btn a:hover,
.tp-phone-col a:hover,
div#rsform_1_page_0 button#Submit:hover,
#eb .mod-cell a:hover {
    background: transparent;
    color: #000;
}*/

.icon-container img.svg-icn {
    width: 40px;
    max-width: 40px;
}

.gap16 {
    gap: 16px;
}

.itemid-351 .col2.chs-us-p,
.itemid-354 .col2.chs-us-p,
.non-center .col2.chs-us-p {
    text-align: start;
}

.col.bg-white {
    background-color: #fff;
    padding: 32px;
    border-radius: 0 24px 24px 0;
}

div#rsform_8_page_0 {
    margin-top: 24px;
}

strong.formRequired {
    display: none;
}

div#rsform_8_page_0 label.formControlLabel {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

div#rsform_8_page_0 input[type="text"],
div#rsform_8_page_0 input[type="email"] {
    color: #585858;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 25.60px;
    word-wrap: break-word;
    padding: 8px 12px;
    width: 100%;
    border-radius: 4px;
    outline: 1px solid #F3F9FF;
    border: 0;
    background: #F3F9FF;
    margin-bottom: 16px;
    margin-top: 8px;
}

div#rsform_8_page_0 .rsform-block.rsform-block-submit2.rsform-type-submitbutton label.formControlLabel {
    display: none;
}

div#rsform_8_page_0 button#Submit2 {
    margin-top: 24px;
    float: right;
    padding: 12px 40px;
}

.abs {
    position: absolute;
    left: 26%;
    top: 38%;
}

h2.abs-txt {
    color: rgba(39, 189, 223, 0.06);
    text-align: center;
    font-family: Inter;
    font-size: 256px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.6px;
}

.mx692 {
    max-width: 692px;
}

.mx654 {
    max-width: 654px;
}

.mx708 {
    max-width: 708px;
}

ul.main-lst.flexed-lst {
    display: flex;
    flex-wrap: wrap;
}

.flexed-lst li {
    flex: 1 49%;
    max-width: 49%;
}

ul.main-lst.flexed-lst li:last-child {
    flex: 1 100%;
    max-width: 100%;
}

.itemid-171 .ipbanner-wrapper.bg-shade {
    display: none;
}

.itemid-171 .pt56 {
    padding-top: 200px;
}

.itemid-171 .pb56 {
    padding-bottom: 200px;
}

.itemid-171 .abs {
    position: absolute;
    left: 33%;
    top: 32%;
}

.col2.chs-us-p.new-chs-up-p.mx100 {
    text-align: start;
}

.col2.chs-us-p.new-chs-up-p.mx100 .icon-container {
    flex: 1 6%;
}

.txt-strt {
    text-align: start !important;
}

.align-strt {
    align-items: flex-start !important;
}

.rel {
    position: relative;
}

.rel .con-btn a {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 90%;
    max-width: none;
    text-align: center;
}

p.price {
    color: #131313;
    font-family: Arapey;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38.4px;


}

.col2.chs-us-p.new-chs-up-p.txt-strt.align-strt.min-h.rel {
    height: 690px;
}

.h3.text-grey {
    font-size: xx-large;
    color: #464646;
}

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

li.mod-breadcrumbs__item.breadcrumb-item:after {
    content: "";
    background-image: url(/images/svg/bread-caret.svg);
    position: absolute;
    width: 18px;
    height: 18px;
    top: 5px;
    right: -23px;
    border-radius: 24px;
}

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

.text-start {
    align-items: start !important;
}

div#newsletter .col.mx606 {
    max-width: 624px;
    margin-top: 10px;
}

div#newsletter .col.mx606 img.cust-brd.img-shdw1 {
    border-radius: 24px 0 0 24px;
}

.dNtlyB {
    font-size: 36px !important;
}


/* added by abhishek sajwan 2Dec2025 */


.db-block {
    display: block !important;
    text-align: center !important;

}

.bg-skyblue {

    background-color: #e7fdff !important;
}

.container {
    max-width: 660px;
    padding-top: 16px;
    border-top: 1px solid #D5DFF1;
    margin: 0 auto;
    margin-top: 24px;
}

.mb48 {
    margin-bottom: 48px;
}



.bg-bread-clr {
    background: #e7fdff;
}

.page-header h1,
.page-header ul.mod-breadcrumbs li span,
.page-header ul.mod-breadcrumbs li span a,
li.mod-breadcrumbs__item.breadcrumb-item.active span {
    color: #000;
}



.parent-border>.col2 {
    border: 1px solid #d5dff1;
    border-radius: 16px;
}

h3.mx428 {
    font-size: 24px;
    line-height: 34px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb24 {
    margin-bottom: 24px;
}

/* css for 3 cards  */


/* end css  */

/* === FAQ (Accordion) — Figma match, no right chevron === */
.accordion {
    max-width: 866px;
    margin: 48px auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Closed items: no border */
.accordion-item {
    border: 0;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
}

/* Active (open) items: border + aqua background */
.accordion-item:has(> .accordion-item-header.active) {
    /* border: 1px solid #D5DFF1; */
    background: #E9FBFF;
    padding: 32px;
}

/* Header (question row) */
.accordion-item-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    /* space between icon and text */
    padding: 18px 32px;
    /* simplified padding (no right chevron space) */
    font-weight: 500;
    line-height: 28px;
    cursor: pointer;
    background: transparent;
}

.accordion-item-body {
    padding-left: 80px;
}

/* Left +/– icon */
/* Left icon — SVGs instead of + / – */
.accordion-item-header::before {
    content: "";
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    background-image: url("/images/svg/plus-circle.svg");
    /* ✅ your PLUS icon path */
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
}

.accordion-item-header.active::before {
    background-image: url("/images/svg/minus-circle.svg");
    /* ✅ your MINUS icon path */
}

/* Active header state */
.accordion-item-header.active {
    background: #E9FBFF;
    padding: 0px 0px 12px 0px;
}

.accordion-item-header.active::before {
    content: "–";
}

/* Body shell: background follows active state */
.accordion-item-body {
    transition: max-height .25s ease;
    overflow: hidden;
    background: #fff;
}

.accordion-item:has(> .accordion-item-header.active) .accordion-item-body {
    background: #E9FBFF;
    padding-left: 46px;
}

/* Answer text: aligned under question text */
.accordion-item-body-content {
    /* padding: 43px; 62 = icon + gap alignment */
    text-align: left;
    color: #4B4B4B;
}

.accordion-item-body-content p {
    margin: 0;
    font-size: 16px;
    line-height: 25.6px;
}

.flex .col.mx609{
    max-width: 609px;
}

.flex .col.mx575{
    max-width: 575px;
}

/* Mobile tweak */
@media (max-width: 600px) {
    .accordion-item-header {
        padding: 16px 18px;
    }

    .accordion-item-body-content {
        padding: 0px 0px 0px 35px;
    }
}


/* faq css en  */


.disc-li {
    list-style: disc;
}


/* contact us css start */

/* ===== Contact section layout ===== */

.pool-contact-section {
    background: #E8FAFF;
    /* same as .bg-primary to match design */
}

.pool-contact-wrapper {
    display: flex;
    gap: 56px;
    align-items: center;
    flex: 1 50%;
}

.cnt-box {
    /* width: 1267px; */
    /* border: 2px solid; */
    border-radius: 30px;
    background-color: #e7fdff;
    /* height: 607px; */
    padding: 35px;
    /* display: flex; */
}


/* two columns */
.pool-col {
    /* flex: 1 1 0; */
}


.pool-col-form {
    /* width: 100%;  */
    flex: 1 50%;

}

.pool-col-info {
    /* display: flex; */
    flex: 1 40%;
    align-items: stretch;
}

.pool-contact-card {
    background: transparent;
    /* padding-right: 40px; */
    /* width: 504px; */
}

.pool-contact-card h2 {

    font-size: 36px;
    line-height: 48px;
    margin-bottom: 12px;
    font-weight: 900;

}

.lead-text {
    font-size: 16px;
    font-weight: 400px;
}

.pool-contact-card .lead-text {
    margin-bottom: 32px;
}

/* info rows */
.pool-info-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 16px;
    background: #FFFFFF;

}

.pool-info-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    /* background: #E9FBFF; */
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 8px;

}

.pool-info-icon img {
    max-width: 40px;
    height: auto;
}

/* right column card overrides (slightly bigger padding) */
.pool-form-card {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 32px;
}



 

/* RESPONSIVE: stack columns on mobile */
@media (max-width: 991px) {
    .pool-contact-wrapper {
        flex-direction: column-reverse;
    }

    .pool-contact-card {
        padding-right: 0;
    }


    .parent-border {

        flex-direction: column;
    }
}





/* === RIGHT COLUMN — QUOTE FORM === */
/* Card shell */
.pool-form-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 32px 28px;
}

/* Title + subtitle */
.pool-form-card h2 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 8px;
}

.pool-form-card .sub-text {
    font-size: 16px;
    line-height: 25.6px;
    color: #4B4B4B;
    margin-bottom: 24px;
    font-weight: 400;
}


/* RSForm container */
.pool-rsform-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    /* spacing handled by margins below */
}



/* Each RSForm field block */
.pool-rsform-inner .rsform-block {
    margin-bottom: 16px;
}

/* Hide labels – placeholders act as labels */
.pool-rsform-inner .formControlLabel {
    position: absolute;
    left: -9999px;
}

/* Full-width field wrapper */
.pool-rsform-inner .rsform-block .rsform-field {
    width: 100%;
}

/* Hide RSForm labels (we rely on placeholders) */
.pool-rsform-inner .formControlLabel {
    position: absolute;
    left: -9999px;
}

/* input + textarea styling */
.pool-rsform-inner input[type="text"],
.pool-rsform-inner input[type="email"],
.pool-rsform-inner input[type="tel"],
.pool-rsform-inner textarea {
    width: 100%;
    padding: 11px 14px;
    font-size: 16px;
    font-family: 'Product Sans', sans-serif;
    border-radius: 6px;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    outline: none;
    box-sizing: border-box;
    transition: border-color .15s ease;
    font-weight: 400;
}

.pool-rsform-inner textarea {
    min-height: 140px;
    resize: vertical;
}

.pool-rsform-inner input:focus,
.pool-rsform-inner textarea:focus {
    border-color: #005DFF;
}


/* Error message */
/* RSForm validation message under each field */
.pool-rsform-inner .rsform-block .formValidation {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-style: italic;
    color: #E02020;
}


/* Submit button */
/* Hide submit label row if RSForm outputs one */
.pool-rsform-inner .rsform-block-submit2 .formControlLabel,
.pool-rsform-inner .rsform-block-submit .formControlLabel {
    display: none;
}

/* Submit button row */
.pool-rsform-inner .rsform-block-submit2,
.pool-rsform-inner .rsform-block-submit {
    margin-top: 24px;
}

/* Button itself */
.pool-rsform-inner .rsform-block-submit2 input[type="submit"],
.pool-rsform-inner .rsform-block-submit input[type="submit"],
.pool-rsform-inner .submit-row input[type="submit"],
.pool-rsform-inner .submit-row button {
    width: 100%;
    border-radius: 999px;
    border: none;
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 600;
    background: #1744B3;
    color: #ffffff;
    cursor: pointer;
}

/* Simple hover state */
.pool-rsform-inner .rsform-block-submit2 input[type="submit"]:hover,
.pool-rsform-inner .rsform-block-submit input[type="submit"]:hover {
    filter: brightness(1.05);
}


/* span text  */

.pool-info-icon>span {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
}





/* contact css end  */




/* === "Where To Find Us" banner ======================= */

.pool-location-banner {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    background: #19429C;
    max-width: 1030px;
    margin: auto;

}





/* LEFT — text block */

/* .pool-location-text {
    flex: 1 1 50%;
    padding: 64px 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    color: #FFFFFF;
} */


.pool-location-text {
    flex: 1 55%;
    padding: 60px 0px 60px 32px;
    color: #FFFFFF;
}


.pool-location-text h2 {
    color: #FFFFFF;
    font-size: 36px;
    line-height: 48px;
    font-weight: 900;
    margin: 0;
}

.pool-location-text p {
    font-size: 18px;
    line-height: 1.6;
}

/* Button */
.pool-location-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 40px;
    border-radius: 999px;
    background: #00B3DE;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}

/* RIGHT — image block */

.pool-location-image {
    flex: 1 45%;

}


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


img.mb-img {
    display: none;
}


.mx656{
    max-width: 656px;
}


.city-name.city-name2 {
    max-width: 879px;
}

.city-bx.area-bx {
width: max-content;
min-width: 170px ;
}

.mx540 {
    width: 540px;
}
.mx210{
    max-width: 210px;
}




.itemid-436 .accordion-item:nth-child(2) .accordion-item-header {
    gap: 0;
}
.itemid-436 .accordion-item:nth-child(2) .accordion-item-header::before {
    margin-right: 24px;
}





/* thankyou  */



.banner-area, .bg-cl-gren {
    background-color: #E9FBFF;
}

.pr {
    position: relative;
}

h1.bn-title {
    color: #0098BC;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.banner-cl1 p {
    font-size: 20px;
}

.m-ato {
    margin-left: auto;
    margin-right: auto;
}
.mas-wth920 {
    max-width: 920px;
}

.bdr24.bn-two-sec-flx, .banner-container, .header .bg-color {
    position: relative;
    z-index: 999;
}

.banner-cl1, .cta-cl1 {
    flex: 1 50%;
    max-width: 50%;
}



.ft-32{
    font-size: 32px ;
    font-weight: 400;
    font-style: normal;
    color: #151515;
    line-height: 38px;
}

.ft-18{
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    color: #4b4b4b;
    line-height: 38px;
}


/* css end  */

@media (max-width: 768px) {
    img.mb-img {
        display: block;
    }

    img.dt-img {
        display: none;
    }

    .city-wdt .city-bx {
        width: 208px;
    }
}




/* ====== Responsive (tablet + mobile) ====== */

@media (max-width: 991px) {
    .pool-location-text {
        padding: 56px 40px 40px;
    }

    .pool-contact-card h2,
    .pool-form-card h2 {
        font-size: 24px;
        line-height: 28.8px;
    }

    .pool-location-banner {

        flex-direction: column;
    }

    .city-bx {

        flex: 40%;

    }

    .pool-hed h2,
    .pool-hed {
        font-size: 24px;
        line-height: 28.8px;
        /* 120% */
    }

}

@media (max-width: 768px) {
    .pool-location-banner {
        flex-direction: column;
        border-radius: 32px;
    }

    .pool-location-text {
        padding: 40px 24px 32px;
        text-align: left;
    }

    .pool-location-text h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .pool-location-text p {
        font-size: 16px;
    }

    .pool-location-btn {
        width: 100%;
        justify-content: center;
    }

    /* mobile layout: blue card on top, image below with rounded bottom corners */
    .pool-location-text {
        background: #19429C;
        border-radius: 32px 32px 0 0;
    }

    .pool-location-image {
        border-radius: 0 0 32px 32px;
        overflow: hidden;

    }
}

/* where to find from township */

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




/* Added by Aman 26 Nov 2025 */

.svg100 {
    flex: 1 100% !important;
}


/* Added by abhishkek sajwan 26 Nov 2025 */

.rowflexdir {
    flex-direction: row !important;
}


/* service ares  css  */



.city-name {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 700px;
    padding: 40px 0px 0px;
    margin: auto;
}


.city-wdt .city-bx {
    width: unset;
}

.city-bx {
    border-radius: 8px;
    background: var(--Dark-Blue, #19429C);
    padding: 16px;
    display: flex;
    gap: 8px;
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    /* width: 171px; */
    line-height: 25.6px ;
    font-family: "Product Sans";
}



.col5.sev-bx {
    flex: 1 18%;
    padding: 16px 16px 54px;
    position: relative;
}

.sev-bx p b {
    color: #000 !important;
}

.con-btn.con2 {
    position: absolute;
    bottom: 0;
    max-width: 80%;
    width: 100%;
}

.con-btn.con2 a {
    flex: unset;
    max-width: 100% !important;
    justify-content: center;
}

.img-icon img.svg-icn {
    width: 24px;
}

.img-icon {
    border-radius: 8px;
    border: 1px solid #D5DFF1;
    max-width: max-content;
    padding: 10px 10px 0px;
    margin-bottom: 16px;
}

.f-28{
    font-size: 28px;
     line-height: 40px;
    
}

img.svg-icn {
    min-width: auto !important;
}
h2.pool-hed ~ h3 {
  font-size: 26px;
}

h2.pool-hed.mob-hed ~ h3 {
  font-size: 16px;
  line-height: 22.4px;
  color: #4b4b4b;
  font-weight: 400;
}


h2.pool-hed.mob-hed2 ~ h3 {
  font-size: 16px;
    line-height: 25.6px;
    font-weight: 400;
    color: #151515;
    font-family: "Product Sans";
}

 
h5{
    color: #4B4B4B;
}



/* tanya ma'am css added  */

.four-col-flx .new-chs-up-p {
    flex: 1;
}


/* css end  */




.col2.chs-us-p>.flx-unset {
    display: block !important;
}


.mx180 {
    max-width: 180px;

}



/* h3 style  */


h3.gr-h3 {
    font-size: 28px !important;
    color: #4B4B4B !important;
    font-weight: 900 !important;
}

.mx560 {
    max-width: 560px;
}



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


.col2.new-chs-up-p .bg-primary {

    background-color: #E8FAFF;
}


/* Comming soon page  */
.itemid-350 .page-header.ptd32.bg-bread-clr,
.itemid-350 .headerRight {
    display: none;
}

.itemid-350 .header-inner {
    justify-content: center;
}

.itemid-350 .header a.brand img {
    width: 249px;
}


.itemid-350 ,.itemid-438   .pt56 {
    padding-top: 180px;
}

.itemid-350 , .itemid-438  .pb56 {
    padding-bottom: 180px;
}




/* added css by yogita maam  */

.blu-ban {
    position: sticky;
    top: 0;
    z-index: 999999999999999;
}
.itemid-101 .blu-ban {
    position: unset;
}

.mx168{
      max-width: 168px;
} 

.mx200{
max-width: 200px;
}

.mx890{
    max-width: 890px;
}

.h3-head h3 {
    max-width: 350px;
    font-size: 28px;
    line-height: 38px;
}

.h3-head.mx-unset h3 {
  max-width: none !important; /* or unset */
}


.mx-250{
    max-width: 250px;
}

.blu-bg.br-rds {
    border-radius: 16px;
}
.city-bx.service-bx {
    width: 100%;
    padding: 24px;
    border-radius: 16px;
}

.line {
    border: 1px solid #00B3DE;
    margin: 48px 16px 00px 00px;
}

.blu-bg.br-rds {
    border-radius: 16px;
}

.blu-bg.br-rds.wdth-683 {
    width: 683px;
}



.mx40 {
    flex: 1 22%;
    max-width: 24%;
}

h2.pool-hed.mx485 {
    width: 485px;
}




.accordion-item ul.disc-li {
    padding-left: 24px;
    padding-top: 5px;
}



.mx250{
    max-width: 250px;

}

.mx124{
max-width: 124px;
}

.col.mx578.new-box {
   flex: 1 55%;
    max-width: 55%;
}

.mx310{
    max-width: 310px;
}

.mx410{
    max-width: 410px;
}


.itemid-436 .accordion-item:nth-child(2) .accordion-item-header a {
    padding-left: 5px;
}

.mx110{
    max-width: 110px;
}

.mx260px{
    max-width: 260px;
}

.mx470{
    max-width: 470px;
}

.mx380{
    max-width: 380px;
}


/* 404 css  */

 .abs, .itemid-438 .abs, .container-box .abs {
    position: absolute;
    left: 15%;
    top: 30%;
    z-index: -99999999999999999999;
}

.itemid-438 .abs {
    position: absolute;
    left: 22%;
    top: 48%;
}

.abs {
    position: absolute;
    left: 23%;
    top: 47%;
}

h2.abs-txt {
    color: rgba(255, 255, 255, 0.35);
    text-align: center;
    font-family: 'Product Sans' ;
    font-size: 438px;
    font-style: normal;
    font-weight: 900;
    line-height: 25.6px;
}







/* added css for page-header  */



/* keep the header content centered */
.page-header {
  position: relative;
  overflow: hidden;            /* safety */
}

/* stretch ONLY the background to the viewport */
.page-header::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #e7fdff;
  z-index: -1;
}

/* make sure your .site-width still behaves as your template defines */
.page-header .site-width {
  position: relative;
  z-index: 1;
}

/* Blog header full-bleed background without horizontal overflow */
.page-header.blog{
  position: relative;
  background: #e7fdff;                 /* your blue */
  box-shadow: 0 0 0 100vmax #e7fdff;   /* extend background to both sides */
  clip-path: inset(0 -100vmax);        /* prevent overflow */
}

/* keep the inside content aligned like before */
.page-header.blog .site-width{
  position: relative;
}


/* css end  */






@media (min-width: 1441px) {
    .itemid-171 .abs {
        left: 16%;
    }
}




/* css end  */




/* css for 4o4 page  */

.page-404  {
  position: relative;
  z-index: 1;
}


.pos-no .blue-ban{
position: unset !important;
}


/* css end  */
h2.abs-txt.new-abs-text {
    margin-top: -100px;
    margin-bottom: 100px;
}
header.header.container-header.full-width.scroll-header {
    position: sticky;
    top: 0;
    z-index: 999999999999999;
}
.itemid-101 header.header.container-header.full-width {
    position: absolute;
    width: 100%;
}
.view-featured .blu-ban {
    padding-top: 100px;
}
.itemid-101 header.header.container-header.full-width.scroll-header {
    position: sticky;
    width: 100%;
}


.mx575{
    max-width: 575px;
}

/* ================================
   itemid-438: header transparent (static + scroll)
   ================================ */

/* Force transparent backgrounds on the header + common inner wrappers */
.itemid-438 header.header.container-header.full-width,
.itemid-438 header.header.container-header.full-width.scroll-header,
.itemid-438 header.header.container-header.full-width .header-inner,
.itemid-438 header.header.container-header.full-width .site-width {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* If a pseudo overlay is causing the white strip */
.itemid-438 header.header.container-header.full-width::before,
.itemid-438 header.header.container-header.full-width::after,
.itemid-438 header.header.container-header.full-width .header-inner::before,
.itemid-438 header.header.container-header.full-width .header-inner::after {
  background: transparent !important;
}

/* Make header sit ON TOP of the page so you don’t see the body’s white behind it */
.itemid-438 header.header.container-header.full-width {
  position: fixed !important; /* use fixed if you want it to stay visible while scrolling */
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999999999;
}

/* Prevent content from hiding under the absolute header */
.itemid-438 .blu-ban {
  padding-top: 100px; /* adjust to your header height (try 80–120px) */
}



.itemid-171 .blu-ban .site-width {
    z-index: 9999;
    position: relative;
}


@media (min-width: 1440px) {
    .banner-bg {
        background-position: 0 7%;
    }
}


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

}



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

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

    .mx50 {
        flex: 1 48%;
        max-width: 48%;
    }

}

@media (max-width: 991px) {
	.itemid-171 .pb56 {
    padding-bottom: 100px;
}
.itemid-171 .pt56 {
    padding-top: 100px;
}
    div#newsletter .col.mx606 {
        max-width: 100%;
        margin-top: 0px;
    }

    div#newsletter .col.mx606 img.cust-brd.img-shdw1 {
        border-radius: 24px 24px 0 0px;
        display: flex;
    }

    .col.bg-white {
        padding: 24px;
        border-radius: 0 0px 24px 24px;
    }

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

    .mob-vis {
        display: block;
    }

    .dsk-vis {
        display: none;
    }

    .pool-contact-wrapper {
        flex-direction: column;
    }




    h1 {
        font-size: 36px;
    }

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

    .pt56,
    .rgt-main-contnt {
        padding-top: 40px;
    }

    .pb56 {
        padding-bottom: 26px;
    }

    .tbmt0 {
        margin-top: 0;
    }

    .gap56 {
        /* gap: 32px; */
        gap: 56px;
    }

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

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

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

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

    h2 {
        font-size: 36px;
        line-height: 48px;
        /* 120% */
    }

    .mt32 {
        margin-top: 24px;
    }
    .mt56 {
    margin-top: 24px;
    }


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

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

    .extra-pd h2 {
        text-align: center;
        line-height: 38.4px;

    }

    .txw-f8 {
        text-align: center;
        line-height: 22.4px;
       
    }

    .mob-d {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .extra-pd.abv-foot-im {
        padding: 32px 32px;
    }

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

    .banner-bg {
        padding: 16px;
    }

    #eb .mod-items-grid {
        flex-direction: column;
    }

    .mod-grid.item.mod-grid-1,
    .mod-grid.item.mod-grid-2,
    .mod-grid.item.mod-grid-3 {
        width: 100% !important;
    }

    .accordion-item-header {
        font-size: 26px;
        line-height: 31.2px;

    }

    h3.h4hed {
        font-size: 24px;
        line-height: 31.2px;
    }

    .page-header h1 {
        font-size: 36px;
        line-height: normal;
    }

    .pt56.pt0 {
        padding-top: 0;
    }

    .col.mx578.bg-white {
        border-radius: 24px 24 0 0px;
    }

    .col2.chs-us-p.new-chs-up-p.txt-strt.align-strt.min-h.rel {
        height: auto;
    }

    .rel .con-btn a {
        position: static;
    }


    .col5.sev-bx {
        flex: 1 46%;
    }

    .cnt-box {
        /* width: 1267px; */
        /* border: 2px solid; */
        border-radius: 16px;
        background-color: #e7fdff;
        /* height: 607px; */
        padding: 24px 16px;
        /* display: flex; */
        margin: 0;
    }



    .pool-location-banner {

        width: auto;

    }

    .small-h2 {
        font-size: 24px;
        line-height: 28.8px;
        /* 120% */
    }


    .four-col-flx {
        flex-direction: column;
    }

    .mob-flex-col {
        flex-direction: column;
    }


    li.mod-breadcrumbs__item.breadcrumb-item:nth-child(4):after {
        content: unset;
    }

    .mod-breadcrumbs li:nth-child(5) {
        display: none;
    }


    .flex-40 .col2 {
        flex: auto;
        max-width: unset;
    }

 .parent-border {
      flex-direction: unset;
    }

   
.itemid-438 .abs {
    position: absolute;
    left: 1%;
    top: 48%;
}
h2.abs-txt {
font-size: 370px;

}


}

@media (max-width: 768px) {
        .accordion {
        padding: 0 0px !important;
    }
    .accordion-item-body {
    padding-bottom: 0px !important;
}
    div#rsform_8_page_0 button#Submit2 {
        max-width: 100%;
        width: 100%;
        text-align: center;
        justify-content: center;
        max-width: 400px;
    }

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

    .enq-btn a.crc {
        padding: 8px;
        width: 40px;
        height: 40px;
    }

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

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

    .col.prps-pd.prps-pd-lf {
        padding: 0;
    }

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

    .abv-foot-im {
        background: url(/images/Request-bg.webp) no-repeat;
        background-size: cover;
        background-position: center;
    }

    .mx238 {
        max-width: 250px;
    }

    .col5.sev-bx {
        flex: 1 100%;
    }


    .con-btn.con2 {
        max-width: 90%;
    }

   
 .accordion-item:has(> .accordion-item-header.active) {
        /* border: 1px solid #D5DFF1; */
        background: #E9FBFF;
        padding: 16px 16px 16px 16px !important;
    }
    .extra-pd.abv-foot-im {
    padding: 54px 24px 54px !important;
}

}

@media (max-width: 650px) {

    .f-28{
        margin-top: 12px !important;

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

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

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

    .flexed-lst li {
        flex: 1 100%;
        max-width: 100%;
    }

    .gap100 {
        gap: 20px;
    }

    .con-btn {
        flex-direction: column;
        gap: 10px;
    }

    .con-btn a {
        width: 100%;
        max-width: 70%;
        display: block;
        text-align: center;
    }

    h2.pool-hed.mob-hed2 ~ h3 {
  font-size: 14px;
    line-height: 22.4px;
    font-weight: 400;
    color: #151515;
    font-family: "Product Sans";
}
}


@media (max-width: 597px) {
    div#rsform_1_page_0 {
        flex-direction: column;
    }

    div#rsform_1_page_0 input#Email {
        width: 100%;
    }


.itemid-438 .abs {
    position: absolute;
    left: 5%;
    top: 180px;

}

h2.abs-txt {

    font-size: 170px;

}



}


/* css for cards and faq for mobile  */

/* ----- Mobile FAQ style (small screens) ----- */
@media (max-width: 600px) {
    .accordion {
        margin: 40px auto 0;
        padding: 0 16px;
        /* side breathing room */
        gap: 10px;
        max-width: 866px;
    }

    /* Closed items: no border; Open item becomes a single aqua pill */
    .accordion-item {
        border: 0;
        border-radius: 20px;
        background: #fff;
        overflow: hidden;
    }

    .accordion-item-header.active,
    .accordion-item:has(> .accordion-item-header.active),
    .accordion-item:has(> .accordion-item-header.active) .accordion-item-body {
        background: #E9FBFF;
        /* light aqua pill */
        padding: 0 0px 18px 0;
    }

    /* Header (question) */
    .accordion-item-header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 16px;
        /* tighter on mobile */
        font-weight: 700;
        /* bold like the mockup */
        font-size: 18px;
        line-height: 24px;
        cursor: pointer;
        background: transparent;
    }

    /* Left +/– icon (no right chevron on mobile) */
    .accordion-item-header::before {
        content: "";
        background-image: url(/images/svg/plus-circle.svg);
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid #000000;
        color: #4B7C88;
        font-size: 16px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
    }

    .accordion-item-header.active::before {
        content: "–";
    }

    .accordion-item-header::after {
        display: none;
    }

    /* hide right chevron */

    /* Body text aligned under the question text (indent = icon + gap) */
    .accordion-item-body {
        transition: max-height .25s ease;
        overflow: hidden;
    }

    .accordion-item-body-content {
        padding: 0px 0px 0px 35px;
        /* 16 left + 24 icon + 12 gap = 52 */
        text-align: left;
        font-size: 16px;
        line-height: 26px;
        color: #4B4B4B;
    }

    .accordion-item-body-content p {
        margin: 0;
    }

.ft-32{
font-size: 24px ;
}

.ft-18{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #4b4b4b;
    line-height: 19.2px;
    max-width: 260px;
   margin: 16px auto;

}



}


/* ------- Mobile styles for 3 pricing cards ------- */
@media (max-width: 650px) {

    /* stack cards cleanly */
    .parent-border {
        gap: 16px;
    }

    /* card shell */
    .parent-border>.col2 {
        max-width: 100%;
        border: 1px solid #D5DFF1;
        /* light outline like mockup */
        border-radius: 20px;
        background: #fff;
        padding: 24px 20px;
        display: block;
        text-align: left;
        /* body copy will be left-aligned */
    }

    /* top icon in a soft rounded square */
    .parent-border>.col2 .svg-icn {
        /* width: 40px; */
        /* height: 40px; */
        /* padding: 8px; */
        /* border-radius: 12px; */
        /* background: #E9FBFF; */
        /* border: 1px solid #D5DFF1; */
        /* display: block; */
        margin: 0 auto 12px;
        /* center the icon */
        /* object-fit: contain; */
    }

    /* headline — centered like Figma */
    .parent-border>.col2 h3 {
        text-align: unset;
        /*left text */
        /* margin: 0 auto 8px; */
        max-width: 28ch;
        /* keeps nice wrap on mobile */
        font-weight: 900;
        /* bolder like the comp */
        font-size: 20px;
        line-height: 28px;
    }

    /* body block — left aligned, comfortable spacing */
    .parent-border>.col2 .txt-strt {
        text-align: left !important;
        margin-top: 8px;
    }

    .parent-border>.col2 .txt-strt p {
        margin-top: 12px;
    }

    /* checklist */
    .parent-border>.col2 .main-lst {
        margin-top: 12px;
    }

    .parent-border>.col2 .main-lst li {
        padding-top: 12px;
        /* a bit tighter on mobile */
    }

    /* divider line */
    .parent-border>.col2 .line {
        height: 1px;
        background: #E4EAF5;
        border-radius: 2px;
        margin: 12px 0 16px;
    }
}



/* ===== FAQ — small screens text alignment ===== */
@media (max-width: 600px) {

    /* container padding and spacing between items */
    .accordion {
        padding: 0 16px;
        margin: 40px auto 0;
        gap: 18px;
    }

    /* closed items: no border (your requirement) */
    .accordion-item {
        border: 0;
        border-radius: 20px;
        background: #fff;
        overflow: hidden;
    }

    /* open item looks like a single aqua pill */
    .accordion-item:has(> .accordion-item-header.active),
    .accordion-item-header.active,
    .accordion-item:has(> .accordion-item-header.active) .accordion-item-body {
        background: #E9FBFF;
    }

   


    /* QUESTION ROW — left alignment with icon + clean wrapping */
    .accordion-item-header {
        display: flex;
        /* icon + text */
        align-items: flex-start;
        /* keep icon aligned with first line */
        gap: 12px;
        /* space between icon & text */
        padding: 16px;
        /* mobile padding */
        text-align: left;
        /* ensure left aligned */
        font-weight: 700;
        /* bold question, matches design */
        font-size: 18px;
        line-height: 24px;
        cursor: pointer;
    }

    /* left +/– icon */
    .accordion-item-header::before {
        content: "+";
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        /* fixed width so text never wraps under it */
        border-radius: 50%;
        border: 2px solid #000000;
        color: #000000;
        font-size: 16px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 2px;
        /* optical align with first text line */
    }

    .accordion-item-header.active::before {
        content: "–";
    }

    /* ANSWER — indented so lines start exactly under question text */
    .accordion-item-body {
        transition: max-height .25s ease;
        overflow: hidden;
    }

    .accordion-item-body-content {
        /* 16 (header left padding) + 24 (icon) + 12 (gap) = 52px indent */
        padding: 0px 0px 0px 35px;
        text-align: left;
        font-size: 16px;
        /* uses site base size */
        line-height: 25.6px;
        /* uses site base line-height */
        color: #4B4B4B;
        /* body color from theme */
    }

    .accordion-item-body-content p {
        margin: 0;
    }

    .four-col-flx {
        flex-direction: column;
    }

.ctc-bxs .col2.chs-us-p {
    padding: 16px;
    gap: 16px;
}



}


@media (max-width: 400px) {
    .city-bx {
        gap: 8px;
        justify-content: left;
        /* flex: 1 100%; */
        padding: 8px;
    }



ul.mod-breadcrumbs.breadcrumb.px-3.py-2{
gap: 14px;
}

li.mod-breadcrumbs__item.breadcrumb-item:after{
right:-17px;
}

.mx656{
    max-width: 250px;
}





}

@media(max-width: 695px){
.blu-bg.br-rds.wdth-683{
width: 100%;
}
.mx540{
    max-width: 100%;
}

h2.pool-hed.mx485{
    max-width: 100%;
}

}


/* addded by aman on 19/12/2025  */
@media (max-width: 660px) {
  .parent-border .col2 {
    flex: 1 100%;
    max-width: 100%;
}

  .parent-border {
      flex-direction: column;
    }
}

.parent-border h3 {
    font-size: 27px;
    margin-top: 22px;
    line-height: 38px;
    margin-bottom: 16px;
}
.city-name.city-wdt.mx655 {
    max-width: 715px;
}

.abv-foot-im .mb48 {
margin-bottom: 0px;
}
.extra-pd.abv-foot-im {
    padding: 70px 56px 80px;
}
/* css added by saksham-23-2-26 (pricing) start*/
.pricing-sec .col2 {
    flex: 1 32%;
    max-width: 32%;
}

@media (max-width: 660px) {
    .pricing-sec .col2  {
        flex: 1 100%;
        max-width: 100%;
    }
}
a.clr-blk {
    color: #4B4B4B;
}
/* css added by saksham-23-2-26 end*/