.hero {padding-top:245px; padding-bottom:100px; color:var(--clr-primary-700); position:relative; overflow:hidden; isolation:isolate;}
.hero::before {content:''; position:absolute; inset:0; opacity:0; transition:opacity 1s ease-out, transform 4s ease-out; z-index:-1; background-image:url(/images/air-quality.webp?v=0.1); background-repeat:no-repeat; background-position:50% 0; background-size:cover; transform:scale(1.15); transform-origin:bottom right;}
.hero.animate::before{opacity:1; transform:scale(1);}
.hero .container {height:100%;}
.hero .hero-wrapper {display:flex; flex-direction: column; height:100%;}
.hero .level-1-title {max-width:680px;}
.hero .level-2-title {max-width:440px;}

.hero ul.service-list {display:flex; flex-direction:column; flex-wrap:wrap; row-gap:1rem; color:var(--clr-primary-700); justify-content:flex-start;  margin:0; margin-top:50px; max-width:720px;}
.hero ul.service-list li {display:flex; column-gap:12px; align-items:center;}
.hero ul.service-list li img {height:34px; flex:0 0 44px;}
.hero ul.service-list li:nth-child(1) {transition-delay:.2s !important;}
.hero ul.service-list li:nth-child(2) {transition-delay:.4s !important;}
.hero ul.service-list li:nth-child(3) {transition-delay:.6s !important;}
.hero ul.service-list li:nth-child(4) {transition-delay:.8s !important;}
.hero ul.service-list li:nth-child(5) {transition-delay:1s !important;}

@media (min-width:440px) {
    .hero ul.service-list {flex-direction:row;}
    .hero ul.service-list li {flex:0 0 200px}
}

@media (min-width:600px) {
    .hero ul.service-list li img {height:44px;}
    .hero ul.service-list {column-gap:1.5rem; font-size:0.938rem;}
    .hero .level-2-title {max-width:540px;}
}

@media (min-width:940px) {
    .hero ul.service-list {justify-content:space-between; max-width:unset;}
    .hero ul.service-list li {flex:0 0 auto;}
}



