/* ==========================================================================
   REPEATER ZIGZAG BLOCK STYLES
   ========================================================================== */

/* ==========================================================================
   BASE STRUCTURE
   ========================================================================== */

.repeater-zigzag-block-wrap {
    position: relative;
    z-index: 1;
}

/* Fill Screen Layout */
.repeater-zigzag-block-wrap.fill-screen {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.repeater-zigzag-block-wrap.fill-screen .repeater-zigzag-block-inner {
    border-radius: 0;
}

.repeater-zigzag-block-inner {
    position: relative;
    overflow: hidden;
}

.repeater-zigzag-block-inner .page-container {
    position: relative;
    z-index: 2;
}

.repeater-zigzag-block-inner .bannimfull {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
}

/* ==========================================================================
   HEADER CONTENT
   ========================================================================== */

.repeater-zigzag-block-wrap .block-content {
    padding: 60px 0;
}
.repeater-zigzag-block-wrap .text-center .subtitle{
    margin-bottom: 20px;
}
.repeater-zigzag-block-wrap .text-center .title{
    margin-bottom: 40px;
}
.repeater-zigzag-block-wrap .text-center .description{
    margin-bottom: 50px;
}
.repeater-zigzag-block-wrap .text-center .subtitle h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.01em;
}

.repeater-zigzag-block-wrap .text-center .title h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    letter-spacing: -0.02em;
}

.repeater-zigzag-block-wrap .text-center .description .shared-rich-text {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

/* ==========================================================================
   ZIGZAG ITEMS
   ========================================================================== */

.repeater-zigzag-block-wrap .zigzag-items {
    width: 100%;
}

.repeater-zigzag-block-wrap .zigzag-item {
    position: relative;
}

/* Grid Layout */
.repeater-zigzag-block-wrap .zigzag-item .grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: center;
}

/* Desktop Grid */
@media (min-width: 1024px) {
    .repeater-zigzag-block-wrap .zigzag-item .grid {
        grid-template-columns: 1fr 1fr;
        gap: 64px;
    }
}

/* Gap between zigzag items */
.repeater-zigzag-block-wrap .zigzag-item {
    margin-bottom: 80px;
}

.repeater-zigzag-block-wrap .zigzag-item:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   ZIGZAG ALTERNATION
   ========================================================================== */

/* Default: image left, content right */
.repeater-zigzag-block-wrap .zigzag-item.zigzag-left .zigzag-image-column {
    order: 1;
}

.repeater-zigzag-block-wrap .zigzag-item.zigzag-left .zigzag-content-column {
    order: 2;
}

/* Alternated: image right, content left */
.repeater-zigzag-block-wrap .zigzag-item.zigzag-right .zigzag-image-column {
    order: 2;
}

.repeater-zigzag-block-wrap .zigzag-item.zigzag-right .zigzag-content-column {
    order: 1;
}

/* ==========================================================================
   IMAGE COLUMN
   ========================================================================== */

/* Aspect Ratio Classes */
.repeater-zigzag-block-wrap .zigzag-image-column .aspect-square {
    aspect-ratio: 1/1;
}

.repeater-zigzag-block-wrap .zigzag-image-column .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
}

.repeater-zigzag-block-wrap .zigzag-image-column .aspect-\[3\/4\] {
    aspect-ratio: 3/4;
}

/* Object Fit Classes */
.repeater-zigzag-block-wrap .zigzag-image-column img.object-cover {
    object-fit: cover;
    object-position: center;
}

.repeater-zigzag-block-wrap .zigzag-image-column img.object-contain {
    object-fit: contain;
    object-position: center;
}

/* Fallback for older browsers */
@supports not (aspect-ratio: 1) {
    .repeater-zigzag-block-wrap .zigzag-image-column .aspect-square {
        height: 0;
        padding-bottom: 100%;
    }
    
    .repeater-zigzag-block-wrap .zigzag-image-column .aspect-\[4\/3\] {
        height: 0;
        padding-bottom: 75%;
    }
    
    .repeater-zigzag-block-wrap .zigzag-image-column .aspect-\[3\/4\] {
        height: 0;
        padding-bottom: 133.33%;
    }
    
    .repeater-zigzag-block-wrap .zigzag-image-column img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.repeater-zigzag-block-wrap .zigzag-image-column img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transition: transform 0.3s ease;
}

/* Ensure image container has relative positioning for fallback */
.repeater-zigzag-block-wrap .zigzag-image-column .aspect-square,
.repeater-zigzag-block-wrap .zigzag-image-column .aspect-\[4\/3\],
.repeater-zigzag-block-wrap .zigzag-image-column .aspect-\[3\/4\] {
    position: relative;
}

.repeater-zigzag-block-wrap .zigzag-image-column img:hover {
    transform: scale(1.05);
}

/* ==========================================================================
   CONTENT COLUMN
   ========================================================================== */

.repeater-zigzag-block-wrap .zigzag-content h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.01em;
}

.repeater-zigzag-block-wrap .zigzag-content h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 12px 0;
    letter-spacing: -0.005em;
}

.repeater-zigzag-block-wrap .zigzag-content .shared-rich-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 24px 0;
}

/* Ensure shared-rich-text styles are properly applied */
.repeater-zigzag-block-wrap .zigzag-content .shared-rich-text {
    /* Let shared-rich-text.css handle the base styles */
}

