/*
Theme Name: Puroxi Production Theme
Theme URI: https://puroxi.com/
Author: Puroxi Pure Water Global Inc.
Description: WordPress PHP theme for the Puroxi educational water-treatment website.
Version: 1.0.0
Text Domain: puroxi
*/

@import "tailwindcss";

:root {
    --navy: #062e4d;
    --deep: #032641;
    --blue: #005b96;
    --cyan: #19b6c9;
    --ink: #0b2d4b;
    --muted: #536b7e;
    --line: #d7e5ec;
    --soft: #f2f8fa;
    --white: #fff
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: #fff;
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6
}

a {
    color: inherit;
    text-decoration: none
}

.wrap {
    width: min(1360px, calc(100% - 48px));
    margin: auto
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(10px)
}

.nav-wrap {
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 22px
}

.logo {
    display: flex;
    flex: 0 0 auto
}

.logo img {
    object-fit: contain
}

.site-header nav {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
    font-size: 14px;
    font-weight: 700
}

.site-header nav a:hover {
    color: var(--blue)
}

.ask {
    border: 1px solid var(--cyan);
    padding: 13px 19px;
    border-radius: 5px;
    color: #007b8c;
    font-weight: 700;
    white-space: nowrap
}

.office {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid var(--line);
    padding: 8px 12px;
    border-radius: 8px;
    white-space: nowrap
}

.office i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d84949;
    box-shadow: 0 0 0 5px #fbe9e9
}

.office.open i {
    background: #35a853;
    box-shadow: 0 0 0 5px #e5f5e9
}

.office strong,
.office small {
    display: block
}

.office strong {
    font-size: 12px
}

.office small {
    font-size: 9px;
    color: #c84040
}

.office.open small {
    color: #27833f
}

.hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 76% 46%, #118ca5 0, #08748d 12%, #04526e 30%, #03334f 55%, #02263f 100%);
    color: #fff
}

.hero-water {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 29, 52, .96) 0%, rgba(0, 39, 64, .82) 42%, rgba(0, 74, 91, .26) 72%), radial-gradient(ellipse at 80% 70%, rgba(42, 223, 223, .55), transparent 45%);
    opacity: .9
}

.hero-water:after {
    content: "";
    position: absolute;
    right: -8%;
    bottom: -32%;
    width: 70%;
    height: 75%;
    border: 100px solid rgba(255, 255, 255, .055);
    border-radius: 48% 52% 30% 70%;
    transform: rotate(-9deg)
}

.hero-content {
    position: relative;
    padding: 92px 0
}

.eyebrow {
    text-transform: uppercase;
    letter-spacing: .22em;
    font-weight: 800;
    font-size: 13px;
    color: #00c9df
}

.hero h1,
.page-hero h1 {
    font-size: clamp(54px, 6vw, 88px);
    line-height: 1.02;
    letter-spacing: -.045em;
    margin: 24px 0 26px;
    max-width: 760px
}

.hero-copy {
    max-width: 670px;
    font-size: 19px;
    line-height: 1.7
}

.actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 30px
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 22px;
    border-radius: 5px;
    font-weight: 800;
	font-size:13px;
}

.btn.primary {
    background: var(--cyan);
    color: #052d45
}

.btn.ghost {
    border: 1px solid #fff;
    color: #fff
}

.btn.outline {
    border: 1px solid var(--blue);
    color: var(--blue)
}

.proof {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    margin-top: 45px;
    font-size: 13px
}


.section {
    padding: 92px 0
}

.section h2 {
    font-size: clamp(38px, 4vw, 60px);
    line-height: 1.1;
    letter-spacing: -.035em;
    margin: 12px 0 22px
}

.lead {
    font-size: 20px;
    color: var(--muted);
    max-width: 900px
}

.intro {
    text-align: left
}

.path-grid,
.product-grid,
.info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 42px
}

.path-card,
.product-card,
.info-card {
    border: 1px solid var(--line);
    padding: 28px;
    background: #fff;
    min-height: 220px;
    transition: .2s
}

.path-card:hover,
.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(4, 45, 76, .1);
    border-color: #9edbe4
}

.path-card h3,
.product-card h3,
.info-card h2,
.info-card h3 {
    font-size: 23px !important;
    line-height: 1.2;
    margin: 22px 0 12px
}

.path-card p,
.product-card p,
.info-card p {
    color: var(--muted)
}

.card-arrow {
    float: right;
    color: var(--cyan);
    font-size: 24px
}

.soft {
    background: var(--soft)
}

.product-grid {
    grid-template-columns: repeat(3, 1fr)
}

.product-card {
    min-height: 270px
}

.product-mark {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--deep);
    color: #fff;
    font-weight: 900
}

.product-card span {
    color: #007d92;
    font-weight: 800
}

.promise {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px
}

.promise p {
    font-size: 18px;
    color: var(--muted)
}

.text-link {
    font-weight: 800;
    color: #008a9c
}

.page-hero {
    background: linear-gradient(125deg, #032b49, #075c78);
    color: #fff;
    padding: 110px 0
}

.page-hero h1 {
    font-size: clamp(48px, 5vw, 76px);
    margin-bottom: 22px
}

.page-hero p:last-child {
    font-size: 19px;
    max-width: 840px
}

.info-grid {
    grid-template-columns: repeat(3, 1fr)
}

.info-card {
    min-height: 190px
}

.icon-dot {
    font-size: 34px;
    color: var(--cyan)
}

.cta {
    margin-top: 60px;
    padding: 44px;
    background: var(--deep);
    color: #fff
}

.cta h2 {
    font-size: 36px
}

.split {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 70px;
    align-items: center
}

.split p {
    font-size: 17px;
    color: var(--muted)
}

figure {
    margin: 0
}

figure img {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover
}

figcaption {
    text-align: center;
    color: #70808b;
    font-size: 13px;
    font-style: italic;
    margin-top: 8px
}

.three {
    grid-template-columns: repeat(3, 1fr)
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 28px 0 46px
}

.tag-list span {
    padding: 10px 14px;
    background: #e8f5f8;
    border: 1px solid #b9dde4;
    border-radius: 999px;
    font-weight: 700
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.gallery figure {
    border: 1px solid var(--line);
    padding: 12px;
    background: #fff
}

.gallery img {
    height: 270px;
    object-fit: contain
}

.navy {
    background: var(--deep);
    color: #fff
}

.navy p,
.navy li {
    color: #d3e4ed
}

.navy ol {
    padding-left: 22px
}

.navy li {
    margin: 12px 0
}

.spec-card {
    background: #fff;
    color: var(--ink);
    padding: 34px
}

.spec-card h3 {
    font-size: 27px
}

.spec-card dl div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--line);
    padding: 10px 0
}

.spec-card dt {
    font-weight: 800
}

.spec-card p {
    color: var(--muted)
}

.testimonial blockquote {
    font-size: 26px;
    line-height: 1.5;
    margin: 34px 0 10px;
    padding-left: 28px;
    border-left: 5px solid var(--cyan)
}

.quote-source {
    color: var(--muted);
    font-size: 14px
}

.download {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

.download h2 {
    font-size: 42px
}

.download .actions {
    margin: 0;
    flex-shrink: 0
}

footer {
    background: #021d35;
    color: #d7e5ec;
    padding: 60px 0 22px
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr 1fr;
    gap: 70px
}

.footer-grid>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

/* .footer-grid img {
    background: #fff
} */

.footer-grid h3 {
    color: #fff
}

.footer-grid .office {
    margin-top: 12px
}

.footer-bottom {
    border-top: 1px solid #244d67;
    margin-top: 45px;
    padding-top: 20px;
    font-size: 12px;
    display: flex;
    justify-content: space-between
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

@media(max-width:1180px) {
    .site-header nav {
        display: none
    }

    .office {
        margin-left: auto
    }

    .path-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:760px) {
    .wrap {
        width: min(100% - 28px, 1360px)
    }

    .nav-wrap {
        min-height: 76px
    }

    .logo img {
        width: 62px;
        height: 62px
    }

    .office {
        display: none
    }

    .ask {
        margin-left: auto
    }

    .hero {
        min-height: 680px
    }

    .hero-content {
        padding: 70px 0
    }

    .hero h1 {
        font-size: 52px
    }

    .section {
        padding: 65px 0
    }

    .path-grid,
    .product-grid,
    .info-grid,
    .gallery,
    .split,
    .promise,
    .footer-grid {
        grid-template-columns: 1fr
    }

    .download {
        display: block
    }

    .download .actions {
        margin-top: 24px
    }

    .page-hero {
        padding: 75px 0
    }

    .page-hero h1 {
        font-size: 48px
    }

    .footer-bottom {
        display: block
    }

    .proof {
        gap: 12px;
        flex-direction: column
    }
}

.clock-icon {
    font-size: 18px;
    line-height: 1;
    color: #007b8c
}

.phone-link {
    display: flex;
    align-items: center;
    gap: 7px
}

.phone-link span {
    color: var(--cyan);
    font-size: 18px
}

.directory-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.directory-card {
    border: 1px solid var(--line);
    padding: 30px;
    min-height: 220px;
    background: #fff;
    transition: .2s
}

.directory-card:hover {
    transform: translateY(-3px);
    border-color: var(--cyan);
    box-shadow: 0 18px 40px rgba(4, 45, 76, .1)
}

.directory-card span {
    float: right;
    color: #00889a;
    font-weight: 800
}

.directory-card h2 {
    font-size: 25px;
    margin: 35px 0 12px
}

.directory-card p {
    color: var(--muted)
}

.step-number {
    font-weight: 900;
    color: var(--cyan);
    font-size: 14px;
    letter-spacing: .15em
}

.technical-note {
    margin: 44px 0;
    padding: 26px 30px;
    border-left: 6px solid var(--cyan);
    background: #eaf7fa
}

.technical-note strong {
    font-size: 18px;
}

.technical-note p {
    margin-bottom: 0;

}

.system-story {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
    margin: 70px 0
}

.system-story ol {
    margin: 0;
    padding-left: 24px
}

.system-story li {
    font-size: 17px;
    margin: 0 0 16px;
    padding-left: 7px
}

.reverse>figure {
    order: -1
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    margin-top: 38px
}

.process-grid article {
    padding: 30px;
    background: #0a3b5e
}

.process-grid b {
    font-size: 14px;
    color: var(--cyan)
}

.process-grid h3 {
    font-size: 23px !important;
    margin: 14px 0 8px
}

.process-grid p {
    color: #cfe1eb
}

.process-grid.light article {
    background: #f0f7fa;
    border: 1px solid var(--line)
}

.process-grid.light p {
    color: var(--muted)
}

.process-grid.light h3 {
    color: var(--navy)
}

.signal-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap
}

.signal-visual span {
    padding: 18px 16px;
    border: 1px solid #5b89a2;
    background: #0b456a;
    font-weight: 800
}

.signal-visual i {
    color: var(--cyan);
    font-size: 25px
}

.pending {
    margin-top: 55px;
    padding: 34px;
    border: 1px dashed #8cb5c6
}

.contact-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 42px
}

.contact-strip article {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: var(--deep);
    color: #fff
}

.contact-strip b {
    color: var(--cyan);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .12em
}

.enquiry-form {
    max-width: 1000px;
    margin: auto;
    padding: 38px;
    border: 1px solid var(--line);
    background: var(--soft)
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px
}

.enquiry-form label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-weight: 700;
    margin-bottom: 18px
}

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea {
    font: inherit;
    padding: 13px;
    border: 1px solid #aac3ce;
    background: #fff
}

.enquiry-form .check {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-weight: 400
}

.enquiry-form .check input {
    margin-top: 5px
}

.form-note {
    font-size: 12px;
    color: var(--muted);
    margin-top: 18px
}

.prose {
    max-width: 900px
}

.prose p {
    font-size: 17px;
    color: var(--muted)
}

@media(max-width:900px) {

    .directory-grid,
    .process-grid,
    .contact-strip {
        grid-template-columns: repeat(2, 1fr)
    }

    .system-story {
        grid-template-columns: 1fr
    }
}

@media(max-width:760px) {

    .directory-grid,
    .process-grid,
    .contact-strip,
    .form-grid {
        grid-template-columns: 1fr
    }

    .reverse>figure {
        order: initial
    }

    .enquiry-form {
        padding: 22px
    }

    .signal-visual {
        justify-content: flex-start
    }
}

