.content-box{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem}@media (min-width:640px){.content-box{padding:2.5rem}}@media (min-width:768px){.content-box{padding-left:5rem;padding-right:5rem}}@media (min-width:1024px){.content-box{padding-left:10rem;padding-right:10rem}}.case-detail{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem}@media (min-width:640px){.case-detail{padding:2.5rem}}@media (min-width:768px){.case-detail{padding-left:5rem;padding-right:5rem}}@media (min-width:1024px){.case-detail{padding-left:10rem;padding-right:10rem}}@media (min-width:1280px){.case-detail{margin-left:auto;margin-right:auto;padding-left:5rem;padding-right:5rem}}@media (min-width:1536px){.case-detail{max-width:1536px;padding-left:8rem;padding-right:8rem}}.case-detail-title{margin-bottom:2.5rem;text-align:center;font-size:1.875rem;line-height:2.25rem;font-weight:700}.case-detail-content{margin-bottom:2.5rem;display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.case-detail-content{margin-bottom:5rem;grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:768px){.case-detail-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.case-detail-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.case-detail-content{grid-template-columns:repeat(4,minmax(0,1fr))}}.case-detail-item{position:relative;margin-bottom:150px;cursor:pointer}.case-detail-item__pic{max-height:300px;min-height:180px;width:100%;border-radius:.75rem;-o-object-fit:cover;object-fit:cover}.case-detail-item__content{position:absolute;bottom:-50px;height:140px;width:100%;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem}.case-detail-item__content:hover{height:220px}.case-detail-item__content{transition:all .5s ease-in-out .1s;overflow:hidden;box-shadow:0 0 #0000,0 0 #0000,0 3px 20px 1px rgba(5,127,235,.16)}.case-detail-item__content_title{z-index:10;margin-bottom:1.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}.hover-pic{position:absolute;top:0;left:0;z-index:0;display:none;height:100%;width:100%;border-radius:.5rem}.group:hover .hover-pic{display:block}.ellipsis{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.group:hover .ellipsis{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.product-banner.banner-container{height:13rem}@media (min-width:1024px){.product-banner.banner-container{height:500px}}.product-banner.banner-container .banner{height:13rem}@media (min-width:1024px){.product-banner.banner-container .banner{height:500px}}.product-banner.banner-container .banner-title{margin-top:1rem;margin-bottom:1rem;font-size:1.5rem;line-height:2rem}@media (min-width:768px){.product-banner.banner-container .banner-title{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.product-banner.banner-container .banner-title{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1280px){.product-banner.banner-container .banner-title{font-size:3rem;line-height:1}}@media (min-width:1536px){.product-banner.banner-container .banner-title{font-size:3.75rem;line-height:1}}.product-detail{header{position:relative;padding:60px 20px;text-align:center;overflow:hidden;.main-title{margin-bottom:30px}.title-primary{font-size:4rem;font-weight:700;margin:0;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px hsla(48,38%,97%,.674);background-clip:text}.title-secondary{font-size:1.5rem;font-weight:400;margin:10px 0 0;color:#fff;text-shadow:0 0 15px hsla(0,0%,100%,.3)}.description{max-width:800px;margin:0 auto}.description p{font-size:1.1rem;line-height:1.6;color:hsla(0,0%,100%,.9);margin:0}}}