.top-categorys{padding-block:35px}.top-categorys .main-container{display:flex;align-items:stretch;gap:30px}.top-categorys .main-container>div{width:50%;height:280px;border-radius:25px}.top-categorys .main-container .card{display:flex;align-items:center;justify-content:space-evenly;gap:10px;overflow:hidden;position:relative;padding:20px;background-color:var(--mainColor)}.top-categorys .main-container .card:hover:before{transform:skew(-30deg) scaleX(1.1)}.top-categorys .main-container .card:before{content:"";position:absolute;width:400px;height:100%;transform:skew(-30deg);left:30%;transition:all .3s;background-color:var(--secondColor)}.top-categorys .main-container .card .image{display:flex;align-items:center;justify-content:center;position:relative}.top-categorys .main-container .card .image img{width:250px;height:200px;object-fit:contain}.top-categorys .main-container .card .info{display:flex;flex-direction:column;gap:12px;position:relative;color:#fff}.top-categorys .main-container .card .info h3{width:250px;font-size:26px}.top-categorys .main-container .card .info p{width:280px;font-size:17px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.top-categorys .main-container .card .info a{display:block;font-size:17px;padding:8px 15px;width:fit-content;border:1px solid #FFF;color:#fff;border-radius:15px;margin-top:10px;transition:all .3s}.top-categorys .main-container .card .info a:hover{border:1px solid var(--secondColor);background-color:var(--secondColor);color:#fff}@media(max-width:1170px){.top-categorys .main-container .card{flex-direction:column}.top-categorys .main-container .card .info{text-align:center}.top-categorys .main-container .card .info h3,.top-categorys .main-container .card .info p{width:100%}.top-categorys .main-container .card .info a{margin-inline:auto}}@media(max-width:991px){.top-categorys .main-container{flex-direction:column}.top-categorys .main-container>div{width:100%;height:100%}.top-categorys .main-container .card .info a{padding-top:12px}}@media(max-width:767px){.top-categorys{padding-block:15px}.top-categorys .main-container .card .image img{width:100px;height:100px}.top-categorys .main-container .card h3{font-size:16px!important}.top-categorys .main-container .card p,.top-categorys .main-container .card a{font-size:15px!important}}