.why-choose{display:block;padding:1.1rem 0;position:relative}.why-choose .title-frame{align-items:center;display:flex;gap:.19rem;margin-bottom:1.2rem}:is(.why-choose .title-frame) .media{width:2.23rem}.why-choose .cards{display:grid;gap:.2rem;grid-template-columns:repeat(3,1fr)}.why-choose .card{backdrop-filter:blur(.04rem);background-color:rgba(13,14,20,.4);border-radius:.24rem;display:block;padding:.32rem}:is(.why-choose .card):before{aspect-ratio:512/337;background-image:url(../../assets/card-border-1.webp);background-position:0 0;background-repeat:no-repeat;background-size:contain;content:"";display:block;left:0;position:absolute;top:0;width:100%}:is(.why-choose .card) .card-title{color:var(--white);font-size:.28rem;font-weight:500;line-height:.32rem;margin-bottom:.8rem}:is(.why-choose .card) .text{color:var(--white)}:is(.why-choose .card) .line{border-bottom:.01rem dashed #ff8a00;height:.01rem;margin:.4rem 0;width:100%}:is(.why-choose .card) .num-row{align-items:center;display:flex;justify-content:space-between}:is(:is(.why-choose .card) .num-row):not(:last-child){margin-bottom:.24rem}:is(:is(.why-choose .card) .num-row) .num{color:#ff8a00;font-size:.4rem;font-weight:500;letter-spacing:-.02em;line-height:.48rem}:is(:is(.why-choose .card) .num-row) .num-text{color:#b6bace;font-size:.14rem;font-weight:400;line-height:.2rem;width:2.34rem}:is(.why-choose .card:nth-child(3n+2)):before{background-image:none}:is(.why-choose .card:nth-child(3n)):before{background-image:url(../../assets/card-border-2.webp);background-position:100% 100%;bottom:0;left:auto;right:0;top:auto}@media screen and (max-width:768px) and (orientation:portrait){.why-choose{padding:.8rem 0}.why-choose .title-frame{align-items:flex-end;margin-bottom:.6rem}:is(.why-choose .title-frame) .media{width:1.4rem}.why-choose .cards{display:block}:is(.why-choose .cards) .card:not(:last-child){margin-bottom:.2rem}.why-choose .card{padding:.24rem}:is(.why-choose .card) .card-title{margin-bottom:.3rem}:is(:is(.why-choose .card) .num-row):not(:last-child){margin-bottom:.1rem}:is(:is(.why-choose .card) .num-row) .num{font-size:.33rem}:is(:is(.why-choose .card) .num-row) .num-text{font-size:.12rem;line-height:1.3em;width:2rem}}