@media screen and (min-width: 741px){.about-introduce-top .section-title{text-transform:capitalize}.about-introduce-top .text{line-height:27px}.about-introduce-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.about-introduce-bottom .img-box img{height:100%;object-fit:cover}.about-introduce-bottom .infos-box{display:flex;flex-direction:column;overflow:hidden;position:relative;cursor:pointer}.about-introduce-bottom .infos-box .masking{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#0000 57.86%,#000c),linear-gradient(0deg,#0009,#0009);display:flex!important;opacity:0;transition:opacity .8s ease}.about-introduce-bottom .init-title{position:absolute;bottom:0;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;width:100%;color:var(--my-white);text-transform:capitalize;transition:opacity .8s ease}.about-introduce-bottom .about-introduce-item{position:absolute;width:100%;height:100%;padding:0 40px 40px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transform:translateY(100%);transition:transform .8s ease}.about-introduce-bottom .about-introduce-item .title{color:var(--my-white);text-transform:capitalize}.about-introduce-bottom .about-introduce-item .text{color:var(--my-white);line-height:27px}.about-introduce-bottom .infos-box:hover .masking{opacity:1;transition:opacity .8s ease}.about-introduce-bottom .infos-box:hover .about-introduce-item{opacity:1;transform:translateY(0);transition:transform .8s ease}.about-introduce-bottom .infos-box:hover .init-title{opacity:0;transition:opacity .8s ease}}@media screen and (min-width: 741px) and (max-width: 1480px){.about-introduce-bottom .about-introduce-item{padding:0 20px 20px}.about-introduce-bottom .init-title{font-size:24px;padding:0 20px 20px}.about-introduce-bottom .about-introduce-item .title{font-size:24px}.about-introduce-bottom .about-introduce-item .text{font-size:16px;line-height:21px;margin-top:10px}}@media screen and (max-width: 740px){.about-introduce-top .section-title{text-transform:capitalize}.about-introduce-top .text{line-height:21px}.about-introduce-bottom{display:grid;grid-template-columns:100%;gap:10px}.about-introduce-bottom .img-box img{object-fit:cover}.about-introduce-bottom .infos-box{display:flex;flex-direction:column;overflow:hidden;position:relative;cursor:pointer}.about-introduce-bottom .infos-box .masking{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#0000 57.86%,#000c),linear-gradient(0deg,#0009,#0009);display:flex!important;opacity:0;transition:opacity .8s ease}.about-introduce-bottom .about-introduce-item{position:absolute;width:100%;height:100%;padding:0 20px 20px;display:flex;flex-direction:column;justify-content:flex-end;transform:translateY(0);transition:transform .8s ease}.about-introduce-bottom .about-introduce-item .title{color:var(--my-white);text-transform:capitalize;line-height:36px;letter-spacing:0}.about-introduce-bottom .about-introduce-item .text{color:var(--my-white);line-height:21px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/jd-about-introduce.css.map */