.zigzag-event-grid-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:100%}.zigzag-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-gap:30px;gap:30px;width:100%;max-width:650px;outline:none;position:relative}.grid-item-0{grid-column:1;grid-row:1;justify-self:start}.grid-item-1{grid-column:2;grid-row:1;justify-self:end;margin-top:30px}.grid-item-2{grid-column:1;grid-row:2;justify-self:start;margin-top:30px}.grid-item-3{grid-column:2;grid-row:2;justify-self:end}.slider-btn-group{gap:15px;margin-top:15px}.slider-btn,.slider-btn-group{display:flex;justify-content:center}.slider-btn{background-color:#fafafa;border:1px solid #6b4dbe;padding:6px;border-radius:8px;cursor:pointer;transition:all .3s ease;align-items:center;font-size:16px}.slider-btn:hover:not(:disabled){background-color:#e0e0e0}.slider-btn:disabled{opacity:.5;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:767px){.zigzag-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,auto);gap:20px;max-width:300px}.grid-item-0{grid-row:1}.grid-item-0,.grid-item-1{grid-column:1;justify-self:center;margin-top:0}.grid-item-1{grid-row:2}.grid-item-2,.grid-item-3{display:none}.zigzag-grid .hot-event-slider-div{width:100%;max-width:280px}.zigzag-grid .hot-event-logo{width:100%;max-width:275px;height:auto}}@media (min-width:768px) and (max-width:1023px){.zigzag-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:25px;max-width:600px}.grid-item-0{grid-column:1;grid-row:1;justify-self:start}.grid-item-1{grid-column:2;grid-row:1;justify-self:end;margin-top:25px}.grid-item-2{grid-column:1;grid-row:2;justify-self:start;margin-top:25px}.grid-item-3{grid-column:2;grid-row:2;justify-self:end}}@media (min-width:1024px){.zigzag-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:30px;max-width:650px}.grid-item-0{grid-column:1;grid-row:1;justify-self:start}.grid-item-1{grid-column:2;grid-row:1;justify-self:end;margin-top:65px}.grid-item-2{grid-column:1;grid-row:2;justify-self:start;margin-top:-90px}.grid-item-3{grid-column:2;grid-row:2;justify-self:end}}.event-categories-section{padding-top:5rem;padding-bottom:5rem;background-color:#f9fafb}.event-categories-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.event-categories-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.event-categories-container{padding-left:2rem;padding-right:2rem}}.event-categories-header{text-align:center;margin-bottom:4rem}.event-categories-title{font-size:1.875rem;font-weight:700;color:#000;margin-bottom:1rem}@media (min-width:768px){.event-categories-title{font-size:2.25rem}}.event-categories-description{font-size:1.25rem;color:#4b5563;max-width:42rem;margin-left:auto;margin-right:auto}.event-categories-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.event-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.event-categories-grid{grid-template-columns:repeat(4,1fr)}}.event-card{border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .3s ease;cursor:pointer}.event-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.event-card-content{padding:1.5rem;text-align:center}.event-icon-container{display:flex;justify-content:center;margin-bottom:1rem;transition:transform .3s ease}.event-card:hover .event-icon-container{transform:scale(1.1)}.event-icon{height:3rem;width:3rem;color:#6b4dbe}.event-title{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.5rem}.event-count{color:#6b4dbe;font-weight:500;margin-bottom:.5rem}.event-description{color:#4b5563;font-size:.875rem}.event-banner{margin-top:3rem;background-color:#000;color:#fff;padding:1.5rem;border-radius:.5rem;text-align:center}.event-banner-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.event-banner-text{color:#d1d5db;margin-bottom:1rem}.event-banner-button{background-color:#6b4dbe;color:#fff;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:background-color .3s ease}.event-banner-button:hover{background-color:#8b5cf6}