/* Override specific styles for zigzag content while respecting shared-rich-text */
.repeater-zigzag-block-wrap .zigzag-content h3.shared-rich-text {
    font-size: 28px !important;
    margin: 0 0 16px 0 !important;
}

.repeater-zigzag-block-wrap .zigzag-content h4.shared-rich-text {
    font-size: 18px !important;
    margin: 0 0 12px 0 !important;
}

/* Ensure content respects shared-rich-text */
.repeater-zigzag-block-wrap .zigzag-content .shared-rich-text {
    margin: 0 0 24px 0 !important;
}

.repeater-zigzag-block-wrap .zigzag-content .shared-rich-text:last-child {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

.repeater-zigzag-block-wrap .zigzag-button {
    margin-top: 24px;
}

.repeater-zigzag-block-wrap .zigzag-button a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    transform: translateY(0);
}

.repeater-zigzag-block-wrap .zigzag-button a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.repeater-zigzag-block-wrap .zigzag-button a svg {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.repeater-zigzag-block-wrap .zigzag-button a:hover svg {
    transform: translateX(4px);
}

/* ==========================================================================
   BACKGROUND COLOR ADAPTATION SYSTEM
   ========================================================================== */

/* Dark backgrounds - white text */
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .text-center .subtitle h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .text-center .title h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .text-center .description .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text h1,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text h5,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text h6,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text p,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text li,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text a,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text strong,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text em,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text blockquote,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text code,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text pre,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text table,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text th,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text td,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text dt,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #0F2027"] .shared-rich-text dd {
    color: #ffffff !important;
}

.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .text-center .subtitle h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .text-center .title h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .text-center .description .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text h1,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text h5,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text h6,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text p,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text li,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text a,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text strong,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text em,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text blockquote,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text code,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text pre,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text table,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text th,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text td,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text dt,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #1B71B6"] .shared-rich-text dd {
    color: #ffffff !important;
}

.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .text-center .subtitle h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .text-center .title h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .text-center .description .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text h1,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text h5,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text h6,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text p,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text li,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text a,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text strong,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text em,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text blockquote,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text code,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text pre,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text table,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text th,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text td,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text dt,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #24A7D9"] .shared-rich-text dd {
    color: #ffffff !important;
}

/* White background - dark text */
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .text-center .subtitle h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .text-center .title h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .text-center .description .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text h1,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text h5,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text h6,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text p,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text li,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text a,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text strong,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text em,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text blockquote,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text code,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text pre,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text table,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text th,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text td,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text dt,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: #ffffff"] .shared-rich-text dd {
    color: #1b1d21 !important;
}

/* Transparent background - dark text */
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .text-center .subtitle h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .text-center .title h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .text-center .description .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text h1,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text h2,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text h3,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text h4,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text h5,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text h6,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text p,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text li,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text a,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text strong,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text em,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text blockquote,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text code,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text pre,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text table,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text th,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text td,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text dt,
.repeater-zigzag-block-wrap .repeater-zigzag-block-inner[style*="background-color: transparent"] .shared-rich-text dd {
    color: #1b1d21 !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

/* Small screens (sm) */
@media (min-width: 640px) {
    .repeater-zigzag-block-wrap .block-content {
        padding: 60px 0;
    }
    
    .repeater-zigzag-block-wrap .text-center .title h2 {
        font-size: 48px;
    }
    
    .repeater-zigzag-block-wrap .zigzag-content h3 {
        font-size: 32px;
    }
    
    .repeater-zigzag-block-wrap .zigzag-item .grid {
        gap: 40px;
    }
}

/* Medium screens (md) */
@media (min-width: 768px) {
    .repeater-zigzag-block-wrap .block-content {
        padding: 70px 0;
    }
    
    .repeater-zigzag-block-wrap .text-center h2 {
        font-size: 52px;
    }
    
    .repeater-zigzag-block-wrap .zigzag-content .shared-rich-text {
        font-size: 18px;
    }
}

/* Large screens (lg) */
@media (min-width: 1024px) {
    .repeater-zigzag-block-wrap .block-content {
        padding: 80px 0;
    }
    
    .repeater-zigzag-block-wrap .text-center h2 {
        font-size: 56px;
    }
    
    .repeater-zigzag-block-wrap .zigzag-content h3 {
        font-size: 36px;
    }
    
    .repeater-zigzag-block-wrap .zigzag-item .grid {
        gap: 48px;
    }
}

/* Extra large screens (xl) */
@media (min-width: 1280px) {
    .repeater-zigzag-block-wrap .block-content {
        padding: 90px 0;
    }
    
    .repeater-zigzag-block-wrap .text-center h2 {
        font-size: 64px;
    }
    
    .repeater-zigzag-block-wrap .zigzag-content h3 {
        font-size: 40px;
    }
    
    .repeater-zigzag-block-wrap .zigzag-item .grid {
        gap: 64px;
    }
}

/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */

.repeater-zigzag-block-wrap .zigzag-button a:focus {
    outline: 2px solid #42bcfc;
    outline-offset: 2px;
}

.repeater-zigzag-block-wrap .zigzag-button a:focus:not(:focus-visible) {
    outline: none;
}

.repeater-zigzag-block-wrap .zigzag-button a:focus-visible {
    outline: 2px solid #42bcfc;
    outline-offset: 2px;
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
    .repeater-zigzag-block-wrap .zigzag-item .grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    
    .repeater-zigzag-block-wrap .zigzag-button a {
        border: 1px solid #000 !important;
        color: #000 !important;
        background: none !important;
    }
}