.two-up {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.two-up article {
    padding: 32px;
    border: 1px solid var(--line);
    background: #fff
}

.two-up article:first-child {
    border-top: 5px solid var(--cyan)
}

.two-up article:last-child {
    border-top: 5px solid var(--navy)
}

.two-up h3 {
    font-size: 25px;
    margin-top: 0
}

.two-up li {
    margin: 10px 0;
    color: var(--muted)
}

.branded-download {
    display: grid;
    grid-template-columns: 150px 1fr auto
}

.branded-download>img {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(4, 45, 76, .1)
}

@media(max-width:900px) {
    .branded-download {
        grid-template-columns: 110px 1fr
    }

    .branded-download>img {
        width: 110px;
        height: 110px
    }

    .branded-download .actions {
        grid-column: 1/-1
    }
}

@media(max-width:760px) {

    .two-up,
    .branded-download {
        grid-template-columns: 1fr
    }

    .branded-download .actions {
        grid-column: auto
    }
}

.logo {
    width: 82px;
    height: 82px;
    overflow: hidden
}

.logo img {
    display: block;
    width: 82px !important;
    height: 82px !important;
    max-width: none;
    aspect-ratio: 1/1;
    object-fit: contain
}

.footer-grid>div>img {
    display: block;
    width: 110px;
    height: 110px;
    aspect-ratio: 1/1;
    object-fit: contain
}

.branded-download>img {
    display: block;
    width: 150px;
    height: 150px;
    aspect-ratio: 1/1;
    object-fit: contain
}

@media(max-width:760px) {
    .logo {
        width: 62px;
        height: 62px
    }

    .logo img {
        width: 62px !important;
        height: 62px !important
    }
}

.original-hero {
    background: #02324e url('assets/images/hero-joffre-lake.jpg') center/cover no-repeat
}

.original-hero .hero-water {
    background: linear-gradient(90deg, rgba(0, 34, 58, .98) 0%, rgba(0, 46, 72, .91) 37%, rgba(0, 65, 86, .38) 66%, rgba(0, 51, 68, .12) 100%)
}

.original-hero .hero-water:after {
    display: none
}

.visual-products .product-card {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.visual-products .product-card>img {
    width: 100%;
    height: 230px;
    object-fit: contain;
    background: #fff;
    padding: 14px;
    border-bottom: 1px solid var(--line)
}

.visual-products .product-card-body {
    padding: 0 28px 28px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.visual-products .product-card-body p {
    flex: 1
}

.navy .light-copy {
    color: #d3e4ed
}

.industry-cloud {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 35px 0
}

.industry-cloud a {
    padding: 14px 16px;
    border: 1px solid #2e617d;
    background: #093b5c;
    font-weight: 700
}

.industry-cloud a:hover {
    background: #0b5278;
    border-color: var(--cyan)
}

.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: 36px 0
}

.testimonial-grid article {
    background: #fff;
    border: 1px solid var(--line);
    padding: 26px
}

.home-testimonial blockquote {
    font-size: 20px;
    margin-top: 0
}

.home-contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 70px
}

.home-contact>div:first-child {
    max-width: 800px
}

.home-contact .actions {
    flex-shrink: 0
}

@media(max-width:900px) {
    .industry-cloud {
        grid-template-columns: repeat(2, 1fr)
    }

    .testimonial-grid {
        grid-template-columns: 1fr
    }

    .home-contact {
        display: block
    }
}

@media(max-width:760px) {
    .industry-cloud {
        grid-template-columns: 1fr
    }

    .visual-products .product-card>img {
        height: 210px
    }

    .original-hero {
        background-position: 63% center
    }
}

.dark-cards article {
    background: #093b5c;
    border-color: #2e617d
}

.dark-cards h3 {
    color: #fff
}

.dark-cards li {
    color: #d3e4ed
}

.card-product-image {
    width: 100%;
    height: 280px;
    object-fit: contain;
    background: #fff;
    margin-bottom: 20px
}

.coverage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 36px 0 18px
}

.coverage-grid article {
    padding: 30px;
    border: 1px solid #2e617d;
    background: #093b5c
}

.coverage-grid b,
.coverage-grid span {
    display: block
}

.coverage-grid b {
    font-size: 32px;
    color: #fff
}

.coverage-grid span {
    color: var(--cyan);
    font-weight: 800
}

.coverage-note {
    color: #d3e4ed;
    max-width: 900px
}

.process-grid:has(article:nth-child(5)) {
    grid-template-columns: repeat(5, 1fr)
}

@media(max-width:1100px) {
    .process-grid:has(article:nth-child(5)) {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:760px) {

    .coverage-grid,
    .process-grid:has(article:nth-child(5)) {
        grid-template-columns: 1fr
    }

    .card-product-image {
        height: 220px
    }
}

.product-directory-grid {
    grid-template-columns: repeat(3, 1fr)
}

.wide-product-image {
    margin-top: 38px;
    border: 1px solid var(--line);
    background: #fff;
    padding: 18px
}

.wide-product-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 540px;
    object-fit: contain
}

.selection-list {
    columns: 2;
    column-gap: 34px;
    padding-left: 22px
}

.selection-list li {
    break-inside: avoid;
    margin: 0 0 14px;
    color: #d3e4ed
}

.product-directory-grid .product-card>img {
    height: 250px
}

@media(max-width:980px) {
    .product-directory-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:760px) {
    .product-directory-grid {
        grid-template-columns: 1fr
    }

    .selection-list {
        columns: 1
    }

    .product-directory-grid .product-card>img {
        height: 220px
    }
}

.agriculture-feature {
    background: #eaf5f1
}

.agriculture-feature figure img {
    object-fit: contain;
    background: #fff
}

.filter-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 22px 0 34px
}

.filter-row button {
    font: inherit;
    font-weight: 700;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--ink);
    padding: 10px 15px;
    border-radius: 999px;
    cursor: pointer
}

.filter-row button.active {
    background: var(--deep);
    border-color: var(--deep);
    color: #fff
}

.academy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.academy-card {
    border: 1px solid var(--line);
    padding: 30px;
    background: #fff
}

.academy-card>span,
.problem-grid article>span,
.resource-list article span {
    color: #008ca0;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px
}

.academy-card h2 {
    font-size: 30px
}

.academy-card li {
    margin: 8px 0
}

.lesson-opening {
    max-width: 980px
}

.library-controls {
    border: 1px solid var(--line);
    background: var(--soft);
    padding: 28px;
    margin-bottom: 28px
}

.library-controls label {
    display: block;
    font-weight: 800
}

.library-controls input {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 14px;
    border: 1px solid #aac4d0;
    background: #fff;
    font: inherit
}

.resource-list {
    display: grid;
    gap: 12px
}

.resource-list article {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    border: 1px solid var(--line);
    padding: 22px 26px;
    background: #fff
}

.resource-list article h2 {
    font-size: 23px;
    margin: 5px 0
}

.resource-list article p {
    margin: 0;
    color: var(--muted)
}

.resource-list article>b {
    color: #20763d;
    background: #e4f4e8;
    padding: 7px 10px;
    border-radius: 4px
}

.problem-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.problem-grid article {
    border: 1px solid var(--line);
    padding: 28px;
    background: #fff
}

.problem-grid article h2 {
    font-size: 28px;
    line-height: 1.2
}

.problem-grid article h3 {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 20px 0 4px
}

.problem-grid article p {
    color: var(--muted);
    margin: 0
}

.problem-grid article strong {
    display: block;
    margin-top: 20px;
    padding: 12px;
    background: #fff2d8;
    color: #6c4800
}

.diagnose-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.diagnose-grid fieldset {
    border: 1px solid var(--line);
    padding: 28px
}

.diagnose-grid legend {
    font-size: 24px;
    font-weight: 800;
    padding: 0 10px
}

.diagnose-grid label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0
}

.diagnose-grid input {
    width: 18px;
    height: 18px
}

.diagnosis-result {
    margin-top: 32px;
    padding: 38px;
    background: var(--soft);
    border-left: 5px solid var(--cyan)
}

.diagnose-prompt {
    padding: 24px;
    text-align: center;
    color: var(--muted)
}

.installation-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.installation-grid article {
    border: 1px solid var(--line);
    padding: 30px
}

.installation-grid article>b {
    font-size: 34px;
    color: var(--cyan)
}

.installation-grid article h2 {
    font-size: 29px
}

.installation-grid li {
    margin: 8px 0
}

.contact-clock {
    display: flex;
    justify-content: center;
    margin: -28px 0 32px
}

.contact-clock .office {
    font-size: 18px;
    padding: 15px 20px
}

.honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important
}

@media(max-width:760px) {

    .academy-grid,
    .problem-grid,
    .diagnose-grid,
    .installation-grid {
        grid-template-columns: 1fr
    }

    .resource-list article {
        align-items: flex-start;
        flex-direction: column
    }

    .agriculture-feature .actions {
        align-items: stretch
    }

    .agriculture-feature .btn {
        width: 100%
    }
}

.publication-intro,
.knowledge-map,
.constitution-intro,
.case-method {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 70px;
    align-items: center;
    margin-bottom: 46px
}

