.quick-start-component{width:100%}
.quick-start-component .quick-start-container{max-width:1440px;min-width:1220px;width:100vw;padding:80px 40px 100px;margin:auto;text-align:center}
@media(max-width:1219px){.quick-start-component .quick-start-container{max-width:calc(100vw - 80px);min-width:unset;padding:60px 0 80px}
}
@media(max-width:767px){.quick-start-component .quick-start-container{max-width:calc(100vw - 40px);padding:40px 0 60px}
}
.quick-start-component .quick-start-container>.title{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
@media(max-width:575px){.quick-start-component .quick-start-container>.title{display:block}
}
.quick-start-component .quick-start-container>.card-container{margin:40px auto 60px;display:flex;justify-content:space-around;align-items:stretch}
@media(max-width:1023px){.quick-start-component .quick-start-container>.card-container{display:block}
}
@media(max-width:767px){.quick-start-component .quick-start-container>.card-container{margin:24px auto 40px}
}
@media(max-width:575px){.quick-start-component .quick-start-container>.card-container{margin:20px auto 60px}
}
.quick-start-component .quick-start-container>.card-container>li{display:flex;flex-direction:column;max-width:calc((100% - 48px) / 3);width:calc((100% - 48px) / 3);border-radius:24px;background-color:#f4fafc;text-align:center;padding:32px 20px 40px}
@media(max-width:1219px){.quick-start-component .quick-start-container>.card-container>li{padding:24px 16px 32px;border-radius:12px}
}
@media(max-width:1023px){.quick-start-component .quick-start-container>.card-container>li{max-width:100%;width:100%}
}
.quick-start-component .quick-start-container>.card-container>li+li{margin-left:24px}
@media(max-width:1023px){.quick-start-component .quick-start-container>.card-container>li+li{margin-left:0;margin-top:24px}
}
.quick-start-component .quick-start-container>.card-container>li>.image-container{width:60px;height:60px;margin:0 auto 4px}
.quick-start-component .quick-start-container>.card-container>li>.image-container>img{object-fit:cover;width:100%}
.quick-start-component .quick-start-container>.card-container>li>.card-text-container{flex-grow:1}
.quick-start-component .quick-start-container>.card-container>li>.card-text-container .title{margin-top:4px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.quick-start-component .quick-start-container>.card-container>li>.card-text-container .title+.text{margin-top:4px}
.quick-start-component .quick-start-container>.card-container>li>.card-text-container .text{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container{margin:24px auto 20px}
@media(max-width:1023px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container{display:flex;flex-wrap:wrap;margin:20px 0}
}
@media(max-width:575px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container{display:block}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-1{height:95.33px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-1{height:67.33px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-2{height:206.66px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-2{height:150.66px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-3{height:317.99px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-3{height:233.99px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-4{height:429.32px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-4{height:317.32px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-5{height:540.65px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-5{height:400.65px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-6{height:651.98px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-6{height:483.98px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-7{height:763.31px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-7{height:567.31px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-8{height:874.64px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-8{height:650.64px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-9{height:985.97px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-9{height:733.97px}
}
@media(min-width:1220px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-10{height:1097.3px}
}
@media screen and (min-width:1024px) and (max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container.list-10{height:817.3px}
}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li{transition:.3s;cursor:pointer;padding:10px 10px;display:flex;align-items:center;position:relative;border:1px solid transparent}
@media(min-width:1024px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:not(:last-child){margin-bottom:16px}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:not(:last-child)::before{content:'';width:100%;height:1px;background-color:#d6e3ea;position:absolute;left:0;bottom:-8px}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:not(:first-child){margin-top:16px}
}
@media(max-width:575px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:not(:last-child){margin-bottom:16px}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:not(:last-child)::before{content:'';width:100%;height:1px;background-color:#d6e3ea;position:absolute;left:0;bottom:-8px}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:not(:first-child){margin-top:16px}
}
@media(min-width:576px) and (max-width:1023px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li{width:50%}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:nth-child(even)::before{width:calc(100% + 44px) !important;left:-34px !important}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:nth-child(3),.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:nth-child(4){margin-top:16px}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:nth-child(3)::before{content:'';width:200%;height:1px;background-color:#d6e3ea;position:absolute;left:0;top:-8px}
}
@media(max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li{padding:8px 6px}
}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:hover,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:active,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li :focus{background:#e2edf2;border-radius:4px}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:hover>.card-inner-image-container.disable::before,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:active>.card-inner-image-container.disable::before,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li :focus>.card-inner-image-container.disable::before,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:hover>.card-inner-image-container::before,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:active>.card-inner-image-container::before,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li :focus>.card-inner-image-container::before{opacity:1;background-color:rgba(0,0,0,0.2) !important}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:hover>.card-inner-image-container>svg,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:active>.card-inner-image-container>svg,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li :focus>.card-inner-image-container>svg{visibility:visible;opacity:1}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li:active,.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li :focus{border:1px solid #9cc1d4}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li.disable>.card-inner-image-container::before{z-index:1;transition:.3s;opacity:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7)}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li.disable>.card-inner-image-container>svg{visibility:visible;opacity:1}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li>.card-inner-image-container{flex-shrink:0;width:133px;height:74px;position:relative;border-radius:2px;overflow:hidden}
@media(max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li>.card-inner-image-container{width:86px;height:50px}
}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li>.card-inner-image-container::before{z-index:1;transition:.3s;opacity:0;content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li>.card-inner-image-container>img{object-fit:cover;width:100%;height:100%;opacity:1;transition:.3s;position:relative}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li>.card-inner-image-container>svg{transition:.3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:24px;width:24px;opacity:0;z-index:2}
.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li>.card-inner-text{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-left:12px;text-align:left;font-family:'Roboto';font-weight:400;font-size:16px;line-height:19px;color:#333}
@media(max-width:1219px){.quick-start-component .quick-start-container>.card-container>li>.card-inner-list-container>li>.card-inner-text{font-size:14px;line-height:16px}
}
.quick-start-component .quick-start-container>.card-container>li>.view-all{text-decoration:unset;display:flex;align-items:center;justify-content:center;font-family:'Roboto';font-weight:500;font-size:16px;line-height:19px}
.quick-start-component .quick-start-container>.card-container>li>.view-all>span{display:flex;align-items:center;width:12px;height:12px;margin-left:4px}
.quick-start-component .quick-start-container svg{width:100%;height:100%}