.events-breakway-hero .scroll-down-btn:after {
    background: url(../image/scroll-down-arrow-bg-white.svg) no-repeat center center;
}

.events-breakway-events {
    padding: 100px 0;
    text-align: center;
}

.event-heading-sec {
    margin-bottom: 60px;
}

.heading.events-breakway-heading {
    margin-bottom: 40px;
}

.description {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 860px;
    /* Narrower for better readability per Figma */
    margin: 0 auto;
    margin-bottom: 24px;
    color: rgba(18, 18, 18, 0.8);
}

.description+.btn {
    margin-top: 40px;
    /* increased per Figma design */
}

/* --- IMAGE GRID SECTION --- */

/* --- FLEX-BASED AUTOMATIC MASONRY GRID --- */
/* This logic ensures the bottom is ALWAYS level regardless of image sizes */

.events-breakway__image-grid {
    display: flex;
    gap: 20px;
    padding-top: 60px;
    align-items: stretch;
    /* Stretch columns to match tallest height */
    height: 1100px;
    /* Base height for the whole grid section */
}

.events-breakway__image-grid-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    /* Fill the 1100px container */
}

.events-breakway__image-grid-col img {
    width: 100%;
    min-height: 0;
    /* Important for flex-shrink/grow to work on images */
    object-fit: cover;
    display: block;
    border-radius: 4px;
    transition: transform 0.4s ease, filter 0.3s ease;
}

.events-breakway__image-grid-col img:hover {
    transform: scale(1.01);
    z-index: 10;
}

/* 
   AUTOMATIC PROPORTION LOGIC:
   Even if the user uploads any image size, these flex-grow weights 
   will force them into a masonry-style visual while keeping the bottom LEVEL.
*/

/* Column 1: Standard 3-image stack */
.events-breakway__image-grid-col:nth-child(1) img {
    flex-grow: 1;
    /* Standard size */
}

.events-breakway__image-grid-col:nth-child(1) img:nth-child(2) {
    flex-grow: 1.3;
    /* Middle image slightly more prominent */
}

/* Column 2: 2-image stack (Tall + Short) */
.events-breakway__image-grid-col:nth-child(2) img {
    flex-grow: 1.5;
    /* Top image is taller portrait */
}

.events-breakway__image-grid-col:nth-child(2) img:nth-child(2) {
    flex-grow: 1;
}

/* Column 3: 2-image stack (Extended Tall + Short) */
.events-breakway__image-grid-col:nth-child(3) img {
    flex-grow: 2;
    /* Main feature tall image */
}

.events-breakway__image-grid-col:nth-child(3) img:nth-child(2) {
    flex-grow: 0.8;
}

/* Responsive adjustments */
@media only screen and (max-width: 1439px) {
    .events-breakway__image-grid {
        height: 900px;
        gap: 15px;
    }

    .events-breakway__image-grid-col {
        gap: 15px;
    }
}

@media only screen and (max-width: 1023px) {
    .events-breakway__image-grid {
        height: auto;
        /* Allow natural flow for tablet */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .events-breakway__image-grid-col img {
        height: 300px;
        flex-grow: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .events-breakway__image-grid {
        display: flex;
        flex-direction: column;
        height: auto;
        gap: 20px;
    }

    .events-breakway__image-grid-col img {
        height: auto;
        aspect-ratio: 4/3;
    }
}

.events-breakaway__slider-section .events-slider-wrap {
    padding-top: 40px;
}

@media only screen and (max-width: 1439px) {
    .events-breakway-events {
        padding: 80px 0;
    }

    .events-breakway__image-grid {
        padding-top: 50px;
        gap: 15px;
    }

    .events-breakway__image-grid-col {
        gap: 15px;
    }
}

@media only screen and (max-width: 1023px) {

    .events-breakway__image-grid-col img,
    .events-breakway__image-grid-col:nth-child(n) img:nth-child(n) {
        height: 300px;
        /* Reset heights for tablet */
    }
}

@media only screen and (max-width: 767px) {
    .events-breakway-events {
        padding: 60px 0;
    }

    .events-breakway__image-grid {
        padding-top: 40px;
        flex-direction: column;
        gap: 20px;
    }

    .events-breakway__image-grid-col {
        gap: 20px;
    }

    .events-breakway__image-grid-col img,
    .events-breakway__image-grid-col:nth-child(n) img:nth-child(n) {
        height: auto;
        /* Allow natural proportions on mobile */
        aspect-ratio: 16/9;
    }

    .description {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .description+.btn {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 568px){
	 .events-breakway__image-grid-col img,
    .events-breakway__image-grid-col:nth-child(n) img:nth-child(n) {
        aspect-ratio: auto;
    }
}