.img-height{height:40vw}.rows-item{cursor:pointer;user-select:none;margin:1.5rem 1rem;border-radius:var(--bs-border-radius-xl);background:rgba(96,125,139,.25);backdrop-filter:blur(18px);box-shadow:0 .5rem 1rem rgba(var(--bs-body-color-rgb),.175)}.rows-item>div{padding:0 1rem;display:flex;justify-content:space-around;flex-direction:column;flex-wrap:nowrap}.rows-item>div:first-child{padding-top:1rem}.rows-item>div:last-child{padding-bottom:1rem}.rows-item .row-img-box{width:100%;overflow:hidden}.rows-item .row-img-box .row-img{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;transition:all 2s ease-in-out}.rows-item .row-describe-box{margin:.25rem;color:#fff}.rows-item .row-describe-title{font-size:1.25rem;margin-top:.5rem;color:#fff}.rows-item .row-describe{color:#e9ecef;margin-top:1.5rem;margin-bottom:0;font-size:.8rem}.rows-item .row-more{margin:1rem .25rem;color:#e9ecef}.rows-item .row-more-line{height:.1rem;background:#fff;width:0}.row-img{transition:transform 2s ease-out}.row-more-line,.row-describe-title,.row-describe,.row-more{transition:all .5s ease-in-out}.rows-item:hover .row-img{transform:scale(1.2)}.rows-item:hover .row-more{color:#e8c96c;font-weight:900}.rows-item:hover .row-more-line{width:6rem;background:#e8c96c}.rows-item:hover .row-describe-title{transform:translateY(.35rem)}.rows-item:hover .row-describe{transform:translateY(-.35rem)}@media (min-width: 576px){.img-height{height:200px}}@media (min-width: 768px){.img-height{height:150px}.rows-item>div{padding:1rem}.rows-item .row-more{margin-bottom:0}}@media (min-width: 992px){.img-height{height:200px}.rows-item>div{padding:1.25rem}.rows-item>div:first-child{padding-top:1.25rem}.rows-item>div:last-child{padding-bottom:1.25rem}.rows-item .row-describe-box,.rows-item .row-more{margin-left:.5rem;margin-right:.5rem}.rows-item .row-describe-title{font-size:1.5rem}.rows-item .row-describe{font-size:1rem}.line2-text-overflow{line-height:1.5rem;height:3rem}}@media (min-width: 1200px){.img-height{height:210px}.rows-item>div{padding:1.5rem}.rows-item>div:first-child{padding-top:1.5rem}.rows-item>div:last-child{padding-bottom:1.5rem}.rows-item .row-describe{margin-top:1.75rem}}@media (min-width: 1400px){.img-height{height:250px}.rows-item .row-describe{margin-top:2rem}}
