.zoomies-be {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    background: #fff9e9;
    border: 3px solid #e8a619;
    border-radius: 14px;
    padding: 0 24px 34px;
    color: #234338;
    font-family: inherit;
}

.zoomies-be-tabs {
    width: min(620px, 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: -25px auto 34px;
    max-width: 620px;
}

.zoomies-be-tab {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 51px;
    border-radius: 999px;
    background: #211c1c;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    line-height: 1;
    transition: 300ms;
}

.zoomies-be-tab:hover,
.zoomies-be-tab:focus {
    background: #df3d12;
    color: #fff;
}

.zoomies-be-tab.is-active {
    background: #df3d12;
}

.zoomies-be-mobile-tabs {
    display: none;
}

.zoomies-be-mobile-tabs select {
    width: 100%;
    min-height: 44px;
    border: 1px solid #241E1E;
    border-radius: 999px;
    background: #fff9e9;
    color: #241E1E;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    padding: 0 18px;
}

.zoomies-be-content {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.zoomies-be-panel {
    display: none;
    width: 100%;
    max-width: 100%;
}

.zoomies-be-panel.is-active {
    display: block;
}

.zoomies-be.is-loading .zoomies-be-content {
    min-height: 220px;
    opacity: 0;
    pointer-events: none;
}

.zoomies-be.is-loading::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 250px;
    width: 42px;
    height: 42px;
    margin: 0 0 0 -21px;
    border: 4px solid rgba(35, 67, 56, .2);
    border-top-color: #df3d12;
    border-radius: 50%;
    animation: zoomies-be-loader .8s linear infinite;
    z-index: 2;
}

@keyframes zoomies-be-loader {
    to {
        transform: rotate(360deg);
    }
}

.zoomies-be-sort {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
    font-size: 12px;
}

.zoomies-be-sort label {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
    font-family: var(--font-primary);
    color: var(--gray-800);

}

.zoomies-be-sort select {
    width: auto;
    min-width: 150px;
    border: 0;
    border-bottom: 1px solid #df3d12;
    border-radius: 0;
    background: transparent;
    font-family: var(--font-primary);

    padding: 4px 22px 4px 4px;
color: var(--yellow-dark);
font-family: Outfit;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /

}

.zoomies-be-sort select:focus { 
outline: none !important;

}

.zoomies-be-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.zoomies-be-blog-card {
    display: block;
    overflow: hidden;
    border: 1px solid #D4D4D4;
background: #FFF;
    border-radius: 16px;
    background: #fff;
      transition:300ms;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.zoomies-be-blog-card * {
    pointer-events: none;
}

.zoomies-be-blog-card:hover {
    border-color: var(--yellow-dark);
    transition:300ms;
    box-shadow: 0 12px 15.8px 0 rgba(0, 0, 0, 0.10);


}

.zoomies-be-blog-image {
    display: block;
    aspect-ratio: 1.45 / 1;
    background: #f3f0e8;
    overflow: hidden;
}

.zoomies-be-blog-image img,
.zoomies-be-event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.zoomies-be-blog-content {
    padding: 20px 18px 16px;
}

.zoomies-be-blog-content h3,
.zoomies-be-event-content h3 {
    margin: 0 0 8px;
    color: var(--green-darker);
    font-family: var(--font-primary);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%; 
text-transform: capitalize;
}
.zoomies-be-event-content h3 {
    font-size: 30px;
}

.zoomies-be-blog-content p {
    margin: 0 0 16px;
color: var(--gray-800);
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
    font-family: var(--font-primary);

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}


.zoomies-be-event-content p {
    margin: 0 0 16px;
color: var(--gray-800);
text-overflow: ellipsis;
overflow: hidden;
    font-family: var(--font-primary);

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

.zoomies-be-button {
    display: inline-flex;
    height: 51px;
    width: 100%;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #241E1E;
    border-radius: 999px;
    color: #241E1E;
    text-decoration: none;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: 0.72px;
text-transform: uppercase;
    text-transform: uppercase;
 font-family: var(--font-primary);
 transition:300ms;


}

.zoomies-be-button:hover,
.zoomies-be-button:focus,
.zoomies-be-blog-card:hover .zoomies-be-button {
    background: #e8a619;
    border-color: #e8a619;
    color: #211c1c;
}

.zoomies-be-event-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 34px;
    font-size: 14px;
}

.zoomies-be-event-switch a {
    color: #9A968D;
    text-decoration: none;
    font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
    font-family: var(--font-primary);
    min-height: auto !important;

}

.zoomies-be-event-switch a.is-active {
    color: #df3d12;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.zoomies-be-event-switch span {
    width: 1px;
    height: 21px;
    background: #d7d3c8;
}

.zoomies-be-events-list {
    display: grid;
    gap: 28px;
    width: 100%;
    max-width: 100%;
}

.zoomies-be-event-card {
    display: grid;
    grid-template-columns: 34% 1fr;
    overflow: hidden;
    border: 1px solid #d7d3c8;
    border-radius: 10px;
    background: #fff;
}

.zoomies-be-event-image {
    display: block;
    min-height: 286px;
    background: #f3f0e8;
}

.zoomies-be-event-body {
    min-width: 0;
}

.zoomies-be-event-meta {
    display: flex;
    gap: 58px;
    align-items: center;
    min-height: 60px;
    background: var(--yellow-dark);
    padding: 0 22px;
  font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
    font-family: var(--font-primary);
    color: var(--yellow-lighter);

}

.zoomies-be-event-meta span {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.zoomies-be-event-date::before,
.zoomies-be-event-address::before {
    content: '';
    display: inline-block;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.zoomies-be-event-date::before {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_9365_787)'%3E%3Cpath d='M5.7501 0.5C5.7501 0.301088 5.67108 0.110322 5.53043 -0.0303301C5.38978 -0.170982 5.19901 -0.25 5.0001 -0.25C4.80119 -0.25 4.61042 -0.170982 4.46977 -0.0303301C4.32912 0.110322 4.2501 0.301088 4.2501 0.5V2.08C2.8101 2.195 1.8661 2.477 1.1721 3.172C0.477102 3.866 0.195102 4.811 0.0791016 6.25H19.9211C19.8051 4.81 19.5231 3.866 18.8281 3.172C18.1341 2.477 17.1891 2.195 15.7501 2.079V0.5C15.7501 0.301088 15.6711 0.110322 15.5304 -0.0303301C15.3898 -0.170982 15.199 -0.25 15.0001 -0.25C14.8012 -0.25 14.6104 -0.170982 14.4698 -0.0303301C14.3291 0.110322 14.2501 0.301088 14.2501 0.5V2.013C13.5851 2 12.8391 2 12.0001 2H8.0001C7.1611 2 6.4151 2 5.7501 2.013V0.5Z' fill='%23E2A422'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10C0 9.161 1.11759e-08 8.415 0.013 7.75H19.987C20 8.415 20 9.161 20 10V12C20 15.771 20 17.657 18.828 18.828C17.656 19.999 15.771 20 12 20H8C4.229 20 2.343 20 1.172 18.828C0.000999928 17.656 0 15.771 0 12V10ZM15 12C15.2652 12 15.5196 11.8946 15.7071 11.7071C15.8946 11.5196 16 11.2652 16 11C16 10.7348 15.8946 10.4804 15.7071 10.2929C15.5196 10.1054 15.2652 10 15 10C14.7348 10 14.4804 10.1054 14.2929 10.2929C14.1054 10.4804 14 10.7348 14 11C14 11.2652 14.1054 11.5196 14.2929 11.7071C14.4804 11.8946 14.7348 12 15 12ZM15 16C15.2652 16 15.5196 15.8946 15.7071 15.7071C15.8946 15.5196 16 15.2652 16 15C16 14.7348 15.8946 14.4804 15.7071 14.2929C15.5196 14.1054 15.2652 14 15 14C14.7348 14 14.4804 14.1054 14.2929 14.2929C14.1054 14.4804 14 14.7348 14 15C14 15.2652 14.1054 15.5196 14.2929 15.7071C14.4804 15.8946 14.7348 16 15 16ZM11 11C11 11.2652 10.8946 11.5196 10.7071 11.7071C10.5196 11.8946 10.2652 12 10 12C9.73478 12 9.48043 11.8946 9.29289 11.7071C9.10536 11.5196 9 11.2652 9 11C9 10.7348 9.10536 10.4804 9.29289 10.2929C9.48043 10.1054 9.73478 10 10 10C10.2652 10 10.5196 10.1054 10.7071 10.2929C10.8946 10.4804 11 10.7348 11 11ZM11 15C11 15.2652 10.8946 15.5196 10.7071 15.7071C10.5196 15.8946 10.2652 16 10 16C9.73478 16 9.48043 15.8946 9.29289 15.7071C9.10536 15.5196 9 15.2652 9 15C9 14.7348 9.10536 14.4804 9.29289 14.2929C9.48043 14.1054 9.73478 14 10 14C10.2652 14 10.5196 14.1054 10.7071 14.2929C10.8946 14.4804 11 14.7348 11 15ZM5 12C5.26522 12 5.51957 11.8946 5.70711 11.7071C5.89464 11.5196 6 11.2652 6 11C6 10.7348 5.89464 10.4804 5.70711 10.2929C5.51957 10.1054 5.26522 10 5 10C4.73478 10 4.48043 10.1054 4.29289 10.2929C4.10536 10.4804 4 10.7348 4 11C4 11.2652 4.10536 11.5196 4.29289 11.7071C4.48043 11.8946 4.73478 12 5 12ZM5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z' fill='%23E2A422'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9365_787'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.zoomies-be-event-address::before {
    width: 14px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20' viewBox='0 0 14 20' fill='none'%3E%3Cg clip-path='url(%23clip0_9365_793)'%3E%3Cpath d='M6.99991 -0.000488281C3.19612 -0.000488281 0.101562 3.2087 0.101562 7.15329C0.101562 12.0487 6.27486 19.2354 6.53771 19.5389C6.78457 19.824 7.21562 19.8235 7.4621 19.5389C7.72486 19.2354 13.8982 12.0487 13.8982 7.15329C13.8981 3.2087 10.8036 -0.000488281 6.99991 -0.000488281ZM6.99991 10.7526C5.08611 10.7526 3.5292 9.13798 3.5292 7.15329C3.5292 5.16865 5.08615 3.55406 6.99991 3.55406C8.91362 3.55406 10.4706 5.16869 10.4706 7.15333C10.4706 9.13798 8.91362 10.7526 6.99991 10.7526Z' fill='%23E2A422'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9365_793'%3E%3Crect width='14' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.zoomies-be-event-meta span + span::after {
    content: '';
    position: absolute;
    left: -28px;
    top: 50%;
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, .5);
    transform: translateY(-50%);
}

.zoomies-be-event-content {
    padding: 28px 22px 18px;
}

.zoomies-be-event-content strong {
    display: block;
    margin: 18px 0 8px;
    font-family: var(--font-primary);
color: var(--yellow-dark);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; 
}

.zoomies-be-event-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.zoomies-be-event-content li {
    position: relative;
    margin: 0 0 7px;
    padding-left: 18px;
 font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
    font-family: var(--font-primary);
    color: var(--gray-800);


}

.zoomies-be-event-content li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .55em;
    width: 7px;
    height: 7px;
    background: #e8a619;
    transform: rotate(45deg);
}

.zoomies-be-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 34px;
}

.zoomies-be-page-arrow,
.zoomies-be-page-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #211c1c;
    text-decoration: none;
    font-weight: 700;
}

