:root {
    --bs-primary: #64748b !important;
    --bs-secondary: #334155 !important;
    --bg-color-light: #F8FAFC;
    --bg-color: #e2f163;
    font-size: clamp(12px, 1vw, 18px);
}

* {
    font-optical-sizing: auto !important;
    font-weight: 500;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
}

img {
    object-fit: cover;
    object-position: 50% 50%;
}

/* a.btn-primary, */
/* a.btn-primary:hover, */
/* a.btn-primary:visited { */
    /* color: #000 !important; */
/* } */
.btn-icon {
    --btn-icon-padding-x: 10px;
    --btn-icon-padding-y: 10px;
    --btn-icon-size: 24px;
    --btn-icon-font-family: ;
    --btn-icon-font-size: 18px;
    --btn-icon-font-weight: 400;
    --btn-icon-line-height: 28px;
    --btn-icon-color: var(--color-primary);
    --btn-icon-bg: transparent;
    --btn-icon-border-width: 1px;
    --btn-icon-border-color: var(--color-primary);
    --btn-icon-border-radius: 8px;
    --btn-icon-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: var(--btn-icon-padding-y) var(--btn-icon-padding-x);
    font-family: var(--btn-icon-font-family);
    font-size: var(--btn-icon-font-size);
    font-weight: var(--btn-icon-font-weight);
    line-height: var(--btn-icon-line-height);
    color: var(--btn-icon-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--btn-icon-border-width) solid var(--btn-icon-border-color);
    border-radius: var(--btn-icon-border-radius);
    background-color: var(--btn-icon-bg);
    background-image: var(--btn-icon-url);
    background-repeat: no-repeat;
    background-position: left var(--btn-icon-padding-x) center;
    background-size: var(--btn-icon-size) var(--btn-icon-size);
    padding-left: calc(var(--btn-icon-padding-x));
    min-width: calc(var(--btn-icon-padding-x)*2 + var(--btn-icon-size));
    min-height: calc(var(--btn-icon-padding-y)*2 + var(--btn-icon-size));
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media screen and (min-width: 360px) {
    .btn-icon {
    --btn-icon-padding-x: 8px;
    --btn-icon-padding-y: 8px; }
}
    @media (prefers-reduced-motion: reduce) {
        .btn-icon {
        transition: none; } }
.btn-icon:disabled {
    opacity: 50%;
    cursor: default;
}
.btn-icon-no-padding {
    --btn-icon-padding-x: 0px;
    --btn-icon-padding-y: 0px
}
.btn-chevron-left {
    --btn-icon-url: var(--icon-chevron-left)
}
.btn-chevron-right {
    --btn-icon-url: var(--icon-chevron-right)
}
.tooltip {
    --bs-tooltip-padding-x: 16px;
    --bs-tooltip-padding-y: 12px;
    --bs-tooltip-font-size: 14px;
    --bs-tooltip-border-radius: 4px;
    --bs-tooltip-arrow-width: 12px;
    --bs-tooltip-arrow-height: 6px;
    --bs-tooltip-bg: #F9F9F9;
    --bs-tooltip-color: #505050;
    line-height: 20px;
}
.inputbar {
    border: 1px solid var(--bg-color);
    padding: 9px;
    padding-top: 11px;
    padding-bottom: 11px;
    border-radius: 4px;
}

hr {
    color: var(--bs-primary);
    margin: 0px;
}

input,
textarea,
select {
    outline: none;
}
button {
    border-color: transparent;
}
.a-link:hover {
    font-weight: 600;
}

.font-color {
    color: var(--bs-secondary);
}

.fs-small {
    font-size: 0.9rem;
}

.bg-color {
    background-color: var(--bg-color);
}

.opacity-8 {
    opacity: 0.8;
}

.cll-btn-size {
    min-width: 6.5rem;
    min-height: 3rem;
}

.fs-8rem {
    font-size: 0.8rem;
}

.truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.truncate-lines-1 {
    -webkit-line-clamp: 1;
}

.truncate-lines-2 {
    -webkit-line-clamp: 2;
}

.truncate-lines-3 {
    -webkit-line-clamp: 3;
}

.truncate-lines-4 {
    -webkit-line-clamp: 4;
}

.truncate-lines-5 {
    -webkit-line-clamp: 5;
}

.truncate-lines-6 {
    -webkit-line-clamp: 6;
}

.truncate-lines-7 {
    -webkit-line-clamp: 7;
}

.scroll-snap-type-x {
    scroll-snap-type: x mandatory;
}

.scroll-snap-align-start {
    scroll-snap-align: start;
}

.aspect-ratio-1 {
    aspect-ratio: 1/1;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16/9;
}

.line-height-0 {
    line-height: 0px;
}

.cllctiv-dropdown-menu {
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 0.25px solid #e0e0e0 !important;
}

.cllctiv-dropdown-item {
    margin: 8px 0px;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 24px;
}

.cllctiv-dropdown-btn {
    min-width: none !important;
    border-width: 0.25px;
    border-style: solid;
}

.cllctiv-dropdown-img {
    height: 48px;
    width: 48px;
}

.cllctiv-dropdown-item-img {
    height: 100%;
    aspect-ratio: 1;
}


.subdropdown {
    position: relative;
}

.dropdown-submenu {
    display: none;
    position: absolute;
    transform: translateX(0);
    top: 0;
    left: 100%;
    margin-top: -1px;
    background-color: white;
    padding: 12px;
    border: 1px solid grey;
    border-radius: 4px;
}

.subdropdown:hover .dropdown-submenu {
    display: block;
}

.custom-shadow {
    box-shadow:
        0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075),
        0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075),
        0 16px 16px hsl(0deg 0% 0% / 0.075);
}

.height-100vh {
    min-height: 100vh;
}

.p-24px {
    padding: 24px;
}

.px-24px {
    padding-left: 24px;
    padding-right: 24px;
}

.py-24px {
    padding-top: 24px;
    padding-bottom: 24px;
}

.p-16px {
    padding: 16px;
}

.px-16px {
    padding-left: 16px;
    padding-right: 16px;
}

.py-16px {
    padding-top: 16px;
    padding-bottom: 16px;
}

.px-12px {
    padding-left: 12px;
    padding-right: 12px;
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}

.p-12px {
    padding: 12px;
}

.border-radius-8px {
    border-radius: 8px;
}

