.water-quiz{width:100%}[class^=water-quiz-],[class*=" water-quiz-"]{background:var(--wq-bg);padding:60px 0}[class^=water-quiz-] *,[class^=water-quiz-] *:before,[class^=water-quiz-] *:after,[class*=" water-quiz-"] *,[class*=" water-quiz-"] *:before,[class*=" water-quiz-"] *:after{box-sizing:border-box}[class^=water-quiz-] .wq-inner,[class*=" water-quiz-"] .wq-inner{display:flex;flex-direction:column;align-items:center;gap:32px;margin:0 auto}[class^=water-quiz-] .wq-header,[class*=" water-quiz-"] .wq-header{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:820px;text-align:center}[class^=water-quiz-] .wq-eyebrow,[class*=" water-quiz-"] .wq-eyebrow{color:#00a2db;font-size:16px;font-weight:700;line-height:1.5;text-transform:uppercase}[class^=water-quiz-] .wq-heading,[class*=" water-quiz-"] .wq-heading{margin:0;color:#333;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.64px}[class^=water-quiz-] .wq-subheading,[class*=" water-quiz-"] .wq-subheading{margin:0;color:#3d3d3d;font-size:16px;font-weight:400;line-height:1.5}[class^=water-quiz-] .wq-cards,[class*=" water-quiz-"] .wq-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%}[class^=water-quiz-] .wq-card,[class*=" water-quiz-"] .wq-card{display:flex;flex-direction:column;gap:24px;height:100%;padding:30px;background:#f2fafd;border-radius:30px}[class^=water-quiz-] .wq-card-icon,[class*=" water-quiz-"] .wq-card-icon{width:50px;height:50px;overflow:hidden;border-radius:4px}[class^=water-quiz-] .wq-card-icon img,[class*=" water-quiz-"] .wq-card-icon img{display:block;width:100%;height:100%;object-fit:cover}[class^=water-quiz-] .wq-card-content,[class*=" water-quiz-"] .wq-card-content{display:flex;flex-direction:column;gap:12px}[class^=water-quiz-] .wq-card-title,[class*=" water-quiz-"] .wq-card-title{margin:0;color:#333;font-size:18px;font-weight:700;line-height:1.5}[class^=water-quiz-] .wq-card-text,[class*=" water-quiz-"] .wq-card-text{margin:0;color:#3d3d3d;font-size:16px;font-weight:400;line-height:1.5}[class^=water-quiz-] .wq-hero,[class*=" water-quiz-"] .wq-hero{position:relative;display:flex;align-items:center;width:100%;min-height:320px;padding:80px 50px;overflow:hidden;background:#fff;border-radius:30px}[class^=water-quiz-] .wq-hero-image,[class*=" water-quiz-"] .wq-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}[class^=water-quiz-] .wq-hero-overlay,[class*=" water-quiz-"] .wq-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00142859}[class^=water-quiz-] .wq-hero-content,[class*=" water-quiz-"] .wq-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;max-width:500px}[class^=water-quiz-] .wq-hero-heading,[class*=" water-quiz-"] .wq-hero-heading{margin:0;color:#fff;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.64px}[class^=water-quiz-] .wq-hero-text,[class*=" water-quiz-"] .wq-hero-text{margin:0;color:#fffc;font-size:16px;font-weight:400;line-height:1.5}[class^=water-quiz-] .wq-hero-button,[class*=" water-quiz-"] .wq-hero-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:150px;padding:13px 25px;background:#00a2db;border-radius:99px;color:#fff;margin-top:18px;font-size:14px;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease}[class^=water-quiz-] .wq-hero-button:hover,[class*=" water-quiz-"] .wq-hero-button:hover{opacity:.88;transform:translateY(-2px)}@media screen and (max-width:989px){[class^=water-quiz-],[class*=" water-quiz-"]{padding:50px 0 30px}[class^=water-quiz-] .wq-cards,[class*=" water-quiz-"] .wq-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}[class^=water-quiz-] .wq-hero-content,[class*=" water-quiz-"] .wq-hero-content{max-width:420px}}@media screen and (max-width:749px){[class^=water-quiz-] .wq-cards,[class*=" water-quiz-"] .wq-cards{grid-template-columns:1fr}[class^=water-quiz-] .wq-hero,[class*=" water-quiz-"] .wq-hero{min-height:unset;padding:80px 24px}[class^=water-quiz-] .wq-hero-content,[class*=" water-quiz-"] .wq-hero-content{max-width:100%}[class^=water-quiz-] .wq-heading,[class*=" water-quiz-"] .wq-heading{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/water-quiz.css.map */