.events-masonry-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    gap: 20px;
    margin: 40px auto;
    align-items: stretch;
    padding:20px;
    box-sizing:border-box;
}

.event-masonry-block {

    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;



    background-color: #fff;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position:relative;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .2);
}

.event-masonry-block .content {
    padding:30px;
}

.event-masonry-block .content p {
    color:#6f6f6f;
    font-size:16px;
    margin: 0 0 5px;
}

.event-block-1 p {
    color:white !important;
}

.event-block-1 p.title {
    font-size:clamp(16px, 100vw * 30 / 1920 , 30px) !important;
}

.event-block-1 div.divider {
    display:block;
    width:100%;
    height:1px;
    background-color: white;
    margin: 30px 0;
}

.event-masonry-block .content p.date {
    margin: 0 0 15px;
}

.event-masonry-block .content p.date i {
    margin: 0 10px 0 0;
}


.event-masonry-block .content p.title {
    font-size:20px;
    color:#393d91;
    margin: 0 0 15px;
    font-weight: 700;
}

.event-block-1 .content a {
    margin: 0 !important;
    color:white !important;
    font-weight: 400 !important;
}

.event-masonry-block .content a {
    margin: 30px 0 0;
    display: block;
    text-decoration: none;
    font-size:16px;
    color:#0078ff;
    font-weight: bold;
    transition:all 0.3s;
}

.event-masonry-block .content a i {
    transform:rotate(-45deg);
    margin: 0 0 0 5px;
}

.event-masonry-block .overlay {
    position:absolute;
    width:100%;
    height:100%;
    z-index: 1;
    display:none;
    pointer-events: none;
    background:linear-gradient(0deg,rgba(57, 61, 145, 1) 0%, rgba(242, 223, 14, 0) 70%);
}

.event-masonry-block.event-block-1 .content {
    position:absolute;
    left:0;
    bottom:0;
    padding:clamp(30px, 100vw * 40 / 1920 ,40px);
    width: 100%;
    z-index:10;
}

.event-masonry-block.event-block-1 .overlay {
    display: block;
}

.event-masonry-block.event-block-1 .thumb {
    width:100%;
}

.event-masonry-block .thumb img {
    width:100%;
    transition:all 0.3s;
}

.event-masonry-block:hover .thumb img {
    transform:scale(1.1);
}

.event-masonry-block:hover .content a {
    margin-left: 15px !important;
}

.event-masonry-block .thumb {
    width:63%;
    overflow: hidden;
}

.events-masonry-container .event-masonry-block.light p {
    font-size: clamp(12px, 100vw * 16 / 1920, 16px);
    line-height:2;
}


.events-masonry-container .event-masonry-block.light p a {
    text-decoration: none;
    font-weight: 600;
    position:relative;
    text-transform: uppercase;
    transition:all 0.3s;
    font-size: clamp(14px, 100vw * 18 / 1920, 18px);
}

.events-masonry-container .event-masonry-block.light p a::after {
    content: "\f061";
    font-family: "FontAwesome";
    position:absolute;
    top: -2px;
    right: -25px;
}

.events-masonry-container .event-masonry-block.light p a:hover {
    color:black;
}

.events-masonry-container .event-masonry-block.center {
    background-position: center;
}

.events-masonry-container .event-masonry-block.top-left {
    background-position: top left;
}

.events-masonry-container .event-masonry-block.top-right {
    background-position: top right;
}

.events-masonry-container .event-masonry-block.bottom-right {
    background-position: bottom right;
}

.events-masonry-container .event-masonry-block.bottom-left {
    background-position: bottom left;
}

.event-block-1 {
    grid-row: 1 / span 2;
    display: flex;
    box-sizing:border-box;
}

.event-block-2 {
    grid-column: 2;
    grid-row: 1;
}

.event-block-3 {
    grid-column: 2;
    grid-row: 2;
}

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

@media only screen and (max-width: 1000px) {
	.events-masonry-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .event-block-1,
    .event-block-2,
    .event-block-3 {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}


 /* 🔽 Mobile View: Stack all three blocks vertically */
@media (max-width: 768px) {
    .events-masonry-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .event-block-1,
    .event-block-2,
    .event-block-3 {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .event-masonry-block {
        flex-direction: column;
    }

    .event-masonry-block .thumb {
        width:100%;
    }

    .event-masonry-block .overlay {
        background-color:rgba(57, 61, 145, .4);
    }

    .event-masonry-block.event-block-1 .overlay {
        display: none;
    }

    .event-masonry-block.event-block-1 .content {
        position:relative;
    }

    .event-block-1 p {
        color:#6f6f6f !important;
    }

    .event-block-1 p.title {
        font-size: 20px !important;
        color: #393d91 !important;
    }

    .event-block-1 .content a {
        font-size: 16px !important;
        color: #0078ff !important;
    }

    .event-block-1 div.divider {
        display:none;
    }
}

.wrap-block.masonry-grid .grid-container {
    max-width:120rem;
}