.border-radius-left-8px {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.border-radius-right-8px {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.border-radius-top-8px {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.border-radius-bottom-8px {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.border-thin {
    border: 0.25px solid #e0e0e0 !important;
}

.gap-48px {
    gap: 48px;
}

.gap-32px {
    gap: 32px;
}

.gap-24px {
    gap: 24px
}

.gap-16px {
    gap: 16px
}

.gap-8px {
    gap: 8px;
}

.cllctiv-p-48px {
    padding: 48px;
}

.me-8px {
    margin-right: 8px;
}

.shadow {
    box-shadow: 0px 0px 35px 0px #00000014, 0px 0px 5px 0px #0000000D !important;
    z-index: 1;
}

.show-shadow {
    padding: 35px;
    margin: -35px;
}

.chevron-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 42px;
    border: 1px solid var(--neutral-200);
    border-radius: 50%;
    font-size: 16px;
}

.overlay-container {
    position: relative;
    display: inline-block;
}

.aspect-ratio78 {
    aspect-ratio: 7/8;
}

.aspect-ratio157 {
    aspect-ratio: 15/7;
}

.overlay-image {
    display: block;
    width: 100%;
    height: 100%;
}

.overlay-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: white;
    width: 100%;
    background: linear-gradient(181deg, rgba(0, 0, 0, 0.00) 23.45%, rgba(0, 0, 0, 0.03) 50.22%, rgba(0, 0, 0, 0.08) 61.45%), linear-gradient(181deg, rgba(0, 0, 0, 0.00) 7.42%, rgba(0, 0, 0, 0.35) 32.74%, rgba(0, 0, 0, 0.50) 48.46%, rgba(0, 0, 0, 0.80) 90.57%);
    border-radius: 5px;
}

.hide-scrollbar {
    overflow-x: auto;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.chips {
    padding: 6px 12px;
}

.navbar-toggler {
    border: none;
    outline: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.fw-500 {
    font-weight: 500 !important;
}

.cllctiv-mb-16px {
    margin-bottom: 16px;
}

.cllctiv-mb-8px {
    margin-bottom: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong {
    margin: 0;
}

.full-width {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
@media screen and (max-width: 959.98px) {
    .full-sm-width {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
}
@media screen and (max-width: 1280px) {
    .full-lg-md-width {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
}
@media screen and (min-width: 960px) {
    .full-md-width {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
}
@media screen and (min-width: 1280px) {
    .full-lg-width {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
}
.object-fit-cover {
    object-fit: cover !important;
}
.object-fit-contain {
    object-fit: contain !important;
}

.component-card-edit {
    width: 100%;
    display: none;
}
.component-card:hover .component-card-edit {
    display: block;
}
.image-uploader {
    width: 100%;
    border: 1px solid #909090;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
}
.cloud-upload-icon {
    content: var(--icon-cloud-upload);
    width: 40px;
    height: 40px;
}
.dashed-border {
    border: 1px dashed black;
    border-radius: 5px;
}

.passion-interest-image {
    width: 100%;
    height: 214px;
}
.cursor-pointer {
    cursor: pointer;
}
.tab {
    padding-block: 6px;
    padding-inline: 12px;
    border-radius: 8px;
}
.tab:hover {
    background-color: #F9F9F9;
}
.tab.selected {
    background-color: #F0F0F0;
    font-weight: 600;
}
.social-cards {
    max-width: 223px;
}
button[data-bs-toggle="dropdown"] .bi-chevron-up {
    display: none;
}
button[data-bs-toggle="dropdown"].show {
    border: 1px solid black !important;
    color: #1a1a1a !important;
}
button[data-bs-toggle="dropdown"].show .bi-chevron-up {
    display: inline-block;
}
button[data-bs-toggle="dropdown"].show .bi-chevron-down {
    display: none;
}
.event-card {
    width: 412px;
    height: 515px;
    border: 0.25px sold #e0e0e0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}
.event-card-img {
    width: 100%;
    height: 310px;
}
.event-card-time-details {
    width: 100%;
    height: 40px;
    padding-block: 10px;
    padding-inline: 24px;
    background-color: #1a1a1a;
    font-size: 14px;
    line-height: 20px;
    color: white
}
.event-card-details {
    width: 100%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-grow: 1;
    background-color: white;
}
.event-card .event-card-details-title {
    -webkit-line-clamp: 1;
}
.event-card .event-card-owner-img {
    flex-shrink: 0;
    width: 24px;
    aspect-ratio: 1;
}
#event-checkout-img {
    height: 150px;
    width: 150px;
}
.event-sm-card {
    width: 272px;
    height: 364px;
}
.event-sm-card .event-card-img {
    width: 100%;
    height: 205px;
}
.event-sm-card .event-card-time-details {
    padding-inline: 16px;
    padding-block: 8px;
    height: 30px;
    font-size: 10px;
    line-height: 14px;
}
.event-sm-card .event-card-details {
    padding: 16px;
    gap: 8px;
}
.event-sm-card .event-card-owner-img {
    display: inline-block;
    width: 32px;
    aspect-ratio: 1;
}
.read-more-btn {
    cursor: pointer;
    padding-block: var(--spacing-2);
    color: var(--color-links);
    text-decoration: underline;
    display: none;
}
.read-more-btn.show {
    display: block;
}
.cllctiv-container-xxl {
    padding-inline: 16px;
}
@media screen and (min-width: 960px) {
    .cllctiv-container-xxl {
        padding-inline: 48px;
    }
}
@media screen and (min-width: 1280px) {
    .cllctiv-container-xxl {
        padding-inline: 60px;
    }
}
@media screen and (min-width: 1520px) {
    .container-xxl.cllctiv-container-xxl {
        padding-inline: 0px; /*Container has the exact size*/
    }
}
@media screen and (max-width: 959.98px) {
    .cllctiv-container-sm-xxl {
        padding-inline: 16px;
    }
}
.hidden-block.d-none {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.hidden-block {
    opacity: 1;
}
#nav-container {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1000;
}
.svg-icon-50px {
    width: 50px;
    height: 50px;
}
.svg-icon-40px {
    width: 40px;
    height: 40px;
}
.svg-icon-32px {
    width: 32px;
    height: 32px;
}
.svg-icon-28px {
    width: 28px;
    height: 28px;
}
.svg-icon-24px {
    width: 24px;
    height: 24px;
}
.svg-icon-22px {
    width: 22px;
    height: 22px;
}
.svg-icon-20px {
    width: 20px;
    height: 20px;
}
.svg-icon-17px {
    width: 17px;
    height: 17px;
}
.svg-icon-14px {
    width: 14px;
    height: 14px;
}
.svg-icon-12px {
    width: 12px;
    height: 12px;
}

.edit-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
}

/* Search in the ecosystem css  */
.search-list-block {
    position: absolute;
    top: 45px;
    background-color: var(--color-secondary-3);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
    border-radius: 8px;
    padding: 24px;
}
.toggle-switch-button {
    height: 32px !important;
    width: 52px !important;
}


@media screen and (max-width: 1279.98px) {
    #footer-logo {
        width: 70px;
        height: 68px;
    }
    footer #subscribe-email {
        width: 383px;
    }
    .nav-link {
        font-weight: 600 !important;
    }
    .nav-col {
        padding: 0px 8px;
    }
    .nav-col-heading {
        margin-bottom: 16px;
    }
    .nav-col-item {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .nav-tabs {
        display: flex;
        gap: 16px;
    }
    .nav-tabs a:hover {
        font-weight: bold;
    }
    .your-account-cols {
        padding-left: 16px;
        width: 280px;
    }
    .your-account-items {
        padding: 8px 0px;
        display: flex;
        gap: 8px;
        align-items: center;
    }
    .your-account-items img {
        height: 35px;
        border-radius: 50%;
    }
    #create-an-org-col {
        height: 156px;
        padding: 32px 0px 0px 0px;
        gap: 56px;
        border-radius: 8px 0px 0px 0px;
        opacity: 0px;
        background: var(--Neutral-100, rgba(240, 240, 240, 1));
    }
    #event-checkout-img {
        height: 224px;
        width: 224px;
    }
    .offcanvas {
        --bs-offcanvas-width: 100%;
    }
}

@media screen and (max-width: 959.98px) {
    .offcanvas {
        padding: 16px;
    }
    .offcanvas-header {
        padding-bottom: 16px;
    }
    .dropdown-submenu {
        top: 2rem;
        left: -1.5rem;
        right: auto;
    }
    footer {
        padding: 48px 0px;
    }
    #footer-logo {
        width: 98px;
        height: 100px;
    }
    footer #subscribe_label {
        margin-bottom: 20px;
    }
    footer #subscribe-email {
        width: 100%;
        margin-bottom: 32px;
    }
    footer dt {
        font-size: 16px;
        line-height: 22px;
    }
    footer .social {
        width: 100%;
    }
    footer #footer-parent-container {
        gap: 24px;
    }
    .chips {
        padding: 4px 12px;
    }
    .chips {
        font-weight: 600;
        border: 1px solid #1a1a1a;
    }
    .social-cards {
        max-width: 156px;
    }
    .full-mobile-width {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
    .dynamic-mobile-padding {
        padding-inline: 16px !important;
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .toggle-switch-button {
        height: 22px !important;
        width: 36px !important;
    }
}

@media (min-width: 960px) {
    .truncate-md-1 {
        -webkit-line-clamp: 1;
    }

    .truncate-md-2 {
        -webkit-line-clamp: 2;
    }

    .truncate-md-3 {
        -webkit-line-clamp: 3;
    }

    .truncate-md-4 {
        -webkit-line-clamp: 4;
    }

    .truncate-md-5 {
        -webkit-line-clamp: 5;
    }

    .truncate-md-6 {
        -webkit-line-clamp: 6;
    }

    .truncate-md-7 {
        -webkit-line-clamp: 7;
    }
}

@media (min-width: 1280px) {
    .truncate-lg-1 {
        -webkit-line-clamp: 1;
    }

    .truncate-lg-2 {
        -webkit-line-clamp: 2;
    }

    .truncate-lg-3 {
        -webkit-line-clamp: 3;
    }

    .truncate-lg-4 {
        -webkit-line-clamp: 4;
    }

    .truncate-lg-5 {
        -webkit-line-clamp: 5;
    }

    .truncate-lg-6 {
        -webkit-line-clamp: 6;
    }

    .truncate-lg-7 {
        -webkit-line-clamp: 7;
    }
}





/* inline_to_class.css  */
.custom_bsbreadcrumbdivider_urldataimagesvgxml3Csvg {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");
}

.custom_height_58px {
    height: 58px;
}

.custom_backgroundcolor_e2f163_fontsize_11rem {
    background-color: #e2f163;
    font-size: 1.1rem;
}

.custom_backgroundcolor_e2f163_borderbottomrightrad {
    background-color: #e2f163;
    font-size: 1.1rem;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.custom_fontsize_11rem {
    font-size: 1.1rem;
}

.custom_borderbottomleftradius_365px_borderbottomri {
    width: 11rem;
    height: 4rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 36.5px;
    border-bottom-left-radius: 36.5px;
    border-bottom-right-radius: 36.5px;
}

.custom_color_black_textdecoration_none {
    color: black;
    text-decoration: none;
}

.custom_whitespace_nowrap {
    white-space: nowrap;
}

.custom_fontsize_75 {
    font-size: 75%;
}

.custom_testimonial_style {
    width: 19rem;
    height: 19rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.custom_testimonial_content_style {
    border-bottom-left-radius: 36.5px;
    border-bottom-right-radius: 36.5px;
    margin: 0;
    padding: 0;
    height:33%;
}

.bgcolor-F0FDF4{
    background-color: #F0FDF4;
}

.custom_borderradius_50_height_1875rem_position_abs {
    height: 1.875rem;
    width: 1.875rem;
    border-radius: 50%;
    position: absolute;
    transform: translate(2.4rem, 5.8rem);
}

.custom_color_green {
    color: green;
}

.custom_borderradius_50_width_136px {
    width: 136px;
    border-radius: 50%;
}

.custom_height_08rem_width_08rem {
    width: 0.8rem;
    height: 0.8rem;
}

.custom_width_02rem {
    width: 0.2rem;
}

.custom_height_7rem_width_7rem {
    width: 7rem;
    height: 7rem;
}

.custom_width_15rem {
    width: 15rem;
}

.custom_aspectratio_8957 {
    aspect-ratio: 89/57;
}

.custom_maxwidth_336px {
    max-width: 336px;
}

.custom_borderradius_50_height_375rem_width_375rem {
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 50%;
}

.custom_minwidth_50px {
    min-width: 50px;
}

.custom_padding_05rem_16rem {
    padding: 0.5rem 1.6rem;
}

.custom_height_100vh_maxheight_800px {
    max-height: 800px;
    height: 100vh;
}

.custom_bsbreadcrumbdivider_ {
    --bs-breadcrumb-divider: ">";
}

.custom_boxshadow_3px_gray {
    box-shadow: 3px gray;
}

.custom_height_5px_width_5px {
    height: 5px;
    width: 5px;
}

.custom_maxwidth_450px {
    max-width: 450px;
}

.custom_height_60px_width_60px {
    width: 60px;
    height: 60px;
}

.custom_lineheight_50 {
    line-height: 50%;
}

.custom_fontsize_09rem {
    font-size: 0.9rem;
}

.custom_backgroundcolor_f4fccb_bordercolor_e2f163 {
    background-color: #f4fccb;
    border-color: #e2f163;
}

.custom_cursor_pointer {
    cursor: pointer;
}

.custom_width_200px {
    width: 200px;
}

.custom_maxwidth_150px {
    max-width: 150px;
}

.custom_overflowy_auto {
    overflow-y: auto;
}

.custom_width_583rem {
    width: 5.83rem;
}

.custom_fill_none_fillrule_nonzero_opacity_1_stroke {
    stroke: none;
    stroke-width: 0;
    stroke-dasharray: none;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    fill: none;
    fill-rule: nonzero;
    opacity: 1;
}

.custom_fill_rgb000_fillrule_nonzero_opacity_1_stro {
    stroke: none;
    stroke-width: 1;
    stroke-dasharray: none;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    fill: rgb(0,0,0);
    fill-rule: nonzero;
    opacity: 1;
}

.custom_objectfit_cover {
    object-fit: cover;
}

.custom_lineheight_2rem {
    line-height: 2rem;
}

.custom_backgroundcolor_f4fccb {
    background-color: #f4fccb;
}

.custom_minheight_19rem_minwidth_16rem {
    min-width: 16rem;
    min-height: 19rem;
}

.custom_width_12rem {
    width: 12rem;
}

.custom_height_25rem {
    height: 25rem;
}

.custom_backgroundcolor_F9F9F9 {
    background-color: #F9F9F9;
}

.custom_width_85rem {
    width: 8.5rem;
}

.custom_padding_04rem_16rem {
    padding: 0.4rem 1.6rem;
}

.custom_backgroundcolor_F4FCCB {
    background-color: #F4FCCB;
}

.custom_backgroundcolor_f4deff {
    background-color: #f4deff;
}

.custom_maxwidth_100_width_297rem {
    width: 29.7rem;
    max-width: 100%;
}

.custom_height_7rem {
    height: 7rem;
}

.custom_height_2px {
    height: 2px;
}

.custom_width_410px {
    width: 410px;
}

.custom_fontsize_36rem {
    font-size: 3.6rem;
}

.custom_minheight_55px {
    min-height: 55px;
}

.custom_color_e2f163 {
    color: #e2f163;
}

.custom_textshadow_2px_2px_4px_rgba0_0_0_07 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.custom_backgroundcolor_F0FDF4_borderbottomleftradi {
    width: 19rem;
    height: 19rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 36.5px;
    border-bottom-left-radius: 36.5px;
    border-bottom-right-radius: 36.5px;
    background-color: #F0FDF4;
}

.custom_padding_2rem {
    padding: 2rem;
}

.custom_backgroundcolor_F0FDF4 {
    background-color: #F0FDF4;
}

.custom_fontsize_80 {
    font-size: 80%;
}

.custom_height_12px_width_12px {
    width: 12px;
    height: 12px;
}

.custom_height_8px_width_8px {
    width: 8px;
    height: 8px;
}

.custom_display_none {
    display: none;
}

.custom_height_3rem_width_3rem {
    width: 3rem;
    height: 3rem;
}

.custom_fontsize_25rem_letterspacing_012rem {
    font-size: 2.5rem;
    letter-spacing: 0.12rem;
}

.custom_fontsize_14rem {
    font-size: 1.4rem;
}

.custom_maxwidth_10rem {
    max-width: 10rem;
}

.custom_fontsize_07rem {
    font-size: 0.7rem;
}

.custom_fontsize_35rem_letterspacing_015rem {
    font-size: 3.5rem;
    letter-spacing: 0.15rem;
}

.custom_aspectratio_115 {
    aspect-ratio: 11/5;
}

.custom_fontsize_075rem {
    font-size: 0.75rem;
}

.custom_maxwidth_424px {
    max-width: 424px
}

.initiative-card {
    border-radius: 8px;
    border-width: 0.25px;
}
@media (min-width: 959.98px) {
  .initiative-card {
    width: 312px;
    height: 428px;    
  }
}


.initiative-img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    flex-shrink: 0;
}
@media (min-width: 960px) {
  .initiative-img {
    height: 234px;    
  }
}

.sponsor-img {
    height: 58px;
    padding-block: var(--spacing-3);
}
@media screen and (min-width:960px) {
    .sponsor-img {
        height: 100px;
        padding-block: 0;
    }
}

.card-row {
  --bs-gutter-x: 24px;
}
@media (min-width: 960.01px) {
  .card-row {
    --bs-gutter-x: 24px;
  }
}


.participate-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

@media (min-width: 360px) {
    .participate-row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px;    
    }
}

.participate-card {
    height: 106px;
    border-radius: 8px;
}

@media (min-width: 960px) {
    .participate-card {
        height: 204px;
    }    
}

@media (min-width: 1280px) {
    .participate-card {
        height: 250px;
    }    
}

.fundraiser-card {
    width: 192px;
    height: 222px;
}

.fundraiser-bg-img {
    height: 166px;
}

.fundraiser-bg-img-auxtitle {
    height: 144px;
}


@media (min-width: 960px) {
    .fundraiser-card {
        width: 306px;
        height: 294px;
    }
    .fundraiser-bg-img {
        height: 230px;
    } 
    .fundraiser-bg-img-auxtitle {
        height: 190px;
    }       
}

.fundraiser-card-1 {
    height: 206px;
}

.funcdraiser-card-2 {
    height: 100%;
    width: 100%;
}

@media (min-width: 960px) {
    .fundraiser-card-1 {
        height: 294px;
    }
}

.winners-padding {
    padding-left: 16px;
}

@media screen and (min-width: 960px) {
    .winners-padding {
        padding-inline: calc(23.75% / 2);
    }
}

@media screen and (min-width: 1280px) {
    .winners-padding {
        padding-inline: calc(29.583333% / 2);
    }
}

@media screen and (max-width: 959.99px) {
    .winners-col {
        width: 192px;
    }    
}

.heart-btn {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    top: 12px;
    right: 12px;
}

.highlight-select {
    display: flex;
    overflow-x: auto;
}
@media screen and (min-width: 960px) {
    .highlight-select {
        flex-direction: column;
        overflow-x: none;
    }
}
.highlight-select .highlight-option {
    padding: var(--spacing-3);
    font-size: var(--cllctiv-font-size-p4);
    line-height: var(--cllctiv-line-height-p4);
    letter-spacing: var(--cllctiv-letter-spacing-p4);
    font-family: var(--font-neue-haas-grotesk-display-pro-roman);
    cursor: pointer;
}
.highlight-select .highlight-option.selected {
    color: var(--color-primary);
    border-left: 5px solid var(--color-secondary-2);
    font-family: var(--font-neue-haas-grotesk-display-pro);
}
@media screen and (min-width: 960px) {
    .highlight-select .highlight-option {
        font-size: var(--cllctiv-font-size-h5);
        line-height: var(--cllctiv-line-height-h5);
        letter-spacing: auto;
    }
    .highlight-select .highlight-option.selected {
        font-size: var(--cllctiv-font-size-h4);
        line-height: var(--cllctiv-line-height-h4);
    }
}
.highlights .video-block {
    height: 584px;
    width: 100%;
}
@media screen and (min-width: 960px) {
    .highlights .video-block  {
        height: 320px;
    }
}
@media screen and (min-width: 1280px) {
    .highlights .video-block  {
        height: 486px;
    }
}

.highlights-row {
    --bs-gutter-x: var(--spacing-7);
    --bs-gutter-y: var(--spacing-5);
}
.event-week-img {
    height: 70px;
    width: 70px;
}

.event-week-card {
    width: 247px;
}

.event-week-content {
    -webkit-line-clamp: 2;
}

@media screen and (min-width: 960px) {
    .event-week-img {
        height: 220px;
        width: 220px;
    }  
    
    .event-week-card {
        width: 536px;
    }

    .event-week-content {
        -webkit-line-clamp: 4;
    }
    
}
.carousel-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

@media screen and (min-width: 960px) {
    .carousel-row {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 0px;
    }    
}

.carousel-container {
    scroll-snap-type: y mandatory;
}

@media screen and (min-width: 1280px) {
    .carousel-container {
        height: 518px;
    }
}

.carousel-row {
    scroll-snap-align: center;
}

.hero-container {
    height: 583px !important;
}

.hero-container-closed {
    height: 216px !important;
}

.hero-container-member {
    height: 583px !important;
}

.hero-container-paused {
    height: 188px !important;
}

.hero-img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.hero-img-member {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 960px) {
    #featured-story-container {
        height: 615px;
    }    
}

.featured-story-item {
    flex-shrink: 1;
    width: 88px;
}

.featured-story-item.active {
    flex-shrink: 0;
    flex-grow: 1;
}

.featured-story-item .overlay-text {
    display: none;
}

.featured-story-item.active .overlay-text {
    display: block;
}

#stories_left_section {
    width: 43.555rem;
}

.story_card {
    width: 424px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.story_card_img {
    width: 100%;
    height: 318px;
}

.top_story_card h6 {
    -webkit-line-clamp: 3;
}

/* .author-images {
    display: inline;
}
.top_story_card .author-images {
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-images img {
    border-radius: 50%;
    margin-left: -14px;
    z-index: 1;
    height: 2rem;
    width: 2rem;
} */


.story_card.bi-chevron-up {
    display: none;
}

.story_card_content {
    min-height: 5rem;
    align-content: center;
}
.top_story_card {
    flex-shrink: 0;
    position: relative;
}

.top_story_card  .top_story_card_content {
    display: block;
    height: 136px;
    flex-direction: row;
}
@media screen and (min-width: 960px) {
    .top_story_card  .top_story_card_content {
        display: none;
    }
}
.top_story_card:hover  .top_story_card_content {
    display: block;
    z-index: 2;
    position: absolute;
    bottom: 0;
}
.top_story_card:focus  .top_story_card_content {
    display: block;
    z-index: 2;
    position: absolute;
    bottom: 0;
}


.story_cards_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 48px 24px;
}

@media screen and (min-width: 1439.98px) {
    .story_card:hover .story_card_content {
        height: auto;
    }

    .story_card:hover .story_author_details {
        display: block;
        max-height: 100px;
        opacity: 1;
    }
}

@media screen and (max-width: 959.98px) {
    #stories_left_section {
        width: 100%;
    }

    .story_card {
        width: 100%;
        height: 90px;
        flex-direction: row;
    }

    .story_card_img {
        max-width: 170px;
        height: 100%;
        aspect-ratio: 16/9;
    }

    .story_card_content {
        flex-grow: 1;
        height: 100%;
    }

    .top_story_card {
        width: 200px;
        height: 56px;
        flex-shrink: 0;
    }

    .top_story_card h6 {
        -webkit-line-clamp: 2;
    }

    .story_link {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .hero-container {
        height: 710px !important;
    }

    .hero-container-closed {
        height: 766px !important;
    }

    .hero-container-member {
        height: 486px !important;
    }

    .hero-container-paused {
        height: 488px !important;
    }    

    .hero-img {
        height: 400px;
    } 
}


@media (min-width: 1280px) {
    .hero-container {
        height: 739px !important;
    }

    .hero-container-closed {
        height: 779px !important;
    }

    .hero-container-member {
        height: 742px !important;
    }

    .hero-container-paused {
        height: 905px !important;
    }    

    .hero-img {
        height: 527px;
    }
}

.become-memeber-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

@media (min-width: 960px) {
    .become-memeber-row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px;
    }    
}

@media (min-width: 1280px) {
    .become-memeber-row {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 48px;
    }    
}

.become-member-col {
    min-width: 220px;
    width: calc(100% / 3);
}

.become-member-card {
    height: 300px;
}

@media (min-width: 960px) {
    .become-member-card {
        height: 400px;
    }    
}

.become-member-card-description {
    min-height: 96px;
}

.become-member-card > img {
    height: 157px;
}    

@media screen and (min-width: 960px) {
    .become-member-card > img {
        height: 214px;
    }    
}

@media screen and (min-width: 1280px) {
    .become-member-card > img {
        height: auto;
    }    

    .become-member-card:hover > img {
        max-height: 214px;
    }    
}

.thank-img {
    height: 403px;
}
   
.event-card-1 {
    height: 103px;
    width: 247px;
}

.event-card-1 .event-card-left {
    width: 107px;
}

.event-card-1 .event-card-img {
    width: calc(100% - 107px);
    opacity: 0;
    transition: opacity 0.5s ease;
    visibility: hidden;
}

.event-card-1 .event-card-img.show {
    opacity: 1;
    visibility: visible;
}

.event-card-1 .event-card-right {
    opacity: 0;
    transition: opacity 0.5s ease;
    visibility: hidden;
}

.event-card-1 .event-card-right.show {
    opacity: 1;
    visibility: visible;
}

.video-card {
    height: 204px;
}

.video-card-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 7.42%, rgba(0, 0, 0, 0.35) 25.86%, rgba(0, 0, 0, 0.5) 48.46%, rgba(0, 0, 0, 0.8) 90.57%);
    height: 35%;
}

