.section-cat-compare{padding:30px;display:flex;align-items:center;justify-content:center}.section-cat-compare .cat-compare{max-width:800px;margin:0 auto;padding-bottom:60px;margin-bottom:40px;border-bottom:1px solid #cccccc}.section-cat-compare .cat-compare .title{text-align:center;padding-bottom:30px}.section-cat-compare .cat-compare .title h2{font-size:28px;margin:0}.section-cat-compare .cat-compare .title p{padding-top:10px;margin:0}.section-cat-compare .cat-compare .array-compare{position:relative}.section-cat-compare .cat-compare .array-compare .content-bg{position:absolute;left:0;top:0;display:none}@media (min-width: 992px){.section-cat-compare .cat-compare .array-compare .content-bg{display:block}}.section-cat-compare .cat-compare .array-compare .content-bg img{width:200px}.section-cat-compare .cat-compare .array-compare .array{position:relative;z-index:1}@media (min-width: 992px){.section-cat-compare .cat-compare .array-compare .array{padding-left:140px}}.section-cat-compare .cat-compare .array-compare .array .compare{text-align:center;display:flex;border-bottom:1px solid #cccccc;padding-bottom:10px;margin-bottom:10px}@media (min-width: 992px){.section-cat-compare .cat-compare .array-compare .array .compare{border:none;padding:0;margin:0}}.section-cat-compare .cat-compare .array-compare .array .compare:last-child{padding-bottom:0;border:none}.section-cat-compare .cat-compare .array-compare .array .compare .meter{width:60px;border-left:2px solid #000000;height:60px;display:flex;flex-direction:column;gap:18px;display:none}@media (min-width: 992px){.section-cat-compare .cat-compare .array-compare .array .compare .meter{display:flex}}.section-cat-compare .cat-compare .array-compare .array .compare .meter .unit{width:10px;height:2px;background:#000000}.section-cat-compare .cat-compare .array-compare .array .compare .meter .unit.cursor{width:40px}.section-cat-compare .cat-compare .array-compare .array .compare h3{padding-top:10px;font-weight:bold;margin:0;flex:1;text-align:left}.section-cat-compare .cat-compare .array-compare .array .compare .t{width:90px}@media (min-width: 992px){.section-cat-compare .cat-compare .array-compare .array .compare .t{white-space:nowrap}}.section-cat-compare .cat-compare .array-compare .array .compare .t.f{flex:1}.section-cat-compare .cat-compare .array-compare .array .compare .t .label{display:inline-block;line-height:20px;font-size:14px;padding:0 10px;background:#EDE7DB}.section-cat-compare .cat-compare .array-compare .array .compare .content-check{display:flex;align-items:center;justify-content:center;width:90px;border-left:1px solid #cccccc}@media (min-width: 992px){.section-cat-compare .cat-compare .array-compare .array .compare .content-check{border:none}}.section-cat-compare .cat-compare .array-compare .array .compare .content-check .check{height:30px;width:30px;border-radius:100%;background:#EDE7DB;display:flex;align-items:center;justify-content:center}.section-cat-compare .cat-compare .array-compare .array .compare .content-check .check:after{content:"✕"}.section-cat-compare .cat-compare .array-compare .array .compare .content-check .check.active:after{content:"✓"}.section-cat-compare .cat-compare .array-compare .array .compare.head{border:none}.section-cat-compare .cat-compare .array-compare .array .compare.head .meter{padding-top:18px}
