.about-main-section{.content-cover{display:flex;gap:48px;height:max-content;.left-content{margin-right:82px;.banner-cover{display:flex;align-items:center;justify-content:center;border-radius:30px;overflow:hidden;aspect-ratio:135/149;max-width:540px;&:hover{img{transform:scale(1.1)}}img{display:block;height:100%;object-fit:cover;object-position:center;transition:all .3s ease-in-out}}.tab-cover{position:absolute;top:85px;left:0;transform:translateX(-40%);padding:34px;border-radius:16px;background-color:var(--primary);max-width:150px;text-align:center;.number{font-weight:var(--fw-700);font-size:var(--fs-48);line-height:var(--lh-38);color:var(--white);display:flex;align-items:flex-start;justify-content:center;span{font-size:var(--fs-30);position:relative;top:-10px}}.desc{font-size:var(--fs-16);line-height:var(--lh-24);text-align:center;color:var(--white)}}.card-cover{margin-top:-220px;margin-right:-82px;margin-left:auto;border-radius:30px;display:flex;align-items:center;justify-content:flex-end;.img-cover{background-color:var(--white-100);border-radius:30px;position:relative;padding-top:32px;padding-left:32px;img{display:block;aspect-ratio:11/13;border-radius:30px;height:100%;object-fit:cover;object-position:center;overflow:hidden}&:before{bottom:90px;right:100%}&:after,&:before{content:"";position:absolute;display:block;height:50%;width:50%;border-bottom-right-radius:30px;box-shadow:16px 16px 0 var(--white-100);z-index:10}&:after{bottom:100%;right:82px}}}}.right-content{.desc{font-size:var(--fs-16);line-height:var(--lh-28)}.who-we-list{display:flex;flex-direction:column;gap:16px;li{display:flex;gap:16px;align-items:center;.bullet{display:flex;align-items:center;justify-content:center;width:16px;aspect-ratio:1}p{font-size:var(--fs-16);line-height:var(--lh-28);color:var(--text-primary)}}}}}.icon-line,.vision-card{display:flex}.icon-line{flex-direction:column;align-items:center;margin-right:20px;position:relative}.icon{width:48px;background-color:var(--white);border-radius:50%}.line{flex-grow:1;border:1px dashed var(--text-secondary);margin:0}.content{h3{font-weight:var(--fw-600);font-size:var(--fs-24)}h3,p{line-height:var(--lh-28)}p{font-size:var(--fs-16)}}}@media (max-width:1199px){.about-main-section{.content-cover{gap:24px;.left-content{margin-right:62px;.banner-cover{max-width:480px}.tab-cover{top:84px;padding:32px;max-width:140px;.number{font-size:var(--fs-36);line-height:var(--lh-38)}.desc{font-size:var(--fs-16);line-height:var(--lh-24)}}.card-cover{margin-top:-120px;margin-right:-62px;.img-cover{padding-top:24px;padding-left:24px;&:before{bottom:182px;right:100%;height:50px;width:50%}&:after{bottom:100%;right:62px}}}}.right-content{.desc{font-size:var(--fs-16);line-height:var(--lh-28)}.who-we-list{display:flex;flex-direction:column;gap:16px;li{display:flex;gap:16px;align-items:center;.bullet{display:flex;align-items:center;justify-content:center;width:16px;aspect-ratio:1;p{font-size:var(--fs-16);line-height:var(--lh-28);color:var(--text-primary)}}}}}}.icon-line,.vision-card{display:flex}.icon-line{flex-direction:column;align-items:center;margin-right:20px;position:relative}.icon{width:48px;background-color:var(--white);border-radius:50%}.line{flex-grow:1;border:1px dashed var(--text-secondary);margin:0}.content{h3{font-weight:var(--fw-600);font-size:var(--fs-24)}h3,p{line-height:var(--lh-28)}p{font-size:var(--fs-16)}}}}@media (max-width:991px){.about-main-section{.content-cover{gap:24px;flex-direction:column;.left-content{margin-right:62px;.banner-cover{aspect-ratio:13/11;max-width:600px}.tab-cover{top:84px;padding:32px;max-width:140px;.number{font-size:var(--fs-36);line-height:var(--lh-38)}.desc{font-size:var(--fs-16);line-height:var(--lh-24)}}.card-cover{margin-top:-120px;margin-right:-62px;.img-cover{padding-top:24px;padding-left:24px;&:before{bottom:182px;right:100%;height:50px;width:50%}&:after{bottom:100%;right:62px}}}}.right-content{.desc{font-size:var(--fs-16);line-height:var(--lh-28)}.who-we-list{display:flex;flex-direction:column;gap:16px;li{display:flex;gap:16px;align-items:center;.bullet{display:flex;align-items:center;justify-content:center;width:16px;aspect-ratio:1;p{font-size:var(--fs-16);line-height:var(--lh-28);color:var(--text-primary)}}}}}}.icon-line,.vision-card{display:flex}.icon-line{flex-direction:column;align-items:center;margin-right:20px;position:relative}.icon{width:48px;background-color:var(--white);border-radius:50%}.line{flex-grow:1;border:1px dashed var(--text-secondary);margin:0}.content{h3{font-weight:var(--fw-600);font-size:var(--fs-24)}h3,p{line-height:var(--lh-28)}p{font-size:var(--fs-16)}}}}@media (max-width:767px){.about-main-section{.content-cover{gap:24px;.left-content{margin-right:0;.banner-cover{aspect-ratio:13/11}.tab-cover{top:84px;padding:16px;max-width:90px;transform:translate(0);.number{font-size:var(--fs-24);line-height:var(--lh-32)}.desc{font-size:var(--fs-14);line-height:var(--lh-18)}}.card-cover{display:none}}.right-content{.desc{font-size:var(--fs-16);line-height:var(--lh-28)}.who-we-list{display:flex;flex-direction:column;gap:16px;li{display:flex;gap:16px;align-items:center;.bullet{display:flex;align-items:center;justify-content:center;width:16px;aspect-ratio:1;p{font-size:var(--fs-16);line-height:var(--lh-28);color:var(--text-primary)}}}}}}.icon-line,.vision-card{display:flex}.icon-line{flex-direction:column;align-items:center;margin-right:20px;position:relative}.icon{width:48px;background-color:var(--white);border-radius:50%}.line{flex-grow:1;border:1px dashed var(--text-secondary);margin:0}.content{h3{font-weight:var(--fw-600);font-size:var(--fs-24)}h3,p{line-height:var(--lh-28)}p{font-size:var(--fs-16)}}}}@media (max-width:575px){.about-main-section{.content-cover{gap:24px;.left-content{margin-right:0;.banner-cover{aspect-ratio:13/11}.tab-cover{top:84px;padding:16px;max-width:90px;transform:translate(0);.number{font-size:var(--fs-24);line-height:var(--lh-32)}.desc{font-size:var(--fs-14);line-height:var(--lh-18)}}}.right-content{.desc{font-size:var(--fs-14);line-height:var(--lh-24)}.who-we-list{display:flex;flex-direction:column;gap:16px;li{gap:16px;.bullet{width:14px}p{font-size:var(--fs-14);line-height:var(--lh-24)}}}}}.icon-line{margin-right:12px}.icon{width:36px;svg{width:16px;height:16px}}.content{h3{font-size:var(--fs-18);line-height:var(--lh-26)}p{font-size:var(--fs-14);line-height:var(--lh-24)}}}}