.zoomies-be-page-arrow {
    min-width: 130px;
    min-height: 48px;
    border: 1px solid #241E1E;
    border-radius: 999px;
       transition:300ms;
}

.zoomies-be-page-arrow svg {
    display: block;
}

.zoomies-be-page-arrow-next svg {
    transform: rotate(180deg);
}

.zoomies-be-page-number {
    min-width: 35px !important;
    min-height: 35px !important;
    border-radius: 50%;
color: var(--black-dark);
    font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: 0.72px;
text-transform: uppercase;
}

.zoomies-be-page-number.is-active {
  background-color: var(--yellow-dark);
color: var(--yellow-lighter);
}

.zoomies-be-page-arrow.is-disabled {
    opacity: .35;
}

.zoomies-be-page-arrow:hover {
background-color:#E2A422;
    border: 1px solid #E2A422;
    transition:300ms;

}

.zoomies-be-empty {
    grid-column: 1 / -1;
    width: 100%;
    text-align: center;
}

.elementor-widget-shortcode:has(.zoomies-be),
.elementor-widget-shortcode:has(.zoomies-be) .elementor-widget-container,
.elementor-widget-shortcode:has(.zoomies-be) .elementor-shortcode {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 1024px) {
    .zoomies-be-tabs {
        width: min(520px, 100%);
    }

    .zoomies-be-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zoomies-be-event-card {
        grid-template-columns: 40% 1fr;
    }
}