.video-title {
    padding-bottom: 4.96375px;
}

@media (min-width: 960px) {
    .video-card {
        height: 306px;
    } 
    
    .video-card-overlay {
        height: 50%;
    }   

    .video-title {
        padding-bottom: 12.1739px;
    }
    .event-card-1 {
        width: 340px;
    }
          
}

.video-play-btn {
    min-width: unset !important;
    padding: 0;
    border-radius: 50%;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
}

.video-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-card {
    width: 100%;
}

@media (min-width: 960px) {
    .hero-card {
        width: 716px;
    }
}

@media (min-width: 1280px) {
    .hero-card {
        width: 1094px;
    }
    .event-card-1 {
        width: 377px;
    }
}

.hover-cards-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

.hover-card {
    height: auto;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0.25px;
    border-color: #E0E0E0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 0 35px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    transition: all 0.5s ease;
}

.hover-card.hover {
    background-color: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 0 35px rgba(0, 0, 0, 0.08);
}

@media (min-width: 960px) {
    .hover-cards-row {
        --bs-gutter-x: 32px;
        --bs-gutter-y: 32px;
    }

    .hover-card {
        height: 255px;
    }    
}

@media (min-width: 1280px) {
    .hover-cards-row {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 48px;
    }
    .hover-card {
        background-color: #F9F9F9;
        box-shadow: none    
    }    
}