.publication-stack {
    min-height: 280px;
    background: radial-gradient(circle at 35% 25%, #1ed7df, #087c99 46%, #032d4b 78%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 18px 18px 0 #d9f1f4
}

.publication-stack span {
    letter-spacing: .32em;
    font-size: 16px
}

.publication-stack strong {
    font-size: 48px;
    line-height: 1
}

.publication-stack small {
    margin-top: 18px;
    letter-spacing: .1em
}

.publication-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.publication-card {
    border: 1px solid var(--line);
    background: #fff;
    padding: 28px;
    min-height: 300px;
    display: flex;
    flex-direction: column
}

.publication-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.publication-meta>b {
    color: #008ca0;
    font-size: 12px
}

.publication-meta>span {
    font-size: 11px;
    font-weight: 800;
    padding: 6px 9px;
    border-radius: 999px
}

.publication-meta .preparing {
    background: #fff2d8;
    color: #6c4800
}

.publication-meta .published {
    background: #e4f4e8;
    color: #20763d
}

.publication-category {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #008ca0;
    margin: 28px 0 5px
}

.publication-card h2 {
    font-size: 25px;
    line-height: 1.18;
    margin: 8px 0 12px
}

.publication-card>p:not(.publication-category) {
    color: var(--muted)
}

.publication-actions {
    margin-top: auto;
    padding-top: 22px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    font-size: 13px
}

.publication-actions>span {
    color: #75858e;
    font-weight: 700
}

.constitution-seal,
.knowledge-orbit {
    width: 270px;
    height: 270px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background: radial-gradient(circle, #0d9ab1 0 31%, #063e61 32% 61%, #e5fafc 62% 65%, #04314f 66%);
    box-shadow: 0 20px 40px rgba(2, 45, 75, .2)
}

.constitution-seal {
    font-size: 100px;
    font-weight: 900;
    font-family: Arial, sans-serif
}

.principle-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.principle-grid article {
    padding: 30px;
    border: 1px solid var(--line);
    background: #fff;
    min-height: 250px
}

.principle-grid b {
    color: var(--cyan);
    font-size: 13px
}

.principle-grid h3 {
    font-size: 24px;
    margin: 24px 0 12px
}

.principle-grid p {
    color: var(--muted)
}

.knowledge-orbit strong {
    font-size: 62px;
    line-height: 1
}

.knowledge-orbit span {
    width: 145px;
    font-size: 12px;
    margin-top: 9px
}

.calculator-visual {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 70px;
    align-items: center
}

.tank-diagram {
    height: 330px;
    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(160deg, #14b8c8, #075474);
    clip-path: polygon(14% 11%, 100% 0, 84% 88%, 0 100%)
}

.tank-diagram:after {
    content: "WATER VOLUME";
    font-weight: 900;
    font-size: 26px;
    letter-spacing: .1em
}

.tank-diagram span,
.tank-diagram b,
.tank-diagram i {
    position: absolute;
    font-style: normal;
    font-size: 12px;
    letter-spacing: .08em
}

.tank-diagram span {
    bottom: 20px
}

.tank-diagram b {
    left: 10px
}

.tank-diagram i {
    right: 12px;
    top: 30px
}

.calculator-inputs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px
}

.calculator-inputs label {
    font-size: 12px;
    font-weight: 800
}

.calculator-inputs input {
    display: block;
    width: 100%;
    margin-top: 7px;
    padding: 12px;
    border: 1px solid #aac4d0;
    font: inherit
}

.calculator-result {
    margin-top: 24px;
    padding: 24px;
    background: var(--deep);
    color: #fff;
    display: flex;
    flex-direction: column
}

.calculator-result span,
.calculator-result small {
    color: #cfe1eb
}

.calculator-result strong {
    font-size: 38px;
    margin: 5px 0
}

.reverse-calculator {
    grid-template-columns: 1.2fr .8fr
}

.reverse-calculator .flow-diagram {
    order: 2
}

.flow-diagram {
    height: 300px;
    background: #063e61;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 30px
}

.flow-diagram span,
.flow-diagram b {
    padding: 20px;
    border: 1px solid #52bbc7
}

.flow-diagram i {
    font-style: normal;
    font-size: 30px;
    color: var(--cyan)
}

.case-rings {
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: radial-gradient(circle, #12aabe 0 28%, #063e61 29% 52%, #e5fafc 53% 55%, #0b7891 56%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff
}

.case-rings span {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em
}

.case-library-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.case-library-grid article {
    border: 1px solid var(--line);
    background: #fff
}

.case-library-grid img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    background: #f1f7f8;
    padding: 12px
}

.case-library-grid article>div {
    padding: 24px
}

.case-library-grid span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #008ca0;
    font-weight: 800
}

.case-library-grid h2 {
    font-size: 24px;
    line-height: 1.2
}

.case-library-grid p {
    color: var(--muted)
}

.case-library-grid b {
    display: block;
    margin-top: 18px;
    color: #6c4800;
    background: #fff2d8;
    padding: 9px;
    font-size: 12px
}

@media(max-width:980px) {

    .publication-grid,
    .principle-grid,
    .case-library-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .publication-intro,
    .knowledge-map,
    .constitution-intro,
    .case-method,
    .calculator-visual,
    .reverse-calculator {
        grid-template-columns: 1fr
    }

    .reverse-calculator .flow-diagram {
        order: initial
    }
}

@media(max-width:760px) {

    .publication-grid,
    .principle-grid,
    .case-library-grid,
    .calculator-inputs {
        grid-template-columns: 1fr
    }

    .publication-intro,
    .knowledge-map,
    .constitution-intro,
    .case-method,
    .calculator-visual {
        gap: 35px
    }

    .constitution-seal,
    .knowledge-orbit,
    .case-rings {
        width: 250px;
        height: 250px;
        margin: auto
    }

    .publication-stack {
        min-height: 230px
    }

    .publication-stack strong {
        font-size: 39px
    }
}

.calculator-button {
    margin-top: 16px;
    border: 0;
    background: var(--cyan);
    color: #052d45;
    padding: 12px 18px;
    font: inherit;
    font-weight: 800;
    cursor: pointer
}

.pump-calculator-section {
    background: #fff
}

.pump-calculator-section>div>h2 {
    max-width: 850px
}

.pump-calculator {
    margin-top: 38px;
    border: 1px solid #bad4de;
    background: #fff
}

.pump-type-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.pump-type-tabs button {
    border: 0;
    border-right: 1px solid #bad4de;
    border-bottom: 1px solid #bad4de;
    background: #fff;
    color: var(--ink);
    padding: 22px 25px;
    display: flex;
    gap: 22px;
    text-align: left;
    font: inherit;
    cursor: pointer
}

.pump-type-tabs button:last-child {
    border-right: 0
}

.pump-type-tabs button.active {
    background: #062641;
    color: #fff
}

.pump-type-tabs button>b {
    color: #00b8ca;
    font-size: 11px
}

.pump-type-tabs button span {
    display: flex;
    flex-direction: column
}

.pump-type-tabs strong {
    font-size: 18px
}

.pump-type-tabs small {
    font-size: 11px;
    margin-top: 5px;
    color: #4e6b83
}

.pump-type-tabs .active small {
    color: #d6e5ed
}

.pump-calculator-main {
    display: grid;
    grid-template-columns: 1fr 320px
}

.pump-input-panel {
    padding: 30px
}

.pump-input-panel h3 {
    font-size: 21px;
    margin: 0 0 28px
}

.pump-field-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.pump-field-grid label>b {
    display: block;
    font-size: 12px
}

.pump-field-grid label>small {
    display: block;
    color: #557189;
    font-size: 11px;
    line-height: 1.35;
    margin-top: 5px
}

.pump-input {
    display: grid;
    grid-template-columns: 1fr 66px;
    margin-top: 8px
}

.pump-input input {
    min-width: 0;
    padding: 12px;
    border: 1px solid #a9c7d3;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    font: inherit;
    color: var(--ink)
}

.pump-input em {
    display: grid;
    place-items: center;
    background: #edf6f7;
    border: 1px solid #a9c7d3;
    border-radius: 0 4px 4px 0;
    font-style: normal;
    font-size: 11px;
    font-weight: 800;
    color: #4c6a80
}

.duty-panel {
    background: linear-gradient(145deg, #062e4d, #087284);
    color: #fff;
    padding: 28px
}

.duty-panel>p {
    text-transform: uppercase;
    color: #36d8df;
    letter-spacing: .14em;
    font-weight: 800;
    font-size: 11px
}

.duty-panel dl {
    margin: 0
}

.duty-panel dl div {
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    padding: 16px 0
}

.duty-panel dt {
    font-size: 11px
}

.duty-panel dd {
    font-size: 24px;
    font-weight: 900;
    margin: 5px 0 2px
}

.duty-panel small {
    display: block;
    color: #d5e6ec;
    font-size: 10px;
    line-height: 1.4
}

.duty-panel>a {
    display: block;
    margin-top: 24px;
    padding: 13px;
    background: #21c0c8;
    color: #052d45;
    font-size: 12px;
    font-weight: 900
}

.tdh-summary {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    padding: 24px 30px;
    background: #e9f8fa
}

.tdh-summary span {
    display: flex;
    flex-direction: column;
    text-align: center
}

.tdh-summary small {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #527087;
    font-size: 8px;
    font-weight: 900
}

.tdh-summary strong {
    font-size: 16px;
    margin-top: 5px
}

.tdh-summary i {
    font-style: normal;
    color: #00a7bb;
    font-size: 23px;
    font-weight: 900
}

.tdh-summary .total {
    background: #fff;
    padding: 14px
}

.pump-calculator-section .technical-note {
    margin-bottom: 0
}

@media(max-width:900px) {
    .pump-calculator-main {
        grid-template-columns: 1fr
    }

    .pump-field-grid {
        grid-template-columns: 1fr
    }

    .tdh-summary {
        grid-template-columns: 1fr
    }

    .tdh-summary i {
        transform: none;
        text-align: center
    }

    .pump-type-tabs {
        grid-template-columns: 1fr
    }

    .pump-type-tabs button {
        border-right: 0
    }
}

.nano-learning-hero {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 70px;
    align-items: center
}

.nano-learning-hero figure img {
    height: 420px;
    object-fit: contain;
    background: #f2f7f8
}

.nozzle-flow {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 30px
}

.nozzle-flow span,
.nozzle-flow strong {
    padding: 15px;
    border: 1px solid #9bcbd5
}

.nozzle-flow strong {
    background: var(--deep);
    color: #fff
}

.nozzle-flow i {
    font-style: normal;
    color: #009fb3;
    font-size: 23px
}

.nozzle-flow b {
    width: 100%;
    color: #008ca0;
    font-size: 12px;
    letter-spacing: .12em;
    text-align: center
}

.topic-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.topic-grid article {
    padding: 26px;
    border: 1px solid var(--line);
    background: #fff;
    min-height: 230px
}

.topic-grid b {
    font-size: 12px;
    color: #00aebe
}

.topic-grid h3 {
    font-size: 22px;
    line-height: 1.2;
    margin: 22px 0 10px
}

.topic-grid p {
    color: var(--muted);
    font-size: 14px
}

.bubble-scale {
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 25px;
    background: #eaf7fa;
    margin-top: 25px
}

.bubble-scale span {
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff, #52cad8 45%, #087b9a);
    display: grid;
    place-items: center;
    color: #05334e;
    font-size: 11px;
    font-weight: 900
}

.bubble-scale .coarse {
    width: 150px;
    height: 150px
}

.bubble-scale .fine {
    width: 90px;
    height: 90px
}

.bubble-scale .micro {
    width: 50px;
    height: 50px
}

.bubble-scale .nano {
    width: 22px;
    height: 22px;
    font-size: 7px
}

.dark-directory .directory-card {
    background: #0a4162;
    color: #fff;
    border-color: #35617a
}

.dark-directory .directory-card p {
    color: #cfe1eb
}

.pump-curve-visual {
    height: 380px;
    position: relative;
    border-left: 3px solid #0b5474;
    border-bottom: 3px solid #0b5474;
    background: linear-gradient(145deg, transparent 48%, #12b7c4 49% 50%, transparent 51%)
}

.pump-curve-visual:after {
    content: "";
    position: absolute;
    inset: 35px 30px 50px 45px;
    border-radius: 60% 20% 70% 10%;
    border-top: 5px solid #087c99;
    transform: rotate(-11deg)
}

.pump-curve-visual span {
    position: absolute;
    left: -45px;
    top: 45%;
    transform: rotate(-90deg);
    font-size: 11px;
    font-weight: 800
}

.pump-curve-visual small {
    position: absolute;
    right: 12px;
    bottom: -30px;
    font-weight: 800
}

.pump-curve-visual b {
    position: absolute;
    z-index: 1;
    left: 53%;
    top: 42%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--deep);
    color: #fff;
    display: grid;
    place-items: center;
    text-align: center
}

.tdh-equation {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 35px 0
}

.tdh-equation span,
.tdh-equation b {
    padding: 18px 15px;
    border: 1px solid #9ac8d3;
    background: #fff;
    font-weight: 800
}

.tdh-equation b {
    background: var(--deep);
    color: #fff
}

.tdh-equation i {
    font-style: normal;
    color: #00aabd;
    font-size: 25px
}

.independent-layout {
    display: grid;
    grid-template-columns: 1fr 150px 1fr;
    gap: 25px;
    align-items: center
}

.independent-layout article {
    background: #fff;
    border: 1px solid var(--line);
    padding: 24px
}

.independent-layout article img {
    width: 100%;
    height: 300px;
    object-fit: contain
}

.independent-layout article h3 {
    font-size: 26px
}

.independent-layout article p {
    color: var(--muted)
}

.not-connected {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    text-align: center;
    background: #fff2d8;
    color: #6c4800;
    font-weight: 900;
    border: 2px solid #d29c27
}

.industry-intro-visual {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 50px
}

.industry-symbols {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 35px;
    background: var(--deep);
    color: #fff
}

.industry-symbols span {
    padding: 16px 12px;
    border: 1px solid #4e829d;
    font-size: 12px;
    font-weight: 900
}

.industry-symbols i {
    font-style: normal;
    color: var(--cyan)
}

@media(max-width:980px) {

    .nano-learning-hero,
    .industry-intro-visual {
        grid-template-columns: 1fr
    }

    .topic-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .independent-layout {
        grid-template-columns: 1fr
    }

    .not-connected {
        margin: auto
    }
}

@media(max-width:760px) {
    .topic-grid {
        grid-template-columns: 1fr
    }

    .bubble-scale {
        min-height: 190px
    }

    .bubble-scale .coarse {
        width: 110px;
        height: 110px
    }

    .bubble-scale .fine {
        width: 70px;
        height: 70px
    }

    .bubble-scale .micro {
        width: 42px;
        height: 42px
    }

    .nano-learning-hero figure img {
        height: 300px
    }

    .pump-curve-visual {
        height: 300px
    }

    .pump-curve-visual b {
        width: 110px;
        height: 110px;
        font-size: 12px
    }

    .tdh-equation {
        align-items: stretch
    }

    .tdh-equation span,
    .tdh-equation b {
        width: 100%
    }

    .tdh-equation i {
        text-align: center
    }

    .independent-layout article img {
        height: 230px
    }
}

.site-header nav a {
    display: inline-flex;
    align-items: center;
    gap: 3px
}

.nav-caret {
    font-size: 12px;
    line-height: 1;
    transform: translateY(-1px)
}

.original-hero h1 {
    max-width: 560px;
    margin: 22px 0 25px;
    font-size: 60px;
    line-height: 1.03;
    font-weight: 400;
}

.nozzle-range-table {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 34px
}

.nozzle-range-table article {
    padding: 25px;
    background: #fff;
    border: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    min-height: 210px
}

.nozzle-range-table b {
    color: #008ca0;
    font-size: 14px
}

.nozzle-range-table strong {
    font-size: 25px;
    margin: 22px 0 10px
}

.nozzle-range-table p,
.table-note {
    color: var(--muted)
}

.table-note {
    font-size: 13px;
    margin-top: 18px
}

.manual-panel {
    margin-top: 42px;
    padding: 34px;
    background: var(--soft);
    border-left: 5px solid var(--cyan);
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 35px;
    align-items: center
}

.manual-panel h2 {
    margin: 8px 0
}

.manual-panel .actions {
    margin: 0;
    justify-content: flex-end
}

.oxygen-six {
    grid-template-columns: repeat(3, 1fr)
}

.dark-tags span {
    background: #0a4b6b;
    border-color: #42758e;
    color: #fff
}

.light-signal {
    margin-top: 28px;
    background: var(--soft);
    color: var(--deep)
}

.light-signal span {
    border-color: #9bcbd5
}

.understanding-statement {
    padding: 40px;
    border-left: 6px solid var(--cyan);
    background: var(--soft);
    margin-bottom: 42px
}

.understanding-statement h2 {
    font-size: clamp(32px, 4vw, 52px);
    margin: 12px 0
}

.product-visual-story {
    background: #eaf6f8
}

.product-visual-story h2 {
    font-size: clamp(36px, 4vw, 52px);
    margin: 14px 0 32px
}

.product-story-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.product-story-grid.two-images {
    grid-template-columns: repeat(2, 1fr);
    max-width: 1050px
}

.product-story-grid figure {
    margin: 0;
    background: #fff;
    border: 1px solid var(--line);
    padding: 12px
}

.product-story-grid img {
    width: 100%;
    height: 285px;
    object-fit: contain;
    background: #fff
}

.product-story-grid figcaption {
    padding: 15px 8px 7px;
    color: var(--muted);
    font-style: normal;
    line-height: 1.45
}

.design-tool-bar {
    background: #dff4f7;
    border-bottom: 1px solid var(--line)
}

.design-tool-bar>div {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.design-tool-bar a {
    display: flex;
    flex-direction: column;
    padding: 20px 24px;
    border-right: 1px solid #b9d9df
}

.design-tool-bar a:last-child {
    border-right: 0
}

.design-tool-bar b {
    color: var(--deep)
}

.design-tool-bar span {
    font-size: 12px;
    color: var(--muted);
    margin-top: 4px
}

.media-library-symbol {
    height: 270px;
    background: linear-gradient(135deg, #053b5d, #0795a8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px
}

.media-library-symbol span {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: .12em
}

.media-library-symbol strong {
    font-size: 50px;
    color: var(--cyan)
}

.media-resource-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.media-resource-grid article {
    border: 1px solid var(--line);
    padding: 28px;
    background: #fff;
    min-height: 310px;
    display: flex;
    flex-direction: column
}

.media-resource-grid article>div {
    display: flex;
    justify-content: space-between;
    color: #008ca0
}

.media-resource-grid article h2 {
    font-size: 25px;
    line-height: 1.2
}

.media-resource-grid article>p:not(.publication-category) {
    color: var(--muted)
}

.media-resource-grid small {
    margin-top: auto;
    background: #fff2d8;
    color: #6c4800;
    padding: 8px 10px;
    font-weight: 800;
    align-self: flex-start
}

.research-intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 50px
}

.research-rings {
    min-height: 290px;
    border-radius: 50%;
    background: radial-gradient(circle, #0c8fa7 0 28%, #064868 29% 54%, #e3f7f9 55% 58%, #073b5a 59%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 30px
}

.research-rings span {
    font-size: 11px;
    font-weight: 900
}

.research-rings strong {
    color: var(--cyan)
}

.evidence-standard {
    margin-top: 60px
}

.research-list {
    margin-bottom: 45px
}

@media(max-width:980px) {
    .nozzle-range-table {
        grid-template-columns: repeat(2, 1fr)
    }

    .manual-panel {
        grid-template-columns: 1fr
    }

    .manual-panel .actions {
        justify-content: flex-start
    }
}

@media(max-width:980px) {
    .oxygen-six {
        grid-template-columns: repeat(2, 1fr)
    }

    .product-story-grid,
    .media-resource-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .research-intro {
        grid-template-columns: 1fr
    }
}

@media(max-width:760px) {

    .nozzle-range-table,
    .oxygen-six,
    .product-story-grid,
    .product-story-grid.two-images,
    .media-resource-grid,
    .design-tool-bar>div {
        grid-template-columns: 1fr
    }

    .design-tool-bar a {
        border-right: 0;
        border-bottom: 1px solid #b9d9df
    }

    .manual-panel {
        padding: 24px
    }

    .manual-panel .actions {
        align-items: stretch
    }

    .manual-panel .btn {
        width: 100%
    }

    .understanding-statement {
        padding: 28px
    }

    .product-story-grid img {
        height: 245px
    }

    .media-library-symbol {
        height: 220px
    }

    .research-rings {
        min-height: 250px
    }
}

@media(max-width:760px) {
    .desktop-break {
        display: none
    }

    .original-hero h1 {
        font-size: 52px;
        max-width: 100%
    }
}

/* Screenshot-matched Puroxi homepage */
.reference-home h2 {
    letter-spacing: -.045em
}

.reference-home .hero {
    min-height: 674px
}

.reference-home .hero-content {
    padding: 78px 0
}

.reference-home .hero h1 {
    font-size: 60px;
    line-height: 1.03;
    margin: 22px 0 25px;
    max-width: 560px
}

.reference-home .hero-copy {
    font-size: 16px;
    line-height: 1.58;
    max-width: 540px
}

.reference-home .proof {
    font-size: 11px !important;
    margin-top: 35px
}
.wrap.hero-content .proof {
    font-size: 11px !important;
    margin-top: 35px
}

.reference-home .btn {
    border-radius: 3px;
    padding: 14px 19px;
    font-size: 13px !important;
}

.center-head {
    text-align: center
}

.center-head h2 {
    font-size: 48px;
    line-height: 1.06;
    margin: 16px 0 25px
}

.center-head>p:last-child {
    color: #4e6b83;
    font-size: 15px;
    line-height: 1.65
}

.home-problems {
    padding: 84px 0 88px;
    background: #f1fafb
}

.problem-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-top: 48px
}

.problem-card {
    min-height: 232px;
    padding: 22px;
    border: 1px solid #c5dae2;
    background: #fff;
    display: flex;
    flex-direction: column
}

.problem-card>b {
    width: 46px;
    height: 46px;
    border: 1px solid #00afc4;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #007f96
}

.problem-card h3 {
    font-size: 18px;
    margin: 20px 0 6px
}

.problem-card p {
    font-size: 13px;
    color: #4e6b83;
    margin: 0
}

.problem-card span {
    margin-top: auto;
    width: 28px;
    height: 28px;
    border: 1px solid #008ca5;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #008ca5
}

.crop-feature {
    background: linear-gradient(110deg, #074c3c, #087a61);
    color: #fff;
    padding: 80px 0
}

.crop-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: center
}

.crop-feature h2 {
    font-size: 45px;
    line-height: 1.16;
    margin: 18px 0
}

.crop-feature p:not(.eyebrow) {
    max-width: 720px;
    font-size: 15px
}

.btn.lime {
    background: #dff68d;
    color: #173f35
}

.booster-orb {
    justify-self: center;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: radial-gradient(circle at 37% 28%, #d7f38f, #78bd71 48%, #006649 86%);
    border: 5px solid rgba(201, 244, 151, .45);
    box-shadow: 0 22px 38px rgba(0, 0, 0, .25)
}

.booster-orb small {
    letter-spacing: .2em
}

.booster-orb strong {
    font-size: 29px;
    line-height: .95;
    margin: 14px
}

.booster-orb span {
    font-size: 11px
}

.promise-feature {
    min-height: 540px;
    display: grid;
    grid-template-columns: 46% 54%;
    align-items: center;
    overflow: hidden
}

.promise-rings {
    height: 100%;
    display: grid;
    place-items: center;
    overflow: hidden
}

.promise-rings:before {
    content: "";
    position: absolute
}

.promise-rings>div {
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: radial-gradient(circle, #087ea2 0 28%, #0691ae 29% 48%, #082f52 49% 68%, #dffafa 69% 71%, transparent 72%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff
}

.promise-rings small {
    letter-spacing: .16em
}

.promise-rings strong {
    font-size: 28px;
    margin: 8px 0
}

.promise-rings span {
    font-size: 13px
}

.promise-copy {
    padding: 60px 7vw 60px 2vw
}

.promise-copy h2 {
    font-size: 46px;
    margin: 16px 0
}

.promise-copy h3 {
    font-size: 20px;
    margin: 0
}

.promise-copy>p:not(.eyebrow) {
    color: #4e6b83;
    max-width: 740px
}

.promise-copy ol {
    padding: 0;
    margin: 0;
    list-style: none
}

.promise-copy li {
    display: flex;
    gap: 18px;
    border-top: 1px solid #c9dce3;
    padding: 11px 0;
    font-size: 13px;
    color: #4e6b83
}

.promise-copy li>b {
    color: #00aabd
}

.industry-directory {
    padding: 86px 0;
    background: #073b5a;
    color: #fff
}

.industry-directory h2 {
    font-size: 48px;
    line-height: 1.12;
    margin: 15px 0 24px
}

.industry-directory>div>p:not(.eyebrow) {
    color: #c8dce6
}

.industry-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 38px;
    border-top: 1px solid #35617a
}

.industry-list a {
    display: grid;
    grid-template-columns: 45px 1fr 25px;
    align-items: center;
    min-height: 59px;
    border-bottom: 1px solid #35617a;
    padding: 0 12px
}

.industry-list a:nth-child(odd) {
    border-right: 1px solid #35617a
}

.industry-list b,
.industry-list span {
    color: #21d4d7
}

.industry-list strong {
    font-size: 16px
}

.home-products {
    padding: 82px 0 100px
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 45px
}

.portfolio-card {
    border: 1px solid #c5dae2;
    display: flex;
    flex-direction: column;
    min-height: 400px
}

.portfolio-card img {
    width: 100%;
    height: 210px;
    object-fit: contain;
    background: #f2f7f8;
    padding: 10px
}

.portfolio-card>div {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.portfolio-card b {
    font-size: 11px;
    color: #008ba0
}

.portfolio-card h3 {
    font-size: 18px;
    margin: 19px 0 7px
}

.portfolio-card p {
    font-size: 13px;
    color: #4e6b83;
    margin: 0
}

.portfolio-card span {
    margin-top: auto;
    font-size: 13px;
    color: #008ca4;
    font-weight: 800
}

.knowledge-ecosystem {
    padding: 82px 0;
    background: #e9f8fa
}

.knowledge-ecosystem h2 {
    font-size: 48px;
    line-height: 1.08
}

.knowledge-ecosystem>div>p:not(.eyebrow) {
    color: #4e6b83
}

.knowledge-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 46px;
    border: 1px solid #b9d6df
}

.knowledge-grid a {
    min-height: 200px;
    padding: 30px;
    border-right: 1px solid #b9d6df;
    border-bottom: 1px solid #b9d6df;
    background: #fff
}

.knowledge-grid a:nth-child(3n) {
    border-right: 0
}

.knowledge-grid b {
    font-size: 11px;
    color: #008ca0
}

.knowledge-grid h3 {
    font-size: 18px;
    margin: 27px 0 8px
}

.knowledge-grid p {
    font-size: 13px;
    color: #4e6b83
}

.case-section {
    padding: 80px 0
}

.case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 44px
}

.case-card {
    height: 295px;
    position: relative;
    overflow: hidden;
    color: #fff
}

.case-card img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.case-card:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 35, 60, .98), rgba(0, 35, 60, .05) 75%)
}

