.product { padding: 50px 0 0; }

.product .title { color: #000; }

.productSwiper { height: 480px; }

.product-swiper-wrapper { align-items: flex-end; position: relative; }

.product-swiper-slide { --box-size: 380px; height: 400px; position: relative; /*user-select: none;*/ }

.product-swiper-slide:hover .item-box { transition: background-color 0.1s ease-in-out; background-color: var(--color1); }

.product-swiper-slide:hover .item-box p { color: #fff; }

.product-swiper-slide .item-box { z-index: -1; position: absolute; bottom: 0; width: var(--box-size); height: var(--box-size); border-radius: 12px; /*background-color: #393939;*/ transition: background-color 0.1s ease-in-out; }

.product-swiper-slide .item-box p { padding: 30px 0; color: #000; font-size: 18px; }

.product-swiper-slide .image-box { position: absolute; top: -20%; left: 50%; transform: translateX(-50%); width: calc(var(--box-size) * 0.8); height: calc(var(--box-size) * 1.1); }

.product-swiper-button-prev, .product-swiper-button-next { top: 60% !important; --swiper-navigation-color: #fff !important; background-color: rgba(173, 173, 173, 0.7) !important; }

.custom { padding: 50px 0 0; }

.custom .title { color: #000; }

.custom-content { margin-top: 20px; }

.custom-content .top-img { width: 100%; }

.custom-content .ul-text { margin-top: 10px; display: flex; }

.custom-content .ul-text li { text-align: center; flex: 1; margin: 0 0px 0px 0; width: calc((100% - 0px) / 5); min-width: calc((100% - 0px) / 5); max-width: calc((100% - 0px) / 5); box-sizing: border-box; border: 1px solid transparent; border-radius: 6px; transition: border 0.1s ease-in-out; }

.custom-content .ul-text li:nth-child(5n) { margin-right: 0; }