.event-highlight-card {
    width: 100%;
    flex-basis: 75px;
    transition: flex-basis 0.25s ease-in;
}

.event-highlight-card.show {
    flex-basis: 230px;
}

@media (min-width: 960px) {
    .event-highlight-card {
        height: 300px;
        flex-basis: 100px;
    }
    
    .event-highlight-card.show {
        flex-basis: calc(100% - 324px);
    }     
}

.event-highlight-card .event-highlight-content {
    max-width: 268px;
    opacity: 0;
    transition: opacity 0.25s ease-in;
}

.event-highlight-card.show .event-highlight-content {
    opacity: 1;
}

.event-highlight-img {
    object-fit: cover;
}

@media (min-width: 960px) {
    .timer-block {
        width: 358px;
    }
}

.micro-grant-hero-img {
    height: 184px;
    object-fit: cover;
}

@media screen and (min-width: 960px) {
    .micro-grant-hero-img {
        height: 742px;
        object-fit: cover;
    }        
}
.image-block {
    width: 105px;
    border-radius: 4px;
    aspect-ratio: 1/1;
    overflow: hidden;
}

@media screen and (max-width: 959.98px) {
    .image-block {
        aspect-ratio: none;
        width: 100%;
        aspect-ratio: 16/9;
    }
}

