/* ===============
// Scroll window 
=============== */
.v0007b.scroll-window {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    position: relative;
}

.v0007b .slider-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 220px;
    position: relative;
	height: auto;
}

.v0007b .slider-content .card {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

.v0007b .card {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    background-color: transparent;

    animation: blurInView;
    animation-timeline: view();
}

@media only screen and (max-width:1024px) {
    .v0007b .card {
        animation: none;
    }
}

@keyframes blurInView {
    100% { opacity: 0; }
    50%  { opacity: 1; }
    0%   { opacity: 1; }
}

/* Existing styling for card content remains the same */
.v0007b .card .title {
    color: var(--e-global-color-primary, #2C7BC8);
    font-family: var(--theme-font-family);
    font-size: var(--theme-font-size-h2);
    font-style: var(--theme-font-style-h2);
    font-weight: var(--theme-font-weight-h2);
    line-height: var(--theme-line-height-h2);
}

.v0007b .card .sub-title {
    color: var(--e-global-color-text, #2C7BC8);
    font-family: var(--theme-font-family);
    font-size: var(--theme-font-size-h4);
    font-style: var(--theme-font-style-h4);
    font-weight: var(--theme-font-weight-h4);
    line-height: var(--theme-line-height-h4);
    letter-spacing: var(--theme-letter-spacing-h4);
}

.v0007b .card .body {
    color: var(--e-global-color-text, #2C7BC8);
    font-family: var(--theme-font-family);
    font-size: var(--theme-font-size-body);
    font-style: var(--theme-font-style-body);
    font-weight: var(--theme-font-weight-body);
    line-height: var(--theme-line-height-body);
}


/* =================
// Mobile
=================== */

.v0007b .mobile {
    display: none;
	max-width: 100%;
}
@media only screen and (max-width:1024px) {
    .v0007b .mobile {
        display: flex;
    }
	.v0007b .slider-content {
		display: none !important;
	}
}

/* Mobile Swiper - pagination */
.v0007b .mobile .swiper-pagination {
	position: relative;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.v0007b .mobile .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background-color: var(--e-global-color-primary, #2C7BC8);
    border: none;
    transition: all 0.3s ease;
}

.v0007b .mobile .swiper-pagination .swiper-pagination-bullet-active {
    background-color:var(--e-global-color-primary, #2C7BC8);
	width: 24px;
}