.introduce-banner{width:100%;height:70vh}.introduce-banner img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.introduce-about-us{background-color:var(--secondary-color);width:100%;height:100%}.introduce-about-us h1.title{display:flex;flex-direction:column;align-items:start;justify-content:start}.introduce-about-us h1.title *{font-size:var(--fs-xl)}.introduce-about-us .description{font-size:var(--fs-2xs);text-align:justify}.introduce-about-us .description *{font-size:var(--fs-2xs)}.about-us-3-grid-section .about-item .img-wrapper{border-radius:4px;overflow:hidden}.about-us-3-grid-section .about-item .img-wrapper img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;border-radius:4px;overflow:hidden;transition:.3s}.about-us-3-grid-section .about-item .content-wrapper h1,.about-us-3-grid-section .about-item .content-wrapper h1 *{font-size:var(--fs-xl);transition:.3s}.about-us-3-grid-section .about-item .content-wrapper .description{font-size:var(--fs-2xs);text-align:justify}.about-us-3-grid-section .about-item .content-wrapper .description *{font-size:var(--fs-2xs)}.about-us-3-grid-section .about-item:nth-child(2n) .img-wrapper{order:2}.about-us-3-grid-section .slogan-container .slogan-wrapper{width:158px;height:158px;background-color:var(--secondary-color);transition:all .3s ease-in-out}.about-us-3-grid-section .slogan-container .slogan-wrapper,.about-us-3-grid-section .slogan-container .slogan-wrapper *{color:var(--text-secondary-color);font-weight:700;text-align:center}.about-us-3-grid-section .slogan-container .slogan-wrapper:hover{background-color:var(--primary-color)}.about-us-3-grid-section .about-item:hover .img-wrapper img{transform:scale(1.1)}.about-us-3-grid-section .about-item:hover .content-wrapper h1{color:var(--primary-color)}@media (max-width: 1400px){.introduce-about-us h1.title *,.about-us-3-grid-section .about-item .content-wrapper h1 *{font-size:var(--fs-lg)}}@media (max-width: 1024px){.about-us-3-grid-section .slogan-container .slogan-wrapper{width:100%;height:158px;background-color:var(--secondary-color)}}@media (max-width: 768px){.introduce-banner *{height:100%}.introduce-about-us h1.title *,.about-us-3-grid-section .about-item .content-wrapper h1 *{font-size:var(--fs-md)}.about-us-3-grid-section .about-item:nth-child(2n) .img-wrapper{order:1}.about-us-3-grid-section .about-item:nth-child(2n) .content-wrapper{order:2}}@media (max-width: 576px){.introduce-banner{height:100%}.introduce-about-us h1.title *,.about-us-3-grid-section .about-item .content-wrapper h1 *{font-size:var(--fs-xs)}}