/* -------------------------
  Services
------------------------- */
.service-card-container {display:grid; gap:20px; grid-template-columns:1fr;}
.service-card {border-radius:10px; border:1px solid #dddddd; padding:20px;}
.service-card img {height:44px; margin-bottom:28px; transition:transform .3s ease-out;}
.service-card .level-3-title {font-size:24px;}
.service-card a {color:var(--clr-primary-700); position:relative;}
.service-card a:hover {color:var(--clr-primary-400);}
.service-card:has(a:hover) img {transform:scale(1.2);}
.service-card a::after {content:''; background-image:url(/images/icon-arrow.svg); background-repeat:no-repeat; background-position:50% 50%;
    background-size:contain; width:22px; height:12px; display:inline-block; margin-left:.5rem; transition:transform .3s ease-out;
}
.service-card a:hover::after {transform:translateX(6px);}

@media (min-width:640px) {
    .service-card-container {grid-template-columns:repeat(2, 1fr);}
}

@media (min-width:860px) {
    .service-card-container {grid-template-columns:repeat(3, 1fr);}
}



/* -------------------------
  Comparision Table
------------------------- */
table {border-collapse:collapse;}
table, thead, tbody, th, td, tr {text-align:center; vertical-align:top;}
table thead tr th {color:var(--clr-neutral-100); border-top-left-radius:10px; border-top-right-radius:10px; border-left:1px solid var(--clr-neutral-100);}
table thead tr th a {color:var(--clr-neutral-100); display:block; padding:0.5rem 8px; transition:color .3s ease-out, opacity .3s ease-out;}
table thead tr th a:hover {color:var(--clr-neutral-100); opacity:0.6;}
table thead tr th span {font-size:1.75rem;}
table thead tr th:nth-child(2) {background:var(--clr-secondary-400);}
table thead tr th:nth-child(3) {background:var(--clr-primary-400);}
table thead tr th:nth-child(4) {background:var(--clr-primary-700);}
table tbody tr:last-child .value {max-width: 476px; display: block; margin:0 auto;}
table tbody tr td:nth-child(1) {background:var(--clr-primary-100); font-weight:var(--fw-semibold); width:140px;}
table tbody tr td:nth-child(1) img {max-width:80px; margin:0 auto}
table td {padding-left:8px; padding-right:8px; border:1px solid #d0d0d0; padding:10px; vertical-align:top; line-height:1.2;}
table td strong {color:var(--clr-primary-400);}
table td a:hover strong {color:var(--clr-primary-700);}

@media (max-width: 768px) {
    table, thead, tbody, th, td, tr {display:block;}
    thead {display:none;}
    table tbody tr {margin-bottom:20px;}
    table tbody tr td:nth-child(1) {width:auto;}
    table tbody tr td:nth-child(1)::before,
    table tbody tr td:nth-child(1)::after {padding:0;}
    table tbody tr td:nth-child(3)::before,
    table tbody tr td:nth-child(3)::after {background-color:var(--clr-primary-400);}
    table tbody tr td:nth-child(4)::before,
    table tbody tr td:nth-child(4)::after {background-color:var(--clr-primary-700);}
    table tbody tr td:nth-child(1) img {margin:unset;}
    table td {display:flex; flex-direction:column; padding-left:1rem; padding-right:1rem; border:0; background:var(--clr-primary-200); text-align: left;}
    table tbody tr td:nth-child(1) {background:var(--clr-primary-200);}
    table td::before {content:attr(data-label); font-weight:var(--fw-semibold); order:1; font-size:1.25em; color:var(--clr-neutral-100); background-color:var(--clr-secondary-400); padding:4px 16px 0 16px; border-top-left-radius:10px; border-top-right-radius:10px;}
    table td::after {content:attr(data-sub-label); font-weight:var(--fw-semibold); margin-bottom:6px; order:2; color:var(--clr-neutral-100); background-color:var(--clr-secondary-400); padding:0 16px 8px 16px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
    table td .value {order:3; padding:0 16px 0 16px;}
    table tr td:first-child {color:var(--clr-primary-700);}
    table td:first-child {padding-top:2rem;}
    table td:last-child {padding-bottom:2rem;}
    table tbody tr td:nth-child(1) {display:flex; column-gap:0; flex-direction:row; align-items:center; justify-content:center;}
    table tbody tr:last-child td::before,
    table tbody tr:last-child td::after {display:none;}
    table tbody tr .value {max-width:460px; display: block; /* margin:0 auto; */}
}



/* -------------------------
  Download Form
------------------------- */
.download-form-container {background-color:var(--clr-neutral-100); border-radius:10px; padding:24px;}
.download-form-container .btn {width:100%; background-color:var(--clr-primary-400); position:relative; display: flex; justify-content:center; align-items:center;}
.download-form-container .btn:hover {background-color:var(--clr-primary-700);}
.download-form-container .btn::before {content:''; background-image:url(/images/icon-download.svg); display:inline-block; width:25px; height:25px; background-size:contain; margin-right:.5rem;}

.download-form-info-container {color:var(--clr-neutral-100); margin-bottom:2rem;}
.download-form-info-container>div:last-child {padding-right:1.5rem;}
.download-form-thumbnail {background-color:var(--clr-primary-400); flex:0 0 180px; max-width:180px; height:256px; margin-bottom:1rem;}
.download-form-info-container .level-2-title {color:var(--clr-neutral-100);}
.download-form-label {color:var(--clr-primary-400);}

.download-form-container-header {display:flex; gap:1rem; align-items:center;}
.download-form-container-header>div:first-child {flex:0 0 52px;}

.cf-turnstile {transform:scale(.75); transform-origin:top left;}

@media (min-width:480px) {
    .download-form-info-container {display:flex; gap:2rem;}
}



/* -------------------------
  Logo Carousel Companies
------------------------- */
.logo-marquee {overflow: hidden; position:relative;}
.logo-marquee::before,
.logo-marquee::after {content:''; z-index:2; position:absolute; top:0; left:0; width:30px; height:100%; background:#EEF5FC; background:linear-gradient(90deg,rgba(238, 245, 252, 1) 0%, rgba(238, 245, 252, 0) 100%);}
.logo-marquee::after {left:auto; right:0; transform:rotate(180deg);}
.logo-track {display:flex; width:max-content; animation:scroll 45s linear infinite;}
.logo-set {display:flex; align-items:center; gap:40px; padding-right:40px;}
.logo-set img {max-width:180px; max-height:70px; width:auto; height:auto; object-fit:contain; display:block; flex-shrink:0;}

@keyframes scroll {
    0% {transform:translateX(0);}
    100% {transform:translateX(-50%);}
}



/* -------------------------
  Check List
------------------------- */
.section-check-list .service-list ul {margin-bottom:100px;}



/* -------------------------
  CTA Banner
------------------------- */
.cta-banner {border-radius:10px; background-color:var(--clr-primary-700); 
color:var(--clr-neutral-100); display:flex; gap:2rem; padding:2.5rem;}
.cta-banner .level-3-title {color:var(--clr-neutral-100); font-size:30px; margin-bottom:5px;}
.cta-banner p {margin-bottom:0; font-size:21px;}
.cta-banner .btn {background-color:var(--clr-primary-400);}
.cta-banner .btn:hover {background-color:var(--clr-neutral-100); color:var(--clr-primary-400);}
.cta-banner>div:nth-child(1) {flex:0 0 70px}
.cta-banner>div:nth-child(1) img {max-width:120px;}

.cta-banner img {transition: transform .3s ease-out;}
.cta-banner:has(a:hover) img {transform:scale(1.2);}

@media (max-width:499px) {
    .cta-banner {flex-direction:column;}
}

@media (min-width:500px) {
    .cta-banner {align-items:center; flex-wrap:wrap;}
    .cta-banner>div:nth-child(3) {margin-left:auto}
    .cta-banner>div:nth-child(3) {flex:0 0 100%;}
}

@media (min-width:691px) {
    .cta-banner>div:nth-child(3) {padding-left:calc(70px + 2rem);}
}

@media (min-width:880px) {
    .cta-banner {flex-wrap:nowrap;}
    .cta-banner>div:nth-child(3) {flex:0 0 auto; padding-left:0;}
}



/* -------------------------
  Contact Home
------------------------- */ 
body.page-1069 .contact-form-footer>div:last-child {display:none;}