.carouselContainer{grid-template-rows:1fr auto 1fr 20px;grid-template-columns:auto 1fr auto;display:grid;position:relative}.carousel{scroll-snap-type:x mandatory;scroll-marker-group:after;grid-area:1/1/span 3/span 3;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel img{scroll-snap-align:start;object-fit:cover;flex:none;width:100%;height:auto}.carousel::scroll-button(*){background:var(--primary-color);color:#fff;opacity:.8;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:.5rem;font-size:2rem;transition:transform .1s ease-in-out;display:flex}.carousel::scroll-button(*):hover{opacity:1;transform:scale(1.05)}.carousel::scroll-button(*):focus{opacity:1;transform:scale(1.05)}.carousel::scroll-button(*):active{transform:scale(.95)}.carousel::scroll-button(*):disabled{opacity:.2;cursor:unset}.carousel::scroll-button(left){content:"◄" / "Previous";grid-area:2/1/span 1/span 1;left:0}.carousel::scroll-button(right){content:"►" / "Next";grid-area:2/3/span 1/span 1;right:0}.carousel::scroll-marker-group{grid-area:4/1/span 1/span 3;justify-content:center;justify-self:center;gap:10px;height:fit-content;margin-top:2px;display:flex;position:absolute}.carousel img.notEnd::scroll-marker{content:attr(data-accName);border:2px solid var(--font-color);text-indent:16px;background-color:#0000;border-radius:50%;width:16px;height:16px;overflow:hidden}.carousel img.notEnd::scroll-marker:target-current{background-color:var(--primary-color-fonted)}.home .section{margin:20px 0}.upcomingEventsSection{flex-direction:column;justify-content:center;align-items:center;display:flex}.upcomingEventsSection h2{align-self:flex-start;margin-bottom:0}.upcomingEventsSection .eventsList{justify-content:center}.upcomingEventsSection .CustomButton{width:fit-content;margin-top:10px}.AboutUsButtons{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:20px;margin-bottom:20px;display:flex}.AboutUsButtons>div,.upcomingEventsSection .CustomButton{color:#fff;background-color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 2px 4px var(--shadow-color);border-radius:5px;justify-content:center;align-items:center;gap:10px;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;display:flex}.AboutUsButtons>div:hover,.upcomingEventsSection .CustomButton:hover{box-shadow:0 4px 8px var(--shadow-color);transform:scale(1.05)}.AboutUsButtons>div:active,.upcomingEventsSection .CustomButton:active{box-shadow:0 1px 2px var(--shadow-color);transform:scale(.95)}.AboutUsButtons>div>a,.upcomingEventsSection .CustomButton>a{padding:.5rem 1rem;text-decoration:none;color:inherit!important}.communitySection{--text-column:1;--carousel-column:1;--carousel-row:3;grid-template-rows:auto auto auto;grid-template-columns:1fr;place-items:center;gap:20px;margin:20px 0;display:grid}.communitySection h3{grid-row:1/span 1;grid-column:var(--text-column) / span 1;margin-bottom:0;font-size:1.5rem}.communitySection p{grid-row:2/span 1;grid-column:var(--text-column) / span 1;align-self:start;margin:0 20px}.communitySection .carouselContainer{grid-row:var(--carousel-row) / span 2;grid-column:var(--carousel-column) / span 1;width:100%;min-width:300px;max-width:500px;max-height:300px}@media (width>=600px){.communitySection{--text-column-width:min(300px, 50%);--text-column:2;--carousel-column:1;--carousel-row:1;grid-template-rows:auto 1fr;grid-template-columns:auto auto}.communitySectionLeft{--text-column:1;--carousel-column:2;grid-template-columns:auto auto}}