.case-card>div {
    position: absolute;
    z-index: 1;
    left: 28px;
    right: 25px;
    bottom: 22px
}

.case-card small {
    color: #33e1e0;
    text-transform: uppercase;
    letter-spacing: .14em
}

.case-card h3 {
    font-size: 23px;
    margin: 12px 0
}

.case-card p {
    font-size: 13px;
    margin: 0
}

.conversation {
    background: #073b5a;
    color: #fff;
    padding: 80px 0
}

.conversation-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 100px;
    align-items: start
}

.conversation h2 {
    font-size: 48px
}

.conversation p:not(.eyebrow) {
    color: #d5e4eb
}

.conversation>div>div>strong {
    display: block;
    color: #27e1dd;
    font-size: 18px;
    margin-top: 36px
}

.quick-form {
    background: #fff;
    color: #082e4d;
    padding: 25px;
    border-radius: 6px
}

.quick-form label {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    font-size: 11px;
    gap: 7px;
    margin-bottom: 14px
}

.quick-form input,
.quick-form textarea {
    font: inherit;
    padding: 12px;
    border: 1px solid #bdd0d9
}

.quick-form>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.quick-submit {
    background: #1ebcc2;
    padding: 14px;
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    font-size: 13px
}

.reference-home+footer {
    background: #021d35
}

.reference-home+footer .footer-grid {
    grid-template-columns: 1.4fr .75fr .75fr
}

.reference-home+footer .footer-grid>div:first-child a {
    display: none
}

@media(max-width:980px) {
    .problem-cards {
        grid-template-columns: repeat(2, 1fr)
    }

    .crop-grid,
    .promise-feature,
    .conversation-grid {
        grid-template-columns: 1fr
    }

    .promise-copy {
        padding: 60px 28px
    }

    .promise-rings {
        padding: 50px 0
    }

    .portfolio-grid,
    .knowledge-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .knowledge-grid a:nth-child(3n) {
        border-right: 1px solid #b9d6df
    }

    .industry-list {
        grid-template-columns: 1fr
    }

    .industry-list a:nth-child(odd) {
        border-right: 0
    }
}

@media(max-width:760px) {
    .reference-home .hero h1 {
        font-size: 48px
    }

    .center-head h2,
    .crop-feature h2,
    .promise-copy h2,
    .industry-directory h2,
    .knowledge-ecosystem h2,
    .conversation h2 {
        font-size: 38px
    }

    .problem-cards,
    .portfolio-grid,
    .knowledge-grid,
    .case-grid {
        grid-template-columns: 1fr
    }

    .crop-grid {
        gap: 45px
    }

    .booster-orb {
        width: 280px;
        height: 280px
    }

    .promise-rings>div {
        width: 340px;
        height: 340px
    }

    .quick-form>div {
        grid-template-columns: 1fr
    }

    .conversation-grid {
        gap: 45px
    }
}

/* Header navigation from the reference Puroxi site */
.site-header nav {
    gap: 22px;
    font-size: 12px
}

.nav-item {
    position: relative;
    padding: 34px 0
}

.nav-menu {
    position: absolute;
    left: -18px;
    top: 76px;
    width: 250px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: 0 16px 38px rgba(3, 38, 65, .16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(7px);
    transition: .18s;
    display: flex;
    flex-direction: column
}

.nav-menu a {
    display: block;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.3
}

.nav-menu a:hover {
    background: var(--soft)
}

.nav-item:hover .nav-menu,
.nav-item:focus-within .nav-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.industry-visual-section {
    padding: 86px 0;
    background: #eaf6f8
}

.industry-visual-section h2 {
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.08;
    margin: 14px 0 18px
}

.industry-visual-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 38px
}

.industry-visual-grid figure {
    background: #fff;
    border: 1px solid var(--line);
    padding: 12px;
    display: flex;
    flex-direction: column
}

.industry-visual-grid img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    background: #fff
}

.industry-visual-grid figcaption {
    padding: 12px 8px 5px;
    text-align: left;
    font-style: normal;
    color: #4e6b83
}

.nano-treatment-loop {
    background: #eaf6f8
}

.nano-treatment-loop .split {
    grid-template-columns: .95fr 1.05fr
}

.nano-treatment-loop p {
    color: #42637d
}

.nano-loop-figure {
    background: #fff;
    border: 1px solid var(--line)
}

.nano-loop-figure img {
    display: block;
    max-height: none;
    aspect-ratio: 16/9;
    object-fit: cover
}

.nano-loop-figure figcaption,
.nano-gallery-grid figcaption {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 15px 16px;
    text-align: left;
    font-style: normal;
    margin: 0;
    color: #42637d
}

.nano-loop-figure figcaption strong,
.nano-gallery-grid figcaption strong {
    color: var(--ink);
    font-size: 15px
}

.nano-product-gallery h2 {
    max-width: 760px
}

.nano-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 36px
}

.nano-gallery-grid figure {
    background: #fff;
    border: 1px solid var(--line);
    display: flex;
    flex-direction: column
}

.nano-gallery-grid img {
    width: 100%;
    height: 360px;
    max-height: none;
    object-fit: contain;
    background: #f7fbfc
}

.nano-gallery-grid figure:nth-child(3) img,
.nano-gallery-grid figure:nth-child(4) img {
    object-fit: cover
}

@media(max-width:900px) {
    .industry-visual-grid {
        grid-template-columns: 1fr 1fr
    }

    .nano-treatment-loop .split {
        grid-template-columns: 1fr
    }

    .nano-gallery-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:760px) {
    .industry-visual-grid {
        grid-template-columns: 1fr
    }

    .industry-visual-grid img {
        height: 240px
    }

    .nano-gallery-grid img {
        height: 250px
    }
}

.ultrasonic-infographic-section {
    background: #f5fafb
}

.ultrasonic-infographic-section h2,
.ultrasonic-equipment-gallery h2 {
    max-width: 900px
}

.ultrasonic-infographic {
    margin-top: 34px;
    background: #fff;
    border: 1px solid var(--line)
}

.ultrasonic-infographic img {
    display: block;
    width: 100%;
    max-height: none;
    object-fit: contain
}

.ultrasonic-infographic figcaption {
    padding: 14px 18px;
    text-align: left;
    font-style: normal;
    margin: 0;
    color: #42637d
}

.ultrasonic-equipment-gallery {
    background: #eaf6f8
}

.ultrasonic-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 38px
}

.ultrasonic-gallery-grid figure {
    background: #fff;
    border: 1px solid var(--line)
}

.ultrasonic-gallery-grid img {
    display: block;
    width: 100%;
    height: 320px;
    max-height: none;
    object-fit: cover;
    background: #fff
}

.ultrasonic-gallery-grid figcaption {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 15px 16px;
    text-align: left;
    font-style: normal;
    margin: 0;
    color: #42637d
}

.ultrasonic-gallery-grid figcaption strong {
    font-size: 16px;
    color: var(--ink)
}

