/* BODY (ALL)  */
* {
    font-family: "Poppins", sans-serif;
}
body {
    color: #000000;
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

/* BODY (ALL) */

/* ___________________________________________________________________________ */
/* HEADER SECTION */

/* ALERT STYLE TOP */
.alert-section .alert-indicators span {
    cursor: pointer;
}
.alert-section .update-btn {
    padding: 2px 7px;
    background-color: #fff;
    color: #000;
    border-radius: 2px;
}
.alert-section {
    min-height: 44px; /* height:44px; */
    background-color: #e0f5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: height 0.5s, min-height 0.5s;
    overflow: hidden;
}
.alert-section .container {
    display: flex;
    align-items: center;
}
.alert-section .alert_cont {
    display: none;
}
.alert-section .alert_cont.active-alert {
    display: contents;
}
.alert-section .right-content .first-dot,
.second-dot {
    font-size: 8px;
}
.alert-section .text-update {
    font-weight: 500;
    margin-left: 14px;
    flex-grow: 1;
    white-space: nowrap;
    width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;
    text-align: left;
}
.alert-section .right-content .hide-icon {
    margin-left: 20px;
}
.alert-section .alert-indicators {
    position: relative;
    top: -1px;
}
.alert-section.changed-to-warning {
    background-color: #ffefd6;
}
.alert-section.changed-to-warning .alert-content > i {
    color: #ff9500;
}
.alert-section.changed-to-danger {
    background-color: #f7bebb;
}
.alert-section.changed-to-danger .alert-content > i {
    color: #ff3b30;
}
.alert-section .right-content > a > .mat-i {
    font-size: 9px;
}
/* .alert-section.changed-to-warning .right-content .first-dot{color:#000} */
/* .alert-section.changed-to-warning .right-content .second-dot{color:#FF9500} */
/* .alert-section .right-content .first-dot{color:#29A2CE} */
/* .alert-section .right-content .second-dot{color:#000} */
.align-mat-dot {
    font-size: 14px;
    color: #1da1f2;
    position: relative;
    top: 2px;
    margin-right: 4px;
}
.hide-alert {
    color: #000;
    font-size: 12px;
    background-color: transparent;
    border: none;
    padding: 0;
}
.arrow-link-pullup {
    margin-top: -12px;
}

/* ___ */
.alert-section .alert-indicators_m button {
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0;
}
.alert-section.changed-to-warning {
    background-color: #ffefd6;
}
.alert-section.changed-to-warning .right-content .first-dot.active-dot {
    color: #ff9500;
}
.alert-section.changed-to-danger .right-content .first-dot.active-dot {
    color: #ff3b30;
}
.alert-section .right-content .first-dot.active-dot {
    color: #29a2ce;
}

/* __- */
/* ALERT TOP */

/* SLIM NAV*/
.slim-nav {
    border-bottom: 1px solid #0072ce;
    height: 33px;
}
.slim-nav .nav-elements {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    height: 100%;
    margin-bottom: 0px;
    align-items: center;
}
.slim-nav .nav-elements a {
    font-size: 12px;
    text-transform: uppercase;
    color: #008a83;
    margin-left: 28px;
}
.slim-nav .container {
    height: 100%;
}
/* SLIM NAV */

.brand {
    float: left;
    padding: 0;
}
.fixed-top .brand {
    padding: 5px 0 5px 15px;
}
.brand img {
    height: 64px;
    transition: height 0.15s ease, margin 0.15s ease;
    margin: 8px 0px;
}
.main-navbar {
    min-height: 63px;
    display: flex;
    align-items: center;
}
.main-navbar .main-nav-elements {
    color: #0072ce;
    text-transform: uppercase;
}
.main-navbar .nav-item.show {
    font-weight: 600;
    letter-spacing: -0.22px;
}
.main-navbar .nav-item.show .nav-link span {
    font-weight: 600;
}
.main-navbar .main-nav-elements .nav-link {
    font-size: 12px;
    padding: 0;
}
.main-navbar .main-nav-elements .nav-item {
    margin-right: 40px;
}
.main-navbar .main-nav-elements .nav-item:last-child {
    margin-right: 32px;
}
.main-navbar .main-nav-elements .nav-item:last-child .dropdown-menu {
    left: -132px;
}
.main-navbar .main-nav-elements .icon {
    position: relative;
    top: 5px;
    font-size: 20px;
}
.main-navbar .search-btn {
    margin-left: 34.5px;
}
.nav-item .nav-link > i {
    margin-left: 6px;
}
.main-navbar .search-btn span {
    font-size: 28px;
    color: #0072ce !important;
}
.search-section .search-icon {
    font-size: 20px;
}
.search-section {
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-navbar .bar_icon {
    margin-top: 1px;
    height: 25px;
    width: 0.5px;
    background: #0072ce;
}
.main-navbar .st-line {
    height: 25px;
    border-left: 1px solid;
    border-color: #0072ce;
}
.main-navbar .dropdown-toggle::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    border: none;
    vertical-align: 0;
    margin-left: 6px;
}
.dropdown-menu .dropdown-item:hover {
    background: none;
}
.main-nav-elements .dropdown-menu {
    top: 39px;
    left: -16px;
    border: none;
    border-radius: 0;
    min-width: 229px;
    letter-spacing: normal;
}
.main-nav-elements .dropdown-item {
    font-size: 12px !important;
    color: #0072ce !important;
    padding: 7px 0 7px 16px;
}

.menu-block {
    margin-right: 9px;
}
.menu-block .search-bar-btn {
    font-size: 1.25rem;
    position: relative;
    top: 1px;
    margin-right: 13px;
}
.menu-block .fa-times {
    font-size: 22px;
}
/* HEADER END */

/* FOOTER  */
.footer-cards-back {
    background-color: #0072ce;
}
.footer-cards-back .footer-card-section .footer-infos-card {
    min-height: 190px;
    background-color: #fff;
    padding: 20px 16px 16px 56px;
    height: 100%;
}
.footer-cards-back .footer-card-section {
    padding: 40px 0 40px 0px;
}
.footer-cards-back .navigate-link {
    margin-top: 0;
}
.footer-card-section .info-f-content:last-child {
    padding-bottom: 0 !important;
}
.footer-card-section .footer-infos-card .infos-f-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.footer-card-section .footer-infos-card .info-f-body {
    margin-top: 14px;
}
/* .footer-card-section .footer-infos-card .navigate-link{position: absolute;bottom: 30px;} */
.footer-card-section .footer-infos-card .info-f-body .info-f-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 7px;
    line-height: 13px;
}
.footer-card-section .footer-infos-card .infos-f-list {
    padding: 14px 2px 4px 8px;
}
.footer-card-section .footer-infos-card .infos-f-list > li::marker {
    content: "・";
    font-size: 14px;
    color: #000000;
    vertical-align: bottom;
}
.footer-main {
    margin-top: 25px;
}
.footer-main .heading {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 12px;
}
.footer-main .text {
    text-transform: uppercase;
    font-size: 12px;
    color: #0072ce;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 16px;
    display: block;
}
.footer-main .text:hover {
    font-weight: bold;
}
.slim-footer {
    margin-top: 15px;
    border-top: 1px solid #0072ce;
    height: 50px;
    color: #1f7c9e;
    font-size: 12px;
}
.slim-footer .left-f {
    display: flex;
}
.slim-footer .right-f {
    float: right;
}
.active-bold-d {
    font-weight: 600;
    margin-right: -0.7px;
}
.c-menu {
    color: #0072ce !important;
    text-decoration: none;
    border: none;
}
/* .c-menu:focus {
    outline: none;
} */
.m-footer-main {
    margin-top: 28px;
}
.m-footer-main .brand {
    float: none;
}
.m-footer-main .collaps-block {
    color: #0072ce;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #0072ce;
    text-transform: uppercase;
    padding: 10px 0;
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}
.m-footer-main .collaps-block .heading {
    cursor: pointer;
    display: flex;
    font-size: 12px;
}
.m-footer-main .collaps-block .heading::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    border: none;
    vertical-align: 0;
    margin-left: 6px;
}
.m-footer-main .collaps-block .heading span {
    flex-grow: 1;
}
.m-footer-main .collaps-block .list {
    font-size: 12px;
    position: relative;
    left: 16px;
    display: grid;
}
.m-footer-main .collaps-block .list .item {
    margin: 10px 0;
}

.footer-main .brand img {
    height: 40px;
}

/* ADDING ICONS */
.download_icon::after {
    content: "\f019";
    font-family: "Font Awesome 5 Pro";
    margin-left: 6px;
    font-weight: 100;
}
.arrow_right_icon::after {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    margin-left: 6px;
    font-weight: 100;
}

/*  */

/* FOOTER END */
/* _______________________________________________________________________________________________________ */

/* HOME PAGE  */