.col-3.filter {
    min-width: 169px !important;
}

.filter.selected .filter-text {
    color: #1A1A1A !important;
}

.filter.selected .filter-textdecoration {
    background-color: #1A1A1A !important;
}

.filter .filter-text {
    color: #909090 !important;
}

.filter .filter-textdecoration {
    background-color: #E0E0E0 !important;
}

@media (min-width: 1280px) {
    .cllctivgive-hero-right {
        border-inline-start: 3px solid #1A1A1A;
        margin-block: 26.5px;
    }    
}

@media (min-width: 1280px) {
    .cllctivgive-hero-right {
        margin-block: 26.5px;
        width: 71%;
    }
}

.participating-img {
    height: 80px;
    width: 80px;
    object-fit: cover;
}

@media (min-width: 960px) {
    .participating-img {
        height: 110px;
        width: 110px;
    }    
}

@media (min-width: 1280px) {
    .participating-img {
        height: 100px;
        width: 100px;
    }    
}

@media (min-width: 1280px) {
    .participating-icons {
        width: 40%;
    }
}

.cllctiv-img {
    height: 173px;
    width: auto;
}

.cllctiv-live-img {
    height: 173px;
    width: auto;
}

@media (min-width: 960px) {
    .cllctiv-live-img {
        height: 220px;
        width: auto;
    }
}