.monitoring-panel {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 60px;
    align-items: start;
    margin-top: 34px;
    padding: 36px;
    background: #fff;
    border: 1px solid var(--line)
}

.monitoring-panel h2 {
    font-size: clamp(32px, 3.4vw, 48px)
}

.monitoring-panel p,
.monitoring-panel li {
    color: #42637d
}

.monitoring-panel li {
    margin: 8px 0
}

@media(max-width:900px) {

    .ultrasonic-gallery-grid,
    .monitoring-panel {
        grid-template-columns: 1fr
    }
}

@media(max-width:760px) {
    .ultrasonic-gallery-grid img {
        height: 250px
    }

    .monitoring-panel {
        padding: 24px
    }
}

/*
Theme Name: Puroxi Production Knowledge Centre
Theme URI: https://puroxi.com/
Author: Puroxi Pure Water Global Inc.
Description: Production WordPress theme matching the approved Puroxi educational website.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: puroxi
*/

/* WordPress production integration */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0
}

.skip-link:focus {
    left: 12px;
    top: 12px;
    z-index: 9999;
    background: #fff;
    padding: 12px
}

.primary-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

.primary-menu>li {
    position: relative
}

.primary-menu a {
    display: block
}

.primary-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -18px;
    min-width: 260px;
    background: #fff;
    border: 1px solid #c8dce2;
    padding: 10px;
    box-shadow: 0 16px 30px rgba(2, 31, 54, .14);
    list-style: none
}

.primary-menu li:hover>.sub-menu,
.primary-menu li:focus-within>.sub-menu {
    display: block
}

.primary-menu .sub-menu a {
    padding: 8px 10px
}

.mobile-menu-toggle {
    display: none
}

.puroxi-live-tool {
    margin-top: 40px;
    border-top: 1px solid #bed5dd
}

.calculator-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    border: 1px solid #bed5dd
}

.tool-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 30px
}

.tool-fields label,
.puroxi-form label {
    font-weight: 700;
    display: grid;
    gap: 7px
}

.tool-fields input,
.puroxi-form input,
.puroxi-form textarea {
    width: 100%;
    padding: 13px;
    border: 1px solid #9fbfc9;
    font: inherit
}

.tool-results {
    background: #063e59;
    color: #fff;
    padding: 30px;
    display: grid;
    gap: 10px
}

