.EventsPerCategory_events_per_city__YXoeo{display:flex;flex-direction:column;background-color:#fff;padding:5rem 2rem}.EventsPerCategory_events_per_city__YXoeo h1{align-self:center;font-size:100px;text-transform:capitalize;color:var(--black-color);mix-blend-mode:exclusion}@media screen and (max-width:900px){.EventsPerCategory_events_per_city__YXoeo h1{font-size:70px}}@media screen and (max-width:400px){.EventsPerCategory_events_per_city__YXoeo h1{font-size:50px}}.EventsPerCategory_events_per_city__YXoeo div{display:flex;flex-direction:column;position:relative;color:var(--black-color)}.EventsPerCategory_events_per_city__YXoeo div a{display:flex;margin:2rem 0;justify-content:center;align-self:center;border-radius:30px}.EventsPerCategory_events_per_city__YXoeo div a:hover div,.EventsPerCategory_events_per_city__YXoeo div a:hover img{box-shadow:inset 4px 4px 6px rgba(0,0,0,.25);filter:drop-shadow(4px 12px 5px rgba(0,0,0,.25))}@media screen and (max-width:1100px){.EventsPerCategory_events_per_city__YXoeo div a{flex-direction:column;justify-content:center}}.EventsPerCategory_events_per_city__YXoeo div a img{width:500px;height:500px;box-shadow:inset 4px 4px 6px rgba(0,0,0,.25);filter:drop-shadow(4px 8px 5px rgba(0,0,0,.25));border-radius:30px 0 0 30px}@media screen and (max-width:1100px){.EventsPerCategory_events_per_city__YXoeo div a img{width:300px;height:300px;border-radius:30px 30px 0 0}}@media screen and (max-width:300px){.EventsPerCategory_events_per_city__YXoeo div a img{width:250px;height:250px;border-radius:30px 30px 0 0}}.EventsPerCategory_events_per_city__YXoeo div a div{width:500px;max-height:500px;padding:1rem 3rem;display:flex;flex-direction:column;border-radius:0 30px 30px 0;color:var(--primary-color);background-color:var(--black-color);box-shadow:inset 4px 4px 6px rgba(0,0,0,.25);filter:drop-shadow(4px 8px 5px rgba(0,0,0,.25))}.EventsPerCategory_events_per_city__YXoeo div a div h2{font-size:45px;padding:1rem 0}@media screen and (max-width:1100px){.EventsPerCategory_events_per_city__YXoeo div a div h2{font-size:30px}}@media screen and (max-width:400px){.EventsPerCategory_events_per_city__YXoeo div a div h2{font-size:20px}}.EventsPerCategory_events_per_city__YXoeo div a div p{font-size:35px}@media screen and (max-width:1100px){.EventsPerCategory_events_per_city__YXoeo div a div p{font-size:20px}}@media screen and (max-width:400px){.EventsPerCategory_events_per_city__YXoeo div a div p{font-size:15px}}@media screen and (max-width:1100px){.EventsPerCategory_events_per_city__YXoeo div a div{width:300px;min-height:300px;border-radius:0 0 30px 30px}}@media screen and (max-width:300px){.EventsPerCategory_events_per_city__YXoeo div a div{max-width:250px;height:250px;border-radius:0 0 30px 30px}}