.toolkit-row {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 32px;
}

@media (min-width: 960px) {
    .toolkit-col {
        min-width: 520px;
    }    
}

.toolkit-card-img {
    height: 104px;
    width: 104px;
}

/* .toolkit-card {
    width: 300px;
} */

@media (min-width: 960px) {
    .toolkit-card-img {
        height: 220px;
        width: 220px;
    }
    
    /* .toolkit-card {
        width: 536px;
    } */
}

@media (max-width: 960px) {
    .toolkit-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
    }
}

.live-org-img {
    height: 48px;
    width: 48px;
    object-fit: cover;
}

.cllctiv-progress-bar {
    padding: 0;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    overflow: hidden;
}

.cllctiv-progress-bar-content {
    height: 20px;
    border-radius: 4px;
}

.analytics-row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

.line-chart {
    height: 561px;
}

.pie-chart {
    height: 224px;
}

.participation-row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

.participation-col {
    height: 98px;
}

.donor-img {
    height: 56px;
    width: 56px;
    border-radius: 50%;
}

.org-thumbnail {
    flex-shrink: 0;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

@media screen and (min-width: 960px) {
    .org-thumbnail {
        height: 180px;
        width: 180px;
    }
}

.hero-section {
    background-color: #000000;
    height: 540px;
    background-size: cover;
    background-position: 10% 50%;
    background-repeat: no-repeat;
}

@media screen and (min-width:1280px) {
    .hero-section {
        height: 810px;
    }
}

.hero-section-img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* left: 10%; */
    z-index: 1;
}

.hero-section-overlay {
    top: 0;
    left: 0;
    height: 100%;
    aspect-ratio: 1;
    background: linear-gradient(271.45deg, rgba(0, 0, 0, 0) 7.42%, rgba(0, 0, 0, 0.35) 32.74%, rgba(0, 0, 0, 0.5) 48.46%, rgba(0, 0, 0, 0.8) 90.57%),
                linear-gradient(271.45deg, rgba(0, 0, 0, 0) 23.45%, rgba(0, 0, 0, 0.035) 50.22%, rgba(0, 0, 0, 0.08) 61.45%);
    z-index: 2;
}

.hero-section-content {
    width: 45%;
}

@media screen and (min-width: 1280px) {
    .hero-section-content {
        width: 40%;
    }    
}

.event-week-img {
    height: 70px;
    width: 70px;
}

.event-week-card {
    width: 247px;
}

.event-week-content {
    -webkit-line-clamp: 2;
}

@media screen and (min-width: 960px) {
    .event-week-img {
        height: 220px;
        width: 220px;
    }  
    
    .event-week-card {
        width: 536px;
    }

    .event-week-content {
        -webkit-line-clamp: 4;
    }
    
}

#disableOverlay {
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF28;
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    z-index: 999999;
}

.inactive-overlay {
    height: 75vh;
}

.hero-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}

.fundraiser-card:hover, .fundraiser-card:has(.checkbox:checked) {
    border: 1px solid #1a1a1a; /* Black border when checkbox is checked */
}

