#initiatives .initiative-slider { position: relative; z-index: 2; }
#initiatives .initiative-controls { display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 20px; }
#initiatives .initiative-arrow { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--primary-light); border-radius: 50%; background: white; color: var(--dark); font-size: var(--font-24); cursor: pointer; transition: background .2s, color .2s; }
#initiatives .initiative-arrow:hover:not(:disabled) { background: var(--primary); color: white; }
#initiatives .initiative-arrow:disabled { opacity: .35; cursor: default; }

#initiatives .initiative-arrow:focus-visible, 
#initiatives .initiative-grid:focus-visible 
{ 
    outline: 3px solid var(--primary);
    outline-offset: 4px;
}
#initiatives .initiative-grid { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 54px) / 4); gap: 18px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding: 10px 0 24px; }
#initiatives .initiative { min-width: 0; scroll-snap-align: start; display: flex; flex-direction: column; border-radius: 0px;}
#initiatives .initiative:hover { transform: translateY(-5px); }
#initiatives .initiative-icon { display: grid; place-items: center; width: 80px; height: 80px; margin: 28px 24px 0; border-radius: 0px; background: #f0e9fa; color: var(--primary); }
#initiatives .initiative-icon svg { width: 42px; height: 42px; }
#initiatives .initiative-content { display: flex; flex-direction: column; flex: 1; }
#initiatives .initiative-content .learn-more { margin-top: auto; padding-top: 18px; }
@media (max-width: 1000px) { #initiatives .initiative-grid { grid-auto-columns: calc((100% - 18px) / 2); } }
@media (max-width: 600px) { #initiatives .initiative-grid { grid-auto-columns: 90%; } }

#initiatives 
.initiative-grid::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0; }