.usecase{width:90%;max-width:1280px;margin:auto;margin-top:var(--new-component-spacing)}.usecase .usecase-wrapper{flex-direction:column;align-items:center;display:flex}.usecase .usecase-wrapper .usecase-title{text-align:center;width:55%;font-size:var(--fixed-title-size)}.usecase .usecase-wrapper .usecase-title span{color:teal}.usecase .usecase-wrapper .usecase-desc{text-align:center;width:55%;color:var(--fixed-desc-color);margin-top:1em}.usecase .usecase-wrapper .usecase-bento-design{flex-direction:column;align-items:center;width:100%;margin-top:1.5em;display:flex}.usecase .usecase-wrapper .usecase-bento-design .ubd-select-box{background-color:#f0f0f0;border-radius:12px;justify-content:space-around;align-items:center;width:220px;height:40px;padding:3px;display:flex}.usecase .usecase-wrapper .usecase-bento-design .ubd-select-box .option{width:49%;height:95%;color:var(--fixed-desc-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:14px;display:flex}.usecase .usecase-wrapper .usecase-bento-design .ubd-select-box .option.active{background-color:#fff;transition:background-color .3s}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento{flex-direction:column;justify-content:space-between;width:100%;height:800px;margin-top:2em;padding:10px;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .box{flex-direction:column;align-items:center;padding:1em;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .box p{word-wrap:break-word;text-align:center;margin-top:1em;font-size:19px}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top{gap:2em;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top .box{border-radius:10px;height:380px}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top .box.first{background-color:#ececec;flex:2}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top .box.second{background-color:#badfdb;flex:1}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom{gap:2em;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom .box{border-radius:10px;height:380px}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom .box.third{background-color:#f1cece;flex:1}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom .box.fourth{background-color:#fcf9ea;flex:1}@media screen and (max-width:1024px){.usecase{margin-top:var(--new-component-spacing-mobile)}.usecase .usecase-wrapper{flex-direction:column;align-items:center;display:flex}.usecase .usecase-wrapper .usecase-title{width:90%;font-size:var(--fixed-responsive-title-size)}.usecase .usecase-wrapper .usecase-desc{width:100%}.usecase .usecase-wrapper .usecase-bento-design{flex-direction:column;align-items:center;width:100%;margin-top:1.5em;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento{gap:2em;width:100%;height:100%;padding:0;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top{flex-direction:column;gap:2em;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top .box{border-radius:10px;height:350px}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top .box.first,.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .top .box.second{flex:none}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom{flex-direction:column;gap:2em;display:flex}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom .box{height:350px}.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom .box.third,.usecase .usecase-wrapper .usecase-bento-design .usecase-bento .bottom .box.fourth{flex:none}}
@font-face{font-family:Young Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5baf1b65c11560cb-s.13dxa55x-o74o.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Young Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d0f5953821b08bc1-s.p.0khntj4v-gpmp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Young Serif Fallback;src:local(Times New Roman);ascent-override:83.16%;descent-override:29.1%;line-gap-override:0.0%;size-adjust:125.78%}.young_serif_94942929-module__75nI8G__className{font-family:Young Serif,Young Serif Fallback;font-style:normal;font-weight:400}.young_serif_94942929-module__75nI8G__variable{--font-lobster:"Young Serif", "Young Serif Fallback"}