.fundraiser-card.no-hover:hover {
    border: 1px solid rgba(0, 0, 0, 0.175);
}

@media screen and (min-width: 960px) {
    .hero-row {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 48px;
    }
}

@media screen and (min-width: 1280px) {
    .hero-row {
        --bs-gutter-x: 64px;
        --bs-gutter-y: 64px;
    }
}

.impact-number {
    color: var(--Neutral-900, #1A1A1A);
    font-family: "DM Sans", "sans-serif";
    font-size: 18px;
    font-weight: 100 !important;
    line-height: 23.44px;
    letter-spacing: 2.4px;
}

@media screen and (min-width: 960px) {
    .impact-number {
        font-size: 48px;
        line-height: 54px;
    }
}

.video-card-col {
    min-width: 272px;   
}

@media screen and (min-width: 960px) {
    .video-card-col {
        min-width: 408px;   
    }        
}

.people-card {
    width: 150px;
}

.people-card-img {
    width: 120px;
}

@media screen and (min-width: 960px) {
    .people-card {
        width: 228px;
    }
    
    .people-card-img {
        width: 210px;
    }    
}

@media screen and (min-width: 960px) {
    .insight-card {
        min-width: 336px;
    }
}

/* .membership-card {
    border-width: 1px;
    border-style: solid;
    border-color: #1A1A1A;
    box-shadow: 0px 0px 35px 0px #00000014, 0px 0px 5px 0px #0000000D;
}

.membership-card:hover {
    box-shadow: 0px 0px 50px 0px #D5F35E66, 0px 0px 5px 0px #D5F35E;
} */

.thank-img {
    height: 403px;
}

.img-100-md-180 {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

@media screen and (min-width: 960px) {
    .img-100-md-180 {
        width: 180px;
        height: 180px;
    }
}

.about-section-profile-img {
    height: 55px;
    width: 55px;
    border-radius: 50%;
}

.about-section {
    width: 100%;
    top: 0;
    right: 0;
}

@media screen and (min-width: 960px) {
    .about-section {
        width: 312px;
        right: 0;
    }
}

@media screen and (min-width: 1280px) {
    .about-section {
        right: 0;
    }
}

.btn-0 {
    padding: 0 !important;
    min-width: 0 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}


/* #chatArea {
    opacity: 0;
}    


@media screen and (min-width: 960px) {
    #chatArea {
        opacity: 100;
    }    
} */

.img-240 {
    height: 240px;
    width: 240px;
    border-radius: 50%;
}

.cllctiv-mt--10 {
    margin-top: -25px;
}

@media screen and (min-width: 960px) {
    .cllctiv-mt-md--13 {
        margin-top: -48px;
    }
        
}

@media screen and (min-width: 960px) {
    .cllctiv-mt-lg--15 {
        margin-top: -64px;
    }   
}

#nav-bar {
    min-height: 72px !important;
}        

.dropdown-item:hover,
.dropdown-item a:hover {
  background-color: #F9F9F9; /* Your custom color */
  color: #1A1A1A;
  font-weight: 700; /* Text color */
}

.dropdown-item:focus,
.dropdown-item:focus a {
    background-color: #1A1A1A; /* Your custom color */
    color: #FFFFFF; /* Text color */
}  

.social-cards-new {
    width: 100px;
}

@media screen and (min-width: 960px) {
    .social-cards-new {
        width: 140px;
    }    
}

@media screen and (min-width: 1280px) {
    .social-cards-new {
        width: 100px;
    }    
}

.nav-item-padding-y {
    padding-block: 8px;
}

@media screen and (min-width: 1280px) {
    .nav-item-padding-y {
        padding-block: 0;
    }    
}

.hover-fw-bold:hover {
    font-weight: 700 !important;
}

.hover-fw-bold:hover p {
    font-weight: 700 !important;
}

.input-select::placeholder {
    font-size: 16px;
    line-height: 22px;
    color: #909090;
    font-weight: 400;
}

.input-text-area-p3::placeholder {
    font-size: 16px;
    line-height: 22px;
    color: #909090;
    font-weight: 400;
}

.input-text-area-p2::placeholder {
    font-size: 18px;
    line-height: 28px;
    color: #909090;
    font-weight: 400;
}

/* .carousel-indicator {
    width: 8px;
    height: 8px;
    background-color: #e0e0e0;
} */

/* .carousel-indicator.active {
    width: 16px;
    height: 16px;
    background-color: #1a1a1a;
} */

/* #carouselIndicatorBlock {
    height: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
} */

.achievement-detail-navigation {
    width: 48px;
    height: 48px;
    opacity: 70%;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}
.achievement-detail-navigation.active {
    width: 64px;
    height: 64px;
    opacity: 100%;
    border: 2px solid var(--color-secondary-3);
    box-shadow: var(--cllctiv-box-shadow);
    z-index: 1;
}
@media screen and (min-width: 960px) {
    .achievement-detail-navigation {
        width: 64px;
        height: 64px;
    }
    .achievement-detail-navigation.active {
        width: 80px;
        height: 80px;
    }
}

/* @media screen and (max-width: 960px) {
    .carousel-indicator.active {
        width: 12px;
        height: 12px;
    }
    .carousel-indicator {
        width: 6px;
        height: 6px;
    }
    #carouselIndicatorBlock {
        height: 16px !important;
        gap: 6px;
    }
} */

.main-board-media {
    object-fit: cover;
}

iframe.selected {
    border: 1px solid #909090;
}

iframe.selected {
    border: 1px solid #1A1A1A;
}

.cllctiv-switch {
    box-shadow: 0px 0px 35px 0px #00000014, 0px 0px 5px 0px #0000000D !important;
    border: 0.25px solid #E0E0E0 !important;
    background-color: #B0B0B0;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='14' fill='%23ffffff'/%3e%3c/svg%3e") !important;
}

.cllctiv-switch:checked {
    background-color: #1A1A1A;
}

.event-description-container {
    min-height: 115px;
}

#event-description {
    -webkit-line-clamp: 4;
}


@media screen and (min-width: 960px) {
    .event-description-container {
        min-height: 121px;
    }    
    
    #event-description {
        -webkit-line-clamp: 3;
    }
}

.checkout-right-col {
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 960px) {
    .checkout-right-col {
        max-width: 560px;
    }
}

.connect-other-img {
    height: 120px;
    width: 120px;
}

.connect-other-card {
    width: 150px;
}

@media screen and (min-width: 960px) {
    .connect-other-img {
        height: 210px;
        width: 210px;
    }
    .connect-other-card {
        width: 220px;
        min-height: 290px;
    }    
}

.sponsors-special-margin {
    margin-bottom: -48px;
}