@media (max-width: 767px) {
    .zoomies-be {
        padding: 0 14px 28px;
    }

    .zoomies-be-tabs {
        width: calc(100% - 32px);
        gap: 8px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }

    .zoomies-be-tabs:has(.zoomies-be-tab:nth-child(3)) {
        display: none;
    }

    .zoomies-be-tabs:has(.zoomies-be-tab:nth-child(3)) + .zoomies-be-mobile-tabs {
        display: block;
        margin: -22px 0 24px;
    }

    .zoomies-be-tab {
        min-width: 0;
        font-size: 16px;
        min-height: 51px;
    }

    .zoomies-be-sort {
        width: 100%;
        justify-content: flex-start;
    }

    .zoomies-be-sort label {
        flex: 0 0 auto;
    }

    .zoomies-be-sort select {
        flex: 1;
        min-width: 0;
        width: 100%;
    }

    .zoomies-be-blog-grid,
    .zoomies-be-event-card {
        grid-template-columns: 1fr;
    }

    .zoomies-be-event-image {
        min-height: 220px;
    }

    .zoomies-be-event-meta {
        flex-wrap: wrap;
        gap: 8px 22px;
        padding: 10px 16px;
    }

    .zoomies-be-pagination {
        gap: 8px;
    }

    .zoomies-be-page-arrow {
        min-width: 68px;
    }
}

