/* ===============
// 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: 40px;
    position: relative;
    height: auto;
}

.image-container, .text-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.image-container img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
	width: 100%;
}

.v0007b .slider-content .card {
    width: 100%;
    max-width: 100%;
    display: flex;
    gap: 80px;
	flex-direction: row;
}

.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:767px) {
    .v0007b .card {
        animation: none;
    }
}

@keyframes blurInView {
    0%   { opacity: 0; transform: translateY(30px); }
    50%  { opacity: 1; transform: translateY(0); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Existing styling for card content remains the same */
.v0007b .card .title {
    color: var(--colour-text-accent-two, #1E76D2);
    font-family: var(--copy-font-font, Montserrat);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.2px;
}

.v0007b .card .sub-title {
  color: var(--colour-text-primary, #0F1F41);
/* desktop/H5 */
font-family: var(--copy-font-font, Montserrat);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 28.8px */
letter-spacing: -0.72px;
}

.v0007b .card .body {
   color: var(--colour-text-primary, #0F1F41);
/* desktop/Body */
font-family: var(--copy-font-font, Montserrat);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
}


/* =================
// Tablet
=================== */
@media (max-width:1024px) {
.v0007b .slider-content .card {
    gap: 32px;
    flex-direction: column;
}

.v0007b .card .title {
font-size: 32px;
font-weight: 700;
line-height: 120%;
}

.v0007b .card .sub-title {
font-size: 24px;
font-weight: 600;
line-height: 120%;
}
.v0007b .card .body {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
}

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

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

.v0007b .card .title {
font-size: 30px;
font-weight: 700;
line-height: 120%; /* 36px */
letter-spacing: -0.6px;
}

.v0007b .card .sub-title {
font-size: 20px;
font-weight: 600;
line-height: 120%; /* 24px */
letter-spacing: -0.6px;
}
.v0007b .card .body {
font-size: 16px;
font-weight: 500;
line-height: 150%; /* 24px */
}
}

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

.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;
}