.solution-list{display:flex;flex-wrap:wrap;gap:24px}.solution-list .solution-item{width:calc(100% / 3 - 16px);border:#f1f1f1 1px solid}.solution-list .solution-item .solution-link{width:100%;height:100%}.solution-list .solution-item .solution-link .image-box{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative}.solution-list .solution-item .solution-link .image-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s ease;z-index:1}.solution-list .solution-item .solution-link .image-box .image-hover{z-index:2;opacity:0;transition:all .5s ease}.solution-list .solution-item .solution-link .text-wrapper{padding:24px;position:relative;display:flex;align-items:center;justify-content:space-between}.solution-list .solution-item .solution-link .text-wrapper .title{flex:1;font-size:22px}.solution-list .solution-item .solution-link .text-wrapper .dot-list{padding-left:12px;display:flex;justify-content:center;gap:4px}.solution-list .solution-item .solution-link .text-wrapper .dot-list .dot{width:8px;height:8px;border-radius:50%;background:#f1f1f1;transition:all .3s ease}.solution-list .solution-item .solution-link .text-wrapper .dot-list .dot:first-child{background:var(--primary-color)}.solution-list .solution-item .solution-link .text-wrapper::after{width:0;content:'';position:absolute;bottom:0;left:0;background:linear-gradient(to right, var(--primary-color), var(--primary-color-light));height:3px;transition:all .5s ease}.solution-list .solution-item:hover .solution-link .image-box img{opacity:0}.solution-list .solution-item:hover .solution-link .image-box .image-hover{opacity:1}.solution-list .solution-item:hover .solution-link .text-wrapper::after{width:100%}.solution-list .solution-item:hover .solution-link .text-wrapper .dot-list .dot:first-child{background:#f1f1f1}.solution-list .solution-item:hover .solution-link .text-wrapper .dot-list .dot:last-child{background:var(--primary-color)}@media screen and (max-width:1200px){.solution-list .solution-item{width:calc(100% / 2 - 12px)}.solution-list .solution-item .solution-link .text-wrapper .title{font-size:20px}}@media screen and (max-width:992px){.solution-list .solution-item .solution-link .text-wrapper{padding:12px}.solution-list .solution-item .solution-link .text-wrapper .title{font-size:16px}}