.elementor-27525 .elementor-element.elementor-element-1218cb8{--display:flex;}/* Start custom CSS for html, class: .elementor-element-36cf3f6 */.category-section{ max-width:1400px; margin:auto; padding:40px 20px; } .category-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } .category-card{ position:relative; display:block; overflow:hidden; border-radius:28px; text-decoration:none; height:300px; background:#f5f5f5; } .category-card img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; } .category-card:hover img{ transform:scale(1.08); } .category-card::before{ content:""; position:absolute; inset:0; background:linear-gradient( to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,0) 70% ); z-index:1; } .category-title{ position:absolute; left:30px; bottom:30px; z-index:2; color:#fff; font-size:32px; font-weight:700; line-height:1.2; letter-spacing:.5px; } .category-card:hover .category-title{ transform:translateY(-3px); transition:.3s ease; } /* Medium Screens */ @media (max-width: 991px){ .category-grid{ grid-template-columns:repeat(2,1fr); } .category-card{ height:420px; } .category-title{ font-size:28px; left:24px; bottom:24px; } } /* Mobile */ @media (max-width: 767px){ .category-grid{ grid-template-columns:1fr; } .category-card{ height:350px; border-radius:22px; } .category-title{ font-size:24px; left:20px; bottom:20px; } }/* End custom CSS */