@media screen and (min-width: 960px) {
    .sponsors-special-margin {
        margin-bottom: -64px;
    }    
}

@media screen and (min-width: 1280px) {
    .sponsors-special-margin {
        margin-bottom: -80px;
    }    
}

.connect-special-margin {
    margin-bottom: -24px;
}

@media screen and (min-width: 960px) {
    .connect-special-margin {
        margin-bottom: -48px;
    }    
}

@media screen and (min-width: 1280px) {
    .connect-special-margin {
        margin-bottom: -64px;
    }    
}

.winners-special-margin {
    margin-bottom: -48px;
}

@media screen and (min-width: 960px) {
    .winners-special-margin {
        margin-bottom: -64px;
    }    
}

@media screen and (min-width: 1280px) {
    .winners-special-margin {
        margin-bottom: -80px;
    }    
}

.card-flex-width {
    width: 100% !important;
}

.card-list-gutter {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
}

@media screen and (min-width: 960px) {
    .card-list-gutter {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px;
    }    
}

@media screen and (min-width: 1280px) {
    .card-list-gutter {
        --bs-gutter-x: 32px;
        --bs-gutter-y: 32px;
    }
}

.icon-card {
    height: 160px;
}

.icon-card-icon {
    height: 40px;
    width: 40px;
}

@media screen and (min-width: 960px) {
    .icon-card {
        height: 206px;
    }

    .icon-card-icon {
        height: 50px;
        width: 50px;
    }    
}

@media screen and (min-width: 1280px) {
    .icon-card {
        height: 250px;
    }
}

@media screen and (min-width: 960px) {
    .overflow-md-visible {
        overflow: visible !important;
    }
    .overflow-md-auto {
        overflow: auto !important;
    }
    .overflow-md-hidden {
        overflow: hidden !important;
    }
    .overflow-md-scroll {
        overflow: scroll !important;
    }
}

@media screen and (min-width: 1280px) {
    .overflow-lg-visible {
        overflow: visible !important;
    }
    .overflow-lg-auto {
        overflow: auto !important;
    }
    .overflow-lg-hidden {
        overflow: hidden !important;
    }
    .overflow-lg-scroll {
        overflow: scroll !important;
    }
}

.pac-container {
    z-index: 1050 !important;
}

.saved-card {
    width: 100%;
    height: 84px;
}

@media screen and (min-width: 960px) {
    .saved-card {
        height: 106px;
        width: 412px;
    }    
}

@media screen and (min-width: 1280px) {
    .saved-card {
        height: 106px;
        width: 306px;
    }    
}

.default-method-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

@media screen and (min-width: 960px) {
    .default-method-img {
        width: 100px;
        height: 100px;
    }
}

@media screen and (min-width: 960px) {
    .default-method-right {
        width: 50%;
    }
    .default-method-left {
        width: 50%;
    }
}

.messages_unread_badge {
    height: 16px;
    min-width: 16px;
    width: fit-content;
    overflow: visible;
    position: absolute;
    top: 0.5px;
    left: 9px;
    border-style: solid;
    border-width: 0.75px;
    border-color: #B71C1C;
    border-radius: 77.78px;
    background-color: #B71C1C;
    font-size: 10px;
    font-weight: 700;
    line-height: 100%;
    word-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
    align-content: center;
    text-align: center;
}

.quarter-update-row {
    --bs-gutter-x: var(--spacing-6);
    --bs-gutter-y: var(--spacing-6);
}

@media screen and (min-width: 960px) {
    .quarter-update-row {
        --bs-gutter-x: var(--spacing-5);
        --bs-gutter-y: var(--spacing-5);
    }
}

@media screen and (min-width: 1280px) {
    .quarter-update-row {
        --bs-gutter-x: var(--spacing-6);
        --bs-gutter-y: var(--spacing-6);
    }
}

.ways-card {
    width: 536px;
    height: 220px;
}

.ways-card-img {
    height: 220px;
    width: 220px;
}

.member-container {
    width: 160px;
}

@media screen and (min-width: 960px) {
    .member-container {
        width: 228px;
    }
}

@media screen and (min-width: 1280px) {
    .member-container {
        width: 294px;
    }
}

.nav-dropdown-item {
    font-size: 16px;
    line-height: 26px;
    padding-inline: var(--spacing-3) !important;
    padding-block: var(--spacing-2) !important;
    margin: 0;
    border-radius: 8px;
}

.nav-dropdown-item:hover {
    background-color: #F9F9F9;
}

.autocomplete-dropdown {
    position: absolute;
    border: 1px solid #ccc;
    background-color: white;
    width: 100%; /* Adjust as needed */
    z-index: 1010;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-item {
  padding: 8px;
  cursor: pointer;
}

.autocomplete-item:hover {
  background-color: #f0f0f0;
}

.cllctiv-about-hero-section {
  min-height: calc(100vh - 72px);
  display: flex;
  flex-direction: column;
}

.cllctiv-about-hero-section .images {
    height: auto;
    flex-grow: 1;
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.cllctiv-about-hero-section .images .image-background {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 66% 66%;
    position: absolute;
    top: 0;
    left: 0;
}
.cllctiv-about-hero-section .images .image-foreground {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: cover;
    object-position: 75% 75%;
}

@media screen and (min-width: 960px) {
    .cllctiv-about-hero-section .images {
        height: 100%;
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }
    .cllctiv-about-hero-section .content {
        height: 100%;
        width: 50%;
        flex: 1;
    }
}

.dynamic-padding {
    padding-inline: 16px !important;
    /* padding-top: 35px;
    padding-bottom: 35px;
    margin-block: -35px; */
}
.dynamic-padding-start {
    padding-inline-start: 16px !important;
}
@media screen and (min-width: 960px) {
    .dynamic-padding {
        padding-inline: 48px !important;
    }
    .dynamic-padding-start {
        padding-inline-start: 48px !important;
    }
}
@media screen and (min-width: 1280px) {
    .dynamic-padding {
        padding-inline: 60px !important;
    }
    .dynamic-padding-start {
        padding-inline-start: 60px !important;
    }
}
@media screen and (min-width: 1520px) {
    .dynamic-padding {
        padding-inline: calc((100vw - 1400px) / 2) !important;
    }
    .dynamic-padding-start {
        padding-inline-start: calc((100vw - 1400px) / 2) !important;
    }
}
@media screen and (max-width: 1279.98px) {
    .dynamic-padding-lg-down {
        padding-inline: 48px !important;
    }
}
@media screen and (max-width: 959.98px) {
    .dynamic-padding-md-down, .dynamic-padding-lg-down {
        padding-inline: 16px !important;
    }
    .dynamic-padding-start-md-down {
        padding-inline-start: 16px !important;
    }
}