.compare-card{cursor:pointer;background-color:#fff;border-radius:22px;height:180px;margin:0;transition:box-shadow .3s;position:relative;overflow:hidden}.compare-card.inRow{width:calc(25% - 10px);margin:10px}.compare-card .card-img{object-fit:cover;width:50%;height:90px;transition:transform .3s}.compare-card .card-img:nth-child(5){margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:translate(-50%)}.compare-card .card-left{background-color:#1a192e;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:180px;height:180px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.compare-card .card-content{background-color:#fff;flex-wrap:wrap;align-content:space-between;width:calc(100% - 180px);height:180px;padding:10px 15px 0;display:flex;position:relative;top:0;left:180px}.compare-card .card-text{flex-wrap:wrap;align-content:space-between;width:100%;height:100%;display:flex}.compare-card .card-title{letter-spacing:.05em;color:#000;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:360px;margin-bottom:8px;font-size:16px;line-height:1.5;overflow:hidden}.compare-card .card-desc{color:#666;width:100%;margin-bottom:10px;font-size:13px}.compare-card .card-action{flex-wrap:wrap;gap:10px;display:flex}.yellow{color:#000;background:linear-gradient(91.97deg,#f9d849 -10.07% 126.39%)}.yellow:hover{background:linear-gradient(91.97deg,#f0c830 -10.07% 126.39%)}.pink{color:#fff;background:linear-gradient(91.97deg,#fe5d81 -10.07% 126.39%)}.pink:hover{background:linear-gradient(91.97deg,#e04d71 -10.07% 126.39%)}.round-big{border-radius:50px;padding:0 20px}.middle{letter-spacing:1.2px;justify-content:center;align-items:center;height:30px;font-size:16px;display:flex}.btn{cursor:pointer;margin:0 8px;text-decoration:none;transition:all .3s;position:relative}@media screen and (max-width:767px){.compare-card{min-width:70%}.compare-card.inRow .card-title{height:65px}.compare-card.inRow .card-left{height:150px}.compare-card.inRow .card-desc{width:70%}.compare-card .card-title{height:35px;font-size:15px}.compare-card .card-desc{white-space:nowrap;width:60%;font-size:12px}}
.compares-page{z-index:29;color:#fff;background:#fff;min-height:calc(100vh - 60px);transition:all .4s;position:relative}.compares-page .head-title{color:#000}.compares-page .container{width:1280px;margin:0 auto;padding:80px 0;position:relative}.card-container{grid-column-gap:50px;grid-row-gap:60px;opacity:0;transition:all .3s}.card-container.show{opacity:1}.card-container>.class-card{cursor:auto}.neumorphism-card{background:#ecf0f3;border-radius:22px;transition:box-shadow .2s linear;box-shadow:18px 18px 30px #d1d9e6,-10px -10px 20px #fff,inset 0 0 #d1d9e6,inset 0 0 #fff}.neumorphism-card:hover{box-shadow:0 0 #d1d9e6,0 0 #fff,inset 18px 18px 30px #d1d9e6,inset 0 0 30px #fff}.empty-result{color:#999;letter-spacing:.1em;padding:60px 0;font-size:30px}.non-result-title{color:#eee;margin-top:100px;font-size:24px}@media only screen and (min-device-width:1025px) and (max-device-width:1280px){.compares-page .container{padding:30px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.compares-page .container{width:960px;margin:0 auto;padding:20px}}@media screen and (max-width:767px){.compares-page .container{width:100vw;margin:0 auto;padding:60px 20px}}