.categories{padding-top:20px;padding-bottom:50px}.categories .container{max-width:1365px;margin:0 auto}@media screen and (max-width: 1550px){.categories .container{max-width:1200px;padding:0 20px}}@media screen and (max-width: 1366px){.categories .container{max-width:1000px}}@media screen and (max-width: 991px){.categories .container{max-width:100%}}.categories .title{text-align:center}.categories .wrapper{display:flex;flex-wrap:wrap;column-gap:60px;row-gap:30px;margin-top:30px}@media screen and (max-width: 1550px){.categories .wrapper{column-gap:30px;row-gap:30px}}@media screen and (max-width: 1199px){.categories .wrapper{column-gap:14px;row-gap:20px}}@media screen and (max-width: 767px){.categories .wrapper{column-gap:14px;row-gap:14px}}@media screen and (max-width: 380px){.categories .wrapper{column-gap:8px;row-gap:8px}}.categories .wrapper .element{overflow:hidden;border-radius:35px;width:295px;height:260px;position:relative;display:flex;box-shadow:8px 8px 10px #00000059;cursor:pointer}@media screen and (max-width: 1550px){.categories .wrapper .element{width:calc(25% - 30px);margin:0 auto}}@media screen and (max-width: 1199px){.categories .wrapper .element{width:100%;height:156px;margin:0 auto;border-radius:20px;box-shadow:4.811px 4.811px 6.014px #00000059}}@media screen and (max-width: 767px){.categories .wrapper .element{width:calc(50% - 14px);height:110px}}.categories .wrapper .element:hover .image{transform:scale(1.2) rotate(-10deg);transition:.5s ease}.categories .wrapper .element:hover .text{transition:.5s ease;transform:scale(1.2)}.categories .wrapper .element .image{position:absolute;width:100%;height:100%;left:0;z-index:1;display:flex;transition:.5s ease}.categories .wrapper .element .image img{width:295px;height:260px;display:flex}@media screen and (max-width: 1199px){.categories .wrapper .element .image img{width:100%;height:auto}}@media screen and (max-width: 991px){.categories .wrapper .element .image img{object-fit:cover;position:absolute;top:50%;left:0;transform:translateY(-50%)}}.categories .wrapper .element .text{position:absolute;z-index:2;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 30px;transition:.5s ease}@media screen and (max-width: 1199px){.categories .wrapper .element .text{font-size:16px;line-height:18.643px;font-weight:700}}