.tool-results span {
    padding: 13px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.tool-results strong {font-size: 25px;display: block}
.puroxi-form {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px}
.puroxi-form label:nth-last-of-type(1) {grid-column: 1/-1}
.puroxi-form button {justify-self: start}
.technical-note {font-size: 14px;color: #4e6978}

@media(max-width:1050px) {
.mobile-menu-toggle {display: block}
.primary-menu {display: none}
.primary-menu.is-open {display: grid;position: absolute; top: 80px;left: 0;right: 0; background: #fff; padding: 20px}
.primary-menu .sub-menu { position: static; box-shadow: none;border: 0;padding-left: 15px}
.primary-menu li:hover>.sub-menu,
.primary-menu li:focus-within>.sub-menu {display: block}



}

@media(max-width:720px) {
.calculator-grid,
.tool-fields,
.puroxi-form {grid-template-columns: 1fr}
.puroxi-form label:nth-last-of-type(1) {grid-column: auto}


}





.installation-grid ol {padding-left: 20px;}
.academy-card ol {padding-left: 20px;}
.monitoring-panel ul{padding-left: 20px;}
.selection-list li { color: #000000;}
.signal-visual span { color: #fff;}

/* .info-card p { color:#000; } */
section.section.wrap.split.reverse {  padding: 0px 0px 90px;}
.spec-card ul{ padding-left:20px;}
.btn.outline { padding: 13px 15px;}
section.section.wrap.testimonial.pending { margin-bottom: 50px; padding:35px;}
.navy-bgy .selection-list li {  color: #ffffff;}
.soft-changges{ padding-top:1px;}
.resdtop-space{ padding: 90px 0px 90px !important;}
.ppmdd-0{ padding:0px !important;}
.diagnose-grid legend { text-align: center;}
ul.diagnosis-information { padding-left: 20px;}
.new-custom-img img {aspect-ratio: auto; width: 80% !important; margin:auto !important;}
.new-custom-img { border: 0!important; background: transparent!important; aspect-ratio: inherit;}
.publication-card {  padding: 20px;}
.publication-card p{ margin:0px;}
.publication-card h2 { margin: 20px 0 15px;}
figure.nano-loop-figure.new-custom-img { width: 70%;  margin: auto;     border: none !important;  background: none !important;}
section.section.wrap.split.reverse.resdtop-space.nanobubble figure img {width: 80%;}
section.section.wrap.split.reverse.resdtop-space.nanobubble figure {width: 500px;}
section.section.wrap.reverse.resdtop-space.nanobubble {display:flex; gap: 70px; align-self: center; justify-content: center;}
.imag-boder {border: solid 0px #D2DCDD; padding: 15px;}
section.section.wrap.nanobubble-generators {display:flex;gap:70px;}
.section h3 {font-size: clamp(32px, 4vw, 30px);line-height: 1.1;letter-spacing: -.035em;margin: 12px 0 22px; }
.product-card-body h3{ color:#000; margin: 12px 0 12px;}
.product-card-body p{ margin:5px 0px 10px;}
.enquiry-form input, .enquiry-form select { height: 50px;}
.enquiry-form { padding: 30px;}
.enquiry-form .check input {height: auto;}
section.section.wrap.nanobubble-generators.inner-section {padding: 0 0 70px 0;}
section.section.wrap.nanobubble-generators.inner-section h3 {color:#0B2D4B !important; font-size: clamp(38px, 4vw, 30px);line-height: 1.1;letter-spacing:-.035em;margin: 12px 0 22px;}

.topic-grid h3{ font-size:22px;}
section.section.wrap.inner-section-a {padding: 0 0 50px 0;}
section.section.wrap.inner-section-a h3 {font-size: clamp(30px, 4vw, 30px);line-height: 1.1;letter-spacing: -.035em;margin: 12px 0 22px; color:#000 ;}
figure.nano-loop-figure.new-custom-img-last img {width: 100%;aspect-ratio: auto;}
figure.nano-loop-figure.new-custom-img-last {background: transparent;border: 0;width: 100%;height: auto;}
.common-sec{ padding: 90px 90px 90px 90px; position: relative}
.sec-nre-hns { display: flex; justify-content: center; align-items: center;}
.info-ccds h3{ color:#000; font-size:24px;}
.table-wrapper { width: 100%; overflow-x: auto; background: #fff; border: 1px solid #D8DDE3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); } 
table { width: 100%; border-collapse: collapse; color: #14213D; font-size: 18px; } 
th, td { padding: 14px 20px; text-align: left; border-right: 1px solid #D8DDE3; border-bottom: 1px solid #D8DDE3; } 
th { font-weight: 700; background: #fff; } 
td { font-weight: 400; } 
th:last-child, td:last-child { border-right: none; } tr:last-child td { border-bottom: none; } 
th:first-child, td:first-child { width: 56.5%; } th:last-child, td:last-child { width: 43.5%; }
.pump-calculator-main h3{ color:#0b2d4b}
#rmp-menu-wrap-9320 .rmp-menu-current-item .rmp-menu-item-link { background-color: #000000; }
.privecccy{ padding:50px 15%;}
.privecccy .top-note {text-align: center;color: #4a5a7a;font-size: 18px;letter-spacing: 0.5px;text-transform: uppercase;margin-bottom: 30px;}
.privecccy h2 {text-transform: uppercase;font-size: 24px;padding: 0;margin: 25px 0 0px 0;color: #000;font-weight: bold;}
.privecccy h3 {text-transform: uppercase;font-size: 24px;padding: 0;margin: 25px 0 0px 0;color: #000;font-weight: bold;}
.privecccy p { line-height: 30px;font-size: 18px;font-weight: 400;color: #444; margin-bottom: 15px;margin-top:0px;}
.privecccy p strong{ font-size:24px; font-weight:bold; color:#444; text-transform: uppercase;}
.privecccy p a{ color: #189538;}
.privecccy strong {font-weight: bold;}
.privecccy .highlight {background: none;}
.privecccy .logo-area {margin-top: 60px;text-align: left;}
.privecccy .logo-area img {max-width: 220px;}
.privecccy ul{ padding-left:20px}
.privecccy ul li {padding-bottom: 5px;font-size: 18px;}
.privecccy ul li a{ color: #189538;}
section.water-solutionsn {padding: 0px 15% 90px;}
section.water-solutionsn h2{font-size:30px;text-align:center;font-weight:bold;}
section.water-solutionsn p{font-size:18px;}
section.water-solutionsn .award-wrapper {display: flex;align-items: center;justify-content: center;gap: 60px;margin: 0 auto;}
h3.new-m-b-p {margin-bottom: 0 !important;margin-top: 30px !important;}
ul {padding-left: 20px;}
figure.nano-loop-figure.new-custom-img-p {width: 100%;margin: auto;border: none !important;background: none !important;}
figure.nano-loop-figure.new-custom-img-p img {aspect-ratio: initial;}
.neww-llop .nano-loop-figure img {display: block;max-height: none;aspect-ratio: 6 / 9;object-fit: cover;width: 100%;}
.neww-llop{ background:none !important;}
.neww-llop .split {grid-template-columns: 0.95fr 2.05fr !important;}
.alcpntent-top{align-items: self-start;}
.plateffipprm { background: #f2f8fa; width: 100%; padding: 90px 15%;}
.white-bg{ background:none;}
.white-bg .nano-loop-figure img { object-fit: inherit !important;}
.bluue-bg {background: #f2f7f8;width: 100%;padding: 70px 15%;}
.pbbdf-0{ padding-bottom:0px;}
.accessoricesss {  grid-template-columns: 0.5fr .85fr !important;}
.technical-note-dnoichange {margin: 44px 14%;padding: 26px 30px;border-left: 6px solid var(--cyan); background: #eaf7fa;}
.technical-note-dnoichange strong {font-size: 30px;color: #000;}
.technical-note-dnoichange p {margin-bottom: 0;color: #000;font-size: 18px;}
.ultrasonic-equipment-gallery-pto{ padding-top:60px !important;}
.monitoring-panel-changess {  display: block; margin-top: 34px;}
.accessoricesss1 { grid-template-columns: 0.3fr .85fr !important; gap: 30px;}
.accessoricesss2 { grid-template-columns: 2.3fr .85fr !important; padding-top:0px;}
.accessoricesss3 { grid-template-columns: 2.3fr .85fr !important; }
.oxygen figure img {width: 100%;height: 600px;max-height: 600px;object-fit: cover;}
.oxygen p{  font-size:18px;}
.oxygen ul li{  font-size:18px; padding-bottom:7px;}
section.section.navy.generation-box {text-align: center;}
section.section.navy.generation-box .two-up article:last-child { border-top: 5px solid var(--cyan); ;}
.gevms{margin-bottom:30px;}
.gevms p{ font-size:18px;}
.miscellaneousc{ text-align:center; padding:70px 15% 0px;}
.accessoricesss4{ padding-top:0px;}
.two-up {display: flex;grid-template-columns: 1fr 1fr;gap: 20px;justify-content: center;}
.oxygen-meter{ text-align:center; padding:70px 15%;}
.oxygen-meter img{ width:336px; height:359px;}
.chandess .nano-learning-hero { grid-template-columns: 0.5fr 1.15fr;}
.ttop-changes{ padding: 60px 15% 90px !important;}
.two-up.dark-cards article {width: 50%;}
.enquiry-form input, .enquiry-form select, .enquiry-form textarea {width: 100%;}
.btn.primary {width: auto;}
.enquiry-form label { margin-bottom: 10px;}
.form-grid {gap: 13px;}
.enquiry-form input, .enquiry-form select, .enquiry-form textarea {width: auto;}
.page-id-20 .enquiry-form input, .enquiry-form select, .enquiry-form textarea {width: 100%;}
.btn.primary {width: auto !important;}
.page-id-20 .wpcf7-list-item {display: inline-block;margin: 0 0 0 0em;}
.page-id-12 .enquiry-form input, .enquiry-form select, .enquiry-form textarea {width: 100%;}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.primary {width: 200px !important;}
.blog-listing{ display: flex; gap: 30px;}
.maintext-sec{ width:75%;}
.right-sec{width:25%; position: relative;}
.search-blog {display: flex;}

.blog-r-title {
    font-size: 20px;
    margin: 0 0 12px 0;
    font-weight: 600;
    background-color: #021d35;
    font-weight: 500;
    padding: 10px;
    position: relative;
    color: #fff;
   
}



.right-sec ul {
    margin-left:-15px!important;
    margin-top: 20px;
    margin-bottom: 25px;
}

.right-sec ul li {
    padding: 7px 0;
    border-bottom: solid 1px #ddd;
    font-size: 17px !important;
    list-style: none !important;
    position: relative;
    padding-left: 0px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.search-blog input {
    height: 48px;
}

.search-submit {
    color: #337CBA;
    background-color: #fff;
    border: solid 1px #337CBA;
    margin-left: 5px;
    border-radius: 5px;
    padding: 8px 15px;
}

.serchformss{ padding-bottom: 25px; width:100%; display: block;}
input.search-field {width: 70%;}
.blog-box-m{ display: flex; gap: 30px;flex-wrap: wrap;}
.blog-box1{ width: 47%;}
.blog-box {background-color: #fff; border: solid 1px #ddd;}
.blog-text-sec {padding: 15px;}
.blog-title { font-size: 19px;margin: 0px 0 12px 0; font-weight: 600;}
.date-blog {font-size: 14px;padding-bottom: 10px;color: #337CBA;font-weight: 600;}
.read-more:hover {
    background-color: #19b6c9;
    border: solid 1px #19b6c9;
    color: #02101b;
}
.read-more {
    border: solid 1px #19b6c9;
    background-color: #19b6c9;
    padding: 8px 25px;
    border-radius: 5px;
    font-size: 16px;
    color: #02101b;
    display: inline-block !important;
}
.blog-box img{ width: 100%!important;}
.blog-box p{ margin-top: 0px;}
.detail-img-blog img{width: 100%!important; height: auto;}
.detail-img-blog h2 {
    font-size:30px;
    line-height: 1.1;
    letter-spacing: -.035em;
    margin: 12px 0 22px;
}
.accordion-item.active {
    background-color: #e9f8fa;
    padding: 0 0 0 15px;
}
.page-id-12 .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}
.product-card-body h3 {
    color: #0b2d4b;
    margin: 12px 0 12px;
}
.quick-form input, .quick-form textarea { width: 100%;}
.blog-box img { height: auto;}
span.page-numbers.current { padding: 6px 10px; background: #021d35; color: #fff;}
a.page-numbers { padding: 6px 10px; background: #1ebcc2; color: #000;}
input.search-field {  width: 73%;}
.technical-note p { color: #032641;}
.page-id-60 .info-card h3{ color: #032641; }
.page-id-60 .info-card p{ color: #032641; }
.menu-item-has-children a::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.primary-menu .sub-menu a::after{ display:none;}
.top-header.nav-wrap { padding: 0px 50px;}
.site-header nav a { font-size: 17px;}
.resource-list article h2 { font-size: 23px !important;}
.principle-grid h3 {font-size: 23px !important;}
.academy-card h2 {font-size: 30px !important;}
.installation-grid article h2 { font-size: 30px !important;}
.two-up h3 { font-size: 23px !important;}





/* -------------------------error-page---------------------- */

.no-banner-pad {
    padding: 140px 0px 140px 0px;
    position: relative;
}
.error-title {
     color: #000;
    font-weight: 500;
    font-size: 50px;
    text-align: center;
    margin-top: 30px;
	    margin-bottom: 0px;
   
}
.error {
    text-align: center;
    padding: 40px;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    transition: 0.3s ease-in-out;
    box-shadow: 4px 8px 40px 8px rgb(0 201 223 / 42%);
}
.error > .code {
    font-size: 13rem;
    margin: 0;
    line-height: 180px;
    letter-spacing: 25px;
    font-weight: bold;
    color:#00c9df;
    text-shadow: 0px 0px 12px #ceeef3;
}
  .error > p {
    font-weight: 500;
    font-size: 26px;
    padding-bottom: 20px;
    color: #000;
}

 

/* --------------thanku-page-css---------------- */

.message {
    padding: 40px;
    text-align: center;
    max-width: 700px;
    margin: auto;
    background-color: #fff;
    transition: 0.3s ease-in-out;
    box-shadow: 4px 8px 40px 8px rgb(0 201 223 / 42%);
}
.thanku-text {
    font-size: 80px;
    color: #00c9df;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 60px;
}

.message p{
    font-size: 25px;
    color: #000;
    font-weight: 600;
    padding: 10px 0px 20px 0px;
    letter-spacing: 2px;
}






.cta-section{
    padding:0px 0 60px;
}

.cta-section .container{
    background:#bd992d;
    border-radius:14px;
    padding:80px 30px;
    text-align:center;
}

.cta-section h2 {
    color: #fff;
    font-size: 36px;
    line-height: 1.35;
    font-weight: 700;
    max-width: 1100px;
    margin: 0 auto 35px;
}

.cta-links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:30px;
}

.cta-links a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Arial';
}
.cta-links span{
    color:#fff;
    font-size:20px;
    font-weight:bold;
        font-family: 'Arial';
}

.cta-info{
    color:#fff;
        font-family: 'Arial';
    font-size:18px;
    font-weight:bold;
    margin-bottom:45px;
}

.cta-info span{
    margin:0 10px;
}

.cta-section h3 {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}

.the-resall{ background:none !important;}
.secoummmd th:first-child, td:first-child {
    width: 30.5%;
}
.the-resall22{ background:none !important;}
.the-resall22 th:last-child, td:last-child
 {  width: 16.5%;}
.the-resall22 th:first-child, td:first-child { width: 16.5%;}
.split p a{ color: #189538;}
.text-hhjn-cener { text-align:center; margin-top:50px;}
.text-hhjn-cener h4 {
    padding: 30px 0px;
    background: #4b95d5;
    font-size: 30px;
    color: #fff;
}

.two-up22.dark-cards article {
    padding: 20px;
    margin-bottom: 20px;
}
.threeml{ text-align:center;}

.threeml h3{ margin-top:50px;}

.fonrkh{ margin-bottom:50px;}


.commufiast ol{ padding-left:20px;}
.commufiast ol li{ list-style:disc;}

.tskc-center{ text-align:center; padding-bottom:0px !important;}








@media(max-width:1600px) {
.original-hero h1 {font-size: 55px;}
.hero-copy { font-size: 18px;}
.hero { min-height: 700px;}
.home-problems { padding: 70px 0 70px;}	
.center-head h2 { font-size: 45px; margin: 16px 0 15px;}	
.crop-feature { padding: 70px 0;}	
.promise-copy h2 { font-size: 45px; margin: 5px 0;}	
.industry-directory h2 { font-size: 45px; margin: 15px 0 20px;}	
.home-products { padding: 70px 0 70px;}	
.knowledge-ecosystem h2 {font-size: 45px;}	
.knowledge-grid a { min-height: 150px; padding: 20px;}	
.knowledge-grid h3 { margin: 15px 0 8px;}	
.case-section { padding: 70px 0;}	
.case-card h3 { font-size: 22px;  margin: 5px 0;}	
.conversation h2 { font-size: 45px; margin: 0px;}	
.knowledge-ecosystem { padding: 60px 0;}	
.knowledge-ecosystem h2 { font-size: 40px;}
.page-hero h1 {  font-size: clamp(48px, 5vw, 65px);}	
.page-hero p:last-child { font-size: 18px; max-width: 840px;}	
.section { padding: 70px 0;}	
.industry-visual-section {  padding: 70px 0;}	
.industry-visual-section h2 {  font-size: clamp(38px, 4vw, 50px);}	
.path-grid, .product-grid, .info-grid { margin-top: 30px;}	
.path-card, .product-card, .info-card { padding: 20px;}	
.path-card h3, .product-card h3, .info-card h2, .info-card h3 { margin: 5px 0 10px;}	
.technical-note { margin: 44px 0 0px;}	
.two-up article { padding: 20px;}	
.two-up article ul { padding-left: 20px;}	
.lead { font-size: 18px; max-width: 960px;}	
.principle-grid article { padding: 20px;}	
.principle-grid h3 { margin: 14px 0 0px;}
section.section.wrap h2 { font-size: clamp(38px, 4vw, 50px);}
.publication-card h2 { font-size: 22px;}	
.publication-card { padding: 20px;}	
.independent-layout article h3 { margin-bottom: 0px;}	
.topic-grid article { padding: 20px;}	
.not-connected { font-size: 15px;}	
.info-card { padding: 20px;}	
.info-card h2{ font-size:22px !important;}	
.section { padding: 50px 0; }	
.ultrasonic-infographic-section h2, .ultrasonic-equipment-gallery h2 { font-size: 50px;}	
section.section.soft h2 { font-size: 50px;}	
section.section.navy h2 { font-size: 50px;}		
.coverage-grid b { font-size: 28px;}	
.process-grid article { padding: 20px;}	
.process-grid h3 { font-size: 22px;}
.tag-list { margin: 28px 0 28px;}	
.spec-card { padding: 25px;}	
.calculator-result strong { font-size: 30px;}	
.flow-diagram span{ padding: 15px;}	
.info-card { min-height: 160px;}	
.testimonial blockquote { font-size: 24px;}	
section.section.nano-treatment-loop h2 { font-size: 50px;}	
.nozzle-range-table p{ margin:0px;}	
.nano-product-gallery h2 { font-size: 50px;}	
.soft-changges { padding-top: 1px;}	
.resdtop-space { padding: 70px 0px 70px !important;}	
.problem-grid article h2 { font-size: 26px !important;}	
.problem-grid article { padding: 22px;}	
.diagnose-grid fieldset {  padding: 20px;}	
.diagnose-grid label { padding: 8px 0;}	
.diagnose-grid input { width: 15px; height: 15px;}	
.directory-card h2 {  font-size: 22px !important; margin: 35px 0 12px;}	
.directory-card { padding: 20px;}	
.publication-card h2 { font-size: 22px !important;}	
.case-library-grid h2 {font-size: 22px !important;}	
.case-library-grid article>div { padding: 20px;}
.visual-products .product-card-body { padding: 0 20px 20px;}	
.product-card-body h3{ font-size:22px !important; margin: 12px 0 12px;}	
.enquiry-form label { margin-bottom: 0px;}	
.enquiry-form textarea { margin-bottom: 10px;}	
/* .btn.primary { margin-top: 10px;}	 */
.enquiry-form { padding: 20px;}	
.enquiry-form { padding: 20px 15px;}	
.pump-calculator-section>div>h2 { font-size: 50px;}	
.privecccy p { line-height: 28px; font-size: 17px;}	
.privecccy h3 {font-size: 22px;}
section.water-solutionsn .award-wrapper {  gap: 30px;}	
.badge img { width: 450px;}	
section.water-solutionsn {  padding: 0px 15% 40px;}	
section.water-solutionsn h2 { margin-top: 0px;}	
section.water-solutionsn p { font-size: 17px;}		
.plateffipprm { padding: 70px 10%;}
.bluue-bg {  padding: 70px 10%;}	
.technical-note-dnoichange { margin: 44px 7%;}	
.miscellaneousc { padding: 70px 10% 0px;}	
.oxygen-meter { padding: 70px 10%;}	
.page-id-12 .enquiry-form label { margin-bottom: 10px;}	
.process-grid h3 { font-size: 20px !important;}	
.path-card h3, .product-card h3, .info-card h2, .info-card h3 { font-size: 20px !important;}	
.lead {font-size: 16px;}
.system-story li {font-size: 16px;margin: 0 0 10px; padding-left: 7px;}
.topic-grid h3 {font-size: 20px; margin: 12px 0 10px;}
.media-resource-grid article h2 { font-size: 20px !important; margin: 12px 0 10px;}
.info-card { color: #0b2d4b; }	
.info-card p{ color: #0b2d4b; }		
.page-id-17 .directory-card { min-height: 160px;}	
.top-header.nav-wrap { padding: 0px 40px;}	
.site-header nav a { font-size: 14px;}	
.nav-wrap { gap: 15px;}	
.resource-list article h2 { font-size: 20px !important;}	
.principle-grid h3 { font-size: 20px !important;}	
.academy-card h2 { font-size: 26px !important;}
.installation-grid article h2 { font-size:26px !important;}	
.two-up h3 { font-size: 22px !important;}	
.no-banner-pad { padding: 100px 0px 100px 0px;}	
.error > .code { font-size: 9rem; line-height: 100px;}	
.message p { padding: 10px 0px 0px 0px;}	
.error-title { font-size: 40px; margin-bottom: 0px;}	
.thanku-text { margin-top: 20px;}		
.error > p { padding-bottom: 0px; margin-top: 0px;}
.error > p { font-size: 24px;}	
	
	
	
}

@media(max-width:1440px) {
.wrap {  width: min(1320px, calc(100% - 48px)); margin: auto;}
.original-hero h1 { font-size: 50px;}
.hero-content { padding: 50px 0;}	
.hero { min-height: 645px;}	
.home-problems { padding: 60px 0 60px;}	
.crop-feature { padding: 60px 0;}	
.promise-copy h2 { font-size: 40px;}	
.industry-directory { padding: 60px 0;}	
.industry-directory h2 { font-size: 40px; margin: 15px 0 15px;}	
.center-head h2 { font-size: 40px;  margin: 15px 0 15px;}	
.home-products { padding: 60px 0 60px;}	
.knowledge-ecosystem { padding: 60px 0;}	
.case-section { padding: 60px 0; }	
.conversation h2 { font-size: 40px;}	
.knowledge-grid h3 { margin: 10px 0 -1px;}	
.footer-bottom { margin-top: 45px !important;}	
.conversation { padding: 60px 0;}	
.primary-menu {  gap: 10px;}	
.page-hero h1 {font-size: clamp(48px, 5vw, 60px); }	
.section h2 { font-size: clamp(38px, 4vw, 40px);}	
.section { padding: 60px 0; }	
.industry-visual-section { padding: 60px 0; }	
.industry-visual-grid figcaption {padding: 0px 8px 5px;}	
.publication-card h2 { font-size: 22px; }	
.publication-card p { margin:0px; }		
.independent-layout article { padding: 20px;}	
section.section.wrap h2 { font-size: clamp(38px, 4vw, 40px); }
section.section.soft h2 { font-size: 40px; }	
section.section.navy h2 { font-size: 40px; }	
.testimonial blockquote { font-size: 22px;}	
.coverage-grid b { font-size: 24px;}	
section.section.wrap.testimonial.pending { margin-top: 50px;}	
section.section.navy.navy-bgy .spec-card h3 { margin: 0px;}	
section.section.wrap.testimonial.pending { padding: 25px;}	
.soft-changges { padding-top: 1px;}	
section.section.nano-treatment-loop h2 { font-size: 40px; }	
.nozzle-range-table strong {  font-size: 22px;  margin: 12px 0 10px;}	
.split { gap: 40px;}
.problem-grid article h2 { font-size: 24px !important; margin: 12px 0 12px; }	
.case-library-grid article>div {padding: 10px 20px 20px;}	
.case-library-grid h2 { margin:10px 0px 10px !important;}	
.case-library-grid p { margin: 0px !important;}		
.product-card-body h3 { margin: 12px 0 2px;}
.info-card { padding: 15px; }	
.topic-grid h3 { font-size: 22px;}	
.pump-calculator-section>div>h2 { font-size: 40px;}	
.duty-panel { padding: 20px;}	
.bluue-bg { padding: 60px 7%; margin: 0px; width:100% !important; }
.miscellaneousc { padding: 60px 7% 0px;}
.oxygen-meter { padding: 60px 7%;}	
.oxygen ul li { font-size: 17px;}	
.section h3 { font-size: clamp(28px, 4vw, 28px);}	
.ask { padding: 13px 10px;  font-size: 13px;}	
.topic-grid h3 { font-size: 20px !important; }	
.academy-card h2 { font-size: 24px !important;}		
.installation-grid article h2 { font-size: 24px !important;}

}

@media (max-width: 1400px) {
.wrap { width: min(1250px, calc(100% - 48px)); }
.problem-card { padding: 15px;}	
.knowledge-ecosystem h2 { font-size: 40px; margin: 10px 0px; }	
.knowledge-ecosystem { padding: 60px 0;}	
.conversation>div>div>strong { font-size: 16px; margin-top: 20px;}	
.publication-card h2 { font-size: 22px;}	
.soft-changges { padding-top: 1px;}
.resdtop-space { padding: 60px 0px 60px !important;}
input.search-field {  width: 71%;}	
.site-header nav a {  font-size: 13px; }	
	
	
}



@media (max-width: 1366px) {
.original-hero h1 { font-size: 45px; }
.eyebrow { font-size: 11px;}	
.hero-copy { font-size: 16px; line-height: 28px; }	
.hero-content { padding: 30px 0; }	
.btn { padding: 12px 20px; font-size: 13px;}	
.hero { min-height: 600px; }	
.wrap.hero-content .proof { margin-top: 25px;}	
.problem-card h3 {font-size: 16px; margin: 15px 0 6px;}	
.problem-cards { gap: 14px; margin-top: 30px;}	
.problem-card {	min-height: 220px;}	
.booster-orb { width: 350px;  height: 350px;}	
.crop-feature h2 { font-size: 35px;}	
.center-head h2 { font-size: 35px; }	
.promise-copy h2 {font-size: 35px; }	
.promise-rings>div { width: 430px; height: 430px;}	
.promise-rings strong { font-size: 20px; margin: 8px 0;}	
.promise-rings span { font-size: 12px;}	
.industry-directory h2 { font-size: 35px; margin: 10px 0 10px;}	
.promise-copy h3 {font-size: 18px;}	
.promise-copy { padding: 60px 5vw 60px 0vw;}	
.industry-list a {  grid-template-columns: 35px 1fr 25px;}	
.portfolio-card h3 { margin: 12px 0 7px;}	
.knowledge-ecosystem h2 { font-size: 35px; }	
.case-card h3 { font-size: 20px; margin: 3px 0; }	
.conversation h2 {font-size: 35px;}	
.ask {padding: 10px 13px; font-size: 14px;}	
.btn { padding: 12px 15px; font-size: 13px; }	
.quick-form { padding: 20px;}	
footer a{ font-size:15px;}	
.page-hero h1 { font-size: clamp(48px, 5vw, 55px); }	
.page-hero { padding: 90px 0;}	
.page-hero p:last-child { font-size: 17px; max-width: 840px; }	
.path-card, .product-card, .info-card { padding: 15px;}	
.process-grid article { padding: 15px;}	
.process-grid.light p { margin-top: 0px;}	
.two-up li { margin: 7px 0;}	
.lead { font-size: 16px; max-width: 800px; }	
.process-grid h3 { font-size: 22px; margin: 10px 0 8px;}	
.system-story li { margin: 0 0 10px;}	
.principle-grid h3 { font-size: 22px;}	
.principle-grid article { min-height: 220px;}	
.page-hero h1 { font-size: clamp(48px, 5vw, 50px);}	
section.section.wrap h2 { font-size: clamp(38px, 4vw, 35px); }	
.publication-card h2 { font-size: 20px;}	
.installation-grid article { padding: 20px;}	
.academy-card { padding: 20px;}	
.topic-grid article { padding: 15px;}		
.independent-layout article p { margin-top: 5px;}	
.info-card h2 { font-size: 20px !important; }
.section { padding: 40px 0;}
.eyebrow {font-size: 11px !important; }	
.split p { font-size: 16px;}	
section.section.soft h2 { font-size: 35px;}	
section.section.wrap h2 { font-size: clamp(35px, 4vw, 35px);}	
.section h2 { font-size: clamp(38px, 4vw, 35px);}	
.two-up h3 {font-size: 24px; margin-bottom: 0px;}	
.two-up p { margin-top: 0px;}		
.coverage-grid article { padding: 20px;}	
.split { gap: 50px;}
.testimonial blockquote {font-size: 20px; }	
.ultrasonic-infographic-section h2, .ultrasonic-equipment-gallery h2 { font-size:35px; }
section.section.navy h2 {font-size: 35px;}		
.section h2 { font-size: clamp(35px, 4vw, 35px); }	
.tool-results strong { font-size: 22px;}	
footer { padding: 50px 0 22px;}	
.soft-changges { padding-top: 1px;}	
section.section.nano-treatment-loop h2 { font-size: 35px; }	
.resdtop-space { padding: 50px 0px 50px !important;}
.problem-grid article h2 { font-size: 22px !important; }	
.problem-grid article h3 { margin: 15px 0 4px;}	
.problem-grid article { padding: 20px; }	
.filter-row button { font-size: 14px;}	
.filter-row { gap: 5px;}
.library-controls input { padding: 10px;}	
.cta {margin-top: 50px; padding: 35px;}	
.filter-row { margin: 22px 0 10px;}	
.problem-grid article h2 { font-size: 20px !important; }	
.diagnose-grid legend { font-size: 22px;}	
.diagnose-grid label { padding: 6px 0; font-size: 15px;}	
.directory-card h2 { font-size: 20px !important; margin: 30px 0 10px;}	
.directory-grid p{ margin:0px;}	
.publication-card h2 { font-size: 20px !important;}		
.case-library-grid h2 { font-size: 20px !important; }
.case-library-grid article>div {padding: 10px 15px 20px; }
.product-card span { font-size: 15px;}	
.product-card-body h3 { font-size: 20px !important; }	
.visual-products .product-card-body { padding: 0 15px 20px; }	
.topic-grid h3 { font-size: 20px;}	
.topic-grid article { padding: 15px; }	
.nozzle-flow span, .nozzle-flow strong { padding: 12px;}	
.tdh-equation span, .tdh-equation b { padding: 14px 15px;}
.info-ccds h3 { font-size: 20px;}	
.tool-fields input, .puroxi-form input, .puroxi-form textarea { padding: 12px;}	
.pump-calculator-section>div>h2 {font-size: 35px;}	
.privecccy h3 { font-size: 20px; margin: 15px 0 0px 0; }
.privecccy p { line-height: 28px; font-size: 16px; }	
.badge img { width: 420px; }
section.water-solutionsn p { font-size: 16px;}	
section.water-solutionsn h2 { font-size: 28px; margin-bottom: 0px;}		
.bluue-bg {padding: 60px 7% !important; width: 100% !important;}	
.oxygen ul li {font-size: 16px;}	
.oxygen p { font-size: 16px;}	
.miscellaneousc { padding: 60px 7% 0px;}	
.oxygen-meter { padding: 60px 7%; }	
.gevms p { font-size: 16px;}	
.ttop-changes {  padding: 40px 7% 50px !important;}	
table {font-size: 16px;}	
.blog-title { font-size: 17px;}	
.blog-r-title { font-size: 18px;}	
.right-sec ul li { font-size: 16px !important;}	
.top-header.nav-wrap { padding: 0px 30px; }	
.academy-card h2 { font-size: 22px !important;}		
.installation-grid article h2 { font-size: 22px !important;}	
.two-up h3 { font-size: 20px !important;}
.thanku-text { font-size: 60px; line-height: 10px;}	
.error > .code { font-size: 7rem; line-height: 60px;letter-spacing: 20px;}	
.error-title { font-size: 32px; margin-bottom: 0px; }	
.error > p {font-size: 20px;}	
	
	
	
	
}
@media (max-width: 1280px) {
.wrap { width: 90%; }
.site-header .wrap { width: 96%; }	
.home-problems { padding: 50px 0 50px;}	
.crop-feature { padding: 50px 0; }	
.promise-copy { padding: 50px 5vw 50px 0vw; }	
.knowledge-ecosystem { padding: 50px 0;}
.page-hero h1 { font-size: clamp(48px, 5vw, 50px); }
.section h2 { font-size: clamp(38px, 4vw, 35px); }	
.system-story { margin: 0px 0 50px;}	
.media-resource-grid article {  padding: 15px;}	
.media-resource-grid article p{ margin:0px 0px 10px; }		
.media-resource-grid article h2 { margin-bottom: 10px;}	
.resource-list article {  padding: 20px 15px;}	
.principle-grid p {  margin: 5px 0px;}	
.principle-grid h3 {font-size: 20px;}	
.principle-grid article { padding: 15px; }	
.principle-grid article {min-height: 200px;}	
.publication-card h2 { font-size: 20px; }
.publication-actions { padding-top: 0px;}	
.publication-card { min-height: 280px;}	
.installation-grid article h2 { font-size: 26px;}		
.topic-grid h3 { font-size: 20px; margin: 15px 0 10px;}	
.monitoring-panel { gap: 50px; padding: 30px;}	
.flow-diagram { padding: 0px;}
.info-card h3 { font-size: 21px;}	
.product-story-grid img {  height: 185px;}	
.soft-changges { padding-top: 1px;}	
.nozzle-range-table article {  padding: 15px;}	
.filter-row button {  padding: 10px 14px;}	
.directory-card span { font-size: 14px;}	
.privecccy { padding: 50px 10%;}	
section.water-solutionsn { padding: 0px 10% 40px; }	
.imag-boder img {width: 500px;}	
input.search-field { width: 69%; }	
.site-header nav a { font-size: 12px; }	
.nav-wrap { gap: 10px;}	
.ask { font-size: 13px; }	
	
	
	
	
	
}


@media (max-width: 1180px) {
.ask { margin-right:50px; }
#rmp_menu_trigger-9320 { top: 20px; right: 1%;}
.soft-changges { padding-top: 1px;}

.blog-listing{ display: flex; gap: 20px;}
.maintext-sec{ width:70%;}
.right-sec{width:30%; position: relative;}
input.search-field {width: 60%;}
.blog-box-m{ display: flex; gap: 20px;flex-wrap: wrap;}
.blog-box1{ width: 47%;}
.blog-title {font-size: 17px; margin: 0px 0 12px 0;}
.blog-listing {gap: 20px;}
.independent-layout article h3 { font-size: 22px;}


}




@media (max-width: 1024px) {
.original-hero h1 { font-size: 40px;}
.hero { min-height: 550px; }	
.home-problems { padding: 40px 0 40px; }	
.industry-directory { padding: 50px 0; }	
.conversation-grid { gap: 50px;}
.center-head h2 { font-size: 30px;}	
.crop-feature h2 { font-size: 30px;}	
.promise-copy h2 {font-size: 30px; }	
.industry-directory h2 { font-size: 30px; }	
.home-products { padding: 50px 0 50px;}	
.knowledge-ecosystem h2 { font-size: 30px;}	
.case-section { padding: 50px 0;}	
.case-card h3 { font-size: 18px; }	
.case-card>div {left: 20px;right: 20px;}	
.conversation h2 { font-size: 30px;}	
.industry-visual-grid img { height: 190px;}	
.page-hero {  padding: 70px 0; }	
.process-grid h3 { font-size: 20px;}	
.section { padding: 50px 0; }	
.section h2 { font-size: clamp(30px, 4vw, 30px);  }		
.publication-card h2 { font-size: 20px; }	
.publication-card { padding: 15px; min-height: 300px; }	
.installation-grid article { padding: 15px;}	
.cta { padding: 35px;}	
.section { padding: 40px 0; }	
section.section.soft h2 { font-size: 30px; }	
section.section.wrap h2 { font-size: clamp(30px, 4vw, 30px); }	
section.section.navy h2 {font-size: 30px;}	
.split { gap: 10px; }	
.product-story-grid img { height: 175px;}	
.signal-visual span {font-size: 14px;}	
.calculator-inputs {  grid-template-columns: repeat(2, 1fr);}	
.flow-diagram span{ padding: 12px;}	
.info-card h3 {  font-size: 19px;}	
section.section.wrap.split.reverse { gap: 30px;}	
.spec-card h3 { margin: 0px;}
.product-story-grid img { height: 160px;}	
.soft-changges { padding-top: 1px;}	
.problem-grid article { padding: 15px;}
.cta { padding: 25px;margin-top: 40px;}	
.library-controls {  padding: 15px;}	
.diagnosis-result {  padding: 25px;}	
.industry-symbols span { padding: 12px 12px;}	
.industry-symbols { padding: 30px;}	
.directory-card { padding: 15px; }	
figure img { max-height: 200px;}	
.topic-grid h3 {font-size: 18px;}
.tdh-equation span, .tdh-equation b { padding: 14px 12px;}	
section.section.wrap.split.accessoricesss figure img { max-height: initial;}	
.nano-learning-hero {  gap: 40px;}
.miscellaneousc { padding: 60px 5% 0px;}	
.oxygen-meter { padding: 40px 5%; }	
figure img { max-height: initial; }	
.two-up {justify-content: start;}	
body, html{ overflow-x: hidden;}
section.section.wrap h2 {font-size: clamp(25px, 4vw, 28px);}
input.search-field { width: 67%; }	
.academy-card h2 { font-size: 20px !important;}		
.installation-grid article h2 { font-size: 20px !important;}	
.error { padding: 60px; max-width: 630px;}	
.message { max-width: 600px;}
.message p { font-size: 22px;}	
	
	
	
	
	
}


@media (max-width: 991px) {
.problem-card { min-height: 210px; }
.problem-card { padding: 10px;}	
.problem-card {  min-height: 200px; }	
.portfolio-card>div {padding: 15px;}	
.case-section { padding: 40px 0; }	
footer { padding: 50px 0 22px;}	
.page-hero { padding: 60px 0; }
.section h2 {font-size: clamp(38px, 4vw, 30px);}
.page-hero h1 { font-size: clamp(48px, 5vw, 45px); }	
.split { gap: 20px;}	
.publication-card h2 { font-size: 20px; }	
.ultrasonic-infographic-section h2, .ultrasonic-equipment-gallery h2 { font-size: 30px; }	
.ultrasonic-gallery-grid figcaption strong { font-size: 18px;}	
.spec-card { padding: 10px;}
.calculator-visual { gap: 50px;}	
.selection-list li {  margin: 0 0 10px;}	
.soft-changges { padding-top: 1px;}	
.independent-layout article img { height: 220px;}
.privecccy { padding: 50px 6%;}	
section.water-solutionsn {  padding: 0px 6% 40px;  }	
.oxygen-meter img { width: 306px; height: 306px;}	
	
.imag-boder img {width:350px;}		
	
	
	
}



@media (max-width: 912px) {
.crop-grid { display: flex;}
.booster-orb { width: 500px; height: 300px; }	
.promise-feature { display: flex;}	
.promise-rings { padding: 50px 0; width: 100%; }	
.promise-copy h2 { font-size: 27px;}	
.promise-copy h3 { font-size: 16px; }	
.industry-directory { padding: 40px 0; }	
.industry-directory h2 br{ display:none;}	
.center-head h2 br{ display:none;}		
.knowledge-ecosystem h2	br{ display:none;}
.knowledge-grid { margin-top: 25px;}	
.case-card>div { left: 10px; right: 10px; }	
.conversation { padding: 40px 0;}	
.publication-intro { display:block;}	
section.section.soft .independent-layout { display: flex;}	
.not-connected {  width: 140px;  height: 130px;	}	
.independent-layout article h3 { font-size: 22px;}	
.section h2 {font-size: clamp(30px, 4vw, 30px); }	
.independent-layout article { padding: 15px; }	
.topic-grid article { min-height: 200px;}
.signal-visual span { padding: 18px 10px; font-size: 13px;}	
.technical-note { padding: 26px 15px;}	
.calculator-visual {display: flex;  gap: 20px; justify-content: space-between;}	
.tank-diagram { width: 50%;}
.soft-changges { padding-top: 1px;}	
.wrap.split {  display: flex;}	
.case-method { display: flex;}	
.right-sp{ width:50%;}	
section.section.wrap.split { display: grid;}	
.tdh-equation span, .tdh-equation b {padding: 12px 12px;}
.tool-fields { padding: 20px;}	
.wrap.split >div {width: 100%;}
	
	
	
	
}	
@media (max-width:840px) {	
.crop-grid {  gap: 20px;}
.original-hero h1 { font-size: 35px; }	
.crop-feature h2 { font-size: 26px; }	
.promise-rings>div { width: 380px;height: 380px; background: radial-gradient(circle, #087ea2 0 37%, #0691ae 29% 48%, #082f52 49% 68%, #dffafa 69% 71%, transparent 72%); }	
.promise-copy { padding: 40px 5vw 40px 0vw;}	
.promise-copy h2 { font-size: 25px; }	
.conversation-grid {  display: flex;}	
.conversation h2 { font-size: 26px;}	
.conversation-grid { gap: 10px;}	
.case-card h3 { font-size: 16px; }	
.quick-form input, .quick-form textarea {  padding: 10px;}	
.crop-feature { padding: 40px 0;}	
.industry-list a { min-height: 55px;  padding: 0 0px;}	
.problem-card {min-height: 180px;}	
.quick-form { padding: 15px;}	
.independent-layout article h3 { font-size: 20px;}	
.coverage-grid article { padding: 15px; }	
.coverage-grid span { font-size: 14px;}	
.monitoring-panel { gap: 0px;  padding: 20px; }	
.soft-changges { padding-top: 1px;}	
.diagnose-grid legend { font-size: 18px;}
.dark-directory .directory-card { min-height: 180px;}	
.pump-type-tabs { display: flex;}	
.pump-calculator-main { display: flex;}	
.pump-input-panel { padding: 15px;}	
.tdh-summary { display: flex;}	
section.section.wrap.nanobubble-generators {gap: 20px;}	
figure.nano-loop-figure.new-custom-img {width: 90%;}	
.imag-boder img {width: 100%;}	
section.section.wrap.nanobubble-generators.inner-section h3 {font-size: clamp(30px, 4vw, 30px);}
.blog-box1{ width: 100%;}
.maintext-sec{ width:60%;}
.right-sec{width:40%; position: relative;}
.detail-img-blog h2 {font-size:26px;}
	
}


@media (max-width:768px) {	

 .wrap.split {
    flex-wrap: wrap;
  }


}





@media (max-width:767px) {	
	
.original-hero h1 br{ display:none;}
.wrap.hero-content .proof { font-size: 12px !important;}
.home-problems { padding: 30px 10px 30px;}
.center-head h2 { font-size: 26px; }	
.crop-feature { padding: 30px 10px;}	
.crop-grid { display: block; }	
.wrap {  width: 100%;}	
.booster-orb { width: 100%; height: 350px; }	
.actions { margin-bottom: 30px;}	
.promise-feature { display: block; }	
.promise-rings { padding: 30px 0;}
.promise-copy { padding: 0px 3vw 30px 3vw; }
.industry-directory { padding: 30px 10px; }	
.home-products { padding: 20px 0 30px; }	
.knowledge-ecosystem { padding: 30px 10px;}	
.knowledge-ecosystem h2 { font-size: 26px; }	
.home-products { padding: 20px 10px 30px;}		
.case-section { padding: 30px 10px; }	
.conversation { padding:30px 10px; }	
.conversation-grid { display: block; }	
.conversation>div>div>strong { font-size: 16px;  margin-top: 0px; margin-bottom: 10px; }	
.conversation { padding: 30px 10px; }	
footer { padding: 30px 10px 22px;}	
.footer-grid { gap: 0px;}	
.footer-bottom {  margin-top: 5px !important; }	
.footer-grid h3 { font-size: 24px;  margin-bottom: 0px;}	
.knowledge-grid a { min-height: 150px; padding: 15px; }	
.hero-content { padding: 30px 10px; }	
.original-hero h1 { font-size: 30px;}	
.page-hero {  padding: 30px 10px; }
.page-hero h1 {font-size: clamp(35px, 5vw, 22px);}	
.section { padding: 30px 10px; }	
.split p {font-size: 16px; letter-spacing:0px; margin-top: 0px;}	
.section h2 { font-size: clamp(26px, 4vw, 30px);  }	
.eyebrow { margin-top: 0px;}	
.two-up article { padding: 15px; }	
.section.wrap .actions { margin-bottom: 0px;  }	
.system-story { margin: 0px 0; gap: 0px;}
.technical-note { margin: 30px 0 0px; padding: 15px 15px; }
.cta {margin-top: 30px; padding: 15px;}	
#rmp_menu_trigger-9320 { top: 10px; right: 1%;}	
.page-hero h1 {  margin: 15px 0 15px;    margin-bottom: 15px !important;}	
.path-card h3, .product-card h3, .info-card h2, .info-card h3 { font-size: 20px;}	
.system-story { margin: 15px 0 0px; }	
.resource-list article { gap: 10px;}	
.resource-list article h2 { font-size: 20px;}	
.research-intro { margin-bottom: 30px;}	
.process-grid {  margin-top: 25px;}	
.resource-list article { padding: 15px 15px;}	
.footer-grid h3 { margin-top: 10px; }	
.publication-intro, .knowledge-map, .constitution-intro, .case-method { margin-bottom: 15px;}	
.publication-card h2 {font-size: 20px; }	
.installation-grid article { padding: 10px;}	
.installation-grid article h2 { font-size: 24px;}	
.academy-card { padding: 10px;}		
section.section.soft .independent-layout { display: block; }	
.not-connected {  margin: 30px auto !important;}
.info-grid { margin-top: 0px; }	
section.section.wrap h2 { font-size: clamp(26px, 4vw, 35px); }
.cta h2 { font-size: 26px !important;}	
.monitoring-panel { padding: 15px; }	
.testimonial blockquote { font-size: 18px; }	
.coverage-grid b { font-size: 20px;}	
.signal-visual span { padding: 12px 10px; font-size: 10px; }	
.pending { margin-top: 30px; padding: 15px;}	
.understanding-statement {padding: 15px; }	
.selection-list li { margin: 0 0 10px;}	
.calculator-visual { display: block; }	
.tank-diagram { width: 100%; margin-bottom:10px;}	
.tank-diagram {clip-path: polygon(5% 11%, 100% 0, 95% 88%, 0 100%);}
.flow-diagram { height: 150px;  margin-bottom: 15px;}	
.tool-fields { padding: 0px 0px 30px;}
.tool-results { padding: 5px 15px;}	
.info-card { min-height: auto;}	
.flow-diagram b { padding: 12px;}	
.tank-diagram:after { font-size: 22px;}	
section.section.wrap.split.reverse { padding: 0px 0px 0px;}	
.download { gap: 0px;}	
.testimonial blockquote { padding-left: 15px;}	
section.section.soft h2 { font-size: 26px;}	
.gallery img { height: auto;}
.product-story-grid img { height: auto;}	
section.section.wrap.testimonial.pending { margin-top: 30px; margin-bottom: 30px; padding: 10px;}	
.process-grid h3 { font-size: 18px; }
.soft-changges { padding-top: 1px;}	
.wrap.split {display: block;}	
section.section.nano-treatment-loop h2 {font-size: 26px; }	
.nozzle-range-table article {  min-height: auto;}	
.resdtop-space { padding: 30px 10px 30px !important; }	
.ppmdd-0 { padding: 0px 10px !important;}	
.manual-panel { padding: 15px;}	
.section h2 { margin: 12px 0 15px;}	
.problem-grid article { padding: 15px;}	
.diagnose-grid fieldset { padding: 15px;}	
.diagnosis-result { padding: 15px;}	
.industry-intro-visual {  gap: 10px;}	
.industry-intro-visual { margin-bottom: 30px;}	
.directory-card { min-height: auto;}	
.not-connected { width: 140px; height: 140px;}
.case-method { display: block;}	
.right-sp{ width:100%;}	
.case-rings { margin-bottom: 20px; }	
.product-grid{ margin-top:0px;}	
.topic-grid article { min-height: auto;}	
.pump-calculator-section>div>h2 { font-size:26px; }	
.pump-type-tabs { display: block; }	
.pump-calculator-main {  display: block; }	
.pump-calculator-main h3 { font-size: 26px;}	
.tdh-summary { display: block;}	
.duty-panel {padding: 15px;}	
.duty-panel small { font-size: 14px;}	
.pump-type-tabs button.active { width: 100%;}	
.pump-field-grid label>small { font-size: 12px;}	
.tdh-summary small { font-size: 10px;}	
.tool-fields { padding: 10px 10px 30px; }	
.pump-type-tabs button {  padding: 15px 25px;}	
.duty-panel dt { font-size: 13px;}	
.tdh-summary { text-align: center; }	
.contact-strip article { padding: 20px;}	
.footer-bottom { font-size: 14px;}
.tdh-summary { padding: 24px 20px;}	
.system-story li { margin: 0 0 8px; }	
.page-hero p:last-child { margin-bottom: 0px;}	
section.section.navy h2 { font-size: 26px; }	
.info-card p { margin-bottom: 0px;}	
section.section.navy h2 { font-size: 26px; }	
.enquiry-form { padding: 20px 10px;}	
.publication-card { min-height: auto; }	
.page-hero p:last-child {font-size: 16px;}	
.calculator-result { padding: 15px;}
section.water-solutionsn .award-wrapper { display: block;}	
.badge img { width: 100%; }	
.privecccy { padding: 30px 3%; }	
section.water-solutionsn { padding: 0px 3% 30px;}	
.privecccy .top-note { font-size: 17px; margin-bottom: 0px;}	
.privecccy h2 { margin: 15px 0 0px 0;}	
section.section.wrap.split { display: block;}	
.two-up { display: block;}	
.bluue-bg { padding: 30px 2% !important; width: 100% !important; }	
.nano-learning-hero { gap: 0px; }	
.nano-learning-hero {  display: block;}	
section.section.wrap.nanobubble-generators { display: block;}
.two-up article { padding: 15px;margin-bottom: 20px;}
figure.nano-loop-figure.new-custom-img {width: 100%;}
section.section.wrap.inner-section-a {padding: 0 10px 40px 10px;}
section.section.wrap.nanobubble-generators.inner-section {padding: 0 10px 40px 10px;}
section.section.wrap.nanobubble-generators.inner-section h3 { font-size: clamp(25px, 4vw, 25px);}
section.section.wrap.inner-section-a h3 {font-size: clamp(26px, 4vw, 26px);margin: 0px 0 22px;}
.two-up.dark-cards article {width: 100%;}
.imag-boder img {width:100%;}
section.section.navy br {display: none;}
.wrap br {display: none;}
.two-up article {padding: 15px;margin-top: 20px;}
.maintext-sec{ width:100%;}
.right-sec{width:100%; position: relative;}
.blog-listing { flex-wrap: wrap;}
 .right-sec {margin-top: 30px;}
.serchformss {padding-bottom: 15px;}
.ultrasonic-equipment-gallery-pto { padding-top: 1px !important;}
.oxygen-meter img { width: 100%; height: auto; }
.independent-layout article img { height: auto;}
.not-connected br { display: flex;}
section.section.soft h2 {font-size: 22px;}	
.no-banner-pad { padding: 20px 0px 30px 0px; }	
.error { padding: 50px; margin: 0px 15px;}	
.thanku-text { font-size: 50px;line-height: auto; }	
.message { max-width: 100%; margin: 0px 15px;}	
.industry-visual-grid { margin-top: 0px;}	
.top-header.nav-wrap { padding: 0px 15px; }	
#rmp-menu-wrap-9320 .rmp-submenu .rmp-menu-item-link { height: 35px;}	
section.section.wrap.puroxi-live-tool .tool-fields { padding: 10px 0px 30px; }	
.knowledge-grid a { padding: 20px;}	
	
	
	
}