.big-banner {
    min-height: 640px;
    width: 100%;
    background: url(../images/swoosh-new.png),
        linear-gradient(to right, rgba(0 114 206 / 80%), rgba(0 114 206 / 80%)),
        url(../images/first_big_banner2x.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top right, right, center;
    background-size: 43%, auto, cover;
}
.big-banner .big-heading {
    padding-top: 140px;
    width: 60%;
    font-size: 56px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.9px;
    line-height: 72px;
    padding-bottom: 10rem;
}
/*  */
.top-cards {
    position: relative;
    top: -120px;
}
/* height: 100%; */
.info-cards-section .info-cards {
    min-height: 200px;
    box-shadow: 2px 2px 6px 0px rgba(0, 56, 102, 0.16);
    background-color: #fff;
    height: 100%;
}
.info-cards-section .row [class*="col-"] {
    margin-bottom: 16px;
}
.info-cards-icons {
    border-radius: 0 8px 8px 0;
    position: absolute;
    width: 44px;
    height: 32px;
    left: 15px;
    top: 12px;
    background-color: #f0faff;
    display: flex;
}
.info-cards-icons.icon-1::after {
    content: "\f043";
    font-family: "Font Awesome 5 Pro";
    color: #0072ce;
    display: flex;
    align-items: center;
    text-align: right;
    padding-left: 22px;
    font-size: 14px;
}
.info-cards-icons.icon-2::after {
    content: "\f636";
    font-family: "Font Awesome 5 Pro";
    color: #0072ce;
    display: flex;
    align-items: center;
    text-align: right;
    padding-left: 22px;
    font-size: 14px;
}
.info-cards-icons.icon-3::after {
    content: "\f60b";
    font-family: "Font Awesome 5 Pro";
    color: #0072ce;
    display: flex;
    align-items: center;
    text-align: right;
    padding-left: 22px;
    font-size: 14px;
}

.info-cards-icons.icon-1.f-icon::after {
    content: "\f095";
}
.info-cards-icons.icon-2.f-icon::after {
    content: "\f1d8";
}
.info-cards-icons.icon-3.f-icon::after {
    content: "\f60b";
}

/* .info-cards-section .info-cards{margin-bottom: 16px} */
.info-cards-section .info-cards {
    padding: 17px 10px 17px 56px;
}
.info-cards-section .info-cards .info-card-title {
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 20px;
}
.info-cards-section .info-cards .info-card-bottom a:hover {
    text-decoration: underline;
}
.info-cards-section .info-cards .info-card-body .card-list-items {
    line-height: 20px;
    letter-spacing: -0.2px;
    padding: 16px 10px 20px 14px;
    margin-bottom: 0;
    min-height: 125px;
}
.info-cards-section .info-cards .info-card-body .card-list-items li::marker {
    content: "・";
    font-size: 14px;
    vertical-align: bottom;
}
.info-cards-section .info-cards .info-card-body .card-list-items > li {
    padding-top: 3px;
}
.info-cards-section .info-cards .info-card-bottom > a > i {
    position: relative;
    top: 1px;
}
.info-cards .card-icon img {
    width: 44px;
    position: absolute;
    top: 12px;
}
.info-cards .link-decoration,
.footer-infos-card .link-decoration {
    color: #008a83 !important;
    text-decoration: underline;
}
.info-cards .link-decoration:hover,
.footer-infos-card .link-decoration:hover {
    color: #006661 !important;
}
/*  */
.provide-block {
    margin-top: -42px;
}
.provide-block .heading-lite {
    color: #008a83;
    font-size: 16px;
    font-weight: 400;
}
.provide-block .heading-bold {
    font-size: 36px;
    font-weight: 600;
    margin-top: 20px;
    width: 90%;
    line-height: 46px;
}
.provide-block .wwp-right-infos .infos {
    min-height: 168px;
    width: 200%;
    background-color: #e0f8fa;
    margin-bottom: 20px;
}
.provide-block .wwp-right-infos .infos .infos-container {
    width: 50%;
    padding: 26px 0px 26px 30px;
}
.provide-block .wwp-right-infos .infos .infos-container .infos-title {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.6px;
    font-weight: 600;
    display: flex;
}
.provide-block .wwp-right-infos a:hover .card-title-1 {
    color: #006661;
}
.provide-block .wwp-right-infos a:hover .card-title-2 {
    color: #006661;
}
.provide-block .wwp-right-infos a:hover .card-title-3 {
    color: #00447a;
}
.provide-block .wwp-right-infos .infos .infos-container .infos-content {
    font-size: 14px;
    line-height: 20px;
}
.provide-block .wwp-right-infos .infos .infos-container .holder.s-wave-line {
    margin-left: -75px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.provide-block .wwp-right-infos .infos .infos-container .infos-title .goto {
    position: relative;
    left: 9px;
}
/*  */
.solution-block {
    margin-top: 76px;
    padding-top: 80px;
    background-color: #f0faff;
    position: relative;
    /* height: 584px; */
}
.solution-block > .container {
    position: relative;
    z-index: 2;
}
.solution-block::after {
    background-color: white;
    height: clamp(50px, 15vw, 200px);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.solution-block .heading-lite {
    color: #0072ce;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 21px;
}
.solution-block .heading-bold {
    font-size: 48px;
    font-weight: 600;
    margin-top: 14px;
    text-align: center;
}
.sol-cards {
    margin-top: 50px;
}
.sol-cards .sol-info-card {
    min-height: 428px;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 2px 6px 0 rgba(0, 56, 102, 0.16);
}
.sol-cards .sol-info-card.c1 {
    background: url(../images/solutionC1.jpg);
    background-size: cover;
    background-position: center;
}
.sol-cards .sol-info-card.c2 {
    background: url(../images/solutionC2.jpg);
    background-size: cover;
    background-position: center;
}
.sol-cards .sol-info-card.c3 {
    background: url(../images/solutionC3.jpg);
    background-size: cover;
    background-position: center;
}
.sol-cards .sol-info-card.c4 {
    background: url(../images/solutionC4.jpg);
    background-size: cover;
    background-position: center;
}

.sol-cards .sub-card {
    width: 90%;
    background: #fff;
    position: relative;
    margin-top: 204px;
    /* height: 200px; */
    padding: 16px 16px;
}
.sol-cards .sub-card .sub-heading {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 24px;
}
.sol-cards .sub-card .sub-content {
    margin-top: 7px;
    font-size: 14px;
    line-height: 20px;
}
.sol-cards .sub-card .sub-card-body {
    /* height: 144px; */
}

.sol-cards .sub-card .subcard-c-link {
    font-size: 14px;
    color: #0072ce;
    font-weight: 500;
}
.sol-cards .sub-card .subcard-c-link:hover {
    text-decoration: underline;
}
.sol-cards .sub-card .subcard-c-link > a > i {
    position: relative;
    top: 1px;
    left: 6px;
}
.sol-cards .sub-card .subcard-c-link span {
    position: relative;
    top: 7px;
}
/*  */
.news-block {
    /* margin-top: 245px; */
    margin-top: 80px;
    padding-bottom: 70px;
    margin-bottom: 90px;
    background-image: url(../images/large-squiggle-tiled.png);
    background-size: 125px;
    background-repeat: repeat-x;
    background-position: bottom;
}
.news-block .heading-lite {
    font-size: 16px;
    font-weight: 400;
    color: #008a83;
}
.news-block .heading-bold {
    font-size: 40px;
    font-weight: 600;
    margin-top: 16px;
    line-height: 48px;
    width: 90%;
}
.news-block .c-link {
    font-size: 14px;
    color: #0072ce;
    /* position: absolute;
    right: 12px;
    bottom: 4px; */
}
.news-block .c-link:hover {
    text-decoration: underline;
}
.under_line {
    text-decoration: underline;
}
.news-block .c-link span {
    position: relative;
    top: 8px;
}
.news-block .news-cards {
    margin-top: 34px;
}
.news-block .news-cards .c-heading-bold a {
    color: #000;
}
.news-block .news-cards .l-card {
    min-height: 256px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
}
.news-block .news-cards .l-card-r .c-top a:hover {
    background-color: #207fa2;
    color: #fff;
}
.news-block .news-cards .l-card .l-card-l {
    width: 40%;
    background: url(../images/news-card.jpg);
    background-size: cover;
    min-height: inherit;
    background-position: center;
}
.news-block .news-cards .l-card .l-card-r {
    width: 60%;
    padding: 20px 22px 20px 24px;
    position: relative;
}
.news-block .news-cards .l-card-content .c-top {
    /*
     * Contain the right-floated .date so the row keeps its height even when
     * there is no article-tag pill on the left. Without this the float
     * collapses and the date overlaps the heading below it.
     */
    overflow: hidden;
}
.news-block .news-cards .l-card-content .c-top .btn {
    border: 1px solid rgb(202 232 243);
    background-color: #fff;
    color: #207fa2;
    font-size: 12px;
    padding: 2px 8px;
}
.news-block .news-cards .l-card-content .c-top .date {
    float: right;
    color: #29a2ce;
    font-size: 12px;
}
.news-block .news-cards .l-card-content .c-heading-bold {
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 20px;
    margin-top: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    /* -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 5; */

    text-overflow: ellipsis;
}
.news-block .news-cards .l-card-content .c-text {
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-block .news-cards .l-card-content .c-link {
    font-size: 14px;
    color: #0072ce;
    /* position: absolute;
    bottom: 20px; */
    left: 24px;
}
.news-block .news-cards .r-card {
    min-height: 544px;
    margin-bottom: 34px;
}
.news-block .news-cards .r-card .l-card-l {
    width: 100%;
    background: url(../images/news-card.jpg);
    background-size: cover;
    height: 256px;
    background-position: center;
}
.news-block .news-cards .r-card .l-card-r {
    width: 100%;
    padding: 20px 22px 20px 24px;
    position: relative;
    /* height: 288px; */
}
/* HOME PAGE */

/* ______________________________________________________ */
/* WHAT WE PROVIDE */
/* 
 */
/* comman for mid heading */
/* sm-banner */
.sm-banner {
    min-height: 136px;
}
.sm-banner.potable {
    height: 100%;
    width: 100%;
    background: url(../images/swoosh-new.png),
        linear-gradient(to right, rgba(0 114 206 / 72%), rgba(0 114 206 / 72%)),
        url(../images/solution/muncipal/muncipal.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 100% 0%, right, center;
    background-size: 43%, auto, cover;
}
.sm-banner .sm-mid-conteiner-big-heading {
    padding-top: 24px;
    color: #fff;
    width: 46%;
}
.sm-banner .sm-mid-conteiner-big-heading .sm-light-sm-heading {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.sm-banner .sm-mid-conteiner-big-heading .sm-bold-big-heading {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
}
/*  */
.mid-conteiner-big-heading {
    padding: 72px 0 0;
    width: 64%;
}
.mid-conteiner-big-heading .light-sm-heading {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
}
.mid-conteiner-big-heading .bold-big-heading {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    line-height: 56px;
}

/*  */
.mid-banner {
    min-height: 296px;
}
.mid-banner.waste-water {
    height: 100%;
    width: 100%;
    background: url(../images/swoosh-new.png),
        linear-gradient(to right, rgba(0 114 206 / 72%), rgba(0 114 206 / 72%)),
        url(../images/wwp/waste-water.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 100% 0%, right, center;
    background-size: 42%, auto, cover;
}
/*  */
.custom-f-row {
    flex-wrap: nowrap;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
/* .left-side-col{min-width: 164px;padding-right: 20px;} */
/* .right-side-col{padding-left: 0;} */
/*  */
.b-heading {
    background-color: #f0feff;
    padding: 44px 0px 14px 30px;
    min-height: 132px;
}
.s-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}
.b-heading .b-heading-content {
    font-size: 24px;
    width: 62%;
    line-height: 32px;
    font-weight: 400;
    font-style: italic;
    color: #00857e;
    padding: 0;
}
/*  */
.wwp-sections .section-card {
    min-height: 200px;
}
.wwp-sections .section-card.sc1 {
    width: 100%;
    background-image: linear-gradient(
            to right,
            rgba(0, 133, 126, 0.8),
            rgba(0, 133, 126, 0.8)
        ),
        url(../images/wwp/potable-img.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: right, center;
    background-size: auto, cover;
}
.wwp-sections .section-card.sc2 {
    width: 100%;
    background-image: linear-gradient(
            to right,
            rgba(0, 133, 126, 0.8),
            rgba(0, 133, 126, 0.8)
        ),
        url(../images/wwp/non-potable-img.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: right, center;
    background-size: auto, cover;
}
.wwp-sections .section-card.sc3 {
    width: 100%;
    background-image: linear-gradient(
            to right,
            rgba(0, 133, 126, 0.8),
            rgba(0, 133, 126, 0.8)
        ),
        url(../images/wwp/wtm-img.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: right, center;
    background-size: auto, cover;
}
.wwp-sections .section-card.sc1 .section-card-title .s-card-title-image {
    width: 40px;
    height: 40px;
    background-image: url(../images/wwp/potable-icon.png);
    background-color: #00b2a9;
    background-position: center;
    background-size: cover;
}
.wwp-sections .section-card.sc2 .section-card-title .s-card-title-image {
    width: 40px;
    height: 40px;
    background-image: url(../images/wwp/non-potable-icon.png);
    background-color: #00b2a9;
    background-position: center;
    background-size: cover;
}
.wwp-sections .section-card.sc3 .section-card-title .s-card-title-image {
    width: 40px;
    height: 40px;
    background-image: url(../images/wwp/wastewater-icon.png);
    background-color: #00b2a9;
    background-position: center;
    background-size: cover;
}

.s-card-content > li > a {
    margin-bottom: 16px;
    color: #fff;
}
.s-card-content > li > a > i {
    position: relative;
    top: 1px;
    left: 6px;
}
.s-card-content {
    /* width:60%; */
    padding: 0px 0px 0px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
}
ul.s-card-content {
    list-style-type: none;
}
.s-card-content a:hover {
    text-decoration-line: underline;
}
.section-card-title {
    display: flex;
    align-items: center;
    width: 100%;
    /* position: absolute; */
    /* top: 20px; */
    margin-bottom: 10px;
}
.card-title-heading {
    width: 50%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    margin-left: 12px;
}
.section-bg-blue .card-title-heading {
    margin-left: 20px;
    font-size: 20px;
    letter-spacing: 0.64px;
    margin-top: 20px;
}
/* .section-bg-blue .s-card-content{padding-top: 54px;} */
.section-bg-blue .s-card-content > a {
    position: absolute;
    bottom: 15px;
}
.section-bg-blue .section-card-title {
    position: unset;
}
.section-bg-blue .s-card-content {
    padding: 10px 0px 0px 20px;
    line-height: 20px;
    width: 60%;
}
.section-bg-blue .s-card-link {
    padding-left: 20px;
    padding-top: 18px;
    padding-bottom: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    text-decoration: underline;
}
.section-bg-blue .s-card-link i {
    display: flex;
    align-content: center;
    align-items: center;
    margin-left: 7px;
}
/* have to delete  */
.banner-wwp {
    min-height: 296px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
/*  */
/* WHAT WE PROVIDE END */
/* ________________________________________________________ */

/* SOLUTION BLOCK */
.mid-banner.solution-main {
    height: 100%;
    width: 100%;
    background: url(../images/swoosh-new.png),
        linear-gradient(to right, rgba(0 114 206 / 72%), rgba(0 114 206 / 72%)),
        url(../images/solution/muncipal/muncipal.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 100% 0%, right, center;
    background-size: 43%, auto, cover;
}
.sec-heading {
    height: 224px;
    background-color: #f0feff;
}
.content-heading {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.6px;
    padding: 40px 0 0 30px;
    line-height: 24px;
}
.sec-cont {
    padding: 0 0 0 25px;
}
/* .heading-card{position: relative;top: -129px; margin-bottom: -137px; margin-top: 0px !important;} */
.heading-card {
    margin-top: -129px !important;
}
.heading-card .q-card {
    box-shadow: 2px 2px 6px 0 rgba(0, 56, 102, 0.16);
    min-height: 256px;
    padding: 0;
    border: none;
    margin-bottom: 16px;
}
.heading-card .q-card:hover .b-content,
.b-cc-icon {
    background-color: #006661;
}
.heading-card .q-card:hover .b-cc-icon {
    background-color: #008a83;
}
.heading-card .row .col {
    padding-left: 12px;
    padding-right: 12px;
}
.q-card .t-content {
    min-height: 128px;
    font-size: 12px;
    padding: 12px;
    color: #000;
    line-height: 16px;
    font-weight: 500;
    padding-bottom: 0px;
}
.q-card .b-content {
    min-height: 128px;
    background-color: #008a83;
}
.q-card .b-content .buttom-heading {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 52px 28px 0 16px;
}
.q-card .b-content .b-cc-icon {
    width: 40px;
    height: 44px;
    background-color: #00b2a9;
    background-position: 100%;
    background-size: cover;
    position: absolute;
    left: 16px;
}
.q-card .b-content .b-cc-icon.potable-icon {
    background-image: url(../images/solution/muncipal/icons/potable-icon.png);
}
.q-card .b-content .b-cc-icon.non-potable-icon {
    background-image: url(../images/solution/muncipal/icons/non-potable-icon.png);
}
.q-card .b-content .b-cc-icon.wastewater-icon {
    background-image: url(../images/solution/muncipal/icons/wastewater-icon.png);
}
.q-card .b-content .b-cc-icon.certified-icon {
    background-image: url(../images/solution/muncipal/icons/certified-icon.png);
}
.q-card .b-content .b-cc-icon.roam-icon {
    background-image: url(../images/solution/muncipal/icons/roam-icon.png);
}

.mid-s-heading {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}
.small-heading {
    margin-bottom: 0.5rem !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}
.s-section-content:first-child .mid-s-heading {
    font-size: 24px;
}
.s-section-content .mid-s-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.mid-c-img {
    background: url(../images/solutions-section-img.jpg);
    min-height: 276px;
    margin: 0 0 0 32px;
    background-size: cover;
    position: relative;
    background-position: center;
}
.mid-c-img p {
    margin-bottom: 0;
}
.mid-img-c {
    padding: 21px;
    font-weight: 400;
    font-style: italic;
    line-height: 24px;
    font-size: 16px;
    background: #fff;
    width: 352px;
    position: absolute;
    left: -32px;
    top: 32px;
    color: #000;
}
.buttom-s .buttom-s-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.6px;
}
.buttom-s {
    margin-top: 48px;
}
.buttom-s .buttom-s-content {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.buttom-s .buttom-s-list > li::marker {
    font-size: 10px;
    color: #000000;
    vertical-align: bottom;
    font-weight: bold;
}
.buttom-s .buttom-s-list > li {
    margin-bottom: 10px;
    padding-left: 10px;
}
.buttom-s .buttom-s-list {
    padding-inline-start: 25px !important;
}

/* solution(potable) */
.main-top-banner-potable .potable {
    min-height: 136px !important;
    position: relative;
    background: url(../images/filterSystem.jpg);
}
.light-sm-heading-potable {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.potable .light-sm-heading-16 {
    font-size: 16px;
}
.potable .big-heading {
    margin: 24px 0 0;
}
.potable .big-heading > h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
}
.potable-content-1 {
    font-size: 14px;
    margin-top: 12px;
    font-weight: 400;
    line-height: 20px;
}
.potable-img {
    background: url(../images/solution/potable-img.jpg);
    min-height: 276px;
    margin: 0 0 0 32px;
    background-size: cover;
    position: relative;
    margin-top: 48px;
    background-position: center;
}
.potable-img .potable-img-c {
    padding: 20px;
    font-weight: 400;
    font-style: italic;
    background: #ffff;
    height: 136px;
    width: 352px;
    position: absolute;
    left: -32px;
    top: 32px;
    line-height: 24px;
    color: #000;
}
.potable-b-sec {
    padding-left: 30px;
}
.form-section .query-form {
    width: 91%;
}
/* .potable-b-sec .potable-sas{margin-top:48px}
 .potable-b-sec .sas-heading{font-size:20px;font-weight:600}
 .potable-b-sec .sas-content{font-size:14px;font-weight:400;margin-top:12px;line-height:20px}
 .potable-b-sec .map-pages {font-size: 14px;line-height: 18px;} */
.potable-sas {
    margin-top: 48px;
}
.sas-heading {
    font-size: 20px;
    font-weight: 600;
}
.sas-content {
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px;
    line-height: 20px;
}
.map-pages {
    font-size: 14px;
    line-height: 18px;
}

.form-section {
    border-top: 1px solid;
    border-color: #59cbe8;
    margin-top: 48px;
}
.form-section .container {
    padding-left: 30px;
}
.form-section .query-form .form-heading-light {
    text-transform: uppercase;
    margin-top: 32px;
    font-size: 16px;
    color: #008a83;
    font-weight: 500;
}
.form-section .query-form .form-big-heading {
    margin-top: 10px;
}
.form-data .form-group > label {
    font-size: 12px;
    color: #395366;
    font-weight: 500;
    line-height: 16px;
}
.form-data {
    margin-top: 26px;
}
.form-data .form-control {
    font-size: 14px;
    /* color:#000; */
    border: 1px solid;
    border-color: #d9d7d7;
}

.form-data .form-group > label > span {
    color: red;
    position: relative;
    bottom: 2px;
}
::-webkit-input-placeholder {
    font-size: 13px !important;
    color: #395466 !important;
    font-weight: 400;
    line-height: 20px !important;
}
:-moz-placeholder {
    font-size: 13px !important;
    color: #395466 !important;
    line-height: 20px !important;
}
::-moz-placeholder {
    font-size: 13px !important;
    color: #395466 !important;
    line-height: 20px !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.first-form {
    border-bottom: 2px solid #eee;
}
.second-from {
    margin-top: 22px;
}
.second-from .second-form-heading {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
.second-from .s-form-m {
    margin-top: 10px;
}
.s-form-m .form-text {
    font-size: 10px;
    font-weight: 500;
}
.bg-white {
    background-color: #fff;
}
.second-from .upload-btn {
    position: absolute;
    top: 28px;
    right: 9px;
    color: #67bddc;
}
.form-s-button {
    color: #fff;
    background-color: #008a83;
    margin-top: 15px;
    font-size: 14px;
    border-radius: 0;
    line-height: 2;
}
.form-checkbox .service-list .form-check-inline > label {
    font-size: 14px;
    color: #000;
}

/* solution potable end */
/* SOLUTION BLOCK END */

/* _______________________________________________________ */
/* CUSTOMER SERVICES */
.mrg-d-15.cs-page .wp-block-columns:nth-child(3) {
    margin-top: 0;
}
.mrg-d-15 .wp-block-column p:last-child {
    margin-bottom: 0;
}
.main-top-banner .sm-banner.no-bg {
    background-color: #0072ce;
}
.banner-bar.bigb.smb {
    background-color: #0066b8;
}
.sm-banner.no-bg {
    height: 100%;
    width: 100%;
    background: url(../images/swoosh-new.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 42%;
}
.cust-s-acc {
    padding-bottom: 12px;
}
/*.cust-s-acc .accordion .acc-block .acc-content {flex:0.98}*/
.collap-ques {
    margin-bottom: 12px;
}
.collap-ques .answer.collapse.show {
    display: block !important;
}
.collap-ques .questions {
    font-size: 16px;
    font-weight: 500;
}
.collap-ques .answer {
    font-size: 14px;
    margin-top: 20px;
}
.collap-ques .view-ans > div {
    font-size: 14px;
    color: #228ae6;
    cursor: pointer;
}
.question-d {
    border-bottom: 1px solid #edeff1;
    padding: 24px;
}
.view-ans.show.collapsed .hide-link {
    display: none !important;
}
.view-ans.show .hide-link {
    display: block !important;
}
.view-ans.show.collapsed .show-link {
    display: block !important;
}
.view-ans.show .show-link {
    display: none !important;
}
.bottom-sec {
    margin-top: 48px;
    padding-top: 1px;
    padding-bottom: 64px;
    background-color: #f0faff;
    min-height: 210px;
}
.default-width {
    width: 50%;
}
.bottom-sec .heading {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.bottom-sec .content {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.invoice-list > ul > li {
    margin-top: 12px;
}
.payment-options .left-paymet-list > ul > li {
    font-weight: 500;
    line-height: 2;
}
.card-sm {
    min-height: 92px;
    background-color: #f0faff;
}
.card-sm .card-sm-content {
    padding: 16px 24px;
}
.card-sm .card-sm-content .card-links .btn-small {
    border: 2px solid rgb(202 232 243);
    background-color: #fff;
    color: #207fa2;
    font-size: 12px;
    padding: 3px 9px;
    border-radius: 2px;
}
.water-q-list > ul > li {
    line-height: 2;
}
.asb .asb-button-container > a {
    font-size: 14px;
    margin-right: 16px;
    background-color: #fff;
    color: #2b2e33;
    font-weight: 500;
}
.asb .asb-button-container {
    padding: 0 0 16px;
    border-bottom: 2px solid #edeff1;
}
.paginaiation-sec .page-numbers {
    margin: 0 10px 0 0 !important;
}
.paginaiation-sec a.page-numbers {
    border-radius: 6px !important;
    margin: 0;
    padding: 7px 12px;
    font-size: 14px;
    color: #fff;
    background-color: #cad7db;
    height: 35px;
    width: 35px;
    text-align: center;
}
.page-item:last-child .page-link {
    background-color: #505d68 !important;
}
.paginaiation-sec > ul > .page-item.active > a {
    background-color: #f0feff;
    border: none;
    color: #0eadd4;
    align-items: center;
    justify-content: center;
}
.page-item .page-numbers.current {
    background-color: #f0feff !important;
    color: #0eadd4 !important;
    border-radius: 6px !important;
    padding: 7px 12px;
    font-size: 14px;
    color: #fff;
    background-color: #cad7db;
    height: 35px;
    width: 35px;
    text-align: center;
}
.page-item .next,
.prev {
    background-color: #505d68 !important;
}
.page-item .page-numbers {
    margin-right: 10px;
}
/* CUSTOMER SERVICES END */
/* _____________________________________________________________ */

/* ABOUT US */
.mid-banner.about-us-main {
    width: 100%;
    background: url(../images/swoosh-new.png),
        linear-gradient(to right, rgba(0 114 206 / 72%), rgba(0 114 206 / 72%)),
        url(../images/abt-us/about-us.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 100% 0%, right, center;
    background-size: 42%, auto, cover;
}

.tabs-link {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: -0.2px;
}
.heading-banner {
    padding: 44px 0 24px 30px;
    width: 37%;
    font-style: italic;
    font-weight: 400;
    line-height: 32px;
}
.au-top-heading {
    min-height: 196px;
    background-color: #f0feff;
    width: 200%;
}
.our-values-list {
    line-height: 2;
}
.leadership-section .leadership-b-heading {
    background-color: #f0feff;
    min-height: 176px;
}
.leadership-section .leadership-b-heading .leader-heading {
    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    padding: 24px;
    line-height: 32px;
}

.leadership-main-img {
    min-height: 432px;
    background-image: url(../images/people/bronwyn_eyre.jpg);
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.leadership-cards {
    margin-top: -32px;
}
.leadership-cards .card {
    border: none;
    margin-bottom: 10px;
}
.leadership-cards .card.card-leadership .l-card-top {
    min-height: 280px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.leadership-cards .card.card-leadership .l-card-buttom {
    background-color: #f0feff;
    padding: 16px 20px;
    min-height: 135px;
}
.leadership-cards .card.card-leadership .l-buttom-heading {
    font-size: 16px;
    line-height: 24px;
}
.collap-ques {
    margin-top: 12px;
}
.collap-ques .answer.collapse.show {
    display: block !important;
}
.collap-ques .questions {
    font-size: 16px;
    font-weight: 500;
}
.collap-ques .answer {
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
}
.collap-ques .view-ans > div {
    font-size: 14px;
    color: #228ae6;
    cursor: pointer;
}
.question-d {
    border-bottom: 1px solid #edeff1;
    padding: 24px;
}
.shift-arr-icon {
    position: absolute;
    right: 15px;
}
.view-ans.show.collapsed .hide-link {
    display: none !important;
}
.view-ans.show .hide-link {
    display: block !important;
}
.view-ans.show.collapsed .show-link {
    display: block !important;
}
.view-ans.show .show-link {
    display: none !important;
}
.view-ans .show-link,
.hide-link {
    text-align: center;
}
.form-section {
    border-top: 1px solid;
    border-color: #59cbe8;
    margin-top: 48px;
}
.multiple-select-forms .form-check {
    padding-left: 0px;
    display: flex;
}
.multiple-select-forms input[type="checkbox"] {
    height: 14px;
    margin-right: 8px;
}
.multiple-select-forms label {
    margin-top: -2px;
}
.big-label {
    font-size: 14px;
    line-height: 16px;
    color: #395366;
    font-weight: 500;
    margin-bottom: 0;
}
.form-section .container {
    padding-left: 30px;
}
.form-section .query-form .form-heading-light {
    text-transform: uppercase;
    margin-top: 32px;
    font-size: 16px;
    color: #008a83;
    font-weight: 500;
}
.form-section .query-form .form-big-heading {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 24px;
    letter-spacing: 0.6px;
}
.form-section .query-form .form-heading-note {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #395366;
}
.form-data .form-group > label {
    font-size: 12px;
    color: #395366;
    font-weight: 400;
}
.form-data {
    margin-top: 26px;
}
.form-section select {
    appearance: none;
}
.form-section .select-icon::after {
    content: "\f107";
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 20px;
    top: 35px;
    pointer-events: none;
    color: #67bddc;
}
.form-data .form-group > label > span {
    color: red;
    position: relative;
    bottom: 2px;
}
.second-from {
    margin-top: 22px;
}
.second-from .second-form-heading {
    font-size: 12px;
    font-weight: 500;
}
.second-from .s-form-m {
    margin-top: 10px;
}
.s-form-m .form-text {
    font-size: 10px;
    font-weight: 500;
}
.help-text {
    font-size: 10px;
    font-weight: 500;
}
.bg-white {
    background-color: #fff;
}
.second-from .upload-btn {
    position: absolute;
    top: 28px;
    right: 9px;
    color: #67bddc;
}
.form-s-button {
    color: #fff;
    background-color: #008a83;
    margin-top: 15px;
    font-size: 14px;
    border-radius: 0;
    line-height: 2;
}
.form-s-button:hover {
    background-color: #276a66;
    color: #fff;
}
.water-conservation {
    min-height: 132px;
    background-color: #f0feff;
    width: 200%;
    padding: 44px 0 24px 30px;
    font-style: italic;
}
.ws-heading {
    width: 35%;
    font-weight: 400;
    line-height: 32px;
}
.ws-content-pic {
    background: url(../images/potable-img.jpg);
    min-height: 276px;
    min-width: 824px;
    margin: 0 0 0 32px;
    background-size: cover;
    position: relative;
}
.ws-c-i-content {
    box-shadow: 2px 2px 2px RGBA(175, 175, 175, 0.2);
    border: 1px solid #eee;
    padding: 20px;
    font-weight: 400;
    font-style: italic;
    background: #ffff;
    min-height: 112px;
    min-width: 352px;
    position: absolute;
    left: -32px;
    top: 32px;
    color: #000;
    font-size: 16px;
    width: 40%;
}
.ws-c-layer {
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pagination-right-icon {
    padding: 6px !important;
}
.accordion .acc-b-body ul > li {
    margin-bottom: 10px;
}
.accordion .acc-b-body ul > li:last-child {
    margin-bottom: 0px;
}

/* ABOUT US END */
/* _________________________________________ */

/* SUPPLIERS AND PARTNERS */
.supplier-section {
    min-height: 100px;
    background-color: #f0feff;
}
.supplier-section .sup-top-heading .sup-heading {
    padding: 44px 0 24px 30px;
    font-style: italic;
    font-weight: 400;
    line-height: 32px;
    width: 55%;
}
.sup-cont-list > ul > li {
    margin-top: 12px;
    margin-bottom: 0;
}
.sup-cont-list > ul {
    margin-bottom: 0;
}
/* .supplier-p:last-child .info-batches{margin-bottom: -18px;} */

/* SUPPLIERS AND PARTNERS END */

/* CAREER */
.career-section .career-top-heading {
    min-height: 100px;
    background-color: #f0feff;
}
.career-section .career-top-heading .career-heading {
    padding: 44px 0 24px 30px;
    width: 60%;
    font-style: italic;
    font-weight: 400;
    line-height: 32px;
}
.career-c-list > ul > li {
    margin-top: 12px;
}
.career-c-list > ul > {
    margin-bottom: 0;
}
/* CAREER END */

/* MEDIA  */
.media-buttom-content {
    min-height: 210px;
    background-color: #f0faff;
}
.media-buttom-content .media-buttom-inner {
    padding: 48px 0 64px 32px;
}
.media-publication-section .asb .asb-button-container > a.btn {
    margin: 0 5px 0 0 !important;
}
.card-media-inq .media-inq-card-top {
    min-height: 288px;
    background-color: #f2f5f7;
    background: url(../images/people/placeholder.jpg);
    background-size: cover;
    background-position: center;
}
.card-media-inq .media-inq-card-buttom {
    background-color: #f0feff;
    padding: 16px 16px 20px;
    min-height: 135px;
}

.card-media-inq .media-inq-card-buttom .media-inq-buttom-heading {
    font-size: 16px;
    line-height: 24px;
}
.media-inq-form {
    width: 88%;
}
.media-inq-form .mif-top-heading {
    text-transform: uppercase;
    margin-top: 32px;
    font-size: 16px;
    color: #008a83;
    font-weight: 500;
}
.media-indq-buttom-content a {
    text-decoration: underline;
}
/* MEDIA END */

/* CONTACT*/
.width-60cent {
    width: 60%;
}
.d-width-90cent {
    width: 90%;
}
.width-80cent {
    width: 80%;
}
.mr-24px {
    margin-right: 24px;
}
.d-mr-24px {
    margin-right: 24px;
}
.mr-30px {
    margin-right: 30px;
}
.mr-16px {
    margin-right: 16px;
}
.mt-5px {
    margin-top: 5px;
}
.mt-0 {
    margin-top: 0 !important;
}
.ml-24 {
    margin-right: 24px;
}
.shift-up-6p {
    position: relative;
    top: -6px;
}
.width-230cent {
    width: 230%;
}
.banner-contact {
    min-height: 136px;
    padding-top: 22px;
    background: url(../images/swoosh-new.png),
        linear-gradient(to right, #0072ce, #0072ce);
    background-repeat: no-repeat, no-repeat;
    background-position: right 15%, right;
    background-size: 36%, cover;
}

/*contact us page css*/
.contact-us-form {
    padding-bottom: 10px;
    margin-top: 0 !important;
    padding-bottom: 64px !important;
    border-bottom: 1px solid;
    border-color: #59cbe8;
}
.contact-detail-sec .body {
    margin-bottom: 40px;
}
.contact-detail-sec .heading {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
}
.contact-detail-sec .text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
.contact-detail-sec .address .text {
    width: 51%;
}
.contact-detail-sec .text span.blue {
    color: #1f7c9e;
    text-decoration: underline;
}
.contact-detail-sec .text span.bold {
    font-weight: 500;
}
/*local water provider page css*/
.pt-d44-m52 {
    padding-top: 44px;
}
.local-wp-sec .text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
.local-wp-sec .text span.blue {
    color: #1f7c9e;
    text-decoration: underline;
}
.local-wp-sec .text-fact {
    font-size: 14px;
    line-height: 20px;
    padding-top: 8px;
    margin-bottom: 16px;
}
.local-wp-sec .facts-sec {
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
}
.local-wp-sec .fact-block {
    margin-bottom: 8px;
}
.local-wp-sec .fact-block {
    min-height: 104px;
    width: 144px;
    padding: 12px 8px;
    text-align: center;
}
.local-wp-sec .bd-r {
    border-right: 1px solid #edeff1;
}
.local-wp-sec .fact-block .count {
    font-size: 28px;
    font-weight: 600;
    color: #008a83;
    line-height: 36px;
}
.local-wp-sec .fact-block .label {
    font-size: 12px;
    line-height: 16px;
}
.local-wp-sec .municipal-contact-list {
    margin-top: 33px;
    margin-bottom: 50px;
}
.local-wp-sec .municipal-contact-list .contact-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.municipal-contact-list .tel p {
    margin: 0;
}
.local-wp-sec .local-wp-heading-s {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    color: #505d68;
    padding-bottom: 13px;
    border-bottom: 1px solid #edeff1;
}
.local-wp-sec .municipal-contact-list .tel-block {
    font-size: 14px;
    padding: 17px 0px 14px 0px;
    border-bottom: 1px solid #edeff1;
}
.local-wp-sec .municipal-contact-list .tel-block .tel a span {
    color: #0072ce;
}
.local-wp-sec .municipal-contact-list .tel-block .tel a {
    text-decoration: underline;
}
.local-wp-sec .prov-contact-block {
    margin-top: 30px;
}
.local-wp-sec .prov-contact-block img {
    height: 128px;
}
.local-wp-sec .prov-contact-block .heading-blue {
    display: flex;
    color: #0072ce;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    text-decoration: underline;
}
.local-wp-sec .prov-contact-block .heading-blue::after {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-style: normal;
    margin-left: 12px;
    text-decoration: none;
}
.local-wp-sec .prov-contact-block .heading-blue:hover {
    text-decoration: underline;
}

/*.local-wp-sec .prov-contact-block .heading-blue span{margin-left:8px;}*/
/*frequently asked questions*/
.btn:focus {
    /* box-shadow: none; */
}
.faq-sec {
    padding-top: 49px;
}
.faq-sec .faq-heading {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 23px;
}
/*.faq-sec .accordion{margin-left:32px}*/
.accordion .acc-block {
    padding: 26px 24px 21px;
    border-bottom: 1px solid #edeff1;
}
.accordion .acc-block .acc-content {
    flex: 1;
}

.accordion .acc-block h3 {
    margin: 0;
    font-size: 16px;
}
.accordion .acc-block .acc-b-heading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 24px;
    color: #000000;
}
.accordion .acc-block button {
    color: #0072ce;
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
    height: fit-content;
}
.accordion .acc-block button span::after {
    content: "\f106";
    font-size: 16px;
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-style: normal;
    margin-left: 9px;
    text-decoration: none;
    position: relative;
    top: 1px;
}
.acc-shadow-block {
    box-shadow: 2px 2px 6px 0px rgba(0, 56, 102, 0.16);
}

/*acc transition*/

.accordion .acc-block button.collapsed .hide-link {
    display: none !important;
}
.accordion .acc-block button .hide-link {
    display: block !important;
}
.accordion .acc-block button.collapsed .show-link {
    display: block !important;
}
.accordion .acc-block button .show-link {
    display: none !important;
}
.accordion .acc-block button.collapsed span::after {
    content: "\f107";
}
/**/
.accordion .acc-block .acc-b-body {
    margin-top: 20px;
    margin-bottom: 1px;
    font-size: 14px;
    line-height: 20px;
}
.ask-q-block {
    margin-top: 48px;
    min-height: 210px;
    background-color: #f0faff;
    padding-left: 32px;
    padding-top: 50px;
    padding-bottom: 40px;
    padding-right: 10px;
}
.ask-q-block .text-blue {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #0072ce;
    margin-bottom: 14px;
}
.ask-q-block .text-reg {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 17px;
}
.ask-q-block .link-blue {
    font-size: 16px;
    line-height: 24px;
}
.ask-q-block .link-blue::after {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-style: normal;
    margin-left: 10px;
    text-decoration: none;
}
/* CONTACT END */

/*SEARCH*/
.banner-search {
    min-height: 136px;
    padding-top: 22px;
    background: url(../images/swoosh-new.png),
        linear-gradient(to right, #0072ce, #0072ce);
    background-repeat: no-repeat, no-repeat;
    background-position: right 15%, right;
    background-size: 36%, cover;
}
.banner-search .big-heading {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
}
.banner-search .light-sm-heading {
    font-size: 16px;
    color: #fff;
    margin-bottom: 4px;
}
.search-sec .banner-bar {
    height: 24px;
    background-color: #0072ce;
    color: #fff;
    font-size: 12px;
    padding-top: 3px;
}
.search-sec .search-block {
    position: relative;
    top: -24px;
}
.search-sec .search-form {
    box-shadow: 2px 2px 6px 0 rgba(0, 56, 102, 0.16);
    background: #fff;
    display: flex;
    padding: 0px;
    width: 65%;
    border-radius: 2px;
}
.search-sec .search-form button {
    border: none;
    background: none;
    padding: 0px 16px;
}
.search-sec .search-form button i {
    font-size: 20px;
    font-weight: 500;
    color: #0072ce;
}
.search-sec .search-form input {
    border: none;
    background: none;
    font-size: 14px;
    flex: 1;
    padding: 13.5px 20px;
}

/* custom tabs */
.custom-tabs li a {
    color: #2b2e33;
}
.custom-tabs li.active a {
    color: #0072ce;
}

.custom-tabs li.active {
    background-color: #edf9fc;
    color: #0072ce;
}

.custom-tabs li {
    list-style: none;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    border: none;
    border-radius: 2px;
    padding: 9px 13px 7px 12px;
}
.search-menu .search-sec {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dee2e6;
}
.search-menu .nav-tabs {
    border: none;
}

.search-menu .nav-tabs .nav-item {
    margin-right: 11.5px;
    margin-bottom: 15px;
}
.search-menu .nav-tabs li:last-child {
    margin-right: 0px;
}
.search-menu .nav-tabs .nav-link {
    color: #2b2e33;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    border: none;
    border-radius: 2px;
    padding: 9px 13px 7px 12px;
}
.search-menu .nav-tabs .nav-item.show .nav-link,
.search-menu .nav-tabs .nav-link.active {
    color: #0072ce;
    background-color: #edf9fc;
}
.search-menu .search-sort {
    margin-left: auto;
    margin-bottom: 15px;
}
.search-menu .search-sort select {
    font-size: 12px;
    padding: 0px 10px 0px 4px;
}
.search-menu .tab-content {
    margin-top: 40px;
}

.s-result-nfound {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.6px;
    font-weight: 600;
    color: #d9e0e2;
}
.big-info-card .no-r-cd {
    padding: 0 !important;
    background-color: #f2f5f7 !important;
}
.big-info-card .no-r-time {
    height: 24px;
    background: #f2f5f7;
    width: 78px;
}
.big-info-card .no-r-btn {
    height: 24px;
    background: #f2f5f7;
    width: 106px;
    margin-bottom: 10px;
}
.big-info-card .no-r-content {
    height: 24px;
    background: #f2f5f7;
    min-width: 106px;
}
.big-info-card .no-r-likns {
    height: 24px;
    background: #f2f5f7;
    width: 106px;
}
/*SEARCH*/

/* STYLE HEADDERS COMMOM */

.banner-bar {
    min-height: 24px;
    background-color: #0066b8;
}

.banner-bar.bigb {
    background-color: #0072ce;
    display: flex;
}
.banner-bar.bigb .container {
    display: flex;
    align-items: center;
}

.bb-content {
    color: white;
    font-size: 12px;
    line-height: 16px;
}
.bb-content span a {
    color: #fff;
}
.bb-content span:nth-child(2):hover {
    text-decoration: underline;
}
.bb-content span:last-child:hover {
    text-decoration: underline;
}

.semi-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.semi-heading-20 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.6px;
}

.pd-40 {
    padding-top: 40px;
}

.lh-24 {
    line-height: 24px;
}

.hidden {
    display: none;
}

.pd-left {
    padding-left: 30px;
}

/* LEFT SECTION ->HEADING STYLE */
ul.tabs-link {
    padding-left: 0px;
    list-style-type: none;
}

.tabs-link > li {
    margin-bottom: 16px;
    line-height: 16px;
}

.tabs-link > li > a {
    color: #008a83 !important;
    letter-spacing: 0.4px;
}

.left-col {
    padding-top: 40px;
}

.active-link {
    color: #008a83;
    font-weight: 600;
}

.color-info-circle {
    color: #1da1f2;
}

.tabs-link > li > a:hover,
.current-menu-item a {
    font-weight: 600;
}

.r-sec {
    border-left: 1px solid;
    border-color: #59cbe8;
}

.layer {
    background-color: #0072cec7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.layer-background {
    background: url(../images/swoosh-new.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 60%;
    background-position: right;
}

/* secondary nav style */

.navbar-collapse.menu-list-block .sec-primary-nav {
    display: none;
}
.navbar-collapse.menu-list-block.show .sec-primary-nav {
    display: block;
    /* position: fixed; */
    /* bottom: 0; */
    width: 100%;
    /* max-width: 720px; */
}
.navbar-collapse.menu-list-block.show .sec-primary-nav ul {
    padding-block-start: 0;
    padding-inline-start: 0;
    padding: 15px 15px 32px 15px;
    list-style: none;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #0072ce;
    margin-bottom: 0;
}
.navbar-collapse.menu-list-block.show .sec-primary-nav ul li {
    color: #008a83;
    margin-right: 32px;
}
.menu-list-block.show .sec-primary-nav ul li a {
    color: #008a83;
    text-transform: uppercase;
}

/* CUSTOM WP CSS SETTINGS */
.bottom-cl-p-m {
    margin-top: -20px !important;
    margin-bottom: 0;
}

/* ________________________________________________________________________________________________________________________________ */
/* COMMON STYLE */
.cont-pd-30 {
    padding: 0 0 0 30px;
}
.ht-40 {
    height: 40px;
}
.neg-mb-64 {
    margin-bottom: -64px;
}
.mt-2px {
    margin-top: 2px;
}
.mt-0 {
    margin-top: 0 !important;
}
.mb-48 {
    margin: 0 0 48px;
}
.font-12 {
    font-size: 12px;
}
.shift-l {
    float: left;
}
.shift-r {
    float: right;
}
.font-14 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.mt-12 {
    margin-top: 12px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-16 {
    margin-top: 16px;
}
.mb-12 {
    margin-bottom: 16px;
}
.h-bold {
    font-weight: 600;
}
.h-bold-r {
    font-weight: 500;
}
.h-italic {
    font-style: italic;
}
.mt-64 {
    margin-top: 64px;
}
.mb-64 {
    margin-bottom: 64px;
}
.pb-d34-m32 {
    padding-bottom: 34px;
}
.d-pr-15 {
    padding-right: 15px;
}
.ht-d64-m48 {
    height: 64px;
}
.pl-d30-m0 {
    padding-left: 30px;
}
.mt-24 {
    margin-top: 24px !important;
}
.mb-24 {
    margin-bottom: 24px;
}
.font-16-bold {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.font-16 {
    font-size: 16px;
    line-height: 24px;
}
.f-16-lh-0 {
    font-size: 16px;
}
.font-24 {
    font-size: 24px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-48 {
    margin-top: 48px;
}
.mt-32 {
    margin-top: 32px;
}
.mt-8 {
    margin-top: 8px;
}
.m-align {
    position: relative;
    top: 8px !important;
}
.font-20 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.line-height-2 {
    line-height: 2;
}
.lh-18imp {
    line-height: 18px !important;
}
.let-spac-2 {
    letter-spacing: 2px;
}
.let-spac-1 {
    letter-spacing: 1px;
}
.let-spac-5 {
    letter-spacing: 0.5px;
}
.let-spac-6 {
    letter-spacing: 0.6px;
}
.pos-ab {
    position: absolute;
    top: -2px;
}
a {
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.card-shadow {
    box-shadow: 2px 2px 6px 0 rgba(0, 56, 102, 0.16);
}
.disp-grid {
    display: flex;
    flex-direction: column;
    padding: 15px 14px;
}

.disp-grid ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pos-rel {
    position: relative;
}
.wrap-x {
    overflow: hidden;
}
.blackdot {
    background: #000;
    font-size: 2px;
    height: 2px;
}
.color-black {
    color: #000000;
}
.shift-62-d {
    position: relative;
    bottom: -166px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mtb-40 {
    margin-top: 40px;
    margin-bottom: 40px !important;
}
.pb-64 {
    padding-bottom: 64px;
}
.pb-44 {
    padding-bottom: 44px;
}
.ml-40 {
    margin-left: 40px;
}
.v-center {
    position: relative;
    top: 50%;
    transform: translate(0px, -50%);
}
.flex-c {
    display: flex;
    flex-direction: column;
}
.p-block-adj {
    padding-left: 0;
}
.let-spac-2 {
    letter-spacing: 2px;
}
.let-spac-1 {
    letter-spacing: 1px;
}
.psr-t-1 {
    position: relative;
    top: 1px;
}

.bt-1 {
    border-top: 1px solid #59cbe8;
}

/*CUSTOM COLORS */
.color-links {
    color: #0072ce !important;
}
.color-fff {
    color: #fff;
}
.color-sec-blue {
    color: #0072ce;
}
.color-primary-green {
    color: #00857e;
}
.bg-primary-green {
    background-color: #00857e;
}
/* .link-decoration{text-decoration:underline;color:#59706f;}
 .link-decoration:hover{text-decoration: underline;color:#008A83;font-weight: 400;} */
.active-btn {
    background-color: #edf9fc !important;
    color: #0072ce !important;
}
.color-b {
    color: #000000 !important;
}
a {
    color: #0072ce;
}
.border-gray {
    border: 2px solid #c2d1d9;
}
/* COLORS END */

/* INFO CARDS */
.info-batches .wq-infobatch {
    min-height: 64px;
    background-color: #f0faff;
    padding: 18px 24px;
}
.info-batches .wq-infobatch .long-info-batch {
    display: flex;
}
.info-batches .wq-infobatch .long-info-batch .learn-more {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.info-batches .wq-infobatch .long-info-batch > a {
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.info-batches .wq-infobatch .long-info-batch .learn-more > a > i {
    position: relative;
    top: 1px;
}
.info-batches .wq-infobatch .btn {
    border: 1px solid rgb(202 232 243);
    background-color: #fff;
    color: #207fa2;
    margin-right: 18px;
    font-size: 12px;
    padding: 2px 7px;
    height: fit-content;
}
.info-batches .wq-infobatch .btn:hover {
    background-color: #207fa2;
    color: #fff;
}

/* INFO CARDS END */

/*HALF INFO CARDS*/
.half-batch.info-batches {
    padding: 0px !important;
}
.half-batch.right-side-col {
    width: 100%;
}
.half-batch .long-info-batch {
    flex-direction: row;
    flex-wrap: wrap;
}
.half-batch .btn {
    order: 2;
    margin-top: 12px;
}
.half-batch .long-info-batch span,
.half-batch .long-info-batch a {
    order: 1;
    width: 100%;
}
.half-batch .learn-more {
    order: 3;
    margin-top: 15px;
    margin-left: unset !important;
}
/*HALF INFO CARDS*/

/* ADITIONAL CARDS */
.adf-heading {
    text-transform: uppercase;
    font-size: 16px;
    color: #505d68;
    font-weight: 500;
    line-height: 24px;
}
.no-border {
    border: none !important;
}
.no-bshadow {
    box-shadow: none !important;
}
.big-info-card.news-artical-cards {
    margin-bottom: 24px;
}
.big-info-card .adf-card .single-article {
    cursor: pointer;
}
.big-info-card .adf-card .btn.infobtn:hover {
    background-color: #207fa2;
    color: #fff;
}
.big-info-card .adf-card .bg-card-links a:hover {
    text-decoration: underline;
}
.big-info-card .adf-card {
    min-height: 192px;
    display: flex;
    flex-direction: row;
    box-shadow: 2px 2px 6px 0px rgba(0, 56, 102, 0.16);
    border-radius: 2px;
}
.big-info-card .adf-card .card-left .left-img {
    height: 100%;
    background-color: #fff;
    background: url("../images/report_placeholder.jpg");
    min-width: 128px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.big-info-card .adf-card .card-left {
    background-color: #ebf6ff;
    background-size: cover;
    min-height: inherit;
    padding: 24px 44px;
    border-radius: 2px 0 0 2px;
}
.big-info-card .adf-card .card-right .infobtn {
    border: 1px solid rgb(202 232 243);
    background-color: white;
    color: #207fa2;
    font-size: 12px;
    padding: 2px 7px;
    margin-bottom: 8px;
}
.big-info-card .adf-card .card-right {
    padding: 20px 24px;
}
.big-info-card .adf-card .card-right .card-time {
    color: #29a2ce !important;
}
.big-info-card .adf-card .left-asb {
    width: 25%;
    background-color: #e8f7fa;
    background-size: cover;
    min-height: inherit;
}
.big-info-card .adf-card .left-asb-no-pd {
    padding: 0;
    width: 25%;
    background-image: url(../images/news-card.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.big-info-card .adf-card .right-75 {
    width: 75%;
}
.big-info-card .adf-card .right-100 {
    width: 100% !important;
}
.big-info-card .adf-card .card-right .btn-custom-info {
    border: 1px solid rgb(202 232 243);
    background-color: white;
    color: rgb(35 129 163);
    font-size: 12px;
    padding: 2px 6px;
    margin-bottom: 10px;
}
.big-info-card .adf-card .card-right .btn-custom-info:hover {
    background-color: #207fa2;
    color: #fff;
}
.big-info-card .adf-card .card-right .btn-custom-warning:hover {
    background-color: #f0a235;
    color: #fff;
}
.big-info-card .adf-card .card-right .btn-custom-danger:hover {
    background-color: #ff756e;
    color: #fff;
}
.big-info-card .adf-card .card-right .btn-custom-warning {
    border: 1px solid #ffcd87;
    background-color: white;
    color: #ad6500;
    font-size: 12px;
    padding: 2px 6px;
    margin-bottom: 10px;
}
.big-info-card .adf-card .card-right .btn-custom-danger {
    border: 1px solid #f7bebb;
    background-color: white;
    color: #eb0c00;
    font-size: 12px;
    padding: 2px 6px;
    margin-bottom: 10px;
}
.big-info-card .bg-card-content {
    font-size: 14px;
    line-height: 20px;
}
.btn-custom-info_btn {
    border: 1px solid rgb(202 232 243);
    background-color: white;
    color: rgb(35 129 163);
    font-size: 12px;
    padding: 2px 6px;
}
.btn-custom-warning_btn {
    border: 1px solid #ffcd87;
    background-color: white;
    color: #ad6500;
    font-size: 12px;
    padding: 2px 6px;
}
.btn-custom-danger_btn {
    border: 1px solid #f7bebb;
    background-color: white;
    color: #eb0c00;
    font-size: 12px;
    padding: 2px 6px;
}
.single-pt .sp-top-sec .btn.btn-custom-warning_btn:hover {
    background-color: #f0a235;
    color: #fff;
}
.single-pt .sp-top-sec .btn.btn-custom-danger_btn:hover {
    background-color: #ff756e;
    color: #fff;
}

/* ADITIONAL CARDS END */

.flex-eq {
    flex: 1;
}
/* COMMON STYLE END */

/* custom select side-nav*/
.main-d-side-nav .snav-heading {
    display: flex;
}
.main-d-side-nav .snav-heading a {
    color: #008a83;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.2px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    width: 100%;
}
.main-d-side-nav {
    list-style: none;
    padding: 0;
    margin: 12px 0 12px 0px;
}
.main-d-side-nav li a {
    padding: 0;
    border: none;
}
.main-d-side-nav .pd-sublinks {
    list-style: none;
    padding: 0;
}
.main-d-side-nav .pd-sublinks li {
    padding: 6px 0 0 0;
}
.main-d-side-nav .pd-sublinks li a {
    color: #008a83;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.2px;
    font-weight: 400;
    text-transform: uppercase;
}
.main-d-side-nav .snav-heading a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f106";
    float: right;
    transition: all 0.5s;
    font-size: 20px;
    font-weight: 500;
}
.main-d-side-nav .snav-heading a.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    float: right;
    transition: all 0.5s;
    font-size: 20px;
    font-weight: 500;
}
/* custom select side-nav end*/

/* ______________________________________________________________ */
/* MEDIA QUERIES SECTION */

@media only screen and (max-width: 1200px) {
    .main-navbar .main-nav-elements .nav-item {
        margin-right: 32px;
    }
}

@media only screen and (min-width: 992px) {
    .main-nav-elements .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }
    .main-nav-elements .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-collapse {
        height: calc(100vh - 54px);
        overflow: auto;
    }
    .top-big-banner {
        min-height: 1320px;
    }
    .search-section {
        display: none;
    }
    .m-footer-main .collaps-block:last-child {
        border: none;
    }

    .big-banner .big-heading {
        width: 100%;
    }
    .nav-fix {
        width: 100%;
        position: fixed;
        top: 0;
        background: #fff;
    }
    .main-navbar {
        padding: 8px 0;
        z-index: 1;
    }
    .navbar-nav {
        border-top: 1px solid #0072ce;
        padding: 0 16px;
    }
    .navbar-brand {
        padding-left: 16px;
        margin: 4px 0;
    }
    .menu-block span {
        font-size: 32px;
    }
    .menu-block span.s_icon {
        position: relative;
        top: 4px;
    }
    .menu-btn-block {
        display: flex;
        padding-right: 16px;
    }
    .main-navbar .main-nav-elements {
        float: left;
        width: 100%;
        margin-top: 12px;
        z-index: 10;
        background-color: #fff;
    }
    .main-nav-elements .dropdown-menu {
        width: 100%;
    }
    .menu-list-block {
        background-color: #fff;
    }
    /* .menu-list-block .main-nav-elements {
        height: 100vh;
    } */

    /* .main-top-nav{height: 100vh;} */
    /* .sec-buttom-nav{position: fixed;
    bottom: 0;
    padding: 15px 15px 32px 15px;
    width: 100%;
    border-top: 1px solid;
display: flex;}
 .sec-buttom-nav ul{ display: flex;
    list-style: none;
    margin-inline-start: 0;
    padding-inline-start: 0;
    margin-bottom: 0;}
    .sec-buttom-nav ul li{margin-right: 10px;} */
    .main-navbar .main-nav-elements .nav-item:last-child .dropdown-menu {
        left: 0;
    }
    .menu-list-block .dropdown {
        color: #0072ce;
        border-bottom: 1px solid #c9d9e6;
        text-transform: uppercase;
        padding-bottom: 18px;
        padding-top: 18px;
    }
    .main-navbar .main-nav-elements .nav-item {
        margin-right: 0;
    }
    .main-navbar .main-nav-elements .nav-item:last-child {
        margin-right: 0;
        border: none;
    }
    .main-navbar .main-nav-elements .nav-link {
        font-size: 16px;
        display: flex;
    }
    .main-navbar .main-nav-elements .nav-link span {
        flex-grow: 1;
    }
    .big-banner {
        min-height: 1320px;
    }

    .big-banner .big-heading {
        padding-bottom: 600px;
    }
    .top-cards {
        position: relative;
        top: -580px;
    }
    .provide-block {
        margin-top: -502px;
    }
    /* .solution-block {
        height: 1955px;
    } */
    .footer-cards-back .footer-card-section .footer-infos-card {
        margin-bottom: 16px;
        height: auto;
    }
    .footer-cards-back .footer-card-section {
        padding: 40px 0 24px 0px;
    }
}

@media only screen and (max-width: 767.98px) {
    .navbar-brand {
        margin: 0px 0;
    }
    .m-mt-12 {
        margin-top: 12px;
    }
    .m-mt-24imp {
        margin-top: 24px !important;
    }
    .mob-c-cont {
        max-width: unset;
    }
    .cont-pd-30 {
        padding: 0px 0px 0px 0px;
    }
    .mob-cont-pdl-15 {
        padding-right: 15px !important;
    }
    .mob-cont-mrn-15 {
        margin-right: -15px !important;
    }
    .mob-cont-pdr-15 {
        padding-left: 15px !important;
    }
    /* ALERT TOP */
    .alert-section .container {
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 12px auto;
    }
    .alert-section .text-update {
        flex: 100%;
        order: 1;
        margin: 10px 0px 0px;
    }
    .b-heading .b-heading-content {
        font-size: 20px;
        width: 100%;
        line-height: 28px;
        font-weight: 400;
        font-style: italic;
        color: #00857e;
        padding: 0;
    }
    .b-heading {
        background-color: #f0feff;
        padding: 40px 24px 24px 15px;
        min-height: 176px;
    }
    .mid-banner,
    .sm-banner {
        min-height: 176px;
    }
    .mid-conteiner-big-heading {
        padding: 60px 0 24px 0;
        width: 80%;
    }
    .sm-banner .sm-mid-conteiner-big-heading {
        padding-top: 60px;
        padding-bottom: 24px;
        width: 80%;
    }
    .mid-conteiner-big-heading .light-sm-heading,
    .sm-mid-conteiner-big-heading .sm-light-sm-heading {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .mid-conteiner-big-heading .bold-big-heading,
    .sm-mid-conteiner-big-heading .sm-bold-big-heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .mid-banner.waste-water,
    .mid-banner.solution-main,
    .mid-banner.about-us-main,
    .sm-banner.potable {
        background-position: 120% -45px, right, center;
        background-size: 68%, auto, cover;
    }

    .left-col.tabs-link {
        display: none;
    }
    /*  */

    /*  */
    .left-col.tabs-link.mobile-only {
        display: flex;
        flex-direction: column;
        margin-top: 14px;
        margin-bottom: 0;
        padding: 0;
    }
    .custom-f-row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }
    .wwp-sections {
        margin-top: 48px !important;
    }
    .wwp-sections.cont-pd-30 {
        padding: 0 0 0 15px;
    }
    .wwp-sections .mobv {
        margin-bottom: 32px;
    }
    .wwp-sections .card-title-heading {
        width: auto;
    }
    .mt-64 {
        margin-top: 48px;
    }
    .pb-64 {
        padding-bottom: 48px;
    }
    .mb-64 {
        margin-bottom: 48px;
    }
    .pb-d34-m32 {
        padding-bottom: 32px;
    }
    .d-pr-15 {
        padding-right: 0px;
    }
    .ht-d64-m48 {
        height: 48px;
    }
    .big-info-card .adf-card .card-left .left-img {
        height: 200px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .big-info-card .adf-card {
        min-height: 128px;
    }
    .big-info-card .adf-card .card-left {
        padding: 32px 58px 0px;
        width: 100%;
    }
    .section-4 {
        margin-right: 0;
    }
    .bg-card-title {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .bg-card-content {
        margin-top: 5px;
    }
    .bg-card-links {
        display: flex;
        flex-direction: column;
    }
    .fcont-mr-left {
        margin-left: 0 !important;
    }
    .r-sec {
        border: none !important;
    }
    .tablinks.mobile-only {
        display: block;
    }
    /* FOR NEW SELECT BOX FOR RIGHT TABS()*
  */
    .left-col.tab-select.mobile-only {
        display: flex;
        flex-direction: column;
        margin-top: 14px;
        margin-bottom: 0;
        padding: 0;
        margin-top: 0;
    }
    .tab-select .tab-sel-fg {
        margin-bottom: 6px;
        margin-top: 6px;
    }
    .left-col.tab-select .sel-options {
        color: #00857e !important;
        border: none;
        box-shadow: none;
        padding: 0;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: -0.2px;
        margin-left: -3px;
    }
    /* SOLUTION MEDIA */
    .sec-heading {
        height: 808px;
    }
    .sec-heading .content-heading {
        font-size: 16px;
        letter-spacing: 0.5px;
        padding: 40px 15px 0 15px;
        line-height: 20px;
        margin-right: 0;
    }
    /* .heading-card {position: relative;top: -715px;margin-right: 0!important;} */
    .heading-card {
        margin-top: -715px !important;
    }
    .heading-card .q-card {
        min-height: 136px;
    }
    .q-card .t-content {
        min-height: 72px;
    }
    .q-card .b-content {
        min-height: 64px;
        display: flex;
        align-items: center;
    }
    .q-card .b-content .b-cc-icon {
        width: 40px;
        height: 64px;
        background-size: 100%;
        background-repeat: no-repeat;
        left: 0;
    }
    .q-card .b-content .buttom-heading {
        padding: 0 0 0 54px;
    }
    /* .s-section-content {margin-top: -683px!important;margin-right: 0!important;} */
    .s-section-content .mid-sec .mid-s-content {
        font-size: 14px;
        line-height: 20px;
    }
    .mid-img-c {
        width: 272px;
        font-size: 14px;
        line-height: 20px;
    }
    .mid-c-img {
        margin: 0 0 0 17px;
    }
    .buttom-s {
        margin-top: 0;
    }
    .buttom-s .buttom-s-l,
    .buttom-s-r {
        margin-top: 48px;
    }
    .heading-card .q-card {
        margin-right: -15px;
    }

    /* POTABLE */
    .potable-b-sec {
        padding-left: 0px;
    }
    .potable-heading {
        padding-top: 30px;
    }
    .potable-img .potable-img-c {
        font-size: 14px;
        line-height: 20px;
        left: -49px;
        height: 120px;
        width: 272px;
    }
    .form-section .query-form {
        width: 100%;
    }
    /*  */
    /* CUSTOMER SERVICES */
    .cust-s-acc {
        padding-bottom: 16px;
    }
    .bottom-sec {
        margin-top: 48px;
        padding-top: 24px;
        padding-bottom: 16px;
    }
    .bottom-sec .mob-ped {
        padding-bottom: 32px;
    }
    .bottom-sec .heading {
        line-height: 20px;
    }
    .mid-banner,
    .sm-banner.no-bg {
        min-height: 140px;
    }
    .sm-banner.no-bg {
        background-position: 114% -30px;
        background-size: 50%;
    }
    .sm-banner.no-bg .sm-mid-conteiner-big-heading {
        padding-top: 24px;
    }

    /*ABOUT US*/
    /* .leadership-section{padding-top:47px;} */
    .leadership-section .leadership-b-heading .leader-heading {
        font-size: 20px;
        line-height: 28px;
        padding: 24px 16px;
    }
    .leadership-main-img {
        min-height: 288px;
        margin-top: 24px;
    }
    .leadership-cards .card {
        margin-bottom: 16px;
    }
    .community-involvement {
        padding-top: 47px;
    }
    .d-md-none.d-block.leadership-b-heading {
        margin-left: -15px;
        margin-right: -15px;
    }
    /* SUPPL AND PARTNERAS */
    .supplier-section .sup-top-heading .sup-heading {
        padding: 44px 0 24px 0px;
        font-weight: 400;
        line-height: 32px;
        width: 100%;
        font-size: 20px;
    }
    /*  */

    /* CAREER */
    .career-section .career-top-heading .career-heading {
        width: 100%;
        font-size: 20px;
        line-height: 28px;
    }
    /*  */
    /* MAPS */
    .map-model .map-section ul {
        padding-bottom: 0px !important;
    }
    /*contact-us search and big info card*/
    .r-sec {
        border: none;
    }
    .d-width-90cent {
        width: 100%;
    }
    .d-mr-24px {
        margin-right: 0px;
    }

    .banner-contact {
        min-height: 140px;
        padding-top: 25px;
        background-position: right top, right;
        background-size: 28%, cover;
    }
    .banner-contact .big-heading {
        font-size: 24px;
    }
    .local-wp-sec .facts-sec {
        margin-bottom: 5px;
    }
    .local-wp-sec .text-fact {
        padding-top: 4px;
        margin-bottom: 24px;
    }
    .local-wp-sec .municipal-contact-list {
        margin-top: 49px;
    }
    .local-wp-sec .prov-contact-sec {
        padding-bottom: 24px;
    }
    .local-wp-sec .prov-contact-block {
        margin-bottom: 15px;
    }
    .local-wp-sec .prov-contact-block .heading-blue {
        margin-top: 12px;
    }
    .contact-form-sec,
    .faq-sec {
        padding-top: 52px;
    }

    .accordion .acc-block {
        padding: 26px 10px 21px;
    }
    .accordion .acc-block button span::after {
        font-size: 24px;
        top: 3px;
    }

    .contact-form-sec form .form-group {
        margin-right: 0px;
    }
    .contact-form-sec form input,
    .contact-form-sec form select {
        width: 100%;
    }

    .banner-search {
        min-height: 140px;
        padding-top: 25px;
        background-position: right top, right;
        background-size: 28%, cover;
    }
    .search-sec .search-form {
        width: 100%;
    }
    .search-menu .nav-tabs {
        display: grid;
    }
    .search-menu .nav-tabs .nav-item {
        margin-right: 0px;
    }

    .search-menu-select {
        padding: 4px 12px 4px 12px;
        font-size: 12px;
        line-height: 16px;
        border: 1px solid #ced4da;
        color: #0072ce;
        background-color: transparent;
        letter-spacing: 0.4px;
        border-left: 0;
        border-radius: 4px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; /* for Firefox */
        -moz-appearance: none; /* for Safari, Chrome, Opera */
        -webkit-appearance: none;
        appearance: none;
        width: 195px;
    }
    .search-menu-select option {
        font-size: 14px;
    }
    .search-menu-select:focus {
        outline: 0;
    }
    .cust-select-b {
        display: flex;
        background-color: #edf9fc;
        margin-bottom: 15px;
        border-radius: 2px;
    }
    .cust-select-b:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f107";
        font-size: 20px;
        color: #0072ce;
        pointer-events: none;
        padding-left: 8px;
        font-weight: 300;
        /* position: relative;
       top:0px; */
        display: flex;
        align-items: center;
        border: 1px solid #ced4da;
        border-right: none;
        border-radius: 4px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    .bb-content {
        padding-bottom: 4px;
        padding-top: 4px;
    }
    /*.search-menu .search-sort{margin-left:unset}*/
    .pad-m-15px {
        padding-left: 15px;
        padding-right: 15px;
    }

    .accordion .acc-block .acc-b-heading {
        font-size: 14px;
        line-height: 20px;
    }

    /*big info cards*/
    .big-info-card .adf-card {
        flex-direction: column !important;
        min-height: 128px;
    }
    .big-info-card .adf-card .left-asb {
        width: 100%;
    }
    .big-info-card .adf-card .right-75 {
        width: 100%;
    }
    /*big info cards*/

    .info-batches .wq-infobatch .long-info-batch {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .info-batches .wq-infobatch .btn {
        order: 2;
        margin-top: 12px;
    }
    .info-batches .wq-infobatch .long-info-batch span {
        order: 1;
        width: 100%;
    }
    .info-batches .wq-infobatch .long-info-batch .learn-more {
        order: 3;
        margin-top: 15px;
        margin-left: unset;
    }

    .media-buttom-content .media-buttom-inner {
        padding: 48px 0px 48px 0px;
    }
}

@media only screen and (max-width: 576px) {
    /* HOME PAGE */
    .info-cards-section .info-cards .info-card-content .info-card-title {
        letter-spacing: 0.3px;
    }
    .info-cards-section .info-cards .info-card-content {
        padding: 17px 10px 17px 55px;
        font-size: 12px;
    }
    .info-cards-section
        .info-cards
        .info-card-content
        .info-card-body
        .card-list-items {
        padding: 16px 12px 16px 15px;
        min-height: 120px;
    }
    .info-cards-section .info-cards {
        min-height: 156px;
    }
    .info-cards-section .info-cards .info-card-body .card-list-items {
        min-height: 102px;
    }
    .info-cards-icons::after {
        padding: 6px 7px 6px 7px;
        font-size: 16px !important;
    }
    .info-cards-icons.icon-1::after {
        padding: 6px 7px 6px 7px;
        font-size: 12px;
    }
    .info-cards-icons.icon-2::after {
        padding: 6px 7px 6px 7px;
        font-size: 12px;
    }
    .info-cards-icons.icon-3::after {
        padding: 6px 7px 6px 7px;
        font-size: 12px;
    }
    .info-cards-icons {
        height: 30px;
        width: 30px;
    }

    .info-cards-section
        .info-cards
        .info-card-content
        .info-card-body
        .card-list-items
        > li {
        letter-spacing: 0.3px;
    }
    .provide-block .wwp-right-infos .infos .infos-container .infos-title .goto {
        position: relative;
        left: 0px;
    }
    .provide-block .wwp-right-infos .infos .infos-container .infos-title {
        justify-content: space-between;
    }
    .provide-block .wwp-right-infos .infos .infos-container .infos-title {
        font-size: 16px;
        letter-spacing: 0.4px;
        line-height: 20px;
    }
    .provide-block .wwp-right-infos .infos .infos-container .infos-content {
        font-size: 12px;
        line-height: 16px;
        width: 91%;
    }
    .provide-block .wwp-right-infos .infos {
        min-height: 176px;
    }
    .provide-block .wwp-right-infos .infos .infos-container {
        padding: 20px 0px 20px 24px;
    }
    .provide-block
        .wwp-right-infos
        .infos
        .infos-container
        .infos-title
        .infos-title-mid {
        width: 70%;
    }
    .provide-block .wwp-right-infos .infos {
        margin-bottom: 16px;
    }
    /* .wwp-right-infos >a:hover{font-size: 20px!important;} */
    .info-cards-section .info-cards {
        padding: 13px 16px 16px 44px;
        font-size: 12px;
    }
    .card-img-s4 {
        height: 100%;
        width: 100%;
    }
    .let-spac-2 {
        letter-spacing: 1px;
    }
    .alert-section .right-content .hide-icon {
        margin-left: 8px;
    }
    .slim-nav {
        visibility: none !important;
    }
    .main-navbar {
        /* min-height:auto; */ /* height:54px; */
        min-height: 54px;
        padding: 4px 0;
    }
    .main-navbar .navbar-toggler {
        padding: 0 4px;
    }
    .brand img {
        height: 30px;
    }
    .menu-block span {
        font-size: 26px;
    }
    .menu-btn-block {
        display: flex;
        align-items: center;
    }
    .menu-block span.s_icon {
        position: relative;
        top: 2px;
        margin-right: 10px;
    }
    .main-navbar .main-nav-elements {
        margin-top: 6px;
        padding-top: 8px;
    }
    .menu-list-block .dropdown {
        padding: 12px 0;
    }
    .main-navbar .main-nav-elements .nav-link {
        margin: 4px 0 2px;
        font-size: 12px;
    }
    /* .main-navbar .main-nav-elements .nav-link span{position:absolute;top:16px;right:0} */
    .big-banner {
        min-height: 935px !important;
    }
    .big-banner .big-heading {
        padding-bottom: 530px;
    }
    .layer-background {
        height: 40%;
    }
    .top-cards {
        position: relative;
        top: -520px;
    }
    .provide-block {
        margin-top: -492px;
    }
    .big-banner .big-heading {
        font-size: 32px;
        width: 95% !important;
        letter-spacing: 0.4px;
        line-height: 40px;
        padding-top: 132px;
    }
    .big-banner {
        background-size: 80%, cover, auto;
    }
    .provide-block .heading-lite {
        font-size: 14px;
        line-height: 20px;
    }
    .provide-block .heading-bold {
        font-size: 20px;
        width: 77%;
        line-height: 26px;
        margin-bottom: 40px;
        margin-top: 10px;
        letter-spacing: normal;
    }
    .solution-block {
        /* height: 1050px !important; */
        margin-top: 48px;
        padding-top: 64px;
    }
    .solution-block .heading-lite {
        font-size: 14px;
        line-height: 20px;
    }
    .solution-block .heading-bold {
        font-size: 24px;
        margin-top: 10px;
        line-height: 32px;
    }
    .sol-cards .sub-card .sub-heading {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.4px;
    }
    .sol-cards .sub-card .sub-content {
        font-size: 12px;
        line-height: 16px;
    }
    .sol-cards .sub-card .subcard-c-link {
        font-size: 12px;
        line-height: 16px;
    }
    .sol-cards .sub-card {
        height: auto;
        width: 70%;
    }
    .sol-cards .sub-card .sub-card-body {
        /* height: 88px; */
        height: auto;
    }
    .sol-cards {
        margin-top: 32px;
    }
    .sol-cards .sol-info-card {
        min-height: 216px;
    }
    .sol-cards .sub-card {
        margin-top: 82px;
    }
    .news-block .heading-lite {
        font-size: 14px;
        line-height: 20px;
    }
    .news-block .news-cards .l-card .l-card-l,
    .news-block .news-cards .r-card .l-card-l {
        height: 96px;
        min-height: unset;
    }
    .news-block {
        margin-top: 108px;
    }
    .news-block .heading-bold {
        font-size: 20px;
        width: 57%;
        line-height: 26px;
        margin-top: 8px;
        margin-bottom: 16px;
    }
    .news-block .news-cards .l-card-content .c-heading-bold {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.4px;
    }
    .news-block .c-link {
        position: relative;
        left: 0;
        font-size: 12px;
    }
    /* .news-block .news-cards{margin-bottom:96px} */
    .news-block .news-cards .l-card {
        flex-direction: column;
    }
    .news-block .news-cards .r-card {
        min-height: 286px;
    }
    .news-block .news-cards .l-card-content .c-text {
        margin-bottom: 44px;
        font-size: 12px;
        line-height: 16px;
    }
    .news-block .news-cards .l-card-content .c-link {
        font-size: 12px;
    }
    .news-block .news-cards .r-card .l-card-r {
        height: auto;
    }
    .news-block .news-cards .l-card .l-card-l,
    .news-block .news-cards .l-card .l-card-r {
        width: 100%;
    }
    .slim-footer {
        margin-bottom: 10px;
    }
    .slim-footer .left-f {
        margin-top: 10px;
    }
    .slim-footer .right-f {
        float: left;
        margin-top: 10px;
    }
    .footer-card-section .footer-infos-card .infos-f-title {
        font-size: 12px;
        letter-spacing: 0.3px;
        line-height: 20px;
    }
    .footer-card-section .footer-infos-card .info-f-body {
        font-size: 10px;
        line-height: 12px;
    }
    .footer-card-section .footer-infos-card .info-f-body a,
    .infos-f-list a {
        font-size: 12px !important;
    }
    /* .footer-card-section .footer-infos-card .infos-f-list a {font-size: 12px!important;} */
    .footer-card-section .footer-infos-card .info-f-content > span {
        font-size: 12px;
        line-height: 16px;
    }
    .footer-cards-back .footer-card-section .footer-infos-card {
        min-height: 132px;
        padding: 13px 16px 16px 44px;
    }
    .footer-card-section .footer-infos-card .navigate-link {
        font-size: 12px;
        line-height: 16px;
    }
    .footer-card-section .footer-infos-card .info-f-body {
        margin-top: 11px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer-card-section .footer-infos-card .infos-f-list {
        font-size: 12px;
        line-height: 20px;
        padding: 11px 2px 0px 8px;
    }
    .footer-card-section .footer-infos-card .info-f-body .info-f-content {
        padding-bottom: 5px;
        flex: 50%;
    }
    .footer-card-section .footer-infos-card.c2 .info-f-content {
        flex: 100%;
    }
    .footer-card-section .footer-infos-card .navigate-link {
        position: unset;
        margin-top: 11px;
    }
    .m-footer-main .collaps-block {
        font-size: 12px;
        line-height: 16px;
    }
    .m-footer-main .collaps-block {
        border-bottom: 1px solid #c9d9e6;
    }
    .m-footer-main .collaps-block {
        padding: 12px 0;
    }
    .m-footer-main .brand {
        margin-bottom: 8px;
    }
    .navbar-collapse.menu-list-block.show .sec-primary-nav ul li {
        font-size: 12px;
        line-height: 16px;
    }

    /* HOME PAGE */
}
/* @media only screen and (max-width: 390.98px) {
    .solution-block {
        height: 1080px !important;
    }
} */

/* MEDIA QURIES SECTION END */

/*container fluid structure*/
.mrg-d-15 {
    flex: 1;
}
.custom-f-row {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.left-side-col {
    background-image: url(../images/small-squiggle-tiled.png);
    background-size: 125px;
    background-repeat: repeat-x;
    background-position: bottom 60px right 0px;
    width: calc(((1140px / 12) * 2) + (((100% - 1140px) / 2) + 30px));
    padding-left: calc(((100% - 1140px) / 2) + 15px);
    padding-right: 25px;
}
.right-side-col,
.mrg-d-15 .wp-block-columns {
    width: calc((1140px / 12) * 10);
    margin-right: calc((100% - 1140px) / 2);
    padding-right: 30px;
    margin-top: 48px;
}
.mrg-d-15 .wp-block-columns {
    padding-left: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.mrg-d-15 .wp-block-columns h2,
.mrg-d-15 .wp-block-columns h3,
.mrg-d-15 .wp-block-columns h4,
h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.6px;
}
.mrg-d-15 .wp-block-columns:first-child h4 {
    font-size: 24px;
}
.mrg-d-15 .wp-block-columns h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.6px;
}
.mrg-d-15 .wp-block-columns:first-child h5 {
    font-size: 20px;
}
.mrg-d-15 .wp-block-columns p:first-child {
    margin-top: 0;
}
.mrg-d-15 .wp-block-columns:first-child h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 0;
}
/* .mrg-d-15 .wp-block-columns .wp-block-column:first-child h6{margin-top: 24px;} */
.mrg-d-15 .wp-block-columns ul li strong {
    font-weight: 500;
}
.mrg-d-15 .wp-block-columns p strong {
    font-weight: 500;
}

.mrg-d-15 .wp-block-columns p,
.mrg-d-15 .wp-block-columns ul {
    margin-top: 12px;
}
/* .mrg-d-15 .wp-block-columns p{line-height: 24px;} */
.mrg-d-15 .wp-block-columns ul {
    padding-inline-start: 25px !important; /* padding-bottom: 55px; padding-top:30px;  */
}
.mrg-d-15 .wp-block-columns ul li {
    margin-bottom: 10px;
    padding-left: 4px;
}
.mrg-d-15 .wp-block-columns ul li::marker {
    font-size: 10px;
}
.mrg-d-15 .wp-block-columns p a {
    color: #1f7c9e;
    text-decoration: underline;
}
/* .mrg-d-15 .wp-block-columns p a[rel="ugc"]{text-decoration: none;color: #0072CE;} */
/* a[rel~="external"] */
/* .mrg-d-15 .wp-block-columns p a:first-child::after{font-family: "Font Awesome 5 Pro"; content:'\f178'; padding-left: 5px;} */
/*  */
.arrow-link::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f178";
    padding-left: 5px;
}
.mrg-d-15.map-page .wp-block-columns:nth-child(2) {
    margin-top: 0;
}
.mrg-d-15.map-page .wp-block-columns h5:first-child {
    margin-top: 12px;
}
.mrg-d-15.map-page {
    padding-top: 48px;
}
.mrg-d-15.map-page a::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f177";
    padding-right: 7px;
}

/*  */
.mrg-d-15 .wp-block-columns h6:first-child {
    margin-top: 0;
}
.mrg-d-15 .wp-block-columns h6 {
    margin-top: 40px;
}
.taxonomy_p .tabs-link li:first-child {
    font-weight: bold;
}
.taxonomy_pub .tabs-link li:nth-child(2) {
    font-weight: bold;
}
.taxonomy_a_and_b .tabs-link li:last-child {
    font-weight: bold;
}

/* RESPONSIVE IMAGE */
.wp-block-image img {
    max-width: 100%;
    display: block;
    height: auto;
}

@media only screen and (max-width: 1199.98px) {
    /* .left-side-col{width:calc((960px / 12)*2);margin-left: calc((100% - 960px)/2);} */
    .left-side-col {
        width: calc(((960px / 12) * 2) + (((100% - 960px) / 2) + 30px));
        padding-left: calc((100% - 960px) / 2 + 15px);
    }
    .right-side-col {
        width: calc((960px / 12) * 10);
        margin-right: calc((100% - 960px) / 2);
    }
    .mrg-d-15 .wp-block-columns {
        width: calc((960px / 12) * 10 + 30px);
        margin-right: calc((100% - 960px) / 2);
    }
}

@media only screen and (max-width: 991.98px) {
    .form-section .query-form {
        width: 100%;
    }
    /* .left-side-col{width:calc((720px / 12)*2);margin-left: calc((100% - 720px)/2);} */
    .left-side-col {
        width: calc(((720px / 12) * 2) + (((100% - 720px) / 2) + 30px));
        padding-left: calc((100% - 720px) / 2 + 15px);
    }
    .right-side-col {
        width: calc((720px / 12) * 10);
        margin-right: calc((100% - 720px) / 2);
    }

    /*design css*/
    .lg-mb-27px {
        margin-bottom: 27px;
    }
    .mrg-d-15 .wp-block-columns {
        width: unset !important;
        margin-right: unset !important;
    }

    /* leadership profile */
    .leadership-section.flex-md-row {
        flex-direction: column !important;
    }
    .leadership-section .custom-md-none {
        display: none !important;
    }
    .leadership-section .custom-md-block {
        display: block !important;
    }
    .leadership-main-img {
        background-size: contain;
    }
}
.supplier-p .wp-block-columns {
    margin-bottom: 0;
}
.supplier-p .wp-block-columns:last-child {
    margin-top: 24px;
}
.supplier-p .info-batches .wq-infobatch {
    margin-top: 24px;
}

/* .leadership-section .custom-md-none{display: block!important;} */
.leadership-section .custom-md-block {
    display: none;
}
@media only screen and (max-width: 767.98px) {
    /*  */
    .right-side-col,
    .mrg-d-15 .wp-block-columns {
        width: unset !important;
        margin-right: unset !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    /*  */
    .leadership-section .leadership-b-heading {
        margin-left: -15px;
        margin-right: -15px;
    }
    .left-side-col {
        width: calc((100% / 12) * 12);
        margin-left: calc((100% - 100%) / 2);
    }
    .right-side-col {
        width: calc((100% / 12) * 12);
        margin-left: calc((100% - 100%) / 2);
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .custom-f-row {
        flex-wrap: wrap;
    }
    .common-snav-c {
        border-bottom: 1px solid #59cbe8;
        padding-right: 15px;
        padding-left: 15px !important;
        background-image: none;
    }
    /* .left-side-col{padding-right: 15px;padding-left: 15px!important;} */
    .mrg-d-15 {
        margin-left: 0px;
    }
    .fluid-block-pad {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .fluid-block-content {
        width: calc((100% / 12) * 12);
        margin-left: calc((100% - 100%) / 2);
        padding-right: 15px;
        padding-left: 15px;
    }
    /* .wp-block-columns >.wp-block-column:nth-child(2){margin-top: 30px;} */
    .news-block {
        padding-bottom: 20px;
        margin-bottom: 45px;
        background-size: 80px;
        background-repeat: repeat-x;
        background-position: bottom;
    }
}

@media only screen and (max-width: 575.98px) {
    .left-side-col {
        width: calc((100% / 12) * 12);
        margin-left: calc((100% - 100%) / 2);
    }
    .right-side-col {
        width: calc((100% / 12) * 12);
        margin-left: calc((100% - 100%) / 2);
    }
    .fluid-block-content {
        width: calc((100% / 12) * 12);
        margin-left: calc((100% - 100%) / 2);
    }

    /*design css*/
    .local-wp-sec .bd-m-n {
        border: none;
    }
}
@media only screen and (max-width: 598.98px) {
    .wp-block-columns > .wp-block-column:nth-child(2) {
        margin-top: 30px;
    }
}

/* MPS CSS */
.sas-cards .card {
    border: none;
    margin-bottom: 30px;
}
.sas-cards .card-sas {
    min-height: 392px;
}
.sas-cards .card-sas .card-upper {
    padding: 20px 16px;
    min-height: 104px;
    background-color: #f0feff;
}
.sas-cards .card-sas .card-lower {
    height: 71%;
    background-color: #f7fafc;
}
.card-lower .card-lower-map-img > button {
    font-size: 12px;
    background-color: #00857e;
    color: #fff;
    border-radius: 0;
    margin-left: 16px;
    border: 1px solid #f7fafc;
}
.card-lower .card-lower-map-img {
    min-height: 278px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* .card-lower .card-lower-map-img.pm-map{background:url(../images/maps/pm-map.jpg);height:100%;width:100%;background-size:contain;background-position:center}
 .card-lower .card-lower-map-img.rea-map{background:url(../images/maps/rea-map.jpg);height:100%;width:100%;background-size:contain;background-position:center}
 .card-lower .card-lower-map-img.sa-map{background:url(../images/maps/sa-map.jpg);height:100%;width:100%;background-size:contain;background-position:center}
 .card-lower .card-lower-map-img.wha-map{background:url(../images/maps/wha-map.jpg);height:100%;width:100%;background-size:contain;background-position:center;padding-top:2px} */
.sas-cards .card-sas .card-upper .sas-sami-heading {
    margin-top: 8px;
}

.map-model .extended-map-top {
    min-height: 100px;
    background-color: #f0feff;
    padding: 20px 15px;
}
.map-model .extended-map-top .extended-map-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.map-model .extended-map-top p {
    font-weight: 500;
}
.map-model button {
    font-size: 12px;
    background-color: #00857e;
    color: #fff;
    border-radius: 0;
    margin-left: 15px;
    margin-left: 16px;
}
.map-model .map-section {
    padding: 20px 15px;
}
.map-model .map-section ol > li {
    list-style: decimal;
    margin-bottom: 0;
    padding-left: 5px;
    color: #77797b;
    font-size: 16px;
    line-height: 1.1;
}
.map-model .map-section ol {
    padding-inline-start: 25px !important;
    padding-bottom: 55px;
    padding-top: 30px;
    padding-inline-end: 27px;
}
.map-model .map-section ol > li::marker {
    font-size: 16px;
}
.map-model .map-section .extended-map-image {
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: contain;
    min-height: 350px;
}
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 900px;
    }
}

/* SINGLE POST TYPE PUBLICATION(TEXONOMY) */
.single-pt .sp-top-sec {
    display: flex;
    align-items: center;
}
.single-pt .sp-top-sec .btn.btn-custom-info_btn:hover {
    background-color: #207fa2;
    color: #fff;
}
.single-pt .sp-top-sec a {
    display: flex;
    align-items: center;
}
.single-pt .sp-top-sec span {
    color: #29a2ce;
    display: flex;
    align-items: center;
    margin-left: 16px;
}
.single-pt .sp-heading {
    margin-top: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}
.single-pt .sp-single-batch {
    min-height: 64px;
    background: #f0faff;
    display: flex;
    align-items: center;
    padding: 20px 24px;
}
.single-pt .sp-single-batch .single-pt {
    font-size: 16px;
    letter-spacing: 0.51;
    line-height: 24px;
    font-weight: 500;
}
.single-pt .sp-single-batch .sp-sb-link {
    margin-left: auto;
}
.single-pt .sp-image {
    height: 276px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 32px;
    margin-bottom: 32px;
}
.single-pt .bottom-rev-link {
    min-height: 132px;
    background: #f0faff;
    display: flex;
    padding: 43px 0px 64px 32px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
/*  */

.media-buttom-content a,
.wp-block-list li a,
.single-pt .right-side-col a:not(.btn),
.s-body a,
.content a,
.acc-b-body a {
    text-decoration: underline;
}

.bg-card-title a {
    color: #000;
}

.rounded-xl {
	border-radius: 1.3rem !important;
}

@media (min-width: 576px) {
  .w-sm-75 {
    max-width: 75% !important;
    margin-left: auto;
    margin-right: auto;
  }
}