.zoomies-related-posts {
    position: relative;
    margin: 32px 0;
    padding: 56px 28px 28px;
    border: 4px solid #E2A422;
    border-radius: 12px;
    background: #fff9e9;
}

.zoomies-related-posts-title {
    position: absolute;
    top: -24px;
    left: 50%;
    min-width: 292px;
    padding: 12px 28px;
    border-radius: 999px;
    background: #E2A422;
    color: #241E1E;
    font-family: var(--font-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
    transform: translateX(-50%);
}

.zoomies-related-posts-title::before,
.zoomies-related-posts-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    background: #E2A422;
    transform: translateY(-50%) rotate(45deg);
}

.zoomies-related-posts-title::before {
    left: -11px;
}

.zoomies-related-posts-title::after {
    right: -11px;
}

.zoomies-related-posts .zoomies-be-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.zoomies-related-posts-pagination {
    display: none;
}

.zoomies-related-posts .zoomies-be-blog-content {
    padding: 20px 18px 18px;
}

@media (max-width: 1024px) {
    .zoomies-related-posts {
        padding: 48px 20px 24px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .zoomies-related-posts-slider {
        overflow: hidden;
        padding-bottom: 34px;
    }

    .zoomies-related-posts .zoomies-be-blog-grid {
        display: flex;
        gap: 0;
    }

    .zoomies-related-posts .zoomies-be-blog-card {
        height: auto;
    }

    .zoomies-related-posts-pagination {
        display: flex;
        justify-content: center;
        margin-top: 30px;
        bottom: 0 !important;
    }

    .zoomies-related-posts-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #D4D4D4;
        opacity: 1;
    }

    .zoomies-related-posts-pagination .swiper-pagination-bullet-active {
        background: #E2A422;
    }
}

@media (max-width: 767px) {
    .zoomies-related-posts {
        margin: 28px 0;
        padding: 44px 14px 18px;
        border-width: 3px;
    }

    .zoomies-related-posts-title {
        min-width: 220px;
        padding: 10px 22px;
        font-size: 18px;
    }

    .zoomies-related-posts .zoomies-be-blog-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
}