.socials-shield {
    border-radius: 0rem 0.3125rem 1.5rem 1.5rem;
}

.nav-list-styling li:not(:first-child):not(:last-child) {
    border-top: 1px solid #3B3B3B;
    border-bottom: 1px solid #3B3B3B;
}

.nav-list-styling li:first-child {
    border-bottom: 1px solid #3B3B3B;
}

.nav-list-styling li:last-child {
    border-top: 1px solid #3B3B3B;
}

.nav-list-styling li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.menu-flair-bg {
    background-image: url(https://assets-cdn.sums.su/CG/Assets/test-flair-image.png);
    background-size: contain;
}

@keyframes slideBackAndForth1440 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-30%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideBackAndForth1024 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

.marquee {
  animation: slideBackAndForth1024 20s ease-out infinite;
}

.change-marquee {
    color: var(--color-cg-offwhite);
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 5px;
    paint-order: stroke fill;
}

.svg-underline {
    position: relative;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='246' height='23' viewBox='0 0 246 23' fill='none'><path d='M2.43555 8.98558C83.251 1.87301 164.607 0.952268 245.564 6.22337C168.617 3.5391 91.4158 8.23535 15.36 20.2342' stroke='%23A90000' stroke-width='4' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-position: 0 100%;
    /* aligns underline to bottom */
    background-size: 100% auto;
    /* stretches SVG to text width */
    padding-bottom: 0.85rem;
    /* space for underline */
}

/* Allow overflow beyond the visible area */
.custom-splide {
    position: relative;
    overflow: visible;
}

/* Optional: fade overlay on right side */
.custom-splide::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.custom-splide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

/* Optional: fade overlay on right side */
.custom-splide-yellow::after {
    background: linear-gradient(to left, rgba(255, 193, 54, 1), transparent);
}

.custom-splide-yellow::before {
    background: linear-gradient(to right, rgba(255, 193, 54, 1), transparent);
}

/* Optional: fade overlay on right side */
.custom-splide-offwhite::after {
    background: linear-gradient(to left, rgba(232, 224, 215, 1), transparent);
}

.custom-splide-offwhite::before {
    background: linear-gradient(to right, rgba(232, 224, 215, 1), transparent);
}


/* Optional: give a fixed width to slides to control peek */
.custom-splide-news .splide__slide {
    width: 80%;
    /* Less than 100% to show next slide peeking */
    flex-shrink: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.splide-arrows-vertical-custom-news {
    top: 32.5% !important;
}

.splide-left-custom-news {
    left: -5% !important;
}

.splide-right-custom-news {
    right: -5% !important;
}

.officer-pp-shield {
    border-radius: 0rem 2.83481rem 8.3155rem 8.3155rem;
}

.officer-contact-shield {
    border-radius: 0rem 3.125rem 3.125rem 3.125rem;
}


.splide-arrows-vertical-custom-events {
    top: 40% !important;
}

.splide-left-custom-events {
    left: -5% !important;
}

.splide-right-custom-events {
    right: -5% !important;
}

.list-styling-border>li:not(:first-child) {
    border-top: 1px solid rgba(232, 224, 215, 0.25);
}

.splide-pagination-banner {
    gap: 0.63rem;
    right: 0 !important;
    left: unset !important;
    bottom: 0.63rem !important;
}

.splide-page-banner {
    color: white;
    background-color: unset !important;
}

.splide-page-banner.is-active {
    color: var(--color-cg-orange) !important;
}

.desktop-only {
    display: none;
}

.impact-report-shield{
    border-radius: 0rem 2.34375rem 2.34375rem 2.34375rem;
}

.mission-image-shield{
    border-radius: 10.08856rem 10.08856rem 0rem 10.08856rem;
}

.card-shadow{
    box-shadow: 8.277px 67.957px 19.167px 0px rgba(115, 20, 134, 0.00), 5.227px 43.562px 17.425px 0px rgba(115, 20, 134, 0.01), 3.049px 24.395px 14.811px 0px rgba(115, 20, 134, 0.05), 1.307px 10.891px 10.891px 0px rgba(115, 20, 134, 0.09), 0.436px 2.614px 6.099px 0px rgba(115, 20, 134, 0.10);
}

@keyframes slow-spin {
    100% {
        transform: rotate(360deg);
    }
}

.slow-spin {
    animation: slow-spin 24s linear infinite;
}


@media (width >=64rem) {
    .nav-list-styling li {
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .svg-underline {
        padding-bottom: 1.25rem;
    }

    .splide-arrows-vertical-custom-news {
        top: 50% !important;
    }

    .splide-left-custom-news {
        left: -5% !important;
    }

    .splide-right-custom-news {
        right: -5% !important;
    }

    .splide-arrows-vertical-custom-events {
        top: 50% !important;
    }


    .splide-left-custom-events {
        left: -5% !important;
    }

    .splide-right-custom-events {
        right: -5% !important;
    }
    .desktop-only{
        display:block;
    }
    .mobile-only{
        display:none;
    }
    .splide-pagination-banner {
        gap: 1rem;
        right: 0 !important;
        left: 0 !important;
        bottom: 0.63rem !important;
    }

    
}

@media (width >=90rem) {
    .marquee {
        animation: slideBackAndForth1440 10s